@ones-editor/editor 2.2.8-beta.6 → 2.2.8-beta.8

package/dist/index.js

@@ -2084,6 +2084,61 @@ div.tippy-box[data-theme=editor-tooltip] > .tippy-content {
   height: 40px;
   transform: scaleX(0.5);
   background-color: var(--Fills-Vibrant-Secondary, rgba(127, 127, 127, 0.4));
+}div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer {
+  position: absolute;
+  background-color: transparent;
+  border: 1px solid #0064ff;
+  pointer-events: none;
+  z-index: 1;
+  display: none;
+}
+div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer.active {
+  display: block;
+}
+div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  background-color: #0064ff;
+  border-radius: 50%;
+  pointer-events: all;
+  outline: 2px solid #fff;
+}
+div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper::before {
+  content: "";
+  position: absolute;
+  top: -3px;
+  left: -3px;
+  width: 16px;
+  height: 16px;
+}
+div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper.bottom {
+  left: calc(50% - 5px);
+  bottom: -5px;
+  cursor: ns-resize;
+}
+div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper.top-left {
+  left: -5px;
+  top: -5px;
+  cursor: nwse-resize;
+}
+div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper.top-right {
+  right: -5px;
+  top: -5px;
+  cursor: nesw-resize;
+}
+div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper.bottom-left {
+  left: -5px;
+  bottom: -5px;
+  cursor: nesw-resize;
+}
+div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper.bottom-right {
+  right: -5px;
+  bottom: -5px;
+  cursor: nwse-resize;
+}
+div.editor-root.readonly div.editor-content div[data-type=editor-block] > [data-type=block-tools] .block-resizer {
+  display: none;
 }div[data-type=editor-block].block-exclusive:after {
   content: attr(data-exclusive-tips);
   position: absolute;
@@ -2889,61 +2944,6 @@ div.editor-root.readonly div.editor-content div[data-type=editor-block] div[data
 }
 div.editor-root.readonly div.editor-content div[data-type=editor-block] div[data-type=block-content] > span.status-box .box-status-common:hover {
   outline: none;
-}div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer {
-  position: absolute;
-  background-color: transparent;
-  border: 1px solid #0064ff;
-  pointer-events: none;
-  z-index: 1;
-  display: none;
-}
-div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer.active {
-  display: block;
-}
-div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper {
-  position: absolute;
-  width: 10px;
-  height: 10px;
-  background-color: #0064ff;
-  border-radius: 50%;
-  pointer-events: all;
-  outline: 2px solid #fff;
-}
-div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper::before {
-  content: "";
-  position: absolute;
-  top: -3px;
-  left: -3px;
-  width: 16px;
-  height: 16px;
-}
-div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper.bottom {
-  left: calc(50% - 5px);
-  bottom: -5px;
-  cursor: ns-resize;
-}
-div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper.top-left {
-  left: -5px;
-  top: -5px;
-  cursor: nwse-resize;
-}
-div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper.top-right {
-  right: -5px;
-  top: -5px;
-  cursor: nesw-resize;
-}
-div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper.bottom-left {
-  left: -5px;
-  bottom: -5px;
-  cursor: nesw-resize;
-}
-div.editor-root div.editor-content div[data-type=editor-block] [data-type=block-tools] .block-resizer .resize-gripper.bottom-right {
-  right: -5px;
-  bottom: -5px;
-  cursor: nwse-resize;
-}
-div.editor-root.readonly div.editor-content div[data-type=editor-block] > [data-type=block-tools] .block-resizer {
-  display: none;
 }.before-content, .editor-root div.editor-content div[data-type=editor-container] .embed-block[data-type=editor-block][data-embed-type=image].selected [data-type=block-content] .images .image-container.active::before, .editor-root div.editor-content div[data-type=editor-container] .embed-block[data-type=editor-block][data-embed-type=image].selected:not(.focused) [data-type=block-content] .images .image-container::before {
   content: " ";
   position: absolute;
@@ -11556,7 +11556,7 @@ var __publicField = (obj, key, value) => {
           }
           this.editor.selectionHandler.handleMouseDown(event, { autoScroll: true });
         }
-        this.editor.input.focus();
+        this.editor.input.focus({ preventScroll: true });
       });
       __publicField(this, "handleMouseMove", (event) => {
         assert(logger$4p, this.mouseDownEvent, "no mouse down event");
@@ -13104,7 +13104,8 @@ var __publicField = (obj, key, value) => {
       if (pointX < rect.left) {
         x = rect.left;
       } else if (pointX > rect.right) {
-        x = rect.right - 50;
+        const offset = targetBlock && isTextKindBlock(editor, targetBlock) ? 3 : 50;
+        x = rect.right - offset;
       }
     }
     for (let i = 0; i < yOffsets.length; i++) {
@@ -14453,10 +14454,6 @@ var __publicField = (obj, key, value) => {
       }
       if (isTextBlockContentBoxChild(child)) {
         const boxChild = child;
-        const nextChild = children[i + 1];
-        if (!nextChild) {
-          break;
-        }
         const prevChild = children[i - 1];
         if (prevChild) {
           if (endAtNewLine(prevChild, boxChild)) {
@@ -14473,6 +14470,10 @@ var __publicField = (obj, key, value) => {
             });
           }
         }
+        const nextChild = children[i + 1];
+        if (!nextChild) {
+          break;
+        }
         if (nextChildStartsNewLine(boxChild, nextChild)) {
           offset += 1;
           lineBreaks.push({
@@ -27430,7 +27431,7 @@ var __publicField = (obj, key, value) => {
   }
   const logger$3g = getLogger("table-scroll");
   class DomEventHandler {
-    constructor(editor, dom, name, handler, data2) {
+    constructor(editor, dom, name, handler, data2, options) {
       __publicField(this, "handleEvent", (event) => {
         this.handler(this.editor, event, this.data);
       });
@@ -27439,7 +27440,7 @@ var __publicField = (obj, key, value) => {
       this.name = name;
       this.handler = handler;
       this.data = data2;
-      dom.addEventListener(name, this.handleEvent);
+      dom.addEventListener(name, this.handleEvent, options);
     }
     destroy() {
       this.dom.removeEventListener(this.name, this.handleEvent);
@@ -27456,16 +27457,16 @@ var __publicField = (obj, key, value) => {
         this.handlers.delete(element);
       });
     }
-    addEventListener(element, eventName, eventHandler, data2) {
+    addEventListener(element, eventName, eventHandler, data2, options) {
       const existsHandlers = this.handlers.get(element);
       if (existsHandlers) {
         if (existsHandlers.find((handler) => handler.handler === eventHandler && handler.name === eventName)) {
           logger$3g.warn(`event has already registered: ${eventName}`);
           return;
         }
-        existsHandlers.push(new DomEventHandler(this.editor, element, eventName, eventHandler, data2));
+        existsHandlers.push(new DomEventHandler(this.editor, element, eventName, eventHandler, data2, options));
       } else {
-        const handler = new DomEventHandler(this.editor, element, eventName, eventHandler, data2);
+        const handler = new DomEventHandler(this.editor, element, eventName, eventHandler, data2, options);
         this.handlers.set(element, [handler]);
       }
     }
@@ -39898,17 +39899,23 @@ ${codeText}
           return true;
         }
         if (event.key === "ArrowUp") {
-          const prev = this.getPrevItemIndex(this.getSelectedItemIndex());
-          this.startPauseMouseEnter();
-          this.selectItem(this.items[prev].id);
-          event.preventDefault();
-          event.stopPropagation();
+          const curr = this.getSelectedItemIndex();
+          const prev = this.getPrevItemIndex(curr);
+          if (curr !== prev) {
+            this.startPauseMouseEnter();
+            this.selectItem(this.items[prev].id);
+            event.preventDefault();
+            event.stopPropagation();
+          }
         } else if (event.key === "ArrowDown") {
-          const next2 = this.getNextItemIndex(this.getSelectedItemIndex());
-          this.startPauseMouseEnter();
-          this.selectItem(this.items[next2].id);
-          event.preventDefault();
-          event.stopPropagation();
+          const curr = this.getSelectedItemIndex();
+          const next2 = this.getNextItemIndex(curr);
+          if (curr !== next2) {
+            this.startPauseMouseEnter();
+            this.selectItem(this.items[next2].id);
+            event.preventDefault();
+            event.stopPropagation();
+          }
         } else if (event.key === "ArrowRight") {
           const item = this.getSelectedItem();
           if (item && item.children) {
@@ -40114,7 +40121,7 @@ ${codeText}
       this.emit("click", this, item, target);
     }
     createPopperOptions() {
-      var _a, _b;
+      var _a, _b, _c;
       const popperOptions = { modifiers: [] };
       const overflowBoundary = this.options.overflowBoundary;
       const padding = this.options.padding;
@@ -40147,6 +40154,10 @@ ${codeText}
           }
         });
       }
+      (_c = popperOptions == null ? void 0 : popperOptions.modifiers) == null ? void 0 : _c.push({
+        name: "flip",
+        enabled: false
+      });
       return popperOptions;
     }
     destroy() {
@@ -40493,6 +40504,9 @@ ${codeText}
     static hasExistsCommandBar() {
       return !!document.querySelector("[data-command-bar-id]");
     }
+    static hideAll() {
+      tippy$1.hideAll();
+    }
   };
   let CommandBar = _CommandBar;
   __publicField(CommandBar, "commandBarCreators", /* @__PURE__ */ new Map());
@@ -46988,7 +47002,413 @@ ${codeText}
     }
     return rects[0];
   }
-  const logger$24 = getLogger("exclusive-block");
+  const zhCN$v = {
+    embedProperties: {
+      edit: "\u7F16\u8F91",
+      addComment: "\u6DFB\u52A0\u6279\u6CE8"
+    }
+  };
+  const enUS$v = {
+    embedProperties: {
+      edit: "Edit",
+      addComment: "Add annotation"
+    }
+  };
+  const jaJP$v = {
+    embedProperties: {
+      edit: "\u7DE8\u96C6",
+      addComment: "\u6CE8\u91C8\u3092\u8FFD\u52A0"
+    }
+  };
+  i18n$1.mergeLang({
+    "zh-CN": zhCN$v,
+    "en-US": enUS$v,
+    "ja-JP": jaJP$v
+  });
+  const logger$24 = getLogger("embed-block-properties");
+  function addCommentToBlock$1(editor, block) {
+    var _a;
+    for (const hook of editor.blockHooks) {
+      const commands = (_a = hook.commands) == null ? void 0 : _a.call(hook, editor, block, null);
+      if (!commands) {
+        continue;
+      }
+      if (commands.group === "block-comment-actions") {
+        const command = commands.commands[0];
+        if (!command) {
+          continue;
+        }
+        commands.executeCommand(editor, block, commands.commands[0], null);
+        return true;
+      }
+    }
+    return false;
+  }
+  class StandardEmbedBlockCommands {
+    constructor(editor, block, properties) {
+      __publicField(this, "group", "hovering-toolbar");
+      __publicField(this, "_commands", [{
+        id: "edit",
+        name: i18n$1.t("embedProperties.edit"),
+        icon: EditIcon
+      }, {
+        id: "separator",
+        name: "",
+        type: "separator"
+      }]);
+      this.editor = editor;
+      this.block = block;
+      this.properties = properties;
+    }
+    get commands() {
+      var _a, _b, _c, _d;
+      if (clientType.isMobile) {
+        return [];
+      }
+      let standardCommands = [];
+      if ((_a = this.properties) == null ? void 0 : _a.presetIds) {
+        this.properties.presetIds.forEach((id) => {
+          const command = this._commands.find((item) => item.id === id);
+          if (command) {
+            standardCommands.push(command);
+          }
+        });
+      }
+      if (((_b = this.properties) == null ? void 0 : _b.extCommands) && Array.isArray(this.properties.extCommands)) {
+        standardCommands.push(...this.properties.extCommands);
+      }
+      if (typeof ((_c = this.properties) == null ? void 0 : _c.extCommands) === "function") {
+        standardCommands.push(...this.properties.extCommands(this.editor, this.block));
+      }
+      if ((_d = this.properties) == null ? void 0 : _d.extIds) {
+        this.properties.extIds.forEach((id) => {
+          const command = this._commands.find((item) => item.id === id);
+          if (command) {
+            standardCommands.push(command);
+          }
+        });
+      }
+      const { enableComments = true } = this.editor.options;
+      if (!enableComments || this.editor.readonly) {
+        standardCommands = standardCommands.filter((command) => command.id !== "add-comment");
+      }
+      if (this.editor.readonly) {
+        standardCommands = standardCommands.filter((command) => command.id !== "edit");
+      }
+      standardCommands.forEach((item) => {
+        if (item.id === "add-comment" || item.id === "edit") {
+          item.states = this.editor.isBlockWritable(this.block) ? [] : ["disabled"];
+        }
+      });
+      return standardCommands;
+    }
+    executeCommand(editor, block, item) {
+      var _a, _b;
+      if ((_b = (_a = this.properties) == null ? void 0 : _a.handleExecuteCommand) == null ? void 0 : _b.call(_a, editor, block, item)) {
+        return;
+      }
+      if (item.id === "add-comment") {
+        if (!addCommentToBlock$1(editor, block)) {
+          logger$24.error("failed to add comment to block");
+        }
+        return;
+      }
+      logger$24.error(`unknown command: ${JSON.stringify(item)}`);
+    }
+  }
+  function getStandardEmbedBlockProperties(editor, block, properties) {
+    return {
+      blockCommands: {
+        "hovering-toolbar": new StandardEmbedBlockCommands(editor, block, properties)
+      }
+    };
+  }
+  function createResizeGripper(parent, type) {
+    const elem = createElement("div", ["resize-gripper", type], parent);
+    elem.setAttribute("data-resize-type", type);
+  }
+  function getExistsResizer(block) {
+    const tools = getBlockTools(block);
+    return tools.querySelector(".block-resizer");
+  }
+  function hideResizer(block) {
+    const exists = getExistsResizer(block);
+    if (exists) {
+      removeClass(exists, "active");
+    }
+  }
+  function updateSize(block, element, resizer) {
+    const blockRect = block.getBoundingClientRect();
+    const elementRect = element.getBoundingClientRect();
+    const top = elementRect.top - blockRect.top;
+    const left = elementRect.left - blockRect.left;
+    const width = elementRect.width;
+    const height = elementRect.height;
+    resizer.style.top = `${top}px`;
+    resizer.style.left = `${left}px`;
+    resizer.style.width = `${width}px`;
+    resizer.style.height = `${height}px`;
+  }
+  function createResizer(block, element, options, mouseDownEvent) {
+    const exists = getExistsResizer(block);
+    if (exists) {
+      addClass(exists, "active");
+      updateSize(block, element, exists);
+      return exists;
+    }
+    const tools = getBlockTools(block);
+    const resizer = createElement("div", ["block-resizer"], tools);
+    updateSize(block, element, resizer);
+    options.resize.forEach((type) => {
+      createResizeGripper(resizer, type);
+    });
+    resizer.addEventListener("mousedown", mouseDownEvent);
+    addClass(resizer, "active");
+    return resizer;
+  }
+  function updateResizer(block, element) {
+    const resizer = getExistsResizer(block);
+    if (!resizer) {
+      return;
+    }
+    if (!isChildNode(block, element)) {
+      return;
+    }
+    const blockRect = block.getBoundingClientRect();
+    const elementRect = element.getBoundingClientRect();
+    const top = elementRect.top - blockRect.top;
+    const left = elementRect.left - blockRect.left;
+    const width = elementRect.width;
+    const height = elementRect.height;
+    resizer.style.top = `${top}px`;
+    resizer.style.left = `${left}px`;
+    resizer.style.width = `${width}px`;
+    resizer.style.height = `${height}px`;
+  }
+  const style$a = "";
+  const logger$23 = getLogger("block-resizer");
+  class BlockResizer extends tinyTypedEmitter.TypedEmitter {
+    constructor(editor, options) {
+      super();
+      __publicField(this, "resizableElement");
+      __publicField(this, "block", null);
+      __publicField(this, "startRect", null);
+      __publicField(this, "startPos", null);
+      __publicField(this, "resizeType", null);
+      __publicField(this, "enabled", false);
+      __publicField(this, "handleEditorResize", () => {
+        if (this.block) {
+          this.updateResizer();
+        }
+      });
+      __publicField(this, "handleMouseDown", (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+        const element = this.getResizableElement();
+        if (!element) {
+          return;
+        }
+        if (event.button !== 0) {
+          return;
+        }
+        const gripper = event.target;
+        if (!gripper) {
+          return;
+        }
+        if (!(gripper instanceof HTMLElement)) {
+          return;
+        }
+        const resizeType = gripper.getAttribute("data-resize-type");
+        if (!resizeType) {
+          return;
+        }
+        this.bindEvents();
+        this.startRect = element.getBoundingClientRect();
+        this.startPos = event;
+        this.resizeType = resizeType;
+        setDefaultCursor(window.getComputedStyle(gripper).cursor);
+        if (this.block) {
+          this.editor.selection.selectBlock(this.block, 0);
+        }
+      });
+      __publicField(this, "handleMouseMove", (event) => {
+        if (!this.startPos || !this.startRect || !this.resizeType) {
+          return;
+        }
+        const element = this.getResizableElement();
+        if (!element || !this.block) {
+          return;
+        }
+        const deltaX = event.x - this.startPos.x;
+        const deltaY = event.y - this.startPos.y;
+        const oldRect = this.startRect;
+        let { top, left, right, bottom } = oldRect;
+        if (this.resizeType === "bottom" || this.resizeType === "bottom-left" || this.resizeType === "bottom-right") {
+          bottom += deltaY;
+        }
+        if (this.resizeType === "top" || this.resizeType === "top-left" || this.resizeType === "top-right") {
+          top += deltaY;
+        }
+        if (this.resizeType === "left" || this.resizeType === "top-left" || this.resizeType === "bottom-left") {
+          left += deltaX;
+        }
+        if (this.resizeType === "right" || this.resizeType === "top-right" || this.resizeType === "bottom-right") {
+          right += deltaX;
+        }
+        const width = right > left ? right - left : 0;
+        const height = bottom > top ? bottom - top : 0;
+        const newRect = new DOMRect(left, top, width, height);
+        this.emit("resizing", this, newRect);
+        const newElement = this.getResizableElement();
+        if (newElement) {
+          updateResizer(this.block, newElement);
+        }
+      });
+      __publicField(this, "handleMouseUp", (event) => {
+        if (event.button !== 0) {
+          return;
+        }
+        setDefaultCursor("");
+        this.unbindEvents();
+        this.emit("resized", this);
+        const element = this.getResizableElement();
+        if (!element || !this.block) {
+          return;
+        }
+        updateResizer(this.block, element);
+      });
+      this.editor = editor;
+      this.options = options;
+      this.editor.addListener("resize", this.handleEditorResize);
+    }
+    enableResize(block, resizableElement) {
+      this.block = block;
+      this.resizableElement = resizableElement;
+      this.createResizer();
+      this.enabled = true;
+    }
+    disableResize() {
+      if (!this.block) {
+        return;
+      }
+      hideResizer(this.block);
+      this.enabled = false;
+    }
+    update(block, resizableElement) {
+      this.block = block;
+      this.resizableElement = resizableElement;
+      const elem = this.getResizableElement();
+      if (elem && this.enabled) {
+        this.createResizer();
+      }
+    }
+    updateResizer() {
+      const newElement = this.getResizableElement();
+      if (newElement && this.block) {
+        updateResizer(this.block, newElement);
+      }
+    }
+    getBlock() {
+      return this.block;
+    }
+    destroy() {
+      this.editor.removeListener("resize", this.handleEditorResize);
+    }
+    getResizableElement() {
+      if (this.resizableElement) {
+        return this.resizableElement;
+      }
+      if (!this.block) {
+        return null;
+      }
+      return getBlockContent(this.block);
+    }
+    createResizer() {
+      const element = this.getResizableElement();
+      if (!element || !this.block) {
+        return;
+      }
+      assert(logger$23, isChildNode(this.block, element), "not a block child element");
+      createResizer(this.block, element, this.options, this.handleMouseDown);
+    }
+    bindEvents() {
+      document.addEventListener("mousemove", this.handleMouseMove);
+      document.addEventListener("mouseup", this.handleMouseUp);
+    }
+    unbindEvents() {
+      document.removeEventListener("mousemove", this.handleMouseMove);
+      document.removeEventListener("mouseup", this.handleMouseUp);
+    }
+  }
+  class EmbedBlockResizer {
+    constructor(editor) {
+      __publicField(this, "resizing", false);
+      __publicField(this, "blockResizer");
+      __publicField(this, "handleResized", () => {
+        this.resizing = false;
+      });
+      __publicField(this, "handleResizing", (resizer, rect) => {
+        var _a, _b;
+        this.resizing = true;
+        const block = resizer.getBlock();
+        if (block) {
+          if (((_b = (_a = getBlockClass(this.editor, block)).notify) == null ? void 0 : _b.call(_a, this.editor, "resize", { block, rect })) === true) {
+            return;
+          }
+          const blockType = getEmbedType(block);
+          const { adjustableMinHeight } = getEmbedClassByType(this.editor, blockType);
+          const height = Math.max(rect.height, adjustableMinHeight || 100);
+          const oldData = this.editor.getBlockData(block);
+          const oldEmbedData = oldData.embedData;
+          const newEmbedData = {
+            ...oldEmbedData,
+            height
+          };
+          this.editor.updateEmbedData(block, newEmbedData);
+        }
+      });
+      __publicField(this, "handleHoveringBlockChange", (block, old) => {
+        if (this.resizing) {
+          return;
+        }
+        if (old && isEmbedBlock(old) && hasClass(old, "resizable")) {
+          this.disableResizer();
+        }
+        if (block && isEmbedBlock(block) && hasClass(block, "resizable") && this.editor.isBlockWritable(block)) {
+          this.tryEnableResizer(block);
+        }
+      });
+      __publicField(this, "handleEditorResize", () => {
+        this.blockResizer.updateResizer();
+      });
+      this.editor = editor;
+      OnesEditorHoveringBlock.get(editor).addListener("change", this.handleHoveringBlockChange);
+      this.blockResizer = new BlockResizer(this.editor, {
+        resize: ["bottom"]
+      });
+      this.blockResizer.addListener("resizing", this.handleResizing);
+      this.blockResizer.addListener("resized", this.handleResized);
+      this.editor.addListener("resize", this.handleEditorResize);
+    }
+    destroy() {
+      this.editor.removeListener("resize", this.handleEditorResize);
+      OnesEditorHoveringBlock.get(this.editor).removeListener("change", this.handleHoveringBlockChange);
+    }
+    tryEnableResizer(block) {
+      this.blockResizer.enableResize(block);
+    }
+    disableResizer() {
+      this.blockResizer.disableResize();
+    }
+    static get(editor) {
+      return editor.addCustom("EmbedBlockResizer", () => new EmbedBlockResizer(editor));
+    }
+    static register(editor, block) {
+      addClass(block, "resizable");
+      return editor.addCustom("EmbedBlockResizer", () => new EmbedBlockResizer(editor));
+    }
+  }
+  const logger$22 = getLogger("exclusive-block");
   function addExclusiveStyle(editor, block, userId, displayName) {
     var _a;
     addClass(block, "block-exclusive");
@@ -47006,7 +47426,7 @@ ${codeText}
     block.removeAttribute("data-exclusive-tips");
   }
   function updateBlockExclusive(editor, block, exclusive, userId, displayName) {
-    logger$24.debug(`block ${getBlockId(block)} ${exclusive ? "exclusive" : "unexclusive"}, ${userId}, ${displayName}`);
+    logger$22.debug(`block ${getBlockId(block)} ${exclusive ? "exclusive" : "unexclusive"}, ${userId}, ${displayName}`);
     if (exclusive) {
       addExclusiveStyle(editor, block, userId, displayName);
     } else {
@@ -47163,28 +47583,28 @@ ${codeText}
     }
   }
   const exclusiveBlockStyles = "";
-  const zhCN$v = {
+  const zhCN$u = {
     exclusive: {
       tips: "\u300C{editor}\u300D\u6B63\u5728\u7F16\u8F91\uFF0C\u300C{embedType}\u300D\u4E0D\u652F\u6301\u591A\u4EBA\u7F16\u8F91",
       fallbackAbstract: "\u8BE5 Block"
     }
   };
-  const enUS$v = {
+  const enUS$u = {
     exclusive: {
       tips: "\u300C{editor}\u300Dis editing\uFF0C\u300C{embedType}\u300Ddoes not support multi-person editing",
       fallbackAbstract: "This Block"
     }
   };
-  const jaJP$v = {
+  const jaJP$u = {
     exclusive: {
       tips: "\u300C{editor}\u300D\u306F\u7DE8\u96C6\u4E2D\u3067\u3059\u3002\u300C{embedType}\u300D\u306F\u8907\u6570\u4EBA\u3067\u540C\u6642\u7DE8\u96C6\u3067\u304D\u307E\u305B\u3093",
       fallbackAbstract: "\u3053\u306E\u8981\u7D20"
     }
   };
   i18n$1.mergeLang({
-    "zh-CN": zhCN$v,
-    "en-US": enUS$v,
-    "ja-JP": jaJP$v
+    "zh-CN": zhCN$u,
+    "en-US": enUS$u,
+    "ja-JP": jaJP$u
   });
   function getBlockInfo(editor, block) {
     const data2 = editor.getBlockData(block);
@@ -47360,22 +47780,22 @@ ${codeText}
       };
     }
   }
-  const style$a = "";
-  const zhCN$u = {
+  const style$9 = "";
+  const zhCN$t = {
     locker: {
       lock: "\u9501\u5B9A",
       unlock: "\u89E3\u9664\u9501\u5B9A",
       lockedBy: "\u88AB {name} \u9501\u5B9A"
     }
   };
-  const enUS$u = {
+  const enUS$t = {
     locker: {
       lock: "Lock",
       unlock: "Unlock",
       lockedBy: "Locked by {name}"
     }
   };
-  const jaJP$u = {
+  const jaJP$t = {
     locker: {
       lock: "\u30ED\u30C3\u30AF",
       unlock: "\u30ED\u30C3\u30AF\u89E3\u9664",
@@ -47383,9 +47803,9 @@ ${codeText}
     }
   };
   i18n$1.mergeLang({
-    "zh-CN": zhCN$u,
-    "en-US": enUS$u,
-    "ja-JP": jaJP$u
+    "zh-CN": zhCN$t,
+    "en-US": enUS$t,
+    "ja-JP": jaJP$t
   });
   class BlockLockerPasteHandler {
     async handleBeforePasteDoc(editor, doc2) {
@@ -47397,7 +47817,7 @@ ${codeText}
       return false;
     }
   }
-  const logger$23 = getLogger("context-menu-utils");
+  const logger$21 = getLogger("context-menu-utils");
   function blobToString(blob) {
     return new Promise((resolve, reject) => {
       const reader = new FileReader();
@@ -47418,7 +47838,7 @@ ${codeText}
       const types2 = items[0].types;
       return !data2.trim() && types2.length === 1 && types2.includes("text/plain");
     } catch (error2) {
-      logger$23.warn(`Failed to read clipboard data: ${error2}`);
+      logger$21.warn(`Failed to read clipboard data: ${error2}`);
       return true;
     }
   }
@@ -47467,7 +47887,7 @@ ${codeText}
     }
     return dataTransfer;
   }
-  const logger$22 = getLogger("ClipboardProvider");
+  const logger$20 = getLogger("ClipboardProvider");
   class ClipboardProvider {
     constructor(editor, options) {
       __publicField(this, "id", "ClipboardProvider");
@@ -47553,7 +47973,7 @@ ${codeText}
           }
         }).catch((err) => {
           this.clipboardPermission.read = "denied";
-          logger$22.log(err);
+          logger$20.log(err);
         });
       } catch (error2) {
         this.clipboardPermission = {
@@ -47614,13 +48034,14 @@ ${codeText}
     }
   }
   class StandardBoxCommands {
-    constructor(editor) {
+    constructor(editor, extIds) {
       __publicField(this, "group", "standard-box-commands");
       __publicField(this, "providers", []);
       this.editor = editor;
-      if (clientType.isMobile) {
-        this.providers.push(new ClipboardProvider(this.editor, { withPaste: false }));
-      }
+      this.extIds = extIds;
+    }
+    addProvider(provider) {
+      this.providers.push(provider);
     }
     get commands() {
       if (this.editor.readonly) {
@@ -47631,6 +48052,14 @@ ${codeText}
       for (const provider of this.providers) {
         items.push(...provider.getAvailableCommands(this.editor, focusedBlock, this.editor.selection.range));
       }
+      for (const extId of this.extIds || []) {
+        if (extId === "separator") {
+          items.push({ id: "sep", name: "", type: "separator" });
+        }
+        if (extId === "add-comment") {
+          items.push({ id: "add-comment", name: i18n$1.t("comment.comment"), icon: CommentIcon$1 });
+        }
+      }
       return items;
     }
     executeCommand(editor, block, box, item) {
@@ -47645,12 +48074,20 @@ ${codeText}
           return;
         }
       }
+      if (item.id === "add-comment") {
+        addCommentToBlock$1(editor, block);
+      }
     }
     static create(editor) {
       return new StandardBoxCommands(editor);
     }
+    static mobileCreate(editor) {
+      const instance = new StandardBoxCommands(editor);
+      instance.addProvider(new ClipboardProvider(editor, { withPaste: false }));
+      return instance;
+    }
   }
-  const logger$21 = getLogger("object-commands");
+  const logger$1$ = getLogger("object-commands");
   const SEP$1 = {
     id: "",
     name: "",
@@ -47706,7 +48143,7 @@ ${codeText}
     let element = null;
     const commands = [];
     if (clientType.isMobile && child && isBox(child)) {
-      boxCommands.push(new StandardBoxCommands(editor));
+      boxCommands.push(StandardBoxCommands.mobileCreate(editor));
     }
     if (boxCommands.length > 0) {
       element = child;
@@ -47736,10 +48173,10 @@ ${codeText}
     const result = getSpecialBlockCommands(editor, block, child, "hovering-toolbar");
     const { boxCommands, blockCommands } = result;
     if (clientType.isMobile && child && isBox(child)) {
-      boxCommands.push(new StandardBoxCommands(editor));
+      boxCommands.push(StandardBoxCommands.mobileCreate(editor));
     }
     if (boxCommands.length > 0) {
-      assert(logger$21, child, "child is null");
+      assert(logger$1$, child, "child is null");
       for (let i = 0; i < boxCommands.length; i++) {
         if (boxCommands[i].commands.find((c) => c.id === item.id)) {
           boxCommands[i].executeCommand(editor, block, child, item);
@@ -48006,18 +48443,18 @@ ${codeText}
     }
   }
   const LIST_MAX_LEVEL = 8;
-  const logger$20 = getLogger("list-block");
-  const logger$1$ = getLogger("list-block");
+  const logger$1_ = getLogger("list-block");
+  const logger$1Z = getLogger("list-block");
   function isListBlock(block) {
     return getBlockType(block) === "list";
   }
   function ensureIsListBlock(block) {
-    assert(logger$1$, isListBlock(block), "not a list block");
+    assert(logger$1Z, isListBlock(block), "not a list block");
   }
   function getListBlockType(block) {
     ensureIsListBlock(block);
     const type = block.getAttribute("data-list-type");
-    assert(logger$1$, type, "no list type");
+    assert(logger$1Z, type, "no list type");
     return type;
   }
   function isTextOnlyListBlock(block) {
@@ -48036,7 +48473,7 @@ ${codeText}
   function getListBlockGroupId(block) {
     ensureIsListBlock(block);
     const groupId = block.getAttribute("data-list-group-id");
-    assert(logger$1$, groupId, "no group id");
+    assert(logger$1Z, groupId, "no group id");
     return groupId;
   }
   function getListBlockProperties(block) {
@@ -48046,7 +48483,7 @@ ${codeText}
     const start = (_c = Number.parseInt((_b = block.getAttribute("data-list-start")) != null ? _b : "1", 10)) != null ? _c : 1;
     const level = (_e = Number.parseInt((_d = block.getAttribute("data-list-level")) != null ? _d : "1", 10)) != null ? _e : 1;
     const groupId = block.getAttribute("data-list-group-id");
-    assert(logger$1$, groupId, "no group id");
+    assert(logger$1Z, groupId, "no group id");
     return {
       type,
       start,
@@ -48315,7 +48752,7 @@ ${codeText}
       this.nodeMap.set(block, node);
       if (parentBlock) {
         const parentNode = this.nodeMap.get(parentBlock);
-        assert(logger$20, parentNode, "no parent node");
+        assert(logger$1_, parentNode, "no parent node");
         parentNode.children.push(node);
       } else {
         this.rootNodes.push(node);
@@ -48383,7 +48820,7 @@ ${codeText}
     return hasClass(block, "editor-in-mindmap-first");
   }
   function isViewingAsMindmap(block) {
-    assert(logger$20, isListBlock(block), "not a list block");
+    assert(logger$1_, isListBlock(block), "not a list block");
     if (hasClass(block, "editor-in-mindmap-first")) {
       return true;
     }
@@ -48404,12 +48841,12 @@ ${codeText}
     const container = getParentContainer(from);
     if (to) {
       const container2 = getParentContainer(to);
-      assert(logger$20, container === container2, "invalid block container");
+      assert(logger$1_, container === container2, "invalid block container");
     }
     const fromIndex = getBlockIndex(from);
     if (to) {
       const toIndex = getBlockIndex(to);
-      assert(logger$20, fromIndex <= toIndex, "invalid block index");
+      assert(logger$1_, fromIndex <= toIndex, "invalid block index");
     }
     addClass(from, ...styles);
     if (!to || to === from) {
@@ -48417,7 +48854,7 @@ ${codeText}
     }
     let next2 = getNextBlock(from);
     while (next2 !== to) {
-      assert(logger$20, next2, "no next button");
+      assert(logger$1_, next2, "no next button");
       addClass(next2, ...styles);
       next2 = getNextBlock(next2);
     }
@@ -48428,7 +48865,7 @@ ${codeText}
   async function requestMindmapFullscreen(editor, block, mindmapTools) {
     const tools = getBlockTools(block);
     const exitFullscreenButton = tools.querySelector('[data-button-id="mindmap-fullscreen"]');
-    assert(logger$20, exitFullscreenButton, "no full screen button");
+    assert(logger$1_, exitFullscreenButton, "no full screen button");
     const resetMindmap = () => {
       setTimeout(() => {
         mindmapTools.toMindmap(editor, block, {}, { reset: true, mindmapTools });
@@ -48448,7 +48885,7 @@ ${codeText}
       try {
         await exitFullscreen();
       } catch (err) {
-        logger$20.error(err);
+        logger$1_.error(err);
       }
       onExitFullscreen();
     } else {
@@ -48457,7 +48894,7 @@ ${codeText}
         await requestFullscreen(tools);
         resetMindmap();
       } catch (err) {
-        logger$20.error(err);
+        logger$1_.error(err);
       }
       exitFullscreenButton.innerHTML = ExitFullScreenIcon;
       exitFullscreenButton.setAttribute(`data-editor-tooltip-${editor.clientId}-dynamic`, i18n$1.t("mindmap.exitFullscreen"));
@@ -48738,7 +49175,7 @@ ${codeText}
     if (!svg) {
       return;
     }
-    assert(logger$20, svg, "no mindmap svg");
+    assert(logger$1_, svg, "no mindmap svg");
     svg.remove();
     editor.domEvents.removeAllListeners(svg);
     destroyMindmapButtons(editor, block);
@@ -48790,7 +49227,7 @@ ${codeText}
       });
       __publicField(this, "handleMouseEnter", () => {
         const block = getParentBlock(this.toMindmapButton);
-        assert(logger$20, block && isListBlock(block), "no parent list");
+        assert(logger$1_, block && isListBlock(block), "no parent list");
         highlightEntireList(this.editor, block, true);
         this.currentBlock = block;
       });
@@ -48802,7 +49239,7 @@ ${codeText}
       });
       __publicField(this, "handleClick", () => {
         const block = getParentBlock(this.toMindmapButton);
-        assert(logger$20, block && isListBlock(block), "no parent list");
+        assert(logger$1_, block && isListBlock(block), "no parent list");
         toMindmap(this.editor, block, {}, { saveData: true, selectBlock: true, mindmapTools: Mindmap });
       });
       this.editor = editor;
@@ -48930,11 +49367,11 @@ ${codeText}
     }
   }
   function handleDropOnList(editor, draggedBlock, targetListBlock, insertPos) {
-    logger$20.debug("drag a block on a list block");
+    logger$1_.debug("drag a block on a list block");
     if (!isTextKindBlock(editor, draggedBlock)) {
       return false;
     }
-    assert(logger$20, isListBlock(targetListBlock), "target is not a list block");
+    assert(logger$1_, isListBlock(targetListBlock), "target is not a list block");
     const { type, start, level, groupId } = getListBlockProperties(targetListBlock);
     const newStart = insertPos === "after" ? start + 1 : start;
     const oldData = editor.getBlockData(draggedBlock);
@@ -48967,7 +49404,7 @@ ${codeText}
     return true;
   }
   function handleDragList(editor, draggedBlock, targetBlock, insertPos) {
-    logger$20.debug("drag a list between text blocks");
+    logger$1_.debug("drag a list between text blocks");
     if (insertPos === "after") {
       const nextBlock = getNextBlock(targetBlock);
       if (nextBlock && isListBlock(nextBlock)) {
@@ -49004,11 +49441,11 @@ ${codeText}
     }
     const { blockId } = dragData;
     const draggedBlock = editor.getBlockById(blockId);
-    assert(logger$20, draggedBlock, "no dragged block");
+    assert(logger$1_, draggedBlock, "no dragged block");
     const { isSourceBlock, targetBlock } = options;
     if (!isSourceBlock && targetBlock) {
-      assert(logger$20, block === targetBlock, "block !== target block");
-      assert(logger$20, isListBlock(targetBlock), "target is not a list block");
+      assert(logger$1_, block === targetBlock, "block !== target block");
+      assert(logger$1_, isListBlock(targetBlock), "target is not a list block");
       return handleDropOnList(editor, draggedBlock, targetBlock, insertPos);
     }
     return handleDragList(editor, draggedBlock, targetBlock, insertPos);
@@ -49510,7 +49947,7 @@ ${codeText}
     }
     const nextBrother = getListNextBrother(block);
     while (nextBlock !== nextBrother) {
-      assert(logger$20, nextBlock, "no next block");
+      assert(logger$1_, nextBlock, "no next block");
       if (isListBlock(nextBlock)) {
         if (getListBlockLevel(nextBlock) > getListBlockLevel(block)) {
           return nextBlock;
@@ -49609,9 +50046,9 @@ ${codeText}
     }
     return true;
   }
-  const logger$1_ = getLogger("list-block");
+  const logger$1Y = getLogger("list-block");
   function cloneListData(editor, block, options) {
-    assert(logger$1_, isListBlock(block), "not a list block");
+    assert(logger$1Y, isListBlock(block), "not a list block");
     const blockData = {
       ...editor.getBlockData(block),
       id: genId()
@@ -49686,7 +50123,7 @@ ${codeText}
     return true;
   }
   function findPrevBrotherAsParent(block) {
-    assert(logger$20, isListBlock(block), "not a list block");
+    assert(logger$1_, isListBlock(block), "not a list block");
     const { level } = getListBlockProperties(block);
     let prevBlock = getPrevBlock(block);
     while (prevBlock) {
@@ -49713,7 +50150,7 @@ ${codeText}
   }
   function findPrevBrother(editor, fromBlock, toParentBlock) {
     let prevBlock = getPrevBlock(fromBlock);
-    assert(logger$20, prevBlock, "no prev brother");
+    assert(logger$1_, prevBlock, "no prev brother");
     const parentLevel = getListBlockLevel(toParentBlock);
     while (prevBlock) {
       if (prevBlock === toParentBlock) {
@@ -49734,7 +50171,7 @@ ${codeText}
     }
     ensureIsListBlock(block);
     const prevBrother = findPrevBrotherAsParent(block);
-    assert(logger$20, prevBrother, "no list prev brother");
+    assert(logger$1_, prevBrother, "no list prev brother");
     const newParent = prevBrother;
     const newBrother = findPrevBrother(editor, block, newParent);
     const level = getListBlockLevel(newParent) + 1;
@@ -49933,14 +50370,14 @@ ${codeText}
       this.editor.removeListener("afterClearSelection", this.handleAfterClearSelection);
     }
   }
-  const logger$1Z = getLogger("customize-list-start-menu");
+  const logger$1X = getLogger("customize-list-start-menu");
   class CustomizeListStartDialog {
     constructor(editor) {
       __publicField(this, "popup");
       __publicField(this, "block", null);
       __publicField(this, "show", (editor, block) => {
         const listBlockMarker = block.querySelector("div.list-container");
-        assert(logger$1Z, listBlockMarker, "list-block mark does not exist");
+        assert(logger$1X, listBlockMarker, "list-block mark does not exist");
         this.block = block;
         this.popup.manualShow(listBlockMarker, {
           theme: "light"
@@ -50098,7 +50535,7 @@ ${codeText}
         const listContainer = findTarget(event, "div.list-container");
         if (listContainer && this.editor.isWritable()) {
           const block = getParentBlock(listContainer);
-          assert(logger$20, block, "no parent block");
+          assert(logger$1_, block, "no parent block");
           ensureIsListBlock(block);
           const blockData = editor.getBlockData(block);
           if (blockData && blockData.checkbox) {
@@ -50238,7 +50675,7 @@ ${codeText}
     }
     return blockContent;
   }
-  const zhCN$t = {
+  const zhCN$s = {
     list: {
       confirm: "\u786E\u5B9A",
       setStart: "\u8BBE\u7F6E\u7F16\u53F7",
@@ -50258,7 +50695,7 @@ ${codeText}
       exitFullscreen: "\u9000\u51FA\u5168\u5C4F"
     }
   };
-  const enUS$t = {
+  const enUS$s = {
     list: {
       confirm: "Confirm",
       setStart: "Set number",
@@ -50278,7 +50715,7 @@ ${codeText}
       exitFullscreen: "Exit full screen"
     }
   };
-  const jaJP$t = {
+  const jaJP$s = {
     list: {
       confirm: "OK",
       setStart: "\u756A\u53F7\u3092\u8A2D\u5B9A",
@@ -50299,12 +50736,12 @@ ${codeText}
     }
   };
   i18n$1.mergeLang({
-    "zh-CN": zhCN$t,
-    "en-US": enUS$t,
-    "ja-JP": jaJP$t
+    "zh-CN": zhCN$s,
+    "en-US": enUS$s,
+    "ja-JP": jaJP$s
   });
-  const style$9 = "";
-  const logger$1Y = getLogger("list-block:paste-handler");
+  const style$8 = "";
+  const logger$1W = getLogger("list-block:paste-handler");
   class ListPasteHandler {
     constructor() {
       __publicField(this, "fixStartByList", null);
@@ -50358,7 +50795,7 @@ ${codeText}
               startIds.set(newGroupId, 1);
             } else {
               const start = startIds.get(groupId);
-              assert(logger$1Y, start, "start is null");
+              assert(logger$1W, start, "start is null");
               block.start = start + 1;
               block.groupId = groupId;
               startIds.set(groupId, start + 1);
@@ -50378,7 +50815,7 @@ ${codeText}
       return false;
     }
   }
-  const logger$1X = getLogger("list selection to doc");
+  const logger$1V = getLogger("list selection to doc");
   function convertListToText(data2) {
     const textData = { type: "text" };
     Object.entries(data2).forEach(([key, value]) => {
@@ -50393,7 +50830,7 @@ ${codeText}
     const data2 = cloneDeep__default.default(editorGetBlockData(editor, selectedBlock.block));
     const start = selectedBlock.start;
     const end = selectedBlock.end;
-    assert(logger$1X, data2.text, "no block text");
+    assert(logger$1V, data2.text, "no block text");
     const len = getBlockTextLength$6(editor, selectedBlock.block);
     if (end.offset - start.offset === len) {
       return {
@@ -50969,7 +51406,7 @@ ${codeText}
       toolbar2 == null ? void 0 : toolbar2.enableTextToolbar();
     }, 300);
   };
-  const logger$1W = getLogger("inline-box-items");
+  const logger$1U = getLogger("inline-box-items");
   function insertEmptyBlockLink(editor, containerId, blockIndex) {
     let block = editor.findBlockByIndex(containerId, blockIndex);
     let placement = "bottom-start";
@@ -50980,7 +51417,7 @@ ${codeText}
     const onFinished = (linkText, linkUrl) => {
       editor.undoManager.runInGroup(() => {
         try {
-          assert(logger$1W, block, "block not found");
+          assert(logger$1U, block, "block not found");
           if (!isEmptyTextBlock(editor, block)) {
             block = editor.insertTextBlock([], containerId, blockIndex);
           }
@@ -50991,7 +51428,7 @@ ${codeText}
           editor.selection.selectBlock(block, getTextLength(text2));
           editor.focus();
         } catch (error2) {
-          logger$1W.error(error2);
+          logger$1U.error(error2);
         }
       });
     };
@@ -51011,7 +51448,7 @@ ${codeText}
   function insertLink(editor, containerId, blockIndex) {
     const block = editor.getBlockByIndex(containerId, blockIndex);
     const range = editor.selection.range;
-    assert(logger$1W, isSimpleBlockPosition(range.start), "invalid block position");
+    assert(logger$1U, isSimpleBlockPosition(range.start), "invalid block position");
     const rects = getBlockClientRects(editor, block, range);
     if (rects.length === 0) {
       return;
@@ -51037,7 +51474,7 @@ ${codeText}
           editor.selection.selectBlock(block, start + linkText.length);
           editor.focus();
         } catch (error2) {
-          logger$1W.error(error2);
+          logger$1U.error(error2);
         }
       });
     };
@@ -51255,7 +51692,7 @@ ${codeText}
   function getToolbar(editor) {
     return editor.findCustom("toolbar-handler");
   }
-  const logger$1V = getLogger("link-popup");
+  const logger$1T = getLogger("link-popup");
   function getLinkHref(child) {
     var _a, _b;
     return (_b = (_a = child.getAttribute("link")) != null ? _a : child.textContent) != null ? _b : "";
@@ -51293,7 +51730,7 @@ ${codeText}
         editor.selection.selectBlock(block, range.start + linkText.length);
         editor.focus();
       } catch (error2) {
-        logger$1V.error(error2);
+        logger$1T.error(error2);
       }
     };
     const onClose = () => {
@@ -51532,7 +51969,7 @@ ${codeText}
       this.editProvider = new EditLinkProvider();
     }
   }
-  const logger$1U = getLogger("readonly-toolbar");
+  const logger$1S = getLogger("readonly-toolbar");
   const SEP = {
     id: "",
     name: "",
@@ -51595,7 +52032,7 @@ ${codeText}
       });
       __publicField(this, "handleSelectionChange", debounce__default.default((editor) => {
         var _a;
-        assert(logger$1U, editor === this.editor, "editor mismatch");
+        assert(logger$1S, editor === this.editor, "editor mismatch");
         if (!editor.readonly) {
           this.toolbar.close("selectionChange");
           return;
@@ -51781,7 +52218,7 @@ ${codeText}
       return visible;
     }
   }
-  const logger$1T = getLogger("toolbar-handler");
+  const logger$1R = getLogger("toolbar-handler");
   class OnesEditorToolbar {
     constructor(editor) {
       __publicField(this, "id", "editor-toolbar");
@@ -51868,7 +52305,7 @@ ${codeText}
       });
       __publicField(this, "handleSelectionChange", debounce__default.default((editor) => {
         var _a;
-        assert(logger$1T, editor === this.editor, "editor mismatch");
+        assert(logger$1R, editor === this.editor, "editor mismatch");
         if (editor.selection.range.isCollapsed() || this.mouseDown) {
           if (this.toolbarType === "object") {
             const element = (_a = this.toolbar.tippyInstance) == null ? void 0 : _a.reference;
@@ -52187,7 +52624,7 @@ ${codeText}
       this.texWidth = [tex, width];
     }
   }
-  const logger$1S = getLogger("mathjax-converter");
+  const logger$1Q = getLogger("mathjax-converter");
   const MATHJAX_SCRIPT_ID = "MathJax-script";
   const MATHJAX_BUFFER = 30;
   const REDUCED_UNIT = 8;
@@ -52236,7 +52673,7 @@ ${codeText}
       const svg = result.querySelector("svg");
       return svg.outerHTML;
     } catch (err) {
-      logger$1S.error(err);
+      logger$1Q.error(err);
       throw err;
     } finally {
       lockers.release(lockId);
@@ -52284,12 +52721,13 @@ ${codeText}
       ...perfectState
     };
   }
-  const logger$1R = getLogger("edit-mathjax");
+  const logger$1P = getLogger("edit-mathjax");
   class MathjaxEditor {
     constructor() {
       __publicField(this, "editMathjaxPopup", null);
       __publicField(this, "onChange", null);
       __publicField(this, "tex", "");
+      __publicField(this, "oldTex", "");
       __publicField(this, "observer", null);
       __publicField(this, "handleClose", (commandBar2) => {
         var _a;
@@ -52313,6 +52751,10 @@ ${codeText}
       });
       __publicField(this, "handleChange", debounce__default.default((text2) => {
         var _a;
+        if (text2 === this.oldTex) {
+          return;
+        }
+        this.oldTex = text2;
         (_a = this.onChange) == null ? void 0 : _a.call(this, text2, false);
       }, 300));
     }
@@ -52325,6 +52767,7 @@ ${codeText}
         const textarea2 = this.getTextarea();
         textarea2.value = tex;
       }
+      this.oldTex = tex;
       this.tex = tex;
       this.editMathjaxPopup.manualShow(elem, { theme: "light", placement: options == null ? void 0 : options.placement });
       this.editMathjaxPopup.removeAllListeners("close");
@@ -52355,9 +52798,9 @@ ${codeText}
       this.observer.observe(textarea2);
     }
     getTextarea() {
-      assert(logger$1R, this.editMathjaxPopup, "no exists mathjax editor popup");
+      assert(logger$1P, this.editMathjaxPopup, "no exists mathjax editor popup");
       const textarea2 = this.editMathjaxPopup.content.querySelector("textarea");
-      assert(logger$1R, textarea2, "no textarea");
+      assert(logger$1P, textarea2, "no textarea");
       return textarea2;
     }
     destroy() {
@@ -52427,7 +52870,7 @@ ${codeText}
     };
     editMathjax(editor, box, data2.tex, update2);
   }
-  const logger$1Q = getLogger("mathjax-box");
+  const logger$1O = getLogger("mathjax-box");
   function updateCaret(editor, event) {
     editor.selection.updateSelection(null);
     const target = event.target;
@@ -52532,7 +52975,7 @@ ${codeText}
       };
       editor.updateBoxData(newData);
     }).catch((err) => {
-      logger$1Q.error(`failed to convert and upload mathjax: ${JSON.stringify(err)}`);
+      logger$1O.error(`failed to convert and upload mathjax: ${JSON.stringify(err)}`);
     });
     return data2;
   }
@@ -52551,7 +52994,7 @@ ${codeText}
   }
   function handleClickBox$3(editor, box, event) {
     const parentBlock = getParentBlock(box);
-    assert(logger$1Q, parentBlock, "failed to get block");
+    assert(logger$1O, parentBlock, "failed to get block");
     if (!editor.isBlockWritable(parentBlock)) {
       return;
     }
@@ -52620,7 +53063,7 @@ ${codeText}
     }
     const data2 = editor.getBlockData(block);
     const embedData = data2.embedData;
-    editMathjax(editor, elem, embedData.mathjaxText, async (tex) => {
+    editMathjax(editor, block, embedData.mathjaxText, async (tex) => {
       const { resourceId: src, width, height } = await convertAndUploadMathjaxForEmbed(editor, tex);
       const newData = {
         mathjaxText: tex,
@@ -52748,28 +53191,28 @@ $$${mathData.mathjaxText}$$
     getBlockProperties: getBlockProperties$b
   };
   const mathjaxStyle = "";
-  const zhCN$s = {
+  const zhCN$r = {
     mathjax: {
       emptyText: "\u7A7A\u7684\u516C\u5F0F",
       abstract: "\u516C\u5F0F"
     }
   };
-  const enUS$s = {
+  const enUS$r = {
     mathjax: {
       emptyText: "Empty formula",
       abstract: "Formula"
     }
   };
-  const jaJP$s = {
+  const jaJP$r = {
     mathjax: {
       emptyText: "\u6570\u5F0F\u306A\u3057",
       abstract: "\u6570\u5F0F"
     }
   };
   i18n$1.mergeLang({
-    "zh-CN": zhCN$s,
-    "en-US": enUS$s,
-    "ja-JP": jaJP$s
+    "zh-CN": zhCN$r,
+    "en-US": enUS$r,
+    "ja-JP": jaJP$r
   });
   function convertToMath(editor, containerId, blockIndex, offset) {
     const block = editor.getBlockByIndex(containerId, blockIndex);
@@ -58303,7 +58746,7 @@ $$${mathData.mathjaxText}$$
     const docBlockText = { insert: " ", attributes: data2 };
     return docBlockText;
   }
-  const logger$1P = getLogger("StatusBoxEditor");
+  const logger$1N = getLogger("StatusBoxEditor");
   class StatusBoxEditor {
     constructor(editor) {
       __publicField(this, "linkPopup", null);
@@ -58326,10 +58769,10 @@ $$${mathData.mathjaxText}$$
       });
       __publicField(this, "handClose", () => {
         var _a;
-        assert(logger$1P, this.boxElement, "boxElement not found");
+        assert(logger$1N, this.boxElement, "boxElement not found");
         const boxData = this.editor.getBoxData(this.boxElement);
         const block = getParentBlock(this.boxElement);
-        assert(logger$1P, block, "block not found");
+        assert(logger$1N, block, "block not found");
         if (!boxData.title) {
           const offset = getChildOffset(block, this.boxElement);
           this.editor.deleteTextFromBlock(block, offset.start, 1);
@@ -58367,7 +58810,7 @@ $$${mathData.mathjaxText}$$
           return;
         }
         const color = lodash.exports.capitalize(e2.target.getAttribute("data-color"));
-        assert(logger$1P, this.boxElement, "boxElement not found");
+        assert(logger$1N, this.boxElement, "boxElement not found");
         const data2 = this.editor.getBoxData(this.boxElement);
         this.statusPalette.changeColor(color);
         const newData = { ...data2, color };
@@ -58384,7 +58827,7 @@ $$${mathData.mathjaxText}$$
       });
       __publicField(this, "onTitleChange", (e2) => {
         const title = e2.target.value;
-        assert(logger$1P, this.boxElement, "boxElement not found");
+        assert(logger$1N, this.boxElement, "boxElement not found");
         const data2 = this.editor.getBoxData(this.boxElement);
         const newData = { ...data2, title: title.trim() };
         this.editor.updateBoxData(newData, { noFocus: true });
@@ -58497,7 +58940,7 @@ $$${mathData.mathjaxText}$$
     toStandardText: toStandardText$1,
     matchText: matchText$1
   };
-  const logger$1O = getLogger("status-box-command");
+  const logger$1M = getLogger("status-box-command");
   class StatusBoxCommand {
     static get commands() {
       return [
@@ -58516,7 +58959,7 @@ $$${mathData.mathjaxText}$$
       const block = editor.getBlockByIndex(containerId, blockIndex);
       const boxOp = createEmptyStatusBox();
       const { start } = editor.selection.range;
-      assert(logger$1O, isSimpleBlockPosition(start), "invalid block position");
+      assert(logger$1M, isSimpleBlockPosition(start), "invalid block position");
       editor.insertBoxToBlock(block, start.offset, boxOp.attributes);
       const box = editor.getBoxById((_a = boxOp.attributes) == null ? void 0 : _a.id);
       editor.addCustom("status-box", (editor2) => new StatusBoxEditor(editor2)).editorStatus(box);
@@ -58535,7 +58978,7 @@ $$${mathData.mathjaxText}$$
     }
   }
   __publicField(StatusBoxCommand, "id", "insert-status");
-  const enUS$r = {
+  const enUS$q = {
     status: {
       empty: "Set status",
       command: {
@@ -58559,7 +59002,7 @@ $$${mathData.mathjaxText}$$
       }
     }
   };
-  const zhCN$r = {
+  const zhCN$q = {
     status: {
       empty: "\u8BBE\u7F6E\u72B6\u6001",
       command: {
@@ -58583,7 +59026,7 @@ $$${mathData.mathjaxText}$$
       }
     }
   };
-  const jaJP$r = {
+  const jaJP$q = {
     status: {
       empty: "\u30B9\u30C6\u30FC\u30BF\u30B9\u3092\u8A2D\u5B9A",
       command: {
@@ -58608,12 +59051,12 @@ $$${mathData.mathjaxText}$$
     }
   };
   const langs$2 = {
-    "en-US": enUS$r,
-    "zh-CN": zhCN$r,
-    "ja-JP": jaJP$r
+    "en-US": enUS$q,
+    "zh-CN": zhCN$q,
+    "ja-JP": jaJP$q
   };
   i18n$1.mergeLang(langs$2);
-  const logger$1N = getLogger("inline-box-items");
+  const logger$1L = getLogger("inline-box-items");
   function insertEmptyBlockMath(editor, containerId, blockIndex) {
     return editor.undoManager.runInGroup(() => {
       var _a;
@@ -58624,7 +59067,7 @@ $$${mathData.mathjaxText}$$
       const boxOp = createEmptyMathjaxBox();
       editor.setBlockText(block, [boxOp]);
       const boxId = (_a = boxOp.attributes) == null ? void 0 : _a.id;
-      assert(logger$1N, boxId, "mathjax box id is empty");
+      assert(logger$1L, boxId, "mathjax box id is empty");
       setTimeout(() => {
         const box = editor.getBoxById(boxId);
         editMathjaxBox(editor, box);
@@ -58637,11 +59080,11 @@ $$${mathData.mathjaxText}$$
       var _a;
       const block = editor.getBlockByIndex(containerId, blockIndex);
       const range = editor.selection.range;
-      assert(logger$1N, isSimpleBlockPosition(range.start), "invalid block position");
+      assert(logger$1L, isSimpleBlockPosition(range.start), "invalid block position");
       const boxOp = createEmptyMathjaxBox();
       editor.insertBoxToBlock(block, range.start.offset, boxOp.attributes);
       const boxId = (_a = boxOp.attributes) == null ? void 0 : _a.id;
-      assert(logger$1N, boxId, "mathjax box id is empty");
+      assert(logger$1L, boxId, "mathjax box id is empty");
       setTimeout(() => {
         const box = editor.getBoxById(boxId);
         editMathjaxBox(editor, box);
@@ -58808,7 +59251,7 @@ $$${mathData.mathjaxText}$$
       }
     }
   };
-  const logger$1M = getLogger("insert-menu");
+  const logger$1K = getLogger("insert-menu");
   const injectGroup = (commands, group, startIndex) => {
     commands.forEach((command, index2) => {
       command.group = group;
@@ -58947,7 +59390,7 @@ $$${mathData.mathjaxText}$$
           return true;
         }
         const blockId = getBlockId(block);
-        assert(logger$1M, range.isSimple(), "invalid range");
+        assert(logger$1K, range.isSimple(), "invalid range");
         const offset = range.start.offset;
         if (quickItem.commandProvider) {
           const params2 = { from: "quick-menu", blockId, offset };
@@ -58983,7 +59426,7 @@ $$${mathData.mathjaxText}$$
       });
     }
   }
-  const logger$1L = getLogger("quick-command-providers");
+  const logger$1J = getLogger("quick-command-providers");
   class QuickCommandProviders extends AbstractProvider {
     constructor(editor) {
       super(editor);
@@ -59003,7 +59446,7 @@ $$${mathData.mathjaxText}$$
     }
     getCommands(range) {
       var _a, _b;
-      assert(logger$1L, range.start.blockId === range.end.blockId, "invalid range");
+      assert(logger$1J, range.start.blockId === range.end.blockId, "invalid range");
       const commandsMap = /* @__PURE__ */ new Map();
       const block = this.editor.getBlockById(range.anchor.blockId);
       const container = getParentContainer(block);
@@ -59408,7 +59851,7 @@ $$${mathData.mathjaxText}$$
     "CtrlOrCmd+K": (editor) => executeShortcut(editor, "link"),
     ...headingShortcut()
   };
-  const zhCN$q = {
+  const zhCN$p = {
     quickMenu: {
       basic: {
         heading: {
@@ -59464,7 +59907,7 @@ $$${mathData.mathjaxText}$$
       selectBlock: "\u9009\u62E9\u533A\u5757"
     }
   };
-  const enUS$q = {
+  const enUS$p = {
     quickMenu: {
       basic: {
         heading: {
@@ -59520,7 +59963,7 @@ $$${mathData.mathjaxText}$$
       selectBlock: "Select Block"
     }
   };
-  const jaJP$q = {
+  const jaJP$p = {
     quickMenu: {
       basic: {
         heading: {
@@ -59577,9 +60020,9 @@ $$${mathData.mathjaxText}$$
     }
   };
   i18n$1.mergeLang({
-    "zh-CN": zhCN$q,
-    "en-US": enUS$q,
-    "ja-JP": jaJP$q
+    "zh-CN": zhCN$p,
+    "en-US": enUS$p,
+    "ja-JP": jaJP$p
   });
   class TextStylesFixedProvider extends ProxyProvider {
     constructor(editor, afterCommandCallback) {
@@ -59784,7 +60227,7 @@ $$${mathData.mathjaxText}$$
       return false;
     }
   }
-  const logger$1K = getLogger("block-command-providers");
+  const logger$1I = getLogger("block-command-providers");
   class BlockCommandProviders extends AbstractProvider {
     constructor(editor, afterCommandCallback) {
       super(editor);
@@ -59805,7 +60248,7 @@ $$${mathData.mathjaxText}$$
       this.registerCommandProvider(new InsertGroupProvider(editor));
     }
     getCommands(range) {
-      assert(logger$1K, range.start.blockId === range.end.blockId, "invalid range");
+      assert(logger$1I, range.start.blockId === range.end.blockId, "invalid range");
       const block = this.editor.getBlockById(range.anchor.blockId);
       const commandsMap = /* @__PURE__ */ new Map();
       let startIndex = 100;
@@ -59819,7 +60262,7 @@ $$${mathData.mathjaxText}$$
       return this.filterItems(range, commands);
     }
   }
-  const logger$1J = getLogger("standard-block-actions");
+  const logger$1H = getLogger("standard-block-actions");
   class StandardBlockActionHook {
     constructor() {
       __publicField(this, "executeCommand", (editor, bloockElement, item) => {
@@ -59838,7 +60281,7 @@ $$${mathData.mathjaxText}$$
             this.deleteBlock(editor, block);
           }
         } catch (err) {
-          logger$1J.error(`failed to execute block command: ${JSON.stringify(err)}`);
+          logger$1H.error(`failed to execute block command: ${JSON.stringify(err)}`);
         }
       });
     }
@@ -59906,7 +60349,7 @@ $$${mathData.mathjaxText}$$
       }
     }
   }
-  const logger$1I = getLogger("block-menu");
+  const logger$1G = getLogger("block-menu");
   class BlockMenu {
     constructor(editor) {
       __publicField(this, "menu");
@@ -59914,7 +60357,7 @@ $$${mathData.mathjaxText}$$
       __publicField(this, "commandBlock", null);
       __publicField(this, "blockCommandProviders");
       __publicField(this, "handleShow", () => {
-        assert(logger$1I, this.currentBlock, "no target block before show block menu");
+        assert(logger$1G, this.currentBlock, "no target block before show block menu");
         const items = this.blockCommandProviders.getCommands(this.editor.selection.range);
         this.menu.updateItems(items);
         this.commandBlock = this.currentBlock;
@@ -59925,7 +60368,7 @@ $$${mathData.mathjaxText}$$
         }
       });
       __publicField(this, "handleItemClick", (bar2, item) => {
-        assert(logger$1I, this.commandBlock, "no command block before show block menu");
+        assert(logger$1G, this.commandBlock, "no command block before show block menu");
         this.blockCommandProviders.executeCommand(this.editor.selection.range, item);
         if (!item.element) {
           this.close();
@@ -59968,7 +60411,7 @@ $$${mathData.mathjaxText}$$
       this.menu.destroy();
     }
   }
-  const logger$1H = getLogger("text-styles");
+  const logger$1F = getLogger("text-styles");
   function getIntersectionStyles(text2) {
     const getOpStyle = (op) => {
       if (!op.attributes) {
@@ -60002,10 +60445,10 @@ $$${mathData.mathjaxText}$$
     return new Map(Object.entries(attributes));
   }
   function applyTextStyle(editor, block, range, style2, value) {
-    assert(logger$1H, range.isSimple(), "invalid range");
+    assert(logger$1F, range.isSimple(), "invalid range");
     const { start, end } = range;
-    assert(logger$1H, start.blockId === end.blockId && start.blockId === getBlockId(block), "invalid range");
-    assert(logger$1H, style2.startsWith("style-"), "invalid style");
+    assert(logger$1F, start.blockId === end.blockId && start.blockId === getBlockId(block), "invalid range");
+    assert(logger$1F, style2.startsWith("style-"), "invalid style");
     const oldText = editor.getBlockText(block);
     let newText = oldText;
     if (style2 === "style-sub") {
@@ -60051,13 +60494,13 @@ $$${mathData.mathjaxText}$$
     return standardItems;
   }
   function getSubText(editor, block, range) {
-    assert(logger$1H, range.isSimple(), "nor a simple range");
+    assert(logger$1F, range.isSimple(), "nor a simple range");
     const { start, end } = range;
-    assert(logger$1H, start.isSimple(), "is not a simple block position");
-    assert(logger$1H, end.isSimple(), "is not a simple block position");
-    assert(logger$1H, isTextKindBlock(editor, block), "invalid block type, not a text kind block");
+    assert(logger$1F, start.isSimple(), "is not a simple block position");
+    assert(logger$1F, end.isSimple(), "is not a simple block position");
+    assert(logger$1F, isTextKindBlock(editor, block), "invalid block type, not a text kind block");
     const blockId = getBlockId(block);
-    assert(logger$1H, start.blockId === blockId && end.blockId === blockId, "invalid range");
+    assert(logger$1F, start.blockId === blockId && end.blockId === blockId, "invalid range");
     const text2 = editor.getBlockText(block);
     let subText2 = [];
     if (start.offset === end.offset) {
@@ -60069,7 +60512,7 @@ $$${mathData.mathjaxText}$$
     }
     return subText2;
   }
-  const logger$1G = getLogger("text-commands");
+  const logger$1E = getLogger("text-commands");
   function getCommands$1(editor, text2) {
     const StandardTextStyles = {
       "style-bold": [i18n$1.t("commands.bold"), shortcutToDisplayText("CtrlOrCmd+B"), BoldIcon],
@@ -60087,13 +60530,13 @@ $$${mathData.mathjaxText}$$
   }
   function executeStyleCommand(editor, block, range, command, params, result) {
     if (!command.startsWith("style-")) {
-      logger$1G.warn(`unknown command: ${command}`);
+      logger$1E.warn(`unknown command: ${command}`);
       return false;
     }
     const value = params == null ? void 0 : params.value;
     const type = typeof value;
     if (type !== "string" && type !== "number" && type !== "boolean" && type !== "undefined") {
-      logger$1G.warn(`invalid value type, accept string | number | boolean | undefined, current is ${type}`);
+      logger$1E.warn(`invalid value type, accept string | number | boolean | undefined, current is ${type}`);
       return false;
     }
     const newText = applyTextStyle(editor, block, range, command, value);
@@ -60318,7 +60761,7 @@ $$${mathData.mathjaxText}$$
       this.providers = [new TextScriptProvider(editor)];
     }
   }
-  const logger$1F = getLogger("text-command-provider");
+  const logger$1D = getLogger("text-command-provider");
   class TextCommandProvider {
     constructor(editor, options) {
       __publicField(this, "id", "TextCommandProvider");
@@ -60438,7 +60881,7 @@ $$${mathData.mathjaxText}$$
     }
     static fromTextCommandId(id) {
       const prefix = "text/";
-      assert(logger$1F, id.startsWith(prefix), `invalid item id: ${id}`);
+      assert(logger$1D, id.startsWith(prefix), `invalid item id: ${id}`);
       return id.substring(prefix.length);
     }
   }
@@ -60554,7 +60997,7 @@ $$${mathData.mathjaxText}$$
     };
     editor.updateBlockData(block, newData);
   }
-  function addCommentToBlock$1(editor, block, provider) {
+  function addCommentToBlock(editor, block, provider) {
     const abstract = getCommentAbstract(editor, [block]);
     const comment = createComment({
       editor,
@@ -60565,7 +61008,7 @@ $$${mathData.mathjaxText}$$
     provider.localCreateComment(comment, doc2);
     return comment;
   }
-  const logger$1E = getLogger("standard-block-actions");
+  const logger$1C = getLogger("standard-block-actions");
   class CommentBlockHook {
     constructor(provider, editorComments) {
       __publicField(this, "executeCommand", (editor, block, item) => {
@@ -60573,9 +61016,9 @@ $$${mathData.mathjaxText}$$
         try {
           this.editorComments.showCommentList();
           const block2 = editor.getBlockById(blockId);
-          addCommentToBlock$1(editor, block2, this.provider);
+          addCommentToBlock(editor, block2, this.provider);
         } catch (err) {
-          logger$1E.error(`failed to execute block command: ${JSON.stringify(err)}`);
+          logger$1C.error(`failed to execute block command: ${JSON.stringify(err)}`);
         }
       });
       this.provider = provider;
@@ -60679,7 +61122,7 @@ $$${mathData.mathjaxText}$$
     const attributes = Array.from(element.attributes).map((c) => c.name);
     return attributes.filter((attribute) => attribute.startsWith("comment-")).map((attribute) => attribute.replace("comment-", ""));
   }
-  const logger$1D = getLogger("doc-comments");
+  const logger$1B = getLogger("doc-comments");
   function addBlockComments(doc2, block, result, resultSet) {
     if (block.comments) {
       const blockComments = block.comments;
@@ -60774,8 +61217,8 @@ $$${mathData.mathjaxText}$$
     const result = commentGroup.filter((group) => commentsMap.has(group.groupId)).sort((group1, group2) => {
       const index1 = commentsMap.get(group1.groupId);
       const index2 = commentsMap.get(group2.groupId);
-      assert(logger$1D, index1 !== void 0, `comment not exists in doc, ${group1.groupId}`);
-      assert(logger$1D, index2 !== void 0, `comment not exists in doc, ${group2.groupId}`);
+      assert(logger$1B, index1 !== void 0, `comment not exists in doc, ${group1.groupId}`);
+      assert(logger$1B, index2 !== void 0, `comment not exists in doc, ${group2.groupId}`);
       return index1 - index2;
     });
     return result;
@@ -60836,7 +61279,7 @@ $$${mathData.mathjaxText}$$
     const commentIds = intersection__default.default(comments1, comments2);
     return commentIds;
   }
-  const logger$1C = getLogger("active-comments");
+  const logger$1A = getLogger("active-comments");
   function inactiveComment(editor, commentId) {
     const activeCommentElements = editor.rootContainer.querySelectorAll(`span.comment[comment-${commentId}],[data-type=editor-block].comment[comment-${commentId}]`);
     activeCommentElements.forEach((el) => {
@@ -60872,13 +61315,12 @@ $$${mathData.mathjaxText}$$
           const commentIds = getCommentsFromSelection(editor);
           if (commentIds.indexOf(commentId) === -1) {
             const block = getParentBlock(targetElement);
-            assert(logger$1C, block, "block not found");
+            assert(logger$1A, block, "block not found");
             const offset = getChildOffset(block, targetElement);
             const anchor2 = createSimpleBlockPosition(block, offset.start, "normal");
             editor.selection.setSelection(anchor2, void 0, { noScroll: direction === "next" });
           }
         }
-        editor.focus();
         if (direction === "next") {
           const targetElementRect = targetElement.getBoundingClientRect();
           const clientHeight = editor.scrollContainer.clientHeight;
@@ -60915,7 +61357,7 @@ $$${mathData.mathjaxText}$$
   function isValidSize(size) {
     return typeof size === "number";
   }
-  const logger$1B = getLogger("image-data");
+  const logger$1z = getLogger("image-data");
   const md5Cache = /* @__PURE__ */ new Map();
   const DEFAULT_WIDTH$1 = 1e3;
   const DEFAULT_HEIGHT = 400;
@@ -61047,7 +61489,7 @@ $$${mathData.mathjaxText}$$
       if (heightKey && isValidSize(image.height)) {
         result[heightKey] = image.height;
       }
-      assert(logger$1B, image.flex, "no image flex");
+      assert(logger$1z, image.flex, "no image flex");
       const flexKey = getImageFlexKeyFromSrc(index2);
       result[flexKey] = image.flex;
     });
@@ -61103,224 +61545,7 @@ $$${mathData.mathjaxText}$$
     const totalFlex = images.reduce((accumulator, currentValue) => accumulator + currentValue.flex, 0);
     return totalFlex;
   }
-  function createResizeGripper(parent, type) {
-    const elem = createElement("div", ["resize-gripper", type], parent);
-    elem.setAttribute("data-resize-type", type);
-  }
-  function getExistsResizer(block) {
-    const tools = getBlockTools(block);
-    return tools.querySelector(".block-resizer");
-  }
-  function hideResizer(block) {
-    const exists = getExistsResizer(block);
-    if (exists) {
-      removeClass(exists, "active");
-    }
-  }
-  function updateSize(block, element, resizer) {
-    const blockRect = block.getBoundingClientRect();
-    const elementRect = element.getBoundingClientRect();
-    const top = elementRect.top - blockRect.top;
-    const left = elementRect.left - blockRect.left;
-    const width = elementRect.width;
-    const height = elementRect.height;
-    resizer.style.top = `${top}px`;
-    resizer.style.left = `${left}px`;
-    resizer.style.width = `${width}px`;
-    resizer.style.height = `${height}px`;
-  }
-  function createResizer(block, element, options, mouseDownEvent) {
-    const exists = getExistsResizer(block);
-    if (exists) {
-      addClass(exists, "active");
-      updateSize(block, element, exists);
-      return exists;
-    }
-    const tools = getBlockTools(block);
-    const resizer = createElement("div", ["block-resizer"], tools);
-    updateSize(block, element, resizer);
-    options.resize.forEach((type) => {
-      createResizeGripper(resizer, type);
-    });
-    resizer.addEventListener("mousedown", mouseDownEvent);
-    addClass(resizer, "active");
-    return resizer;
-  }
-  function updateResizer(block, element) {
-    const resizer = getExistsResizer(block);
-    if (!resizer) {
-      return;
-    }
-    if (!isChildNode(block, element)) {
-      return;
-    }
-    const blockRect = block.getBoundingClientRect();
-    const elementRect = element.getBoundingClientRect();
-    const top = elementRect.top - blockRect.top;
-    const left = elementRect.left - blockRect.left;
-    const width = elementRect.width;
-    const height = elementRect.height;
-    resizer.style.top = `${top}px`;
-    resizer.style.left = `${left}px`;
-    resizer.style.width = `${width}px`;
-    resizer.style.height = `${height}px`;
-  }
-  const style$8 = "";
-  const logger$1A = getLogger("block-resizer");
-  class BlockResizer extends tinyTypedEmitter.TypedEmitter {
-    constructor(editor, options) {
-      super();
-      __publicField(this, "resizableElement");
-      __publicField(this, "block", null);
-      __publicField(this, "startRect", null);
-      __publicField(this, "startPos", null);
-      __publicField(this, "resizeType", null);
-      __publicField(this, "enabled", false);
-      __publicField(this, "handleEditorResize", () => {
-        if (this.block) {
-          this.updateResizer();
-        }
-      });
-      __publicField(this, "handleMouseDown", (event) => {
-        event.preventDefault();
-        event.stopPropagation();
-        const element = this.getResizableElement();
-        if (!element) {
-          return;
-        }
-        if (event.button !== 0) {
-          return;
-        }
-        const gripper = event.target;
-        if (!gripper) {
-          return;
-        }
-        if (!(gripper instanceof HTMLElement)) {
-          return;
-        }
-        const resizeType = gripper.getAttribute("data-resize-type");
-        if (!resizeType) {
-          return;
-        }
-        this.bindEvents();
-        this.startRect = element.getBoundingClientRect();
-        this.startPos = event;
-        this.resizeType = resizeType;
-        setDefaultCursor(window.getComputedStyle(gripper).cursor);
-        if (this.block) {
-          this.editor.selection.selectBlock(this.block, 0);
-        }
-      });
-      __publicField(this, "handleMouseMove", (event) => {
-        if (!this.startPos || !this.startRect || !this.resizeType) {
-          return;
-        }
-        const element = this.getResizableElement();
-        if (!element || !this.block) {
-          return;
-        }
-        const deltaX = event.x - this.startPos.x;
-        const deltaY = event.y - this.startPos.y;
-        const oldRect = this.startRect;
-        let { top, left, right, bottom } = oldRect;
-        if (this.resizeType === "bottom" || this.resizeType === "bottom-left" || this.resizeType === "bottom-right") {
-          bottom += deltaY;
-        }
-        if (this.resizeType === "top" || this.resizeType === "top-left" || this.resizeType === "top-right") {
-          top += deltaY;
-        }
-        if (this.resizeType === "left" || this.resizeType === "top-left" || this.resizeType === "bottom-left") {
-          left += deltaX;
-        }
-        if (this.resizeType === "right" || this.resizeType === "top-right" || this.resizeType === "bottom-right") {
-          right += deltaX;
-        }
-        const width = right > left ? right - left : 0;
-        const height = bottom > top ? bottom - top : 0;
-        const newRect = new DOMRect(left, top, width, height);
-        this.emit("resizing", this, newRect);
-        const newElement = this.getResizableElement();
-        if (newElement) {
-          updateResizer(this.block, newElement);
-        }
-      });
-      __publicField(this, "handleMouseUp", (event) => {
-        if (event.button !== 0) {
-          return;
-        }
-        setDefaultCursor("");
-        this.unbindEvents();
-        this.emit("resized", this);
-        const element = this.getResizableElement();
-        if (!element || !this.block) {
-          return;
-        }
-        updateResizer(this.block, element);
-      });
-      this.editor = editor;
-      this.options = options;
-      this.editor.addListener("resize", this.handleEditorResize);
-    }
-    enableResize(block, resizableElement) {
-      this.block = block;
-      this.resizableElement = resizableElement;
-      this.createResizer();
-      this.enabled = true;
-    }
-    disableResize() {
-      if (!this.block) {
-        return;
-      }
-      hideResizer(this.block);
-      this.enabled = false;
-    }
-    update(block, resizableElement) {
-      this.block = block;
-      this.resizableElement = resizableElement;
-      const elem = this.getResizableElement();
-      if (elem && this.enabled) {
-        this.createResizer();
-      }
-    }
-    updateResizer() {
-      const newElement = this.getResizableElement();
-      if (newElement && this.block) {
-        updateResizer(this.block, newElement);
-      }
-    }
-    getBlock() {
-      return this.block;
-    }
-    destroy() {
-      this.editor.removeListener("resize", this.handleEditorResize);
-    }
-    getResizableElement() {
-      if (this.resizableElement) {
-        return this.resizableElement;
-      }
-      if (!this.block) {
-        return null;
-      }
-      return getBlockContent(this.block);
-    }
-    createResizer() {
-      const element = this.getResizableElement();
-      if (!element || !this.block) {
-        return;
-      }
-      assert(logger$1A, isChildNode(this.block, element), "not a block child element");
-      createResizer(this.block, element, this.options, this.handleMouseDown);
-    }
-    bindEvents() {
-      document.addEventListener("mousemove", this.handleMouseMove);
-      document.addEventListener("mouseup", this.handleMouseUp);
-    }
-    unbindEvents() {
-      document.removeEventListener("mousemove", this.handleMouseMove);
-      document.removeEventListener("mouseup", this.handleMouseUp);
-    }
-  }
-  const logger$1z = getLogger("image-dom");
+  const logger$1y = getLogger("image-dom");
   function getExistsProgressMask(imageContainer) {
     return imageContainer.querySelector(".uploading-progress-mask");
   }
@@ -61337,7 +61562,7 @@ $$${mathData.mathjaxText}$$
   function getImageUploadingProgressValueElement(imageContainer) {
     const bar2 = getImageUploadingProgressMask(imageContainer);
     const value = bar2.querySelector(".uploading-progress-bar-value");
-    assert(logger$1z, value, "no progress value");
+    assert(logger$1y, value, "no progress value");
     return value;
   }
   function setImageUploading(imageContainer, progress) {
@@ -61427,7 +61652,7 @@ $$${mathData.mathjaxText}$$
     const images = Array.from(block.querySelectorAll(".image-container"));
     return images;
   }
-  const logger$1y = getLogger("table-resize-drag-drop");
+  const logger$1x = getLogger("table-resize-drag-drop");
   class ImageSplitterResizer {
     constructor(editor, elem, data2, mouseDownEvent) {
       __publicField(this, "cursor", "col-resize");
@@ -61440,7 +61665,7 @@ $$${mathData.mathjaxText}$$
       const imageObject = getImageObject(this.editor, block);
       const images = imageObject.getImages();
       const splitterIndex = this.data.splitterIndex;
-      assert(logger$1y, splitterIndex >= 0 && splitterIndex < images.length - 1, `invalid splitter index: ${splitterIndex}`);
+      assert(logger$1x, splitterIndex >= 0 && splitterIndex < images.length - 1, `invalid splitter index: ${splitterIndex}`);
       const imageContainers = getImageContainersByBlock(block);
       const initWidths = imageContainers.map((imageContainer) => imageContainer.getBoundingClientRect().width);
       this.initWidths = initWidths;
@@ -61458,7 +61683,7 @@ $$${mathData.mathjaxText}$$
       const imageObject = getImageObject(this.editor, block);
       const images = cloneDeep__default.default(imageObject.getImages());
       const splitterIndex = this.data.splitterIndex;
-      assert(logger$1y, splitterIndex >= 0 && splitterIndex < images.length - 1, `invalid splitter index: ${splitterIndex}`);
+      assert(logger$1x, splitterIndex >= 0 && splitterIndex < images.length - 1, `invalid splitter index: ${splitterIndex}`);
       const width1 = this.initWidths[splitterIndex];
       const width2 = this.initWidths[splitterIndex + 1];
       if (width1 + width2 < 100) {
@@ -61477,7 +61702,7 @@ $$${mathData.mathjaxText}$$
       newWidths[splitterIndex] += delta;
       newWidths[splitterIndex + 1] -= delta;
       const imageContainers = getImageContainersByBlock(block);
-      assert(logger$1y, imageContainers.length === images.length, "invalid image data");
+      assert(logger$1x, imageContainers.length === images.length, "invalid image data");
       const totalWidth = newWidths.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
       for (let i = 0; i < images.length; i++) {
         const flex = newWidths[i] / totalWidth;
@@ -61550,7 +61775,7 @@ $$${mathData.mathjaxText}$$
     editor.domEvents.addEventListener(splitter2, "mousedown", handleSplitterMouseDown);
     editor.domEvents.addEventListener(splitter2, "dblclick", handleSplitterDblclick);
   }
-  const logger$1x = getLogger("image-item");
+  const logger$1w = getLogger("image-item");
   function getParentImageBlock(eventTarget) {
     if (!eventTarget) {
       return null;
@@ -61629,7 +61854,7 @@ $$${mathData.mathjaxText}$$
     if (file2) {
       imageObject.replaceImage(index2, file2);
     } else {
-      logger$1x.warn(`failed to download image: ${imageData.src}`);
+      logger$1w.warn(`failed to download image: ${imageData.src}`);
     }
   }
   function createLoadErrorElement(editor, imageContainer, imageData) {
@@ -61852,7 +62077,7 @@ $$${mathData.mathjaxText}$$
   function isImageFile(fileType) {
     return fileType.startsWith("image/");
   }
-  const logger$1w = getLogger("image-object");
+  const logger$1v = getLogger("image-object");
   class ImageObject {
     constructor(editor, blockData) {
       __publicField(this, "images", []);
@@ -62143,7 +62368,7 @@ $$${mathData.mathjaxText}$$
         this.editor.updateEmbedData(block2, embedData);
         return true;
       } catch (err) {
-        logger$1w.error(err);
+        logger$1v.error(err);
         const block2 = this.editor.findBlockById(this.blockData.id);
         if (!block2) {
           return false;
@@ -62160,7 +62385,7 @@ $$${mathData.mathjaxText}$$
       if (!block) {
         return;
       }
-      assert(logger$1w, flex.length === this.images.length, "invalid flex");
+      assert(logger$1v, flex.length === this.images.length, "invalid flex");
       for (let i = 0; i < this.images.length; i++) {
         this.images[i].flex = flex[i];
       }
@@ -62209,7 +62434,7 @@ $$${mathData.mathjaxText}$$
     }
   }
   const imageEmbedStyle = "";
-  const logger$1v = getLogger("drop-indicator");
+  const logger$1u = getLogger("drop-indicator");
   const INDICATOR_SIZE$1 = 2;
   class DropIndicator {
     constructor(editor) {
@@ -62254,7 +62479,7 @@ $$${mathData.mathjaxText}$$
       if (insertPos === "before") {
         const beforeBlock = getPrevVisibleBlock(block);
         if (!beforeBlock) {
-          assert(logger$1v, isChildContainer(getParentContainer(block)), "block does not in a child container");
+          assert(logger$1u, isChildContainer(getParentContainer(block)), "block does not in a child container");
           const rect = block.getBoundingClientRect();
           const viewRect2 = this.getViewRect(block);
           return new DOMRect(viewRect2.x, rect.y, viewRect2.width, INDICATOR_SIZE$1);
@@ -62280,14 +62505,14 @@ $$${mathData.mathjaxText}$$
         const PADDING = 5;
         if (insertPos.pos === "left") {
           const parent = getParentContainer(block);
-          assert(logger$1v, parent, "block does not in a container");
+          assert(logger$1u, parent, "block does not in a container");
           const rect = block.getBoundingClientRect();
           const viewRect = this.getViewRect(block);
           return new DOMRect(viewRect.x - INDICATOR_SIZE$1 - PADDING, rect.y, INDICATOR_SIZE$1, rect.height);
         }
         if (insertPos.pos === "right") {
           const parent = getParentContainer(block);
-          assert(logger$1v, parent, "block does not in a container");
+          assert(logger$1u, parent, "block does not in a container");
           const rect = block.getBoundingClientRect();
           let viewRect;
           if (isEmbedBlock(block)) {
@@ -62384,7 +62609,7 @@ $$${mathData.mathjaxText}$$
     }
     return void 0;
   }
-  const logger$1u = getLogger("code-dom");
+  const logger$1t = getLogger("code-dom");
   function isCodeBlock(block) {
     return getBlockType(block) === "code";
   }
@@ -62402,8 +62627,8 @@ $$${mathData.mathjaxText}$$
   }
   function getParentCodeBlock(elem) {
     const codeBlock2 = elem.closest("div[data-type=editor-block][data-block-type=code]");
-    assert(logger$1u, codeBlock2, "no parent code block");
-    assert(logger$1u, isCodeBlock(codeBlock2), "not a code block");
+    assert(logger$1t, codeBlock2, "no parent code block");
+    assert(logger$1t, isCodeBlock(codeBlock2), "not a code block");
     return codeBlock2;
   }
   const SUPPORTED_LANGUAGES = () => ({
@@ -62494,7 +62719,7 @@ $$${mathData.mathjaxText}$$
   function setDefaultLanguage(editor, lang) {
     return editor.settingsProvider.setItem("editor-code-lang", lang);
   }
-  const logger$1t = getLogger("convert-to-code");
+  const logger$1s = getLogger("convert-to-code");
   function convertToCode(editor, srcBlock) {
     if (!isTextKindBlock(editor, srcBlock)) {
       return null;
@@ -62507,7 +62732,7 @@ $$${mathData.mathjaxText}$$
     const textContainerId = genId();
     editor.doc.localInsertChildContainers([{ containerId: textContainerId, blocks: [textBlock] }]);
     const text2 = editor.getBlockData(srcBlock).text;
-    assert(logger$1t, text2, "no text");
+    assert(logger$1s, text2, "no text");
     let alias = toPlainText(text2);
     if (alias.startsWith("```")) {
       alias = alias.substring(3);
@@ -62525,16 +62750,16 @@ $$${mathData.mathjaxText}$$
     };
   }
   const codeBlock = "";
-  const logger$1s = getLogger("code-block-child-container");
+  const logger$1r = getLogger("code-block-child-container");
   function getTextContainer(codeBlock2) {
-    assert(logger$1s, isCodeBlock(codeBlock2), "not a code block");
+    assert(logger$1r, isCodeBlock(codeBlock2), "not a code block");
     const content = getBlockContent(codeBlock2);
     const textContainer = content.querySelector(":scope > div.editor-code-root > div.code-text-root [data-type=editor-container].child");
-    assert(logger$1s, textContainer, "no code text container");
+    assert(logger$1r, textContainer, "no code text container");
     return textContainer;
   }
   function getCaptionContainer(codeBlock2) {
-    assert(logger$1s, isCodeBlock(codeBlock2), "not a code block");
+    assert(logger$1r, isCodeBlock(codeBlock2), "not a code block");
     const content = getBlockContent(codeBlock2);
     const textContainer = content.querySelector(":scope > div.editor-code-root > div.code-caption-root [data-type=editor-container].child");
     if (!textContainer)
@@ -62563,7 +62788,7 @@ $$${mathData.mathjaxText}$$
     }
     return getBlockType(block) === "code";
   }
-  const logger$1r = getLogger("code-caption");
+  const logger$1q = getLogger("code-caption");
   function toggleCodeCaption(editor, codeBlock2) {
     if (editor.readonly) {
       return;
@@ -62576,7 +62801,7 @@ $$${mathData.mathjaxText}$$
     }
     const captionContainerId = createEmptyContainer(editor.doc);
     const oldData = editor.getBlockData(codeBlock2);
-    assert(logger$1r, oldData.children.length === 1, "code block should have only one child");
+    assert(logger$1q, oldData.children.length === 1, "code block should have only one child");
     const newData = {
       ...oldData,
       children: [oldData.children[0], captionContainerId]
@@ -62592,7 +62817,7 @@ $$${mathData.mathjaxText}$$
       return false;
     }
     const parentBlock = getParentBlock(parentContainer);
-    assert(logger$1r, parentBlock, "no parent block");
+    assert(logger$1q, parentBlock, "no parent block");
     if (!isCodeBlock(parentBlock)) {
       return false;
     }
@@ -62612,7 +62837,7 @@ $$${mathData.mathjaxText}$$
     const lastBlock2 = getLastChildBlock(textContainer);
     editor.selection.selectBlock(lastBlock2, getBlockTextLength$6(editor, lastBlock2));
     const oldData = editor.getBlockData(codeBlock2);
-    assert(logger$1r, oldData.children.length === 2, "code block should have only one child");
+    assert(logger$1q, oldData.children.length === 2, "code block should have only one child");
     const captionContainerId = oldData.children[1];
     const newData = {
       ...oldData,
@@ -62621,7 +62846,7 @@ $$${mathData.mathjaxText}$$
     editor.updateBlockData(codeBlock2, newData);
     editor.deleteChildContainers([captionContainerId]);
   }
-  const logger$1q = getLogger("paste-in-table-block");
+  const logger$1p = getLogger("paste-in-table-block");
   class PasteEventHandler {
     constructor(editor) {
       this.editor = editor;
@@ -62642,7 +62867,7 @@ $$${mathData.mathjaxText}$$
         return false;
       }
       const parentBlock = getParentBlock(parentContainer);
-      assert(logger$1q, parentBlock, "no parent block");
+      assert(logger$1p, parentBlock, "no parent block");
       if (!isCodeBlock(parentBlock)) {
         return false;
       }
@@ -62706,7 +62931,7 @@ $$${mathData.mathjaxText}$$
   function registerCodeBlockCommandProvider(editor) {
     editor.addCustom("code-block-command-provider", (editor2) => new CodeBlockCommandProvider(editor2));
   }
-  const logger$1p = getLogger("code-caption-input-handler");
+  const logger$1o = getLogger("code-caption-input-handler");
   function getCurrentCaptionBlock(editor) {
     if (!editor.selection.range.isSimple()) {
       return null;
@@ -62819,7 +63044,7 @@ $$${mathData.mathjaxText}$$
       editor.undoManager.runInGroup(() => {
         editor.clearSelectedContents();
         const start = editor.selection.range.start;
-        assert(logger$1p, start.isSimple(), "not simple position");
+        assert(logger$1o, start.isSimple(), "not simple position");
         editor.insertTextToBlock(block, start.offset, text2);
       });
       return true;
@@ -62864,9 +63089,9 @@ $$${mathData.mathjaxText}$$
     };
     editor.updateBlockData(codeBlock2, newData);
   }
-  const logger$1o = getLogger("code-block-header");
+  const logger$1n = getLogger("code-block-header");
   function selectCodeBlock(editor, block, options) {
-    assert(logger$1o, isCodeBlock(block), "not a code block");
+    assert(logger$1n, isCodeBlock(block), "not a code block");
     const firstBlock = getFirstChildBlock(getTextContainer(block));
     editor.selection.selectBlock(firstBlock, 0);
     if (options.focusToEditor) {
@@ -62908,14 +63133,15 @@ $$${mathData.mathjaxText}$$
       const target = event.target;
       const select2 = target.closest(".language-select");
       const block = getParentBlock(select2);
-      assert(logger$1o, block, "no parent block");
-      assert(logger$1o, getBlockType(block) === "code", "not a code block");
+      assert(logger$1n, block, "no parent block");
+      assert(logger$1n, getBlockType(block) === "code", "not a code block");
       const codeData = editor2.getBlockData(block);
       const dropdown2 = editor2.getCustom("code-header-language-select-dropdown");
       dropdown2.custom = { codeBlock: block, editor: editor2 };
       dropdown2.setSelectedId(codeData.language);
       selectCodeBlock(editor2, block, { focusToEditor: false });
       setTimeout(() => {
+        CommandBar.hideAll();
         dropdown2.show(select2);
       });
       addClass(codeBlock2, "editing-language");
@@ -62931,11 +63157,11 @@ $$${mathData.mathjaxText}$$
   function handleCodeHeaderButtonClick(editor, event) {
     const target = event.target;
     const button2 = target.closest(".code-header-button");
-    assert(logger$1o, button2, "no button");
+    assert(logger$1n, button2, "no button");
     const block = getParentBlock(target);
-    assert(logger$1o, block, "no parent block");
+    assert(logger$1n, block, "no parent block");
     const id = button2.getAttribute("data-id");
-    assert(logger$1o, getBlockType(block) === "code", "not a code block");
+    assert(logger$1n, getBlockType(block) === "code", "not a code block");
     if (id === "wrap") {
       const old = editor.getBlockData(block);
       changeCodeBlockWrap(editor, block, !old.nowrap);
@@ -62961,7 +63187,7 @@ $$${mathData.mathjaxText}$$
           }
         });
       }).catch((err) => {
-        logger$1o.error(err.message);
+        logger$1n.error(err.message);
       });
       return;
     }
@@ -63012,7 +63238,7 @@ $$${mathData.mathjaxText}$$
   }
   function getCodeBlockHeader(block) {
     const header = block.querySelector(".code-block-header");
-    assert(logger$1o, header, "no code block header");
+    assert(logger$1n, header, "no code block header");
     return header;
   }
   function handleCodeScroll(editor, event) {
@@ -63061,7 +63287,7 @@ $$${mathData.mathjaxText}$$
       focusBlockId: textBlock.id
     };
   }
-  const logger$1n = getLogger("code-block");
+  const logger$1m = getLogger("code-block");
   function getPaddingNum(index2) {
     if (index2 <= 2) {
       return 32;
@@ -63088,10 +63314,10 @@ $$${mathData.mathjaxText}$$
     handlePasteInTableEvent(editor);
     registerCodeBlockCommandProvider(editor);
     trackChildBlockEvent(editor, handleDebounceUpdate);
-    assert(logger$1n, blockData.type === "code", "invalid block data type");
+    assert(logger$1m, blockData.type === "code", "invalid block data type");
     const codeData = blockData;
-    assert(logger$1n, codeData.children, "invalid block data children");
-    assert(logger$1n, codeData.children.length === 1 || codeData.children.length === 2, "invalid block data children length");
+    assert(logger$1m, codeData.children, "invalid block data children");
+    assert(logger$1m, codeData.children.length === 1 || codeData.children.length === 2, "invalid block data children length");
     setTimeout(() => {
       if (isNodeRemoved(blockElement))
         return;
@@ -63142,15 +63368,15 @@ $$${mathData.mathjaxText}$$
   }
   function updateSelection$3(editor, block, from, to) {
     if (from.isSimple()) {
-      assert(logger$1n, to.isSimple(), "from is simple position but to is not simple position");
-      logger$1n.debug("full select list");
+      assert(logger$1m, to.isSimple(), "from is simple position but to is not simple position");
+      logger$1m.debug("full select list");
       addClass(block, "full-selected");
       return;
     }
-    assert(logger$1n, !to.isSimple(), "from is complex position but end is simple position");
+    assert(logger$1m, !to.isSimple(), "from is complex position but end is simple position");
     const f = from;
     const t2 = to;
-    assert(logger$1n, f.blockId === t2.blockId, "only allow update one table selection");
+    assert(logger$1m, f.blockId === t2.blockId, "only allow update one table selection");
     const containers = getCodeChildContainers(block);
     containers.forEach((container) => {
       const containerId = getContainerId(container);
@@ -63185,8 +63411,8 @@ $$${mathData.mathjaxText}$$
     const containersIds = childContainers.map(getContainerId);
     const startIndex = containersIds.indexOf(start.childContainerId);
     const endIndex = containersIds.indexOf(end.childContainerId);
-    assert(logger$1n, startIndex !== -1, "invalid start pos");
-    assert(logger$1n, endIndex !== -1, "invalid end pos");
+    assert(logger$1m, startIndex !== -1, "invalid start pos");
+    assert(logger$1m, endIndex !== -1, "invalid end pos");
     const ret = [childContainers[startIndex]];
     if (startIndex !== endIndex) {
       ret.push(childContainers[endIndex]);
@@ -63194,7 +63420,7 @@ $$${mathData.mathjaxText}$$
     return ret;
   }
   function handleBlockElementUpdated(editor, block, blockData) {
-    assert(logger$1n, isCodeBlock(block), "invalid block type");
+    assert(logger$1m, isCodeBlock(block), "invalid block type");
     const codeData = blockData;
     updateCodeBlockElementStyles(editor, block, codeData);
   }
@@ -63386,10 +63612,10 @@ ${codeText}
     "Shift+Tab": handleShiftTab$1,
     "CtrlOrCmd+A": selectCode
   };
-  const logger$1m = getLogger("code-text-decorate");
+  const logger$1l = getLogger("code-text-decorate");
   class CodeTextDecorator {
     decorateText(editor, path, blockText) {
-      assert(logger$1m, path.length > 0, "invalid path");
+      assert(logger$1l, path.length > 0, "invalid path");
       if (path.length === 1) {
         return {};
       }
@@ -63414,7 +63640,7 @@ ${codeText}
       const grammar = getProsmGrammar(codeData.language);
       const tokens = Prism__default.default.tokenize(code, grammar);
       const tokenToText = (token, attributes) => {
-        assert(logger$1m, token, "no token");
+        assert(logger$1l, token, "no token");
         if (typeof token === "string") {
           const ret = {
             insert: token,
@@ -63422,7 +63648,7 @@ ${codeText}
           };
           return [ret];
         }
-        assert(logger$1m, token instanceof Prism__default.default.Token, "invalid token type");
+        assert(logger$1l, token instanceof Prism__default.default.Token, "invalid token type");
         const content = token.content;
         const newAttributes = cloneDeep__default.default(attributes);
         newAttributes[`style-code-${token.type}`] = true;
@@ -63438,18 +63664,18 @@ ${codeText}
           const ret = tokens2.map((t2) => tokenToText(t2, newAttributes)).flat();
           return ret;
         }
-        assert(logger$1m, content instanceof Prism__default.default.Token, "invalid token");
+        assert(logger$1l, content instanceof Prism__default.default.Token, "invalid token");
         return tokenToText(content, newAttributes);
       };
       const ops = tokens.map((token) => tokenToText(token, {}));
       const newText = ops.flat();
-      assert(logger$1m, getTextLength(newText) === getTextLength(text2), "failed to highlight code, text length mismatch");
+      assert(logger$1l, getTextLength(newText) === getTextLength(text2), "failed to highlight code, text length mismatch");
       return {
         text: newText
       };
     }
   }
-  const zhCN$p = {
+  const zhCN$o = {
     code: {
       title: "\u4EE3\u7801",
       abstract: "\u4EE3\u7801",
@@ -63461,7 +63687,7 @@ ${codeText}
       plainText: "Plain Text"
     }
   };
-  const enUS$p = {
+  const enUS$o = {
     code: {
       title: "Code",
       abstract: "Code",
@@ -63473,7 +63699,7 @@ ${codeText}
       plainText: "Plain Text"
     }
   };
-  const jaJP$p = {
+  const jaJP$o = {
     code: {
       title: "\u30B3\u30FC\u30C9",
       abstract: "\u30B3\u30FC\u30C9",
@@ -63486,9 +63712,9 @@ ${codeText}
     }
   };
   i18n$1.mergeLang({
-    "zh-CN": zhCN$p,
-    "en-US": enUS$p,
-    "ja-JP": jaJP$p
+    "zh-CN": zhCN$o,
+    "en-US": enUS$o,
+    "ja-JP": jaJP$o
   });
   function convertToTable(editor, containerId, blockIndex, offset) {
     const block = editor.getBlockByIndex(containerId, blockIndex);
@@ -63749,7 +63975,7 @@ ${codeText}
     }
     return false;
   }
-  const logger$1l = getLogger("match-text-style");
+  const logger$1k = getLogger("match-text-style");
   function matchTextPair(text2, find) {
     if (text2.length < find.length * 2 + 1) {
       return -1;
@@ -63819,7 +64045,7 @@ ${codeText}
             editor.insertBoxToBlock(block, start, boxData);
           });
         } catch (err) {
-          logger$1l.warn(`failed to convert to box, ${err.message}`);
+          logger$1k.warn(`failed to convert to box, ${err.message}`);
           continue;
         }
       }
@@ -63882,7 +64108,7 @@ ${codeText}
       return false;
     }
   }
-  const enUS$o = {
+  const enUS$n = {
     placeholder: {
       default: "Type / for commands",
       heading: "Heading {heading}",
@@ -63893,7 +64119,7 @@ ${codeText}
       mobileDefault: "Type to add content"
     }
   };
-  const zhCN$o = {
+  const zhCN$n = {
     placeholder: {
       default: "\u8F93\u5165\u300C/\u300D\u5FEB\u901F\u63D2\u5165",
       heading: "\u6807\u9898{heading}",
@@ -63904,7 +64130,7 @@ ${codeText}
       mobileDefault: "\u8F93\u5165\u4EE5\u6DFB\u52A0\u5185\u5BB9"
     }
   };
-  const jaJP$o = {
+  const jaJP$n = {
     placeholder: {
       default: "\u300C/\u300D\u3092\u5165\u529B\u3057\u3066\u7D20\u65E9\u304F\u633F\u5165\u3059\u308B",
       heading: "\u898B\u51FA\u3057{heading}",
@@ -63916,9 +64142,9 @@ ${codeText}
     }
   };
   const langs$1 = {
-    "en-US": enUS$o,
-    "zh-CN": zhCN$o,
-    "ja-JP": jaJP$o
+    "en-US": enUS$n,
+    "zh-CN": zhCN$n,
+    "ja-JP": jaJP$n
   };
   i18n$1.mergeLang(langs$1);
   function isEmptyTextBlockWithoutCompositionText(editor, block) {
@@ -64085,7 +64311,7 @@ ${codeText}
     }
     return false;
   }
-  const logger$1k = getLogger("enforce-title");
+  const logger$1j = getLogger("enforce-title");
   class EnforceWithDocumentTitleHandler {
     constructor(editor, options = {
       headingLevel: 1
@@ -64157,7 +64383,7 @@ ${codeText}
       var _a, _b;
       try {
         const blocks = editor.doc.getContainerBlocks(getContainerId(editor.rootContainer));
-        assert(logger$1k, blocks.length > 0, "root container is empty");
+        assert(logger$1j, blocks.length > 0, "root container is empty");
         const firstBlock = blocks[0];
         if (firstBlock.type !== "text" && !this.options.hideTitle) {
           const blockData = createTextBlockData("", { heading: (_a = this.options.headingLevel) != null ? _a : 1 });
@@ -64166,7 +64392,7 @@ ${codeText}
           return;
         }
         if (!this.options.hideTitle) {
-          assert(logger$1k, firstBlock.text, "invalid text block");
+          assert(logger$1j, firstBlock.text, "invalid text block");
           const block = editor.getBlockById(firstBlock.id);
           if (hasAttributes(firstBlock.text) || firstBlock.quoted || firstBlock.heading !== this.options.headingLevel) {
             const text2 = editor.getBlockString(block);
@@ -64251,7 +64477,7 @@ ${codeText}
     });
     return orgDataUrl;
   }
-  const logger$1j = getLogger("drag-preview-image");
+  const logger$1i = getLogger("drag-preview-image");
   class DragPreviewImage {
     constructor(editor) {
       __publicField(this, "startPosition", null);
@@ -64259,7 +64485,7 @@ ${codeText}
       __publicField(this, "handleDragStart", async (e2, preview) => {
         var _a, _b, _c, _d, _e, _f;
         const target = e2.target;
-        assert(logger$1j, target instanceof Element, `Invalid Drag target:${target}`);
+        assert(logger$1i, target instanceof Element, `Invalid Drag target:${target}`);
         const { x: startX, y: startY } = e2;
         this.startPosition = {
           x: startX,
@@ -64345,7 +64571,7 @@ ${codeText}
     }
     return block;
   }
-  const logger$1i = getLogger("block-menu-drag-handler");
+  const logger$1h = getLogger("block-menu-drag-handler");
   function createDragEventFromMouseEvent$2(event, type) {
     const dragEvent = new DragEvent(type, {
       bubbles: true,
@@ -64366,7 +64592,7 @@ ${codeText}
       __publicField(this, "oldPos", { x: 0, y: 0 });
       __publicField(this, "handleMouseDown", (event) => {
         const block = this.button.blockMenu.currentBlock;
-        assert(logger$1i, block, "no dragged block");
+        assert(logger$1h, block, "no dragged block");
         if (event.button !== 0) {
           return;
         }
@@ -64394,7 +64620,7 @@ ${codeText}
           });
         }
         const block = this.button.blockMenu.currentBlock;
-        assert(logger$1i, block, "no dragged block");
+        assert(logger$1h, block, "no dragged block");
         (_b = (_a = getBlockClass(this.editor, block)).notify) == null ? void 0 : _b.call(_a, this.editor, "beginDrag");
         const dragEvent = createDragEventFromMouseEvent$2(event, "dragstart");
         registerStandardDraggedObject(this.editor, dragEvent, block);
@@ -64414,7 +64640,7 @@ ${codeText}
           this.handleDragStart(event);
         }
         this.oldPos = { x, y };
-        assert(logger$1i, target instanceof Element, "target is invalid");
+        assert(logger$1h, target instanceof Element, "target is invalid");
         this.dragPreview.handleDrag(event);
         const dragEvent = createDragEventFromMouseEvent$2(event, "dragover");
         this.editor.contentElement.dispatchEvent(dragEvent);
@@ -64422,7 +64648,7 @@ ${codeText}
       __publicField(this, "handleDragEnd", (event) => {
         var _a;
         const block = this.button.blockMenu.currentBlock;
-        assert(logger$1i, block, "no dragged block");
+        assert(logger$1h, block, "no dragged block");
         window.isDragging = false;
         this.dragPreview.handleDragEnd();
         (_a = this.autoScroll) == null ? void 0 : _a.inactive();
@@ -64645,7 +64871,7 @@ ${codeText}
       this.rootButton.destroy();
     }
   }
-  const zhCN$n = {
+  const zhCN$m = {
     blockMenu: {
       section: {
         basics: "\u57FA\u7840",
@@ -64669,7 +64895,7 @@ ${codeText}
       }
     }
   };
-  const enUS$n = {
+  const enUS$m = {
     blockMenu: {
       section: {
         basics: "Basic",
@@ -64693,7 +64919,7 @@ ${codeText}
       }
     }
   };
-  const jaJP$n = {
+  const jaJP$m = {
     blockMenu: {
       section: {
         basics: "\u4E00\u822C",
@@ -64718,9 +64944,9 @@ ${codeText}
     }
   };
   i18n$1.mergeLang({
-    "zh-CN": zhCN$n,
-    "en-US": enUS$n,
-    "ja-JP": jaJP$n
+    "zh-CN": zhCN$m,
+    "en-US": enUS$m,
+    "ja-JP": jaJP$m
   });
   const style$6 = "";
   class DragData {
@@ -64800,7 +65026,7 @@ ${codeText}
   function clearDraggedObject(editor) {
     getDragData(editor).clearData();
   }
-  const logger$1h = getLogger("find-drop-target");
+  const logger$1g = getLogger("find-drop-target");
   function childContainerFromPoint(x, y) {
     const elem = getElementFromPoint(x, y);
     if (!elem) {
@@ -64913,13 +65139,13 @@ ${codeText}
       return true;
     }
     const parentBlock = getParentBlock(container);
-    assert(logger$1h, parentBlock, "no parent block");
+    assert(logger$1g, parentBlock, "no parent block");
     if (!editor.isBlockWritable(parentBlock)) {
       return false;
     }
     return canInsertAsSibling(editor, parentBlock);
   }
-  const logger$1g = getLogger("drop-target");
+  const logger$1f = getLogger("drop-target");
   function getEmbedClassByFile(editor, file2) {
     let embedClass = {};
     if (/image/.test(file2.type)) {
@@ -64929,7 +65155,7 @@ ${codeText}
     } else if (/video/.test(file2.type)) {
       embedClass = editor.editorEmbeds.getEmbedClass("video");
     }
-    assert(logger$1g, embedClass, `unSupport file type ${file2.type}`);
+    assert(logger$1f, embedClass, `unSupport file type ${file2.type}`);
     return embedClass;
   }
   async function patchInsertFile(editor, files, containerId, blockIndex) {
@@ -65676,7 +65902,7 @@ ${codeText}
       }
     }
   }
-  const zhCN$m = {
+  const zhCN$l = {
     image: {
       title: "\u56FE\u7247",
       upload: {
@@ -65692,7 +65918,7 @@ ${codeText}
       abstract: "\u56FE\u7247"
     }
   };
-  const enUS$m = {
+  const enUS$l = {
     image: {
       title: "Image",
       upload: {
@@ -65708,7 +65934,7 @@ ${codeText}
       abstract: "Image"
     }
   };
-  const jaJP$m = {
+  const jaJP$l = {
     image: {
       title: "\u753B\u50CF",
       upload: {
@@ -65725,9 +65951,9 @@ ${codeText}
     }
   };
   i18n$1.mergeLang({
-    "zh-CN": zhCN$m,
-    "en-US": enUS$m,
-    "ja-JP": jaJP$m
+    "zh-CN": zhCN$l,
+    "en-US": enUS$l,
+    "ja-JP": jaJP$l
   });
   function convertToImage(editor, containerId, blockIndex, offset) {
     const block = editor.getBlockByIndex(containerId, blockIndex);
@@ -65781,7 +66007,7 @@ ${codeText}
       return false;
     }
   }
-  const logger$1f = getLogger("copy-image");
+  const logger$1e = getLogger("copy-image");
   function getImageClipboardData(editor, img, imageObject, index2) {
     const imageData = imageObject.getImages()[index2];
     const widthPercent = imageObject.getImages().length === 1 ? imageObject.getWidthPercent() : imageData.flex * 100;
@@ -65822,7 +66048,7 @@ ${codeText}
       });
       clipboardData["image/png"] = fileBlob;
     } catch (error2) {
-      logger$1f.error(error2);
+      logger$1e.error(error2);
     }
     addMetaToDoc(editor, doc2);
     const url = editor.doc.buildResourceUrl(imageData.src, { withToken: true });
@@ -66095,195 +66321,6 @@ ${codeText}
     }
     return getDragInsertPos(editor, block, images, x);
   }
-  const zhCN$l = {
-    embedProperties: {
-      edit: "\u7F16\u8F91",
-      addComment: "\u6DFB\u52A0\u6279\u6CE8"
-    }
-  };
-  const enUS$l = {
-    embedProperties: {
-      edit: "Edit",
-      addComment: "Add annotation"
-    }
-  };
-  const jaJP$l = {
-    embedProperties: {
-      edit: "\u7DE8\u96C6",
-      addComment: "\u6CE8\u91C8\u3092\u8FFD\u52A0"
-    }
-  };
-  i18n$1.mergeLang({
-    "zh-CN": zhCN$l,
-    "en-US": enUS$l,
-    "ja-JP": jaJP$l
-  });
-  const logger$1e = getLogger("embed-block-properties");
-  function addCommentToBlock(editor, block) {
-    var _a;
-    for (const hook of editor.blockHooks) {
-      const commands = (_a = hook.commands) == null ? void 0 : _a.call(hook, editor, block, null);
-      if (!commands) {
-        continue;
-      }
-      if (commands.group === "block-comment-actions") {
-        const command = commands.commands[0];
-        if (!command) {
-          continue;
-        }
-        commands.executeCommand(editor, block, commands.commands[0], null);
-        return true;
-      }
-    }
-    return false;
-  }
-  class StandardEmbedBlockCommands {
-    constructor(editor, block, properties) {
-      __publicField(this, "group", "hovering-toolbar");
-      __publicField(this, "_commands", [{
-        id: "edit",
-        name: i18n$1.t("embedProperties.edit"),
-        icon: EditIcon
-      }, {
-        id: "separator",
-        name: "",
-        type: "separator"
-      }]);
-      this.editor = editor;
-      this.block = block;
-      this.properties = properties;
-    }
-    get commands() {
-      var _a, _b, _c, _d;
-      if (clientType.isMobile) {
-        return [];
-      }
-      let standardCommands = [];
-      if ((_a = this.properties) == null ? void 0 : _a.presetIds) {
-        this.properties.presetIds.forEach((id) => {
-          const command = this._commands.find((item) => item.id === id);
-          if (command) {
-            standardCommands.push(command);
-          }
-        });
-      }
-      if (((_b = this.properties) == null ? void 0 : _b.extCommands) && Array.isArray(this.properties.extCommands)) {
-        standardCommands.push(...this.properties.extCommands);
-      }
-      if (typeof ((_c = this.properties) == null ? void 0 : _c.extCommands) === "function") {
-        standardCommands.push(...this.properties.extCommands(this.editor, this.block));
-      }
-      if ((_d = this.properties) == null ? void 0 : _d.extIds) {
-        this.properties.extIds.forEach((id) => {
-          const command = this._commands.find((item) => item.id === id);
-          if (command) {
-            standardCommands.push(command);
-          }
-        });
-      }
-      const { enableComments = true } = this.editor.options;
-      if (!enableComments || this.editor.readonly) {
-        standardCommands = standardCommands.filter((command) => command.id !== "add-comment");
-      }
-      if (this.editor.readonly) {
-        standardCommands = standardCommands.filter((command) => command.id !== "edit");
-      }
-      standardCommands.forEach((item) => {
-        if (item.id === "add-comment" || item.id === "edit") {
-          item.states = this.editor.isBlockWritable(this.block) ? [] : ["disabled"];
-        }
-      });
-      return standardCommands;
-    }
-    executeCommand(editor, block, item) {
-      var _a, _b;
-      if ((_b = (_a = this.properties) == null ? void 0 : _a.handleExecuteCommand) == null ? void 0 : _b.call(_a, editor, block, item)) {
-        return;
-      }
-      if (item.id === "add-comment") {
-        if (!addCommentToBlock(editor, block)) {
-          logger$1e.error("failed to add comment to block");
-        }
-        return;
-      }
-      logger$1e.error(`unknown command: ${JSON.stringify(item)}`);
-    }
-  }
-  function getStandardEmbedBlockProperties(editor, block, properties) {
-    return {
-      blockCommands: {
-        "hovering-toolbar": new StandardEmbedBlockCommands(editor, block, properties)
-      }
-    };
-  }
-  class EmbedBlockResizer {
-    constructor(editor) {
-      __publicField(this, "resizing", false);
-      __publicField(this, "blockResizer");
-      __publicField(this, "handleResized", () => {
-        this.resizing = false;
-      });
-      __publicField(this, "handleResizing", (resizer, rect) => {
-        var _a, _b;
-        this.resizing = true;
-        const block = resizer.getBlock();
-        if (block) {
-          if (((_b = (_a = getBlockClass(this.editor, block)).notify) == null ? void 0 : _b.call(_a, this.editor, "resize", { block, rect })) === true) {
-            return;
-          }
-          const blockType = getEmbedType(block);
-          const { adjustableMinHeight } = getEmbedClassByType(this.editor, blockType);
-          const height = Math.max(rect.height, adjustableMinHeight || 100);
-          const oldData = this.editor.getBlockData(block);
-          const oldEmbedData = oldData.embedData;
-          const newEmbedData = {
-            ...oldEmbedData,
-            height
-          };
-          this.editor.updateEmbedData(block, newEmbedData);
-        }
-      });
-      __publicField(this, "handleHoveringBlockChange", (block, old) => {
-        if (this.resizing) {
-          return;
-        }
-        if (old && isEmbedBlock(old) && hasClass(old, "resizable")) {
-          this.disableResizer();
-        }
-        if (block && isEmbedBlock(block) && hasClass(block, "resizable") && this.editor.isBlockWritable(block)) {
-          this.tryEnableResizer(block);
-        }
-      });
-      __publicField(this, "handleEditorResize", () => {
-        this.blockResizer.updateResizer();
-      });
-      this.editor = editor;
-      OnesEditorHoveringBlock.get(editor).addListener("change", this.handleHoveringBlockChange);
-      this.blockResizer = new BlockResizer(this.editor, {
-        resize: ["bottom"]
-      });
-      this.blockResizer.addListener("resizing", this.handleResizing);
-      this.blockResizer.addListener("resized", this.handleResized);
-      this.editor.addListener("resize", this.handleEditorResize);
-    }
-    destroy() {
-      this.editor.removeListener("resize", this.handleEditorResize);
-      OnesEditorHoveringBlock.get(this.editor).removeListener("change", this.handleHoveringBlockChange);
-    }
-    tryEnableResizer(block) {
-      this.blockResizer.enableResize(block);
-    }
-    disableResizer() {
-      this.blockResizer.disableResize();
-    }
-    static get(editor) {
-      return editor.addCustom("EmbedBlockResizer", () => new EmbedBlockResizer(editor));
-    }
-    static register(editor, block) {
-      addClass(block, "resizable");
-      return editor.addCustom("EmbedBlockResizer", () => new EmbedBlockResizer(editor));
-    }
-  }
   class ImageHoveringToolbarCommands$1 {
     constructor(editor, block) {
       __publicField(this, "group", "hovering-toolbar");
@@ -66355,7 +66392,7 @@ ${codeText}
     executeCommand(editor, block, item) {
       switch (item.id) {
         case "addComment":
-          addCommentToBlock(editor, block);
+          addCommentToBlock$1(editor, block);
           break;
         case "left":
         case "center":
@@ -67735,7 +67772,7 @@ ${codeText}
       this.editor.addListener("selectionChanged", this.handleSelectionChanged);
       this.editor.addListener("resize", this.handleEditorResize);
       this.editor.addListener("docChanged", this.handleDocChanged);
-      this.editor.scrollContainer.addEventListener("wheel", this.handleScroll, { passive: false });
+      this.editor.domEvents.addEventListener(this.editor.scrollContainer, "wheel", (ed, e2) => this.handleScroll(e2), { passive: false });
       this.items.forEach((item) => item.addListener("resize", this.handleItemResize));
       this.groupItemHandlers = new CommentGroupItemHandlers(this, commentsProvider);
       document.addEventListener("click", this.handleDocumentClick);
@@ -67744,7 +67781,6 @@ ${codeText}
       this.editor.removeListener("selectionChanged", this.handleSelectionChanged);
       this.editor.removeListener("resize", this.handleEditorResize);
       this.editor.removeListener("docChanged", this.handleDocChanged);
-      this.editor.scrollContainer.removeEventListener("wheel", this.handleScroll);
       super.destroy();
       this.unbindEvents();
       this.removeAllListeners();
@@ -68619,7 +68655,7 @@ ${codeText}
           const types2 = ["table", "layout"];
           if (types2.includes(getBlockType(block))) {
             editor.selection.setSelection(createSimpleBlockPosition(block, 0, "home"), createSimpleBlockPosition(block, 0, "end"));
-            comment = addCommentToBlock$1(editor, block, this.provider);
+            comment = addCommentToBlock(editor, block, this.provider);
           }
         }
         comment = comment != null ? comment : addCommentToTextBlocks(editor, range, this.provider);
@@ -68640,7 +68676,7 @@ ${codeText}
         try {
           this.editorComments.showCommentList();
           const block2 = editor.getBlockById(blockId);
-          addCommentToBlock$1(editor, block2, this.provider);
+          addCommentToBlock(editor, block2, this.provider);
         } catch (err) {
           logger$13.error(`failed to execute block command: ${JSON.stringify(err)}`);
         }
@@ -68976,11 +69012,11 @@ ${codeText}
         const { containerId } = path[path.length - 1];
         const targetBlock = getParentBlock(getContainerById(editor, containerId));
         if (targetBlock && getBlockType(targetBlock) === "code") {
-          addCommentToBlock$1(editor, targetBlock, editorComments.commentProvider);
+          addCommentToBlock(editor, targetBlock, editorComments.commentProvider);
           return;
         }
       }
-      addCommentToBlock$1(editor, block, editorComments.commentProvider);
+      addCommentToBlock(editor, block, editorComments.commentProvider);
       return;
     }
     const selectedBlocks = getAllSelectedBlocks(editor, { simpleBlockOnly: true });
@@ -69217,7 +69253,7 @@ ${codeText}
             editor2.selection.selectBlock(block, 0, getBlockTextLength$6(editor2, block), { noScroll: true });
             const editorComments = editor2.getCustom("editor-comments");
             editorComments.showCommentList();
-            addCommentToBlock$1(editor2, block, editorComments.commentProvider);
+            addCommentToBlock(editor2, block, editorComments.commentProvider);
           }
         }
       };
@@ -69251,7 +69287,7 @@ ${codeText}
             const selectedBlock = range.getSelectedBlocks()[0];
             if (selectedBlock) {
               const editorComments = editor.getCustom("editor-comments");
-              addCommentToBlock$1(editor, selectedBlock.block, editorComments.commentProvider);
+              addCommentToBlock(editor, selectedBlock.block, editorComments.commentProvider);
             }
             return;
           }
@@ -76512,7 +76548,7 @@ ${content}
       } else if (item.id === "download") {
         downloadFile$1(editor, box);
       } else if (item.id === "add-comment") {
-        addCommentToBlock(editor, block);
+        addCommentToBlock$1(editor, block);
       }
     }
   }
@@ -76804,7 +76840,7 @@ ${content}
       } else if (item.id === "download") {
         downloadFile(editor, block);
       } else if (item.id === "add-comment") {
-        addCommentToBlock(editor, block);
+        addCommentToBlock$1(editor, block);
       }
     }
   }
@@ -79562,6 +79598,7 @@ ${content}
     }
     destroy() {
       this.editor.doc.unregisterCallback(this);
+      this.removeAllListeners();
     }
     isHeadingBlock(blockData) {
       return !!blockData.heading;
@@ -80323,22 +80360,22 @@ ${content}
     const image = createElement("img", ["editor-template-thumb"], imageContaniner);
     image.src = imageSrc;
     image.style.display = "none";
-    image.onerror = () => {
+    editor.domEvents.addEventListener(image, "error", () => {
       var _a2;
       const placeholder2 = (_a2 = options == null ? void 0 : options.placeHolderImageSrc) != null ? _a2 : TEMPLATE_PLACEHOLDER;
       if (image.src !== placeholder2) {
         image.src = placeholder2;
       }
-    };
-    image.onload = () => {
+    });
+    editor.domEvents.addEventListener(image, "load", () => {
       image.style.display = "";
-    };
+    });
     const nameDiv = createElement("div", ["editor-template-name"], card);
     const span = createElement("span", [], nameDiv, name);
     if (options == null ? void 0 : options.showTemplateTitleAttr) {
       span.setAttribute("title", name);
     }
-    card.onclick = () => clickHandler(card);
+    editor.domEvents.addEventListener(card, "click", () => clickHandler(card));
     return card;
   }
   function getDocThumbImage(editor, template) {
@@ -86310,7 +86347,7 @@ ${data2.flowchartText}
     executeCommand(editor, block, item) {
       switch (item.id) {
         case "addComment":
-          addCommentToBlock(editor, block);
+          addCommentToBlock$1(editor, block);
           break;
         case "left":
         case "center":
@@ -88080,20 +88117,32 @@ ${data2.flowchartText}
       return docx.Packer.toBlob(doc2);
     }
   }
+  class ExportImageError extends Error {
+    constructor(message) {
+      super(message);
+      this.name = this.constructor.name;
+    }
+  }
   const logger$1 = getLogger("editor-to-docx");
+  const ERROR_MESSAGE = "editor-to-docx: read image error";
   async function readImage(editor, _appId, _docId, _src) {
-    const url = editor.doc.buildResourceUrl(_src, { withToken: true });
-    let file2 = await downloadImageToFile$1(url);
-    if (!file2)
-      return [void 0, url];
-    if (file2.type.indexOf("/svg") !== -1) {
-      const pngFile = await convertImageFileToPng(file2);
-      if (pngFile) {
-        file2 = new File([pngFile], file2.name);
+    try {
+      const url = editor.doc.buildResourceUrl(_src, { withToken: true });
+      let file2 = await downloadImageToFile$1(url);
+      if (!file2) {
+        throw new Error(ERROR_MESSAGE);
+      }
+      if (file2.type.indexOf("/svg") !== -1) {
+        const pngFile = await convertImageFileToPng(file2);
+        if (pngFile) {
+          file2 = new File([pngFile], file2.name);
+        }
       }
+      const arrayBuffer = await file2.arrayBuffer();
+      return [arrayBuffer, url];
+    } catch (error2) {
+      throw new ExportImageError(error2.message || ERROR_MESSAGE);
     }
-    const arrayBuffer = await file2.arrayBuffer();
-    return [arrayBuffer, url];
   }
   async function getDocByBlock(editor, doc2, block) {
     const blockClass = editor.editorBlocks.getBlockClass(block.type);
@@ -88327,13 +88376,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.2.8-beta.6";
-    if (Logger$2.level === LogLevel.DEBUG) {
-      window.setReauthFail = (fail) => {
-        window.isReauthError = fail;
-      };
-      window.reConnect = (token) => editor.doc.externalDoc.client.connection.reConnect(token);
-    }
+    editor.version = "2.2.8-beta.8";
     return editor;
   }
   function isDoc(doc2) {
@@ -88428,7 +88471,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.2.8-beta.6";
+    editor.version = "2.2.8-beta.8";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -134207,6 +134250,7 @@ ${data2.flowchartText}
   exports2.EmbedBlockResizer = EmbedBlockResizer;
   exports2.EnforceWithDocumentTitleHandler = EnforceWithDocumentTitleHandler;
   exports2.EventCallbacks = EventCallbacks;
+  exports2.ExportImageError = ExportImageError;
   exports2.FILL_CHAR = FILL_CHAR;
   exports2.FileExtError = FileExtError;
   exports2.FixedToolbar = FixedToolbar;
@@ -134270,6 +134314,7 @@ ${data2.flowchartText}
   exports2.ShareDBLocalDoc = ShareDBLocalDoc;
   exports2.ShareDBServer = ShareDBServer;
   exports2.SimpleCache = SimpleCache;
+  exports2.StandardBoxCommands = StandardBoxCommands;
   exports2.StandardEmbedBlockCommands = StandardEmbedBlockCommands;
   exports2.TEXT_STYLE_BACKGROUND_COLOR_PREFIX = TEXT_STYLE_BACKGROUND_COLOR_PREFIX;
   exports2.TEXT_STYLE_COLOR_PREFIX = TEXT_STYLE_COLOR_PREFIX;
@@ -134288,7 +134333,7 @@ ${data2.flowchartText}
   exports2.addAttribute = addAttribute;
   exports2.addClass = addClass;
   exports2.addColor = addColor;
-  exports2.addCommentToBlock = addCommentToBlock;
+  exports2.addCommentToBlock = addCommentToBlock$1;
   exports2.addDays = addDays;
   exports2.addMetaToDoc = addMetaToDoc;
   exports2.addMonths = addMonths;