@ones-editor/editor 2.2.15-beta.2 → 2.2.15-beta.4

package/dist/index.js

@@ -859,10 +859,10 @@ div.tippy-box[data-theme=menu] .tippy-arrow::after {
   transform: rotate(45deg);
 }
 div.tippy-box[data-theme=menu] .tippy-content .editor-command-bar-root, div.tippy-box[data-theme=toolbar] .tippy-content .editor-command-bar-root {
-  box-shadow: 0px 0px 1px rgba(48, 48, 48, 0.25), 0px 12px 24px rgba(48, 48, 48, 0.15);
+  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(45, 45, 46, 0.15) 0px 8px 16px -4px, rgba(45, 45, 46, 0.2) 0px 0px 1px 0px;
 }
 div.tippy-box[data-theme=toolbar] .tippy-content .editor-command-bar-root {
-  overflow: initial;
+  border-radius: 3px;
 }
 div.tippy-box button {
   outline: none;
@@ -880,8 +880,7 @@ div.tippy-box button {
   overflow-y: auto;
 }
 .editor-command-bar.toolbar {
-  max-width: 90vw;
-  overflow-x: auto;
+  width: max-content;
 }
 .editor-command-bar.fixed.mobile, .editor-command-bar.toolbar.mobile {
   gap: 16px;
@@ -902,7 +901,7 @@ div.tippy-box button {
 }
 .editor-command-bar.fixed.mobile .command-item.checked, .editor-command-bar.toolbar.mobile .command-item.checked {
   border-radius: 3px;
-  background: #F0F6FF;
+  background: #f0f6ff;
 }
 .editor-command-bar {
   pointer-events: all;
@@ -1020,8 +1019,6 @@ div.tippy-box button {
   gap: 5px;
   padding: 5px 10px;
   background: #ffffff;
-  box-shadow: 0px 0px 1px rgba(48, 48, 48, 0.2), 0px 8px 16px rgba(48, 48, 48, 0.15);
-  border-radius: 3px;
 }
 .editor-command-bar.toolbar .command-item {
   background: transparent;
@@ -1114,6 +1111,7 @@ div.tippy-box button {
 .editor-command-bar.footer {
   width: 100%;
 }
+.reference-hidden[data-tippy-hidden],
 .reference-hidden .tippy-box[data-reference-hidden] {
   opacity: 0;
   pointer-events: none;
@@ -2054,11 +2052,6 @@ div.tippy-box[data-theme=editor-tooltip] > .tippy-content {
   border-radius: 8px;
   background: none;
 }
-[data-command-bar-id=cursor-toolbar].mobile .tippy-box .tippy-content .editor-command-bar-root,
-[data-command-bar-id=paste-special-button].mobile .tippy-box .tippy-content .editor-command-bar-root,
-[data-command-bar-id=editor-toolbar].mobile .tippy-box .tippy-content .editor-command-bar-root {
-  box-shadow: none;
-}
 [data-command-bar-id=cursor-toolbar].mobile .tippy-content,
 [data-command-bar-id=cursor-toolbar].mobile .editor-command-bar-root,
 [data-command-bar-id=cursor-toolbar].mobile .editor-command-bar,
@@ -2091,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;
@@ -2896,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;
@@ -5180,6 +5173,7 @@ div.editor-root:not(.mobile) div.editor-content div[data-type=editor-container]
   background-color: var(--op-selected-color);
   border-radius: 3px;
   pointer-events: none;
+  z-index: 1;
 }
 .editor-root.history .table-block.history-inserted-block table .child {
   pointer-events: none;
@@ -6596,23 +6590,29 @@ div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .co
   padding: 10px;
   border-radius: 3px;
 }
+.editor-root [data-type=editor-container].root div[data-type=editor-block].callout-block .callout-root .callout-icon {
+  flex-shrink: 0;
+  margin-right: 10px;
+}
 .editor-root [data-type=editor-container].root div[data-type=editor-block].callout-block .callout-root .callout-icon-inner {
-  cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
-  flex-shrink: 0;
   width: 24px;
   height: 24px;
-  margin-right: 10px;
   font-size: 22px;
   line-height: 1;
   font-family: Apple Color Emoji, Segoe UI Emoji, NotoColorEmoji, Noto Color Emoji, Segoe UI Symbol, Android Emoji, EmojiSymbols;
+  cursor: pointer;
 }
 .editor-root [data-type=editor-container].root div[data-type=editor-block].callout-block .callout-root .callout-icon-inner:hover {
   border-radius: 3px;
   background-color: rgba(0, 36, 90, 0.04);
 }
+.editor-root [data-type=editor-container].root div[data-type=editor-block].callout-block .callout-root .callout-icon.readonly .callout-icon-inner {
+  cursor: text;
+  pointer-events: none;
+}
 .editor-root [data-type=editor-container].root div[data-type=editor-block].callout-block .callout-root .callout-content {
   flex: 1;
   min-width: 0;
@@ -13099,7 +13099,7 @@ var __publicField = (obj, key, value) => {
     return createEditorSelectionRange(editor, { anchor: anchor2, focus });
   }
   const logger$4a = getLogger("range-from-point");
-  function getBlockRangeFromPoint(editor, pointX, pointY) {
+  function getBlockRangeFromPoint(editor, pointX, pointY, dragging) {
     const yOffsets = [0, -12, 12];
     let x = pointX;
     const y = pointY;
@@ -13147,7 +13147,7 @@ var __publicField = (obj, key, value) => {
       if (!editor.contains(block)) {
         continue;
       }
-      const range = getBlockClass(editor, block).getRangeFromPoint(editor, block, x, y + yOffsets[i]);
+      const range = getBlockClass(editor, block).getRangeFromPoint(editor, block, x, y + yOffsets[i], dragging);
       if (range) {
         return range;
       }
@@ -23743,7 +23743,7 @@ var __publicField = (obj, key, value) => {
     });
     return ret;
   }
-  function getTextBlockRangeFromPoint(editor, block, xOrign, yOrign) {
+  function getTextBlockRangeFromPoint(editor, block, xOrign, yOrign, dragging) {
     const elem = getElementFromPoint(xOrign, yOrign);
     if (!elem)
       return null;
@@ -23798,7 +23798,12 @@ var __publicField = (obj, key, value) => {
       offset = start;
       length = 0;
     } else if (isTextBlockContentBoxChild(child)) {
-      offset = start;
+      const blockRect2 = child.getBoundingClientRect();
+      if (!dragging) {
+        offset = start + (blockRect2.x + 10 > x ? 0 : 1);
+      } else {
+        offset = start + (blockRect2.x + blockRect2.width / 2 > x ? 0 : 1);
+      }
       length = 0;
     } else {
       assert(logger$3X, child.firstChild instanceof Text, "child is not text");
@@ -25679,7 +25684,8 @@ var __publicField = (obj, key, value) => {
       if (enableHorizontal) {
         animateScrollTo(target, {
           elementToScroll: getScrollContainer$1(target, { horizontal: true }),
-          disableHorizontal: false
+          disableHorizontal: false,
+          speed: options.speed
         });
       }
       const mobileClient = editor.options.componentsOptions.mobile;
@@ -25687,7 +25693,8 @@ var __publicField = (obj, key, value) => {
         elementToScroll: (_a = options.elementToScroll) != null ? _a : getScrollContainer$1(target),
         disableHorizontal: true,
         verticalOffset: options == null ? void 0 : options.verticalOffset,
-        getClientHeight: mobileClient && clientType.isMobile ? mobileClient.getViewPortHeight : void 0
+        getClientHeight: mobileClient && clientType.isMobile ? mobileClient.getViewPortHeight : void 0,
+        speed: options.speed
       });
     } else if (target.scrollIntoView) {
       target.scrollIntoView({
@@ -28088,7 +28095,7 @@ var __publicField = (obj, key, value) => {
         if (Math.abs(this.mouseDownEvent.x - event.x) < 3 && Math.abs(this.mouseDownEvent.y - event.y) < 3) {
           return;
         }
-        const range = getBlockRangeFromPoint(this.editor, event.x, event.y);
+        const range = getBlockRangeFromPoint(this.editor, event.x, event.y, true);
         if (!range) {
           return;
         }
@@ -39433,7 +39440,8 @@ ${codeText}
       }
     },
     search: {
-      emptyTips: "\u6682\u65E0\u641C\u7D22\u7ED3\u679C"
+      emptyTips: "\u6682\u65E0\u641C\u7D22\u7ED3\u679C",
+      loading: "\u52A0\u8F7D\u4E2D..."
     }
   };
   const enUS$w = {
@@ -39465,7 +39473,8 @@ ${codeText}
       }
     },
     search: {
-      emptyTips: "No results found"
+      emptyTips: "No results found",
+      loading: "Loading..."
     }
   };
   const jaJP$w = {
@@ -39497,7 +39506,8 @@ ${codeText}
       }
     },
     search: {
-      emptyTips: "\u691C\u7D22\u7D50\u679C\u304C\u3042\u308A\u307E\u305B\u3093"
+      emptyTips: "\u691C\u7D22\u7D50\u679C\u304C\u3042\u308A\u307E\u305B\u3093",
+      loading: "\u8AAD\u307F\u8FBC\u307F\u4E2D..."
     }
   };
   i18n$1.mergeLang({
@@ -40080,24 +40090,51 @@ ${codeText}
     click(item, target) {
       this.emit("click", this, item, target);
     }
-    createPopperOptions() {
-      var _a, _b;
+    createPopperOptions(flip = false) {
+      var _a, _b, _c, _d;
       const popperOptions = { modifiers: [] };
       const overflowBoundary = this.options.overflowBoundary;
+      const padding = this.options.padding;
       if (overflowBoundary) {
-        (_a = popperOptions == null ? void 0 : popperOptions.modifiers) == null ? void 0 : _a.push({
-          name: "flip",
-          options: {
-            boundary: overflowBoundary,
-            fallbackPlacements: ["top", "bottom"]
-          }
-        });
+        if (flip) {
+          (_a = popperOptions == null ? void 0 : popperOptions.modifiers) == null ? void 0 : _a.push({
+            name: "flip",
+            options: {
+              boundary: overflowBoundary,
+              fallbackPlacements: ["top", "bottom"]
+            }
+          });
+        } else {
+          (_b = popperOptions == null ? void 0 : popperOptions.modifiers) == null ? void 0 : _b.push({
+            name: "hide",
+            enabled: true,
+            phase: "main",
+            fn: debounce__default.default(({ state }) => {
+              const popper = state.elements.popper;
+              const popperRect = popper.getBoundingClientRect();
+              const overflowBoundaryRect = overflowBoundary.getBoundingClientRect();
+              const topCheck = popperRect.top < overflowBoundaryRect.top;
+              const bottomCheck = popperRect.bottom > overflowBoundaryRect.bottom;
+              const leftCheck = popperRect.left < overflowBoundaryRect.left;
+              const rightCheck = popperRect.right > overflowBoundaryRect.right;
+              if (topCheck || bottomCheck || leftCheck || rightCheck) {
+                popper.setAttribute("data-tippy-hidden", "");
+              } else {
+                popper.removeAttribute("data-tippy-hidden");
+              }
+            }, 10)
+          });
+          (_c = popperOptions == null ? void 0 : popperOptions.modifiers) == null ? void 0 : _c.push({
+            name: "flip",
+            enabled: false
+          });
+        }
       }
-      if (this.options.padding) {
-        (_b = popperOptions == null ? void 0 : popperOptions.modifiers) == null ? void 0 : _b.push({
+      if (padding) {
+        (_d = popperOptions == null ? void 0 : popperOptions.modifiers) == null ? void 0 : _d.push({
           name: "preventOverflow",
           options: {
-            padding: this.options.padding
+            padding
           }
         });
       }
@@ -40464,7 +40501,7 @@ ${codeText}
       });
     }
     manualShow(target, options) {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       if (this.isVisible) {
         return;
       }
@@ -40479,15 +40516,15 @@ ${codeText}
         triggerTarget: null,
         hideOnClick: false,
         placement: (_a = options == null ? void 0 : options.placement) != null ? _a : "bottom-start",
-        maxWidth: 650,
-        arrow: (_b = options == null ? void 0 : options.arrow) != null ? _b : this.options.tippyArrow,
+        maxWidth: (_b = this.options.maxWidth) != null ? _b : 650,
+        arrow: (_c = options == null ? void 0 : options.arrow) != null ? _c : this.options.tippyArrow,
         appendTo: document.body,
         onShow: this.handleShow,
         onHidden: this.handleHidden,
         onShown: this.handleShown,
         theme: options == null ? void 0 : options.theme,
         getReferenceClientRect: options == null ? void 0 : options.getReferenceClientRect,
-        offset: (_c = options == null ? void 0 : options.offset) != null ? _c : [0, 0],
+        offset: (_d = options == null ? void 0 : options.offset) != null ? _d : [0, 0],
         popperOptions: this.createPopperOptions()
       });
       if (options == null ? void 0 : options.point) {
@@ -40974,6 +41011,7 @@ ${codeText}
       super(items, closeable, {
         itemElementTag: "button",
         tippyArrow: false,
+        maxWidth: clientType.isMobile ? "90vw" : "max-content",
         ...options
       });
     }
@@ -41238,7 +41276,7 @@ ${codeText}
           theme: options == null ? void 0 : options.theme,
           getReferenceClientRect: options == null ? void 0 : options.getReferenceClientRect,
           offset: (_c = options == null ? void 0 : options.offset) != null ? _c : [0, 0],
-          popperOptions: this.createPopperOptions()
+          popperOptions: this.createPopperOptions(true)
         });
         this.clearSelectedItem();
         document.addEventListener("keydown", this.handleDocumentKeydown);
@@ -41342,7 +41380,7 @@ ${codeText}
       this.menu.addListener("show", this.handleShow);
       this.menu.addListener("shown", this.handleShown);
       if (this.options.wait) {
-        this.handleSearchText = debounce__default.default(async (text2) => {
+        this.handleSearchText = debounce__default.default((text2) => {
           this.handleSearchTextPure(text2);
         }, this.options.wait);
       } else {
@@ -41375,9 +41413,7 @@ ${codeText}
       if (this.options.placeholder) {
         this.showPlaceholder();
       }
-      const items = await this.options.queryItems(this, "");
-      this.highlightText("", items);
-      this.setItems(items);
+      this.handleSearchTextPure("");
     }
     showLoading() {
       if (!this.options.showLoading) {
@@ -41393,7 +41429,7 @@ ${codeText}
       } else {
         this.setItems([{
           id: "loading",
-          name: "loading",
+          name: i18n$1.t("search.loading"),
           states: ["disabled"]
         }]);
       }
@@ -41442,14 +41478,11 @@ ${codeText}
     }
     async handleSearchTextPure(text2) {
       this.currentText = text2;
-      const key = "auto-suggest";
       try {
-        await lockers.lock(key);
         this.showLoading();
-        const searchingText = this.currentText;
         const items = await this.options.queryItems(this, text2);
-        if (this.currentText === searchingText) {
-          this.currentText = "";
+        if (this.currentText !== text2) {
+          return;
         }
         if (items.length === 0) {
           this.showNoResultMessage(text2);
@@ -41457,10 +41490,9 @@ ${codeText}
         }
         this.setItems(items);
         if (this.options.highlight) {
-          this.highlightText(searchingText.replace(/^\s+|\s+$/g, ""), items);
+          this.highlightText(text2.replace(/^\s+|\s+$/g, ""), items);
         }
       } finally {
-        lockers.release(key);
       }
     }
     highlightText(search, items) {
@@ -46978,7 +47010,413 @@ ${codeText}
     }
     return rects[0];
   }
-  const logger$25 = 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$25 = 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$25.error("failed to add comment to block");
+        }
+        return;
+      }
+      logger$25.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$24 = 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$24, 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$23 = getLogger("exclusive-block");
   function addExclusiveStyle(editor, block, userId, displayName) {
     var _a;
     addClass(block, "block-exclusive");
@@ -46996,7 +47434,7 @@ ${codeText}
     block.removeAttribute("data-exclusive-tips");
   }
   function updateBlockExclusive(editor, block, exclusive, userId, displayName) {
-    logger$25.debug(`block ${getBlockId(block)} ${exclusive ? "exclusive" : "unexclusive"}, ${userId}, ${displayName}`);
+    logger$23.debug(`block ${getBlockId(block)} ${exclusive ? "exclusive" : "unexclusive"}, ${userId}, ${displayName}`);
     if (exclusive) {
       addExclusiveStyle(editor, block, userId, displayName);
     } else {
@@ -47153,28 +47591,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);
@@ -47350,22 +47788,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",
@@ -47373,9 +47811,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) {
@@ -47387,7 +47825,7 @@ ${codeText}
       return false;
     }
   }
-  const logger$24 = getLogger("context-menu-utils");
+  const logger$22 = getLogger("context-menu-utils");
   function blobToString(blob) {
     return new Promise((resolve, reject) => {
       const reader = new FileReader();
@@ -47408,7 +47846,7 @@ ${codeText}
       const types2 = items[0].types;
       return !data2.trim() && types2.length === 1 && types2.includes("text/plain");
     } catch (error2) {
-      logger$24.warn(`Failed to read clipboard data: ${error2}`);
+      logger$22.warn(`Failed to read clipboard data: ${error2}`);
       return true;
     }
   }
@@ -47457,7 +47895,7 @@ ${codeText}
     }
     return dataTransfer;
   }
-  const logger$23 = getLogger("ClipboardProvider");
+  const logger$21 = getLogger("ClipboardProvider");
   class ClipboardProvider {
     constructor(editor, options) {
       __publicField(this, "id", "ClipboardProvider");
@@ -47543,7 +47981,7 @@ ${codeText}
           }
         }).catch((err) => {
           this.clipboardPermission.read = "denied";
-          logger$23.log(err);
+          logger$21.log(err);
         });
       } catch (error2) {
         this.clipboardPermission = {
@@ -47604,13 +48042,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) {
@@ -47618,8 +48057,17 @@ ${codeText}
       }
       const items = [];
       const focusedBlock = this.editor.selection.focusedBlock;
+      const hoveringTextChild = OnesEditorHoveringBlock.get(this.editor).hoveringTextChild;
       for (const provider of this.providers) {
-        items.push(...provider.getAvailableCommands(this.editor, focusedBlock, this.editor.selection.range));
+        items.push(...provider.getAvailableCommands(this.editor, focusedBlock, this.editor.selection.range, { child: hoveringTextChild }));
+      }
+      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;
     }
@@ -47628,19 +48076,27 @@ ${codeText}
       const { start, end } = getChildOffset(block, box);
       const range = createBlockSimpleRange(editor, block, start, end);
       for (const provider of this.providers) {
-        if ((_a = provider.executeRangeCommand) == null ? void 0 : _a.call(provider, editor, range, item, {})) {
+        if ((_a = provider.executeRangeCommand) == null ? void 0 : _a.call(provider, editor, range, item, { child: box })) {
           return;
         }
-        if ((_b = provider.executeCommand) == null ? void 0 : _b.call(provider, editor, block, range, item, {})) {
+        if ((_b = provider.executeCommand) == null ? void 0 : _b.call(provider, editor, block, range, item, { child: box })) {
           return;
         }
       }
+      if (item.id === "add-comment") {
+        addCommentToBlock$1(editor, block);
+      }
     }
-    static create(editor) {
-      return new StandardBoxCommands(editor);
+    static create(editor, extIds) {
+      return new StandardBoxCommands(editor, extIds);
+    }
+    static mobileCreate(editor, extIds) {
+      const instance = new StandardBoxCommands(editor, extIds);
+      instance.addProvider(new ClipboardProvider(editor, { withPaste: false }));
+      return instance;
     }
   }
-  const logger$22 = getLogger("object-commands");
+  const logger$20 = getLogger("object-commands");
   const SEP$1 = {
     id: "",
     name: "",
@@ -47696,7 +48152,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;
@@ -47708,7 +48164,7 @@ ${codeText}
     if (blockCommands.length > 0) {
       for (let i = 0; i < blockCommands.length; i++) {
         const blockCommand = blockCommands[i];
-        element = element || targetElement || null;
+        element = blockCommand.element || element || targetElement || null;
         commands.push(...blockCommand.commands);
       }
     }
@@ -47726,10 +48182,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$22, child, "child is null");
+      assert(logger$20, 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);
@@ -47996,18 +48452,18 @@ ${codeText}
     }
   }
   const LIST_MAX_LEVEL = 8;
-  const logger$21 = getLogger("list-block");
-  const logger$20 = getLogger("list-block");
+  const logger$1$ = getLogger("list-block");
+  const logger$1_ = getLogger("list-block");
   function isListBlock(block) {
     return getBlockType(block) === "list";
   }
   function ensureIsListBlock(block) {
-    assert(logger$20, isListBlock(block), "not a list block");
+    assert(logger$1_, isListBlock(block), "not a list block");
   }
   function getListBlockType(block) {
     ensureIsListBlock(block);
     const type = block.getAttribute("data-list-type");
-    assert(logger$20, type, "no list type");
+    assert(logger$1_, type, "no list type");
     return type;
   }
   function isTextOnlyListBlock(block) {
@@ -48026,7 +48482,7 @@ ${codeText}
   function getListBlockGroupId(block) {
     ensureIsListBlock(block);
     const groupId = block.getAttribute("data-list-group-id");
-    assert(logger$20, groupId, "no group id");
+    assert(logger$1_, groupId, "no group id");
     return groupId;
   }
   function getListBlockProperties(block) {
@@ -48036,7 +48492,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$20, groupId, "no group id");
+    assert(logger$1_, groupId, "no group id");
     return {
       type,
       start,
@@ -48305,7 +48761,7 @@ ${codeText}
       this.nodeMap.set(block, node);
       if (parentBlock) {
         const parentNode = this.nodeMap.get(parentBlock);
-        assert(logger$21, parentNode, "no parent node");
+        assert(logger$1$, parentNode, "no parent node");
         parentNode.children.push(node);
       } else {
         this.rootNodes.push(node);
@@ -48373,7 +48829,7 @@ ${codeText}
     return hasClass(block, "editor-in-mindmap-first");
   }
   function isViewingAsMindmap(block) {
-    assert(logger$21, isListBlock(block), "not a list block");
+    assert(logger$1$, isListBlock(block), "not a list block");
     if (hasClass(block, "editor-in-mindmap-first")) {
       return true;
     }
@@ -48394,12 +48850,12 @@ ${codeText}
     const container = getParentContainer(from);
     if (to) {
       const container2 = getParentContainer(to);
-      assert(logger$21, 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$21, fromIndex <= toIndex, "invalid block index");
+      assert(logger$1$, fromIndex <= toIndex, "invalid block index");
     }
     addClass(from, ...styles);
     if (!to || to === from) {
@@ -48407,7 +48863,7 @@ ${codeText}
     }
     let next2 = getNextBlock(from);
     while (next2 !== to) {
-      assert(logger$21, next2, "no next button");
+      assert(logger$1$, next2, "no next button");
       addClass(next2, ...styles);
       next2 = getNextBlock(next2);
     }
@@ -48418,7 +48874,7 @@ ${codeText}
   async function requestMindmapFullscreen(editor, block, mindmapTools) {
     const tools = getBlockTools(block);
     const exitFullscreenButton = tools.querySelector('[data-button-id="mindmap-fullscreen"]');
-    assert(logger$21, exitFullscreenButton, "no full screen button");
+    assert(logger$1$, exitFullscreenButton, "no full screen button");
     const resetMindmap = () => {
       setTimeout(() => {
         mindmapTools.toMindmap(editor, block, {}, { reset: true, mindmapTools });
@@ -48438,7 +48894,7 @@ ${codeText}
       try {
         await exitFullscreen();
       } catch (err) {
-        logger$21.error(err);
+        logger$1$.error(err);
       }
       onExitFullscreen();
     } else {
@@ -48447,7 +48903,7 @@ ${codeText}
         await requestFullscreen(tools);
         resetMindmap();
       } catch (err) {
-        logger$21.error(err);
+        logger$1$.error(err);
       }
       exitFullscreenButton.innerHTML = ExitFullScreenIcon;
       exitFullscreenButton.setAttribute(`data-editor-tooltip-${editor.clientId}-dynamic`, i18n$1.t("mindmap.exitFullscreen"));
@@ -48728,7 +49184,7 @@ ${codeText}
     if (!svg) {
       return;
     }
-    assert(logger$21, svg, "no mindmap svg");
+    assert(logger$1$, svg, "no mindmap svg");
     svg.remove();
     editor.domEvents.removeAllListeners(svg);
     destroyMindmapButtons(editor, block);
@@ -48780,7 +49236,7 @@ ${codeText}
       });
       __publicField(this, "handleMouseEnter", () => {
         const block = getParentBlock(this.toMindmapButton);
-        assert(logger$21, block && isListBlock(block), "no parent list");
+        assert(logger$1$, block && isListBlock(block), "no parent list");
         highlightEntireList(this.editor, block, true);
         this.currentBlock = block;
       });
@@ -48792,7 +49248,7 @@ ${codeText}
       });
       __publicField(this, "handleClick", () => {
         const block = getParentBlock(this.toMindmapButton);
-        assert(logger$21, 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;
@@ -48920,11 +49376,11 @@ ${codeText}
     }
   }
   function handleDropOnList(editor, draggedBlock, targetListBlock, insertPos) {
-    logger$21.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$21, 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);
@@ -48957,7 +49413,7 @@ ${codeText}
     return true;
   }
   function handleDragList(editor, draggedBlock, targetBlock, insertPos) {
-    logger$21.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)) {
@@ -48994,11 +49450,11 @@ ${codeText}
     }
     const { blockId } = dragData;
     const draggedBlock = editor.getBlockById(blockId);
-    assert(logger$21, draggedBlock, "no dragged block");
+    assert(logger$1$, draggedBlock, "no dragged block");
     const { isSourceBlock, targetBlock } = options;
     if (!isSourceBlock && targetBlock) {
-      assert(logger$21, block === targetBlock, "block !== target block");
-      assert(logger$21, 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);
@@ -49500,7 +49956,7 @@ ${codeText}
     }
     const nextBrother = getListNextBrother(block);
     while (nextBlock !== nextBrother) {
-      assert(logger$21, nextBlock, "no next block");
+      assert(logger$1$, nextBlock, "no next block");
       if (isListBlock(nextBlock)) {
         if (getListBlockLevel(nextBlock) > getListBlockLevel(block)) {
           return nextBlock;
@@ -49599,9 +50055,9 @@ ${codeText}
     }
     return true;
   }
-  const logger$1$ = getLogger("list-block");
+  const logger$1Z = getLogger("list-block");
   function cloneListData(editor, block, options) {
-    assert(logger$1$, isListBlock(block), "not a list block");
+    assert(logger$1Z, isListBlock(block), "not a list block");
     const blockData = {
       ...editor.getBlockData(block),
       id: genId()
@@ -49676,7 +50132,7 @@ ${codeText}
     return true;
   }
   function findPrevBrotherAsParent(block) {
-    assert(logger$21, 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) {
@@ -49703,7 +50159,7 @@ ${codeText}
   }
   function findPrevBrother(editor, fromBlock, toParentBlock) {
     let prevBlock = getPrevBlock(fromBlock);
-    assert(logger$21, prevBlock, "no prev brother");
+    assert(logger$1$, prevBlock, "no prev brother");
     const parentLevel = getListBlockLevel(toParentBlock);
     while (prevBlock) {
       if (prevBlock === toParentBlock) {
@@ -49724,7 +50180,7 @@ ${codeText}
     }
     ensureIsListBlock(block);
     const prevBrother = findPrevBrotherAsParent(block);
-    assert(logger$21, 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;
@@ -49923,14 +50379,14 @@ ${codeText}
       this.editor.removeListener("afterClearSelection", this.handleAfterClearSelection);
     }
   }
-  const logger$1_ = getLogger("customize-list-start-menu");
+  const logger$1Y = 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$1_, listBlockMarker, "list-block mark does not exist");
+        assert(logger$1Y, listBlockMarker, "list-block mark does not exist");
         this.block = block;
         this.popup.manualShow(listBlockMarker, {
           theme: "light"
@@ -50088,7 +50544,7 @@ ${codeText}
         const listContainer = findTarget(event, "div.list-container");
         if (listContainer && this.editor.isWritable()) {
           const block = getParentBlock(listContainer);
-          assert(logger$21, block, "no parent block");
+          assert(logger$1$, block, "no parent block");
           ensureIsListBlock(block);
           const blockData = editor.getBlockData(block);
           if (blockData && blockData.checkbox) {
@@ -50228,7 +50684,7 @@ ${codeText}
     }
     return blockContent;
   }
-  const zhCN$t = {
+  const zhCN$s = {
     list: {
       confirm: "\u786E\u5B9A",
       setStart: "\u8BBE\u7F6E\u7F16\u53F7",
@@ -50248,7 +50704,7 @@ ${codeText}
       exitFullscreen: "\u9000\u51FA\u5168\u5C4F"
     }
   };
-  const enUS$t = {
+  const enUS$s = {
     list: {
       confirm: "Confirm",
       setStart: "Set number",
@@ -50268,7 +50724,7 @@ ${codeText}
       exitFullscreen: "Exit full screen"
     }
   };
-  const jaJP$t = {
+  const jaJP$s = {
     list: {
       confirm: "OK",
       setStart: "\u756A\u53F7\u3092\u8A2D\u5B9A",
@@ -50289,12 +50745,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$1Z = getLogger("list-block:paste-handler");
+  const style$8 = "";
+  const logger$1X = getLogger("list-block:paste-handler");
   class ListPasteHandler {
     constructor() {
       __publicField(this, "fixStartByList", null);
@@ -50348,7 +50804,7 @@ ${codeText}
               startIds.set(newGroupId, 1);
             } else {
               const start = startIds.get(groupId);
-              assert(logger$1Z, start, "start is null");
+              assert(logger$1X, start, "start is null");
               block.start = start + 1;
               block.groupId = groupId;
               startIds.set(groupId, start + 1);
@@ -50368,7 +50824,7 @@ ${codeText}
       return false;
     }
   }
-  const logger$1Y = getLogger("list selection to doc");
+  const logger$1W = getLogger("list selection to doc");
   function convertListToText(data2) {
     const textData = { type: "text" };
     Object.entries(data2).forEach(([key, value]) => {
@@ -50383,7 +50839,7 @@ ${codeText}
     const data2 = cloneDeep__default.default(editorGetBlockData(editor, selectedBlock.block));
     const start = selectedBlock.start;
     const end = selectedBlock.end;
-    assert(logger$1Y, data2.text, "no block text");
+    assert(logger$1W, data2.text, "no block text");
     const len = getBlockTextLength$6(editor, selectedBlock.block);
     if (end.offset - start.offset === len) {
       return {
@@ -50959,7 +51415,7 @@ ${codeText}
       toolbar2 == null ? void 0 : toolbar2.enableTextToolbar();
     }, 300);
   };
-  const logger$1X = getLogger("inline-box-items");
+  const logger$1V = getLogger("inline-box-items");
   function insertEmptyBlockLink(editor, containerId, blockIndex) {
     let block = editor.findBlockByIndex(containerId, blockIndex);
     let placement = "bottom-start";
@@ -50970,7 +51426,7 @@ ${codeText}
     const onFinished = (linkText, linkUrl) => {
       editor.undoManager.runInGroup(() => {
         try {
-          assert(logger$1X, block, "block not found");
+          assert(logger$1V, block, "block not found");
           if (!isEmptyTextBlock(editor, block)) {
             block = editor.insertTextBlock([], containerId, blockIndex);
           }
@@ -50981,7 +51437,7 @@ ${codeText}
           editor.selection.selectBlock(block, getTextLength(text2));
           editor.focus();
         } catch (error2) {
-          logger$1X.error(error2);
+          logger$1V.error(error2);
         }
       });
     };
@@ -51001,7 +51457,7 @@ ${codeText}
   function insertLink(editor, containerId, blockIndex) {
     const block = editor.getBlockByIndex(containerId, blockIndex);
     const range = editor.selection.range;
-    assert(logger$1X, isSimpleBlockPosition(range.start), "invalid block position");
+    assert(logger$1V, isSimpleBlockPosition(range.start), "invalid block position");
     const rects = getBlockClientRects(editor, block, range);
     if (rects.length === 0) {
       return;
@@ -51027,7 +51483,7 @@ ${codeText}
           editor.selection.selectBlock(block, start + linkText.length);
           editor.focus();
         } catch (error2) {
-          logger$1X.error(error2);
+          logger$1V.error(error2);
         }
       });
     };
@@ -51245,7 +51701,7 @@ ${codeText}
   function getToolbar(editor) {
     return editor.findCustom("toolbar-handler");
   }
-  const logger$1W = getLogger("link-popup");
+  const logger$1U = getLogger("link-popup");
   function getLinkHref(child) {
     var _a, _b;
     return (_b = (_a = child.getAttribute("link")) != null ? _a : child.textContent) != null ? _b : "";
@@ -51283,7 +51739,7 @@ ${codeText}
         editor.selection.selectBlock(block, range.start + linkText.length);
         editor.focus();
       } catch (error2) {
-        logger$1W.error(error2);
+        logger$1U.error(error2);
       }
     };
     const onClose = () => {
@@ -51522,7 +51978,7 @@ ${codeText}
       this.editProvider = new EditLinkProvider();
     }
   }
-  const logger$1V = getLogger("readonly-toolbar");
+  const logger$1T = getLogger("readonly-toolbar");
   const SEP = {
     id: "",
     name: "",
@@ -51585,7 +52041,7 @@ ${codeText}
       });
       __publicField(this, "handleSelectionChange", debounce__default.default((editor) => {
         var _a;
-        assert(logger$1V, editor === this.editor, "editor mismatch");
+        assert(logger$1T, editor === this.editor, "editor mismatch");
         if (!editor.readonly) {
           this.toolbar.close("selectionChange");
           return;
@@ -51767,7 +52223,7 @@ ${codeText}
       return visible;
     }
   }
-  const logger$1U = getLogger("toolbar-handler");
+  const logger$1S = getLogger("toolbar-handler");
   class OnesEditorToolbar {
     constructor(editor) {
       __publicField(this, "id", "editor-toolbar");
@@ -51854,7 +52310,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.selection.range.isCollapsed() || this.mouseDown) {
           if (this.toolbarType === "object") {
             const element = (_a = this.toolbar.tippyInstance) == null ? void 0 : _a.reference;
@@ -52074,8 +52530,15 @@ ${codeText}
         }
       }
       const getReferenceClientRectByCaret = () => {
+        if (!this.hoveringBlock) {
+          return new DOMRect();
+        }
+        const { element: element2 } = getObjectCommands(this.editor, this.hoveringBlock, this.hoveringTextChild);
+        if (!element2) {
+          return new DOMRect();
+        }
         let rect;
-        const clientRects = element.getClientRects();
+        const clientRects = element2.getClientRects();
         const lineRects = [];
         Array.from(clientRects).forEach((clientRect) => {
           const { y } = clientRect;
@@ -52085,7 +52548,7 @@ ${codeText}
           lineRects.push(y);
         });
         if (lineRects.length > 1) {
-          rect = child ? clientRects[clientRects.length - 1] : clientRects[0];
+          rect = isBlock$1(element2) ? clientRects[0] : clientRects[clientRects.length - 1];
           if (event) {
             for (let i = 0; i < clientRects.length; i++) {
               const clientRect = clientRects[i];
@@ -52097,21 +52560,15 @@ ${codeText}
             }
           }
         } else {
-          rect = element.getBoundingClientRect();
-          if (child) {
-            const childRect = child.getBoundingClientRect();
+          rect = element2.getBoundingClientRect();
+          if (!isBlock$1(element2)) {
+            const childRect = element2.getBoundingClientRect();
             return new DOMRect(childRect.x, childRect.y, childRect.width, childRect.height);
           }
           if (clientRects.length === 1) {
             return new DOMRect(clientRects[0].x, clientRects[0].y, clientRects[0].width, clientRects[0].height);
           }
         }
-        if (this.hoveringBlock) {
-          const blockContent = getBlockContent(this.hoveringBlock);
-          if (blockContent !== element) {
-            return blockContent.getBoundingClientRect();
-          }
-        }
         if (event) {
           const y = rect.y;
           const x = event.clientX;
@@ -52121,8 +52578,9 @@ ${codeText}
       };
       this.toolbar.updateItems(commands);
       if (!this.toolbar.isVisible) {
+        const isText = element === child && !isTextBlockContentBoxChild(element);
         this.toolbar.manualShow(element, {
-          placement: child && !isTextBlockContentBoxChild(child) && !clientType.isMobile ? "bottom" : "top",
+          placement: isText && !clientType.isMobile ? "bottom" : "top",
           getReferenceClientRect: getReferenceClientRectByCaret
         });
         if ((_c = this.toolbar.tippyInstance) == null ? void 0 : _c.popper) {
@@ -52173,7 +52631,7 @@ ${codeText}
       this.texWidth = [tex, width];
     }
   }
-  const logger$1T = getLogger("mathjax-converter");
+  const logger$1R = getLogger("mathjax-converter");
   const MATHJAX_SCRIPT_ID = "MathJax-script";
   const MATHJAX_BUFFER = 30;
   const REDUCED_UNIT = 8;
@@ -52222,7 +52680,7 @@ ${codeText}
       const svg = result.querySelector("svg");
       return svg.outerHTML;
     } catch (err) {
-      logger$1T.error(err);
+      logger$1R.error(err);
       throw err;
     } finally {
       lockers.release(lockId);
@@ -52270,7 +52728,7 @@ ${codeText}
       ...perfectState
     };
   }
-  const logger$1S = getLogger("edit-mathjax");
+  const logger$1Q = getLogger("edit-mathjax");
   class MathjaxEditor {
     constructor() {
       __publicField(this, "editMathjaxPopup", null);
@@ -52347,9 +52805,9 @@ ${codeText}
       this.observer.observe(textarea2);
     }
     getTextarea() {
-      assert(logger$1S, this.editMathjaxPopup, "no exists mathjax editor popup");
+      assert(logger$1Q, this.editMathjaxPopup, "no exists mathjax editor popup");
       const textarea2 = this.editMathjaxPopup.content.querySelector("textarea");
-      assert(logger$1S, textarea2, "no textarea");
+      assert(logger$1Q, textarea2, "no textarea");
       return textarea2;
     }
     destroy() {
@@ -52419,7 +52877,7 @@ ${codeText}
     };
     editMathjax(editor, box, data2.tex, update2);
   }
-  const logger$1R = getLogger("mathjax-box");
+  const logger$1P = getLogger("mathjax-box");
   function updateCaret(editor, event) {
     editor.selection.updateSelection(null);
     const target = event.target;
@@ -52524,7 +52982,7 @@ ${codeText}
       };
       editor.updateBoxData(newData);
     }).catch((err) => {
-      logger$1R.error(`failed to convert and upload mathjax: ${JSON.stringify(err)}`);
+      logger$1P.error(`failed to convert and upload mathjax: ${JSON.stringify(err)}`);
     });
     return data2;
   }
@@ -52543,7 +53001,7 @@ ${codeText}
   }
   function handleClickBox$3(editor, box, event) {
     const parentBlock = getParentBlock(box);
-    assert(logger$1R, parentBlock, "failed to get block");
+    assert(logger$1P, parentBlock, "failed to get block");
     if (!editor.isBlockWritable(parentBlock)) {
       return;
     }
@@ -52740,28 +53198,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);
@@ -58295,7 +58753,7 @@ $$${mathData.mathjaxText}$$
     const docBlockText = { insert: " ", attributes: data2 };
     return docBlockText;
   }
-  const logger$1Q = getLogger("StatusBoxEditor");
+  const logger$1O = getLogger("StatusBoxEditor");
   class StatusBoxEditor {
     constructor(editor) {
       __publicField(this, "linkPopup", null);
@@ -58318,10 +58776,10 @@ $$${mathData.mathjaxText}$$
       });
       __publicField(this, "handClose", () => {
         var _a;
-        assert(logger$1Q, this.boxElement, "boxElement not found");
+        assert(logger$1O, this.boxElement, "boxElement not found");
         const boxData = this.editor.getBoxData(this.boxElement);
         const block = getParentBlock(this.boxElement);
-        assert(logger$1Q, block, "block not found");
+        assert(logger$1O, block, "block not found");
         if (!boxData.title) {
           const offset = getChildOffset(block, this.boxElement);
           this.editor.deleteTextFromBlock(block, offset.start, 1);
@@ -58359,7 +58817,7 @@ $$${mathData.mathjaxText}$$
           return;
         }
         const color = lodash.exports.capitalize(e2.target.getAttribute("data-color"));
-        assert(logger$1Q, this.boxElement, "boxElement not found");
+        assert(logger$1O, this.boxElement, "boxElement not found");
         const data2 = this.editor.getBoxData(this.boxElement);
         this.statusPalette.changeColor(color);
         const newData = { ...data2, color };
@@ -58376,7 +58834,7 @@ $$${mathData.mathjaxText}$$
       });
       __publicField(this, "onTitleChange", (e2) => {
         const title = e2.target.value;
-        assert(logger$1Q, this.boxElement, "boxElement not found");
+        assert(logger$1O, this.boxElement, "boxElement not found");
         const data2 = this.editor.getBoxData(this.boxElement);
         const newData = { ...data2, title: title.trim() };
         this.editor.updateBoxData(newData, { noFocus: true });
@@ -58457,7 +58915,7 @@ $$${mathData.mathjaxText}$$
     toStandardText: toStandardText$1,
     matchText: matchText$1
   };
-  const logger$1P = getLogger("status-box-command");
+  const logger$1N = getLogger("status-box-command");
   class StatusBoxCommand {
     static get commands() {
       return [
@@ -58476,7 +58934,7 @@ $$${mathData.mathjaxText}$$
       const block = editor.getBlockByIndex(containerId, blockIndex);
       const boxOp = createEmptyStatusBox();
       const { start } = editor.selection.range;
-      assert(logger$1P, isSimpleBlockPosition(start), "invalid block position");
+      assert(logger$1N, 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);
@@ -58495,7 +58953,7 @@ $$${mathData.mathjaxText}$$
     }
   }
   __publicField(StatusBoxCommand, "id", "insert-status");
-  const enUS$r = {
+  const enUS$q = {
     status: {
       empty: "Set status",
       command: {
@@ -58519,7 +58977,7 @@ $$${mathData.mathjaxText}$$
       }
     }
   };
-  const zhCN$r = {
+  const zhCN$q = {
     status: {
       empty: "\u8BBE\u7F6E\u72B6\u6001",
       command: {
@@ -58543,7 +59001,7 @@ $$${mathData.mathjaxText}$$
       }
     }
   };
-  const jaJP$r = {
+  const jaJP$q = {
     status: {
       empty: "\u30B9\u30C6\u30FC\u30BF\u30B9\u3092\u8A2D\u5B9A",
       command: {
@@ -58568,12 +59026,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$1O = getLogger("inline-box-items");
+  const logger$1M = getLogger("inline-box-items");
   function insertEmptyBlockMath(editor, containerId, blockIndex) {
     return editor.undoManager.runInGroup(() => {
       var _a;
@@ -58584,7 +59042,7 @@ $$${mathData.mathjaxText}$$
       const boxOp = createEmptyMathjaxBox();
       editor.setBlockText(block, [boxOp]);
       const boxId = (_a = boxOp.attributes) == null ? void 0 : _a.id;
-      assert(logger$1O, boxId, "mathjax box id is empty");
+      assert(logger$1M, boxId, "mathjax box id is empty");
       setTimeout(() => {
         const box = editor.getBoxById(boxId);
         editMathjaxBox(editor, box);
@@ -58597,11 +59055,11 @@ $$${mathData.mathjaxText}$$
       var _a;
       const block = editor.getBlockByIndex(containerId, blockIndex);
       const range = editor.selection.range;
-      assert(logger$1O, isSimpleBlockPosition(range.start), "invalid block position");
+      assert(logger$1M, 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$1O, boxId, "mathjax box id is empty");
+      assert(logger$1M, boxId, "mathjax box id is empty");
       setTimeout(() => {
         const box = editor.getBoxById(boxId);
         editMathjaxBox(editor, box);
@@ -58768,7 +59226,7 @@ $$${mathData.mathjaxText}$$
       }
     }
   };
-  const logger$1N = getLogger("insert-menu");
+  const logger$1L = getLogger("insert-menu");
   const injectGroup = (commands, group, startIndex) => {
     commands.forEach((command, index2) => {
       command.group = group;
@@ -58907,7 +59365,7 @@ $$${mathData.mathjaxText}$$
           return true;
         }
         const blockId = getBlockId(block);
-        assert(logger$1N, range.isSimple(), "invalid range");
+        assert(logger$1L, range.isSimple(), "invalid range");
         const offset = range.start.offset;
         if (quickItem.commandProvider) {
           const params2 = { from: "quick-menu", blockId, offset };
@@ -58943,7 +59401,7 @@ $$${mathData.mathjaxText}$$
       });
     }
   }
-  const logger$1M = getLogger("quick-command-providers");
+  const logger$1K = getLogger("quick-command-providers");
   class QuickCommandProviders extends AbstractProvider {
     constructor(editor) {
       super(editor);
@@ -58963,7 +59421,7 @@ $$${mathData.mathjaxText}$$
     }
     getCommands(range) {
       var _a, _b;
-      assert(logger$1M, range.start.blockId === range.end.blockId, "invalid range");
+      assert(logger$1K, 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);
@@ -59032,7 +59490,7 @@ $$${mathData.mathjaxText}$$
       });
       __publicField(this, "onClose", () => {
         this.firstEmptyOffset = -1;
-        if (shouldFocusToEditor(this.editor) && this.menu.closeReason === "clickBackground") {
+        if (shouldFocusToEditor(this.editor)) {
           this.editor.focus({ preventScroll: true });
         }
       });
@@ -59308,9 +59766,9 @@ $$${mathData.mathjaxText}$$
         if (target.hasAttribute("data-editor-overflow-tooltip")) {
           if (this.check(target)) {
             const title = target.getAttribute("data-editor-overflow-tooltip");
-            target.setAttribute(`data-editor-tooltip-${this.editor.clientId}`, title);
+            target.setAttribute(`data-editor-tooltip-${this.editor.clientId}-dynamic`, title);
           } else {
-            target.removeAttribute(`data-editor-tooltip-${this.editor.clientId}`);
+            target.removeAttribute(`data-editor-tooltip-${this.editor.clientId}-dynamic`);
           }
         }
       });
@@ -59400,7 +59858,7 @@ $$${mathData.mathjaxText}$$
     "CtrlOrCmd+K": (editor) => executeShortcut(editor, "link"),
     ...headingShortcut()
   };
-  const zhCN$q = {
+  const zhCN$p = {
     quickMenu: {
       basic: {
         heading: {
@@ -59456,7 +59914,7 @@ $$${mathData.mathjaxText}$$
       selectBlock: "\u9009\u62E9\u533A\u5757"
     }
   };
-  const enUS$q = {
+  const enUS$p = {
     quickMenu: {
       basic: {
         heading: {
@@ -59512,7 +59970,7 @@ $$${mathData.mathjaxText}$$
       selectBlock: "Select Block"
     }
   };
-  const jaJP$q = {
+  const jaJP$p = {
     quickMenu: {
       basic: {
         heading: {
@@ -59569,9 +60027,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) {
@@ -59776,7 +60234,7 @@ $$${mathData.mathjaxText}$$
       return false;
     }
   }
-  const logger$1L = getLogger("block-command-providers");
+  const logger$1J = getLogger("block-command-providers");
   class BlockCommandProviders extends AbstractProvider {
     constructor(editor, afterCommandCallback) {
       super(editor);
@@ -59797,7 +60255,7 @@ $$${mathData.mathjaxText}$$
       this.registerCommandProvider(new InsertGroupProvider(editor));
     }
     getCommands(range) {
-      assert(logger$1L, range.start.blockId === range.end.blockId, "invalid range");
+      assert(logger$1J, range.start.blockId === range.end.blockId, "invalid range");
       const block = this.editor.getBlockById(range.anchor.blockId);
       const commandsMap = /* @__PURE__ */ new Map();
       let startIndex = 100;
@@ -59811,7 +60269,7 @@ $$${mathData.mathjaxText}$$
       return this.filterItems(range, commands);
     }
   }
-  const logger$1K = getLogger("standard-block-actions");
+  const logger$1I = getLogger("standard-block-actions");
   class StandardBlockActionHook {
     constructor() {
       __publicField(this, "executeCommand", (editor, bloockElement, item) => {
@@ -59830,7 +60288,7 @@ $$${mathData.mathjaxText}$$
             this.deleteBlock(editor, block);
           }
         } catch (err) {
-          logger$1K.error(`failed to execute block command: ${JSON.stringify(err)}`);
+          logger$1I.error(`failed to execute block command: ${JSON.stringify(err)}`);
         }
       });
     }
@@ -59898,7 +60356,7 @@ $$${mathData.mathjaxText}$$
       }
     }
   }
-  const logger$1J = getLogger("block-menu");
+  const logger$1H = getLogger("block-menu");
   class BlockMenu {
     constructor(editor) {
       __publicField(this, "menu");
@@ -59906,7 +60364,7 @@ $$${mathData.mathjaxText}$$
       __publicField(this, "commandBlock", null);
       __publicField(this, "blockCommandProviders");
       __publicField(this, "handleShow", () => {
-        assert(logger$1J, this.currentBlock, "no target block before show block menu");
+        assert(logger$1H, 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;
@@ -59917,7 +60375,7 @@ $$${mathData.mathjaxText}$$
         }
       });
       __publicField(this, "handleItemClick", (bar2, item) => {
-        assert(logger$1J, this.commandBlock, "no command block before show block menu");
+        assert(logger$1H, this.commandBlock, "no command block before show block menu");
         this.blockCommandProviders.executeCommand(this.editor.selection.range, item);
         if (!item.element) {
           this.close();
@@ -59960,7 +60418,7 @@ $$${mathData.mathjaxText}$$
       this.menu.destroy();
     }
   }
-  const logger$1I = getLogger("text-styles");
+  const logger$1G = getLogger("text-styles");
   function getIntersectionStyles(text2) {
     const getOpStyle = (op) => {
       if (!op.attributes) {
@@ -59994,10 +60452,10 @@ $$${mathData.mathjaxText}$$
     return new Map(Object.entries(attributes));
   }
   function applyTextStyle(editor, block, range, style2, value) {
-    assert(logger$1I, range.isSimple(), "invalid range");
+    assert(logger$1G, range.isSimple(), "invalid range");
     const { start, end } = range;
-    assert(logger$1I, start.blockId === end.blockId && start.blockId === getBlockId(block), "invalid range");
-    assert(logger$1I, style2.startsWith("style-"), "invalid style");
+    assert(logger$1G, start.blockId === end.blockId && start.blockId === getBlockId(block), "invalid range");
+    assert(logger$1G, style2.startsWith("style-"), "invalid style");
     const oldText = editor.getBlockText(block);
     let newText = oldText;
     if (style2 === "style-sub") {
@@ -60043,13 +60501,13 @@ $$${mathData.mathjaxText}$$
     return standardItems;
   }
   function getSubText(editor, block, range) {
-    assert(logger$1I, range.isSimple(), "nor a simple range");
+    assert(logger$1G, range.isSimple(), "nor a simple range");
     const { start, end } = range;
-    assert(logger$1I, start.isSimple(), "is not a simple block position");
-    assert(logger$1I, end.isSimple(), "is not a simple block position");
-    assert(logger$1I, isTextKindBlock(editor, block), "invalid block type, not a text kind block");
+    assert(logger$1G, start.isSimple(), "is not a simple block position");
+    assert(logger$1G, end.isSimple(), "is not a simple block position");
+    assert(logger$1G, isTextKindBlock(editor, block), "invalid block type, not a text kind block");
     const blockId = getBlockId(block);
-    assert(logger$1I, start.blockId === blockId && end.blockId === blockId, "invalid range");
+    assert(logger$1G, start.blockId === blockId && end.blockId === blockId, "invalid range");
     const text2 = editor.getBlockText(block);
     let subText2 = [];
     if (start.offset === end.offset) {
@@ -60061,7 +60519,7 @@ $$${mathData.mathjaxText}$$
     }
     return subText2;
   }
-  const logger$1H = getLogger("text-commands");
+  const logger$1F = getLogger("text-commands");
   function getCommands$1(editor, text2) {
     const StandardTextStyles = {
       "style-bold": [i18n$1.t("commands.bold"), shortcutToDisplayText("CtrlOrCmd+B"), BoldIcon],
@@ -60079,13 +60537,13 @@ $$${mathData.mathjaxText}$$
   }
   function executeStyleCommand(editor, block, range, command, params, result) {
     if (!command.startsWith("style-")) {
-      logger$1H.warn(`unknown command: ${command}`);
+      logger$1F.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$1H.warn(`invalid value type, accept string | number | boolean | undefined, current is ${type}`);
+      logger$1F.warn(`invalid value type, accept string | number | boolean | undefined, current is ${type}`);
       return false;
     }
     const newText = applyTextStyle(editor, block, range, command, value);
@@ -60310,7 +60768,7 @@ $$${mathData.mathjaxText}$$
       this.providers = [new TextScriptProvider(editor)];
     }
   }
-  const logger$1G = getLogger("text-command-provider");
+  const logger$1E = getLogger("text-command-provider");
   class TextCommandProvider {
     constructor(editor, options) {
       __publicField(this, "id", "TextCommandProvider");
@@ -60430,7 +60888,7 @@ $$${mathData.mathjaxText}$$
     }
     static fromTextCommandId(id) {
       const prefix = "text/";
-      assert(logger$1G, id.startsWith(prefix), `invalid item id: ${id}`);
+      assert(logger$1E, id.startsWith(prefix), `invalid item id: ${id}`);
       return id.substring(prefix.length);
     }
   }
@@ -60535,7 +60993,7 @@ $$${mathData.mathjaxText}$$
     };
     editor.updateBlockData(block, newData);
   }
-  function addCommentToBlock$1(editor, block, provider) {
+  function addCommentToBlock(editor, block, provider) {
     const { start, end } = createBlockSimpleRange(editor, block, 0, getBlockTextLength$6(editor, block));
     const selectedBlock = { block, start, end };
     const abstract = getCommentAbstractFromSelectedBlocks(editor, [selectedBlock]);
@@ -60548,7 +61006,7 @@ $$${mathData.mathjaxText}$$
     provider.localCreateComment(comment, doc2);
     return comment;
   }
-  const logger$1F = getLogger("standard-block-actions");
+  const logger$1D = getLogger("standard-block-actions");
   class CommentBlockHook {
     constructor(provider, editorComments) {
       __publicField(this, "executeCommand", (editor, block, item) => {
@@ -60556,9 +61014,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$1F.error(`failed to execute block command: ${JSON.stringify(err)}`);
+          logger$1D.error(`failed to execute block command: ${JSON.stringify(err)}`);
         }
       });
       this.provider = provider;
@@ -60662,7 +61120,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$1E = getLogger("doc-comments");
+  const logger$1C = getLogger("doc-comments");
   function addBlockComments(doc2, block, result, resultSet) {
     if (block.comments) {
       const blockComments = block.comments;
@@ -60757,8 +61215,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$1E, index1 !== void 0, `comment not exists in doc, ${group1.groupId}`);
-      assert(logger$1E, index2 !== void 0, `comment not exists in doc, ${group2.groupId}`);
+      assert(logger$1C, index1 !== void 0, `comment not exists in doc, ${group1.groupId}`);
+      assert(logger$1C, index2 !== void 0, `comment not exists in doc, ${group2.groupId}`);
       return index1 - index2;
     });
     return result;
@@ -60819,7 +61277,7 @@ $$${mathData.mathjaxText}$$
     const commentIds = intersection__default.default(comments1, comments2);
     return commentIds;
   }
-  const logger$1D = getLogger("active-comments");
+  const logger$1B = 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) => {
@@ -60855,7 +61313,7 @@ $$${mathData.mathjaxText}$$
           const commentIds = getCommentsFromSelection(editor);
           if (commentIds.indexOf(commentId) === -1) {
             const block = getParentBlock(targetElement);
-            assert(logger$1D, block, "block not found");
+            assert(logger$1B, 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" });
@@ -60897,7 +61355,7 @@ $$${mathData.mathjaxText}$$
   function isValidSize(size) {
     return typeof size === "number";
   }
-  const logger$1C = getLogger("image-data");
+  const logger$1A = getLogger("image-data");
   const md5Cache = /* @__PURE__ */ new Map();
   const DEFAULT_WIDTH$1 = 1e3;
   const DEFAULT_HEIGHT = 400;
@@ -61029,7 +61487,7 @@ $$${mathData.mathjaxText}$$
       if (heightKey && isValidSize(image.height)) {
         result[heightKey] = image.height;
       }
-      assert(logger$1C, image.flex, "no image flex");
+      assert(logger$1A, image.flex, "no image flex");
       const flexKey = getImageFlexKeyFromSrc(index2);
       result[flexKey] = image.flex;
     });
@@ -61085,224 +61543,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$1B = 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$1B, 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$1A = getLogger("image-dom");
+  const logger$1z = getLogger("image-dom");
   function getExistsProgressMask(imageContainer) {
     return imageContainer.querySelector(".uploading-progress-mask");
   }
@@ -61319,7 +61560,7 @@ $$${mathData.mathjaxText}$$
   function getImageUploadingProgressValueElement(imageContainer) {
     const bar2 = getImageUploadingProgressMask(imageContainer);
     const value = bar2.querySelector(".uploading-progress-bar-value");
-    assert(logger$1A, value, "no progress value");
+    assert(logger$1z, value, "no progress value");
     return value;
   }
   function setImageUploading(imageContainer, progress) {
@@ -61409,7 +61650,7 @@ $$${mathData.mathjaxText}$$
     const images = Array.from(block.querySelectorAll(".image-container"));
     return images;
   }
-  const logger$1z = getLogger("table-resize-drag-drop");
+  const logger$1y = getLogger("table-resize-drag-drop");
   class ImageSplitterResizer {
     constructor(editor, elem, data2, mouseDownEvent) {
       __publicField(this, "cursor", "col-resize");
@@ -61422,7 +61663,7 @@ $$${mathData.mathjaxText}$$
       const imageObject = getImageObject(this.editor, block);
       const images = imageObject.getImages();
       const splitterIndex = this.data.splitterIndex;
-      assert(logger$1z, splitterIndex >= 0 && splitterIndex < images.length - 1, `invalid splitter index: ${splitterIndex}`);
+      assert(logger$1y, 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;
@@ -61440,7 +61681,7 @@ $$${mathData.mathjaxText}$$
       const imageObject = getImageObject(this.editor, block);
       const images = cloneDeep__default.default(imageObject.getImages());
       const splitterIndex = this.data.splitterIndex;
-      assert(logger$1z, splitterIndex >= 0 && splitterIndex < images.length - 1, `invalid splitter index: ${splitterIndex}`);
+      assert(logger$1y, 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) {
@@ -61459,7 +61700,7 @@ $$${mathData.mathjaxText}$$
       newWidths[splitterIndex] += delta;
       newWidths[splitterIndex + 1] -= delta;
       const imageContainers = getImageContainersByBlock(block);
-      assert(logger$1z, imageContainers.length === images.length, "invalid image data");
+      assert(logger$1y, 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;
@@ -61532,7 +61773,7 @@ $$${mathData.mathjaxText}$$
     editor.domEvents.addEventListener(splitter2, "mousedown", handleSplitterMouseDown);
     editor.domEvents.addEventListener(splitter2, "dblclick", handleSplitterDblclick);
   }
-  const logger$1y = getLogger("image-item");
+  const logger$1x = getLogger("image-item");
   function getParentImageBlock(eventTarget) {
     if (!eventTarget) {
       return null;
@@ -61611,7 +61852,7 @@ $$${mathData.mathjaxText}$$
     if (file2) {
       imageObject.replaceImage(index2, file2);
     } else {
-      logger$1y.warn(`failed to download image: ${imageData.src}`);
+      logger$1x.warn(`failed to download image: ${imageData.src}`);
     }
   }
   function createLoadErrorElement(editor, imageContainer, imageData) {
@@ -61834,7 +62075,7 @@ $$${mathData.mathjaxText}$$
   function isImageFile(fileType) {
     return fileType.startsWith("image/");
   }
-  const logger$1x = getLogger("image-object");
+  const logger$1w = getLogger("image-object");
   class ImageObject {
     constructor(editor, blockData) {
       __publicField(this, "images", []);
@@ -62125,7 +62366,7 @@ $$${mathData.mathjaxText}$$
         this.editor.updateEmbedData(block2, embedData);
         return true;
       } catch (err) {
-        logger$1x.error(err);
+        logger$1w.error(err);
         const block2 = this.editor.findBlockById(this.blockData.id);
         if (!block2) {
           return false;
@@ -62142,7 +62383,7 @@ $$${mathData.mathjaxText}$$
       if (!block) {
         return;
       }
-      assert(logger$1x, flex.length === this.images.length, "invalid flex");
+      assert(logger$1w, flex.length === this.images.length, "invalid flex");
       for (let i = 0; i < this.images.length; i++) {
         this.images[i].flex = flex[i];
       }
@@ -62191,7 +62432,7 @@ $$${mathData.mathjaxText}$$
     }
   }
   const imageEmbedStyle = "";
-  const logger$1w = getLogger("drop-indicator");
+  const logger$1v = getLogger("drop-indicator");
   const INDICATOR_SIZE$1 = 2;
   class DropIndicator {
     constructor(editor) {
@@ -62236,7 +62477,7 @@ $$${mathData.mathjaxText}$$
       if (insertPos === "before") {
         const beforeBlock = getPrevVisibleBlock(block);
         if (!beforeBlock) {
-          assert(logger$1w, isChildContainer(getParentContainer(block)), "block does not in a child container");
+          assert(logger$1v, 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);
@@ -62262,14 +62503,14 @@ $$${mathData.mathjaxText}$$
         const PADDING = 5;
         if (insertPos.pos === "left") {
           const parent = getParentContainer(block);
-          assert(logger$1w, parent, "block does not in a container");
+          assert(logger$1v, 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$1w, parent, "block does not in a container");
+          assert(logger$1v, parent, "block does not in a container");
           const rect = block.getBoundingClientRect();
           let viewRect;
           if (isEmbedBlock(block)) {
@@ -62366,7 +62607,7 @@ $$${mathData.mathjaxText}$$
     }
     return void 0;
   }
-  const logger$1v = getLogger("code-dom");
+  const logger$1u = getLogger("code-dom");
   function isCodeBlock(block) {
     return getBlockType(block) === "code";
   }
@@ -62384,8 +62625,8 @@ $$${mathData.mathjaxText}$$
   }
   function getParentCodeBlock(elem) {
     const codeBlock2 = elem.closest("div[data-type=editor-block][data-block-type=code]");
-    assert(logger$1v, codeBlock2, "no parent code block");
-    assert(logger$1v, isCodeBlock(codeBlock2), "not a code block");
+    assert(logger$1u, codeBlock2, "no parent code block");
+    assert(logger$1u, isCodeBlock(codeBlock2), "not a code block");
     return codeBlock2;
   }
   const SUPPORTED_LANGUAGES = () => ({
@@ -62476,7 +62717,7 @@ $$${mathData.mathjaxText}$$
   function setDefaultLanguage(editor, lang) {
     return editor.settingsProvider.setItem("editor-code-lang", lang);
   }
-  const logger$1u = getLogger("convert-to-code");
+  const logger$1t = getLogger("convert-to-code");
   function convertToCode(editor, srcBlock) {
     if (!isTextKindBlock(editor, srcBlock)) {
       return null;
@@ -62489,7 +62730,7 @@ $$${mathData.mathjaxText}$$
     const textContainerId = genId();
     editor.doc.localInsertChildContainers([{ containerId: textContainerId, blocks: [textBlock] }]);
     const text2 = editor.getBlockData(srcBlock).text;
-    assert(logger$1u, text2, "no text");
+    assert(logger$1t, text2, "no text");
     let alias = toPlainText(text2);
     if (alias.startsWith("```")) {
       alias = alias.substring(3);
@@ -62507,16 +62748,16 @@ $$${mathData.mathjaxText}$$
     };
   }
   const codeBlock = "";
-  const logger$1t = getLogger("code-block-child-container");
+  const logger$1s = getLogger("code-block-child-container");
   function getTextContainer(codeBlock2) {
-    assert(logger$1t, isCodeBlock(codeBlock2), "not a code block");
+    assert(logger$1s, 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$1t, textContainer, "no code text container");
+    assert(logger$1s, textContainer, "no code text container");
     return textContainer;
   }
   function getCaptionContainer(codeBlock2) {
-    assert(logger$1t, isCodeBlock(codeBlock2), "not a code block");
+    assert(logger$1s, 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)
@@ -62545,7 +62786,7 @@ $$${mathData.mathjaxText}$$
     }
     return getBlockType(block) === "code";
   }
-  const logger$1s = getLogger("code-caption");
+  const logger$1r = getLogger("code-caption");
   function toggleCodeCaption(editor, codeBlock2) {
     if (editor.readonly) {
       return;
@@ -62558,7 +62799,7 @@ $$${mathData.mathjaxText}$$
     }
     const captionContainerId = createEmptyContainer(editor.doc);
     const oldData = editor.getBlockData(codeBlock2);
-    assert(logger$1s, oldData.children.length === 1, "code block should have only one child");
+    assert(logger$1r, oldData.children.length === 1, "code block should have only one child");
     const newData = {
       ...oldData,
       children: [oldData.children[0], captionContainerId]
@@ -62574,7 +62815,7 @@ $$${mathData.mathjaxText}$$
       return false;
     }
     const parentBlock = getParentBlock(parentContainer);
-    assert(logger$1s, parentBlock, "no parent block");
+    assert(logger$1r, parentBlock, "no parent block");
     if (!isCodeBlock(parentBlock)) {
       return false;
     }
@@ -62594,7 +62835,7 @@ $$${mathData.mathjaxText}$$
     const lastBlock2 = getLastChildBlock(textContainer);
     editor.selection.selectBlock(lastBlock2, getBlockTextLength$6(editor, lastBlock2));
     const oldData = editor.getBlockData(codeBlock2);
-    assert(logger$1s, oldData.children.length === 2, "code block should have only one child");
+    assert(logger$1r, oldData.children.length === 2, "code block should have only one child");
     const captionContainerId = oldData.children[1];
     const newData = {
       ...oldData,
@@ -62603,7 +62844,7 @@ $$${mathData.mathjaxText}$$
     editor.updateBlockData(codeBlock2, newData);
     editor.deleteChildContainers([captionContainerId]);
   }
-  const logger$1r = getLogger("paste-in-table-block");
+  const logger$1q = getLogger("paste-in-table-block");
   class PasteEventHandler {
     constructor(editor) {
       this.editor = editor;
@@ -62624,7 +62865,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;
       }
@@ -62688,7 +62929,7 @@ $$${mathData.mathjaxText}$$
   function registerCodeBlockCommandProvider(editor) {
     editor.addCustom("code-block-command-provider", (editor2) => new CodeBlockCommandProvider(editor2));
   }
-  const logger$1q = getLogger("code-caption-input-handler");
+  const logger$1p = getLogger("code-caption-input-handler");
   function getCurrentCaptionBlock(editor) {
     if (!editor.selection.range.isSimple()) {
       return null;
@@ -62801,7 +63042,7 @@ $$${mathData.mathjaxText}$$
       editor.undoManager.runInGroup(() => {
         editor.clearSelectedContents();
         const start = editor.selection.range.start;
-        assert(logger$1q, start.isSimple(), "not simple position");
+        assert(logger$1p, start.isSimple(), "not simple position");
         editor.insertTextToBlock(block, start.offset, text2);
       });
       return true;
@@ -62846,9 +63087,9 @@ $$${mathData.mathjaxText}$$
     };
     editor.updateBlockData(codeBlock2, newData);
   }
-  const logger$1p = getLogger("code-block-header");
+  const logger$1o = getLogger("code-block-header");
   function selectCodeBlock(editor, block, options) {
-    assert(logger$1p, isCodeBlock(block), "not a code block");
+    assert(logger$1o, isCodeBlock(block), "not a code block");
     const firstBlock = getFirstChildBlock(getTextContainer(block));
     editor.selection.selectBlock(firstBlock, 0);
     if (options.focusToEditor) {
@@ -62890,8 +63131,8 @@ $$${mathData.mathjaxText}$$
       const target = event.target;
       const select2 = target.closest(".language-select");
       const block = getParentBlock(select2);
-      assert(logger$1p, block, "no parent block");
-      assert(logger$1p, getBlockType(block) === "code", "not a code block");
+      assert(logger$1o, block, "no parent block");
+      assert(logger$1o, 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 };
@@ -62914,11 +63155,11 @@ $$${mathData.mathjaxText}$$
   function handleCodeHeaderButtonClick(editor, event) {
     const target = event.target;
     const button2 = target.closest(".code-header-button");
-    assert(logger$1p, button2, "no button");
+    assert(logger$1o, button2, "no button");
     const block = getParentBlock(target);
-    assert(logger$1p, block, "no parent block");
+    assert(logger$1o, block, "no parent block");
     const id = button2.getAttribute("data-id");
-    assert(logger$1p, getBlockType(block) === "code", "not a code block");
+    assert(logger$1o, getBlockType(block) === "code", "not a code block");
     if (id === "wrap") {
       const old = editor.getBlockData(block);
       changeCodeBlockWrap(editor, block, !old.nowrap);
@@ -62944,7 +63185,7 @@ $$${mathData.mathjaxText}$$
           }
         });
       }).catch((err) => {
-        logger$1p.error(err.message);
+        logger$1o.error(err.message);
       });
       return;
     }
@@ -62995,7 +63236,7 @@ $$${mathData.mathjaxText}$$
   }
   function getCodeBlockHeader(block) {
     const header = block.querySelector(".code-block-header");
-    assert(logger$1p, header, "no code block header");
+    assert(logger$1o, header, "no code block header");
     return header;
   }
   function handleCodeScroll(editor, event) {
@@ -63044,7 +63285,7 @@ $$${mathData.mathjaxText}$$
       focusBlockId: textBlock.id
     };
   }
-  const logger$1o = getLogger("code-block");
+  const logger$1n = getLogger("code-block");
   function getPaddingNum(index2) {
     if (index2 <= 2) {
       return 32;
@@ -63071,10 +63312,10 @@ $$${mathData.mathjaxText}$$
     handlePasteInTableEvent(editor);
     registerCodeBlockCommandProvider(editor);
     trackChildBlockEvent(editor, handleDebounceUpdate);
-    assert(logger$1o, blockData.type === "code", "invalid block data type");
+    assert(logger$1n, blockData.type === "code", "invalid block data type");
     const codeData = blockData;
-    assert(logger$1o, codeData.children, "invalid block data children");
-    assert(logger$1o, codeData.children.length === 1 || codeData.children.length === 2, "invalid block data children length");
+    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");
     setTimeout(() => {
       if (isNodeRemoved(blockElement))
         return;
@@ -63125,15 +63366,15 @@ $$${mathData.mathjaxText}$$
   }
   function updateSelection$3(editor, block, from, to) {
     if (from.isSimple()) {
-      assert(logger$1o, to.isSimple(), "from is simple position but to is not simple position");
-      logger$1o.debug("full select list");
+      assert(logger$1n, to.isSimple(), "from is simple position but to is not simple position");
+      logger$1n.debug("full select list");
       addClass(block, "full-selected");
       return;
     }
-    assert(logger$1o, !to.isSimple(), "from is complex position but end is simple position");
+    assert(logger$1n, !to.isSimple(), "from is complex position but end is simple position");
     const f = from;
     const t2 = to;
-    assert(logger$1o, f.blockId === t2.blockId, "only allow update one table selection");
+    assert(logger$1n, f.blockId === t2.blockId, "only allow update one table selection");
     const containers = getCodeChildContainers(block);
     containers.forEach((container) => {
       const containerId = getContainerId(container);
@@ -63168,8 +63409,8 @@ $$${mathData.mathjaxText}$$
     const containersIds = childContainers.map(getContainerId);
     const startIndex = containersIds.indexOf(start.childContainerId);
     const endIndex = containersIds.indexOf(end.childContainerId);
-    assert(logger$1o, startIndex !== -1, "invalid start pos");
-    assert(logger$1o, endIndex !== -1, "invalid end pos");
+    assert(logger$1n, startIndex !== -1, "invalid start pos");
+    assert(logger$1n, endIndex !== -1, "invalid end pos");
     const ret = [childContainers[startIndex]];
     if (startIndex !== endIndex) {
       ret.push(childContainers[endIndex]);
@@ -63177,7 +63418,7 @@ $$${mathData.mathjaxText}$$
     return ret;
   }
   function handleBlockElementUpdated(editor, block, blockData) {
-    assert(logger$1o, isCodeBlock(block), "invalid block type");
+    assert(logger$1n, isCodeBlock(block), "invalid block type");
     const codeData = blockData;
     updateCodeBlockElementStyles(editor, block, codeData);
   }
@@ -63369,10 +63610,10 @@ ${codeText}
     "Shift+Tab": handleShiftTab$1,
     "CtrlOrCmd+A": selectCode
   };
-  const logger$1n = getLogger("code-text-decorate");
+  const logger$1m = getLogger("code-text-decorate");
   class CodeTextDecorator {
     decorateText(editor, path, blockText) {
-      assert(logger$1n, path.length > 0, "invalid path");
+      assert(logger$1m, path.length > 0, "invalid path");
       if (path.length === 1) {
         return {};
       }
@@ -63397,7 +63638,7 @@ ${codeText}
       const grammar = getPrismGrammar(codeData.language);
       const tokens = Prism__default.default.tokenize(code, grammar);
       const tokenToText = (token, attributes) => {
-        assert(logger$1n, token, "no token");
+        assert(logger$1m, token, "no token");
         if (typeof token === "string") {
           const ret = {
             insert: token,
@@ -63405,7 +63646,7 @@ ${codeText}
           };
           return [ret];
         }
-        assert(logger$1n, token instanceof Prism__default.default.Token, "invalid token type");
+        assert(logger$1m, 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;
@@ -63421,18 +63662,18 @@ ${codeText}
           const ret = tokens2.map((t2) => tokenToText(t2, newAttributes)).flat();
           return ret;
         }
-        assert(logger$1n, content instanceof Prism__default.default.Token, "invalid token");
+        assert(logger$1m, 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$1n, getTextLength(newText) === getTextLength(text2), "failed to highlight code, text length mismatch");
+      assert(logger$1m, 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",
@@ -63444,7 +63685,7 @@ ${codeText}
       plainText: "Plain Text"
     }
   };
-  const enUS$p = {
+  const enUS$o = {
     code: {
       title: "Code",
       abstract: "Code",
@@ -63456,7 +63697,7 @@ ${codeText}
       plainText: "Plain Text"
     }
   };
-  const jaJP$p = {
+  const jaJP$o = {
     code: {
       title: "\u30B3\u30FC\u30C9",
       abstract: "\u30B3\u30FC\u30C9",
@@ -63469,9 +63710,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);
@@ -63732,7 +63973,7 @@ ${codeText}
     }
     return false;
   }
-  const logger$1m = getLogger("match-text-style");
+  const logger$1l = getLogger("match-text-style");
   function matchTextPair(text2, find) {
     if (text2.length < find.length * 2 + 1) {
       return -1;
@@ -63802,7 +64043,7 @@ ${codeText}
             editor.insertBoxToBlock(block, start, boxData);
           });
         } catch (err) {
-          logger$1m.warn(`failed to convert to box, ${err.message}`);
+          logger$1l.warn(`failed to convert to box, ${err.message}`);
           continue;
         }
       }
@@ -63865,7 +64106,7 @@ ${codeText}
       return false;
     }
   }
-  const enUS$o = {
+  const enUS$n = {
     placeholder: {
       default: "Type / for commands",
       heading: "Heading {heading}",
@@ -63876,7 +64117,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}",
@@ -63887,7 +64128,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}",
@@ -63899,9 +64140,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) {
@@ -64068,7 +64309,7 @@ ${codeText}
     }
     return false;
   }
-  const logger$1l = getLogger("enforce-title");
+  const logger$1k = getLogger("enforce-title");
   class EnforceWithDocumentTitleHandler {
     constructor(editor, options = {
       headingLevel: 1
@@ -64140,7 +64381,7 @@ ${codeText}
       var _a, _b;
       try {
         const blocks = editor.doc.getContainerBlocks(getContainerId(editor.rootContainer));
-        assert(logger$1l, blocks.length > 0, "root container is empty");
+        assert(logger$1k, 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 });
@@ -64149,7 +64390,7 @@ ${codeText}
           return;
         }
         if (!this.options.hideTitle) {
-          assert(logger$1l, firstBlock.text, "invalid text block");
+          assert(logger$1k, 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);
@@ -64234,7 +64475,7 @@ ${codeText}
     });
     return orgDataUrl;
   }
-  const logger$1k = getLogger("drag-preview-image");
+  const logger$1j = getLogger("drag-preview-image");
   class DragPreviewImage {
     constructor(editor) {
       __publicField(this, "startPosition", null);
@@ -64242,7 +64483,7 @@ ${codeText}
       __publicField(this, "handleDragStart", async (e2, preview) => {
         var _a, _b, _c, _d, _e, _f;
         const target = e2.target;
-        assert(logger$1k, target instanceof Element, `Invalid Drag target:${target}`);
+        assert(logger$1j, target instanceof Element, `Invalid Drag target:${target}`);
         const { x: startX, y: startY } = e2;
         this.startPosition = {
           x: startX,
@@ -64328,7 +64569,7 @@ ${codeText}
     }
     return block;
   }
-  const logger$1j = getLogger("block-menu-drag-handler");
+  const logger$1i = getLogger("block-menu-drag-handler");
   const MIN_DISTANCE_THRESHOLD$1 = 3;
   function createDragEventFromMouseEvent$2(event, type) {
     const dragEvent = new DragEvent(type, {
@@ -64350,7 +64591,7 @@ ${codeText}
       __publicField(this, "startPos", { x: 0, y: 0 });
       __publicField(this, "handleMouseDown", (event) => {
         const block = this.button.blockMenu.currentBlock;
-        assert(logger$1j, block, "no dragged block");
+        assert(logger$1i, block, "no dragged block");
         if (event.button !== 0) {
           return;
         }
@@ -64378,7 +64619,7 @@ ${codeText}
           });
         }
         const block = this.button.blockMenu.currentBlock;
-        assert(logger$1j, block, "no dragged block");
+        assert(logger$1i, 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);
@@ -64399,7 +64640,7 @@ ${codeText}
         if (!window.isDragging) {
           this.handleDragStart(event);
         }
-        assert(logger$1j, target instanceof Element, "target is invalid");
+        assert(logger$1i, target instanceof Element, "target is invalid");
         this.dragPreview.handleDrag(event);
         const dragEvent = createDragEventFromMouseEvent$2(event, "dragover");
         this.editor.contentElement.dispatchEvent(dragEvent);
@@ -64407,7 +64648,7 @@ ${codeText}
       __publicField(this, "handleDragEnd", (event) => {
         var _a;
         const block = this.button.blockMenu.currentBlock;
-        assert(logger$1j, block, "no dragged block");
+        assert(logger$1i, block, "no dragged block");
         window.isDragging = false;
         this.dragPreview.handleDragEnd();
         (_a = this.autoScroll) == null ? void 0 : _a.inactive();
@@ -64630,7 +64871,7 @@ ${codeText}
       this.rootButton.destroy();
     }
   }
-  const zhCN$n = {
+  const zhCN$m = {
     blockMenu: {
       section: {
         basics: "\u57FA\u7840",
@@ -64654,7 +64895,7 @@ ${codeText}
       }
     }
   };
-  const enUS$n = {
+  const enUS$m = {
     blockMenu: {
       section: {
         basics: "Basic",
@@ -64678,7 +64919,7 @@ ${codeText}
       }
     }
   };
-  const jaJP$n = {
+  const jaJP$m = {
     blockMenu: {
       section: {
         basics: "\u4E00\u822C",
@@ -64703,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 {
@@ -64785,7 +65026,7 @@ ${codeText}
   function clearDraggedObject(editor) {
     getDragData(editor).clearData();
   }
-  const logger$1i = getLogger("find-drop-target");
+  const logger$1h = getLogger("find-drop-target");
   function childContainerFromPoint(x, y) {
     const elem = getElementFromPoint(x, y);
     if (!elem) {
@@ -64898,13 +65139,13 @@ ${codeText}
       return true;
     }
     const parentBlock = getParentBlock(container);
-    assert(logger$1i, parentBlock, "no parent block");
+    assert(logger$1h, parentBlock, "no parent block");
     if (!editor.isBlockWritable(parentBlock)) {
       return false;
     }
     return canInsertAsSibling(editor, parentBlock);
   }
-  const logger$1h = getLogger("drop-target");
+  const logger$1g = getLogger("drop-target");
   function getEmbedClassByFile(editor, file2) {
     let embedClass = {};
     if (/image/.test(file2.type)) {
@@ -64914,7 +65155,7 @@ ${codeText}
     } else if (/video/.test(file2.type)) {
       embedClass = editor.editorEmbeds.getEmbedClass("video");
     }
-    assert(logger$1h, embedClass, `unSupport file type ${file2.type}`);
+    assert(logger$1g, embedClass, `unSupport file type ${file2.type}`);
     return embedClass;
   }
   async function patchInsertFile(editor, files, containerId, blockIndex) {
@@ -65664,7 +65905,7 @@ ${codeText}
       }
     }
   }
-  const zhCN$m = {
+  const zhCN$l = {
     image: {
       title: "\u56FE\u7247",
       upload: {
@@ -65680,7 +65921,7 @@ ${codeText}
       abstract: "\u56FE\u7247"
     }
   };
-  const enUS$m = {
+  const enUS$l = {
     image: {
       title: "Image",
       upload: {
@@ -65696,7 +65937,7 @@ ${codeText}
       abstract: "Image"
     }
   };
-  const jaJP$m = {
+  const jaJP$l = {
     image: {
       title: "\u753B\u50CF",
       upload: {
@@ -65713,9 +65954,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);
@@ -65769,7 +66010,7 @@ ${codeText}
       return false;
     }
   }
-  const logger$1g = getLogger("copy-image");
+  const logger$1f = 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;
@@ -65810,7 +66051,7 @@ ${codeText}
       });
       clipboardData["image/png"] = fileBlob;
     } catch (error2) {
-      logger$1g.error(error2);
+      logger$1f.error(error2);
     }
     addMetaToDoc(editor, doc2);
     const url = editor.doc.buildResourceUrl(imageData.src, { withToken: true });
@@ -66083,195 +66324,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$1f = 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$1f.error("failed to add comment to block");
-        }
-        return;
-      }
-      logger$1f.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");
@@ -66343,7 +66395,7 @@ ${codeText}
     executeCommand(editor, block, item) {
       switch (item.id) {
         case "addComment":
-          addCommentToBlock(editor, block);
+          addCommentToBlock$1(editor, block);
           break;
         case "left":
         case "center":
@@ -67266,7 +67318,7 @@ ${codeText}
       const { comment } = this;
       const head = createElement("div", ["comment-item-head"], this.root);
       const quote2 = createElement("span", ["item-head-quote"], head);
-      quote2.innerText = comment.abstract;
+      quote2.textContent = comment.abstract;
       const switchContainer = createElement("span", ["item-head-switch"], head);
       const switchUp = createTextButton(switchContainer, GroupItemActions.SwitchUp, "up", switchUpIcon);
       const switchDown = createTextButton(switchContainer, GroupItemActions.SwitchDown, "down", switchDownIcon);
@@ -67659,7 +67711,7 @@ ${codeText}
         });
       });
       __publicField(this, "handleEditorResize", () => {
-        this.updateItemsLayout();
+        this.updateItemsLayout(false);
       });
       __publicField(this, "handleDocChanged", () => {
         this.updateComments();
@@ -67736,9 +67788,11 @@ ${codeText}
       this.removeAllListeners();
       document.removeEventListener("click", this.handleDocumentClick);
     }
-    updateItemsLayout() {
+    updateItemsLayout(dispatchScroll = true) {
       arrangeItems(this.editor, this.items, this.activeItem);
-      this.dispatchScroll();
+      if (dispatchScroll) {
+        this.dispatchScroll();
+      }
     }
     bindEvents() {
       this.container.addEventListener("click", this.handleContainerClick);
@@ -68605,7 +68659,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);
@@ -68626,7 +68680,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$14.error(`failed to execute block command: ${JSON.stringify(err)}`);
         }
@@ -68635,14 +68689,24 @@ ${codeText}
       this.editorComments = editorComments;
     }
     commands(editor, blockElement, child) {
-      var _a;
-      if (editor.readonly) {
+      if (editor.readonly || clientType.isMobile) {
         return void 0;
       }
       const data2 = getBlockId(blockElement);
       if (child) {
-        const whitList = ["file"];
-        if (isTextBlockContentBoxChild(child) && whitList.includes((_a = child.getAttribute("data-box-type")) != null ? _a : "")) {
+        const showCommandsBar = (child2) => {
+          var _a, _b, _c;
+          if (!child2 || !isTextBlockContentBoxChild(child2)) {
+            return false;
+          }
+          const box = child2;
+          const boxCommands = (_b = (_a = editor.editorBoxes.getBoxClass(getBoxTypeFromElement(box))) == null ? void 0 : _a.getBoxProperties) == null ? void 0 : _b.call(_a, editor, box).boxCommands;
+          if (!boxCommands) {
+            return false;
+          }
+          return ((_c = boxCommands["hovering-toolbar"]) == null ? void 0 : _c.commands.length) > 0;
+        };
+        if (showCommandsBar(child)) {
           return {
             group: "hovering-toolbar",
             commands: [
@@ -68962,11 +69026,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 });
@@ -69202,7 +69266,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);
           }
         }
       };
@@ -69239,7 +69303,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;
           }
@@ -76497,7 +76561,7 @@ ${content}
       } else if (item.id === "download") {
         downloadFile$1(editor, box);
       } else if (item.id === "add-comment") {
-        addCommentToBlock(editor, block);
+        addCommentToBlock$1(editor, block);
       }
     }
   }
@@ -76789,7 +76853,7 @@ ${content}
       } else if (item.id === "download") {
         downloadFile(editor, block);
       } else if (item.id === "add-comment") {
-        addCommentToBlock(editor, block);
+        addCommentToBlock$1(editor, block);
       }
     }
   }
@@ -80476,7 +80540,7 @@ ${content}
         background: "Background color"
       },
       icon: {
-        toggleIcon: "Click to change icon"
+        toggleIcon: "Click to change the icon"
       }
     }
   };
@@ -80490,7 +80554,7 @@ ${content}
         background: "\u80CC\u666F\u8272"
       },
       icon: {
-        toggleIcon: "\u30A2\u30A4\u30B3\u30F3\u3092\u5909\u66F4\u3059\u308B"
+        toggleIcon: "\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30A2\u30A4\u30B3\u30F3\u3092\u5909\u66F4\u3059\u308B"
       }
     }
   };
@@ -80897,10 +80961,16 @@ ${content}
       this.blockId = blockId;
       const calloutIcon = createElement("div", ["callout-icon"], null);
       this.iconElement = calloutIcon;
-      calloutIcon.setAttribute("data-editor-tooltip-common", i18n$1.t("callout.icon.toggleIcon"));
-      this.editor.domEvents.addEventListener(this.iconElement, "click", this.handleIconClick);
       this.emojiPopup = EmojiPopup.get(this.editor, blockId);
       this.emojiPopup.emojiPalette.on("onSelectEmoji", this.handleSelectEmoji);
+      setTimeout(() => {
+        if (editor.isWritable()) {
+          calloutIcon.setAttribute("data-editor-tooltip-common", i18n$1.t("callout.icon.toggleIcon"));
+          this.editor.domEvents.addEventListener(this.iconElement, "click", this.handleIconClick);
+        } else {
+          calloutIcon.classList.add("readonly");
+        }
+      }, 50);
     }
     render(parent, icon) {
       this.updateIcon(icon);
@@ -86411,7 +86481,7 @@ ${data2.flowchartText}
     executeCommand(editor, block, item) {
       switch (item.id) {
         case "addComment":
-          addCommentToBlock(editor, block);
+          addCommentToBlock$1(editor, block);
           break;
         case "left":
         case "center":
@@ -88443,7 +88513,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.2.15-beta.2";
+    editor.version = "2.2.15-beta.4";
     return editor;
   }
   function isDoc(doc2) {
@@ -88538,7 +88608,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.2.15-beta.2";
+    editor.version = "2.2.15-beta.4";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -134382,6 +134452,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;
@@ -134400,7 +134471,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;