@ones-editor/editor 1.2.0-beta.10 → 1.2.0-beta.11

package/dist/index.js

@@ -2887,6 +2887,10 @@ div[data-command-bar-id=table-row-column-toolbar] .tippy-box .tippy-content butt
 div[data-command-bar-id=table-cell-menu] .tippy-box .tippy-content .editor-command-bar.menu .command-item.selected[data-id=delete-select-row], div[data-command-bar-id=table-cell-menu] .tippy-box .tippy-content .editor-command-bar.menu .command-item.selected[data-id=delete-select-col] {
   color: #eb3723;
   background-color: #fff6f5;
+}
+.editor-root.mobile [data-type=editor-container].root div[data-type=editor-block].table-block div[data-type=block-tools] .table-border-bar-container .table-border-bar .button-root,
+.editor-root.mobile [data-type=editor-container].root div[data-type=editor-block].table-block div[data-type=table-tools] .table-border-bar-container .table-border-bar .button-root {
+  display: none;
 }.editor-root [data-type=editor-container].root div[data-type=editor-block].code-block {
   counter-reset: code-line;
 }
@@ -6107,6 +6111,8 @@ div.editor-root div.editor-content div[data-type=editor-container] div[data-embe
 }
 .command-m-bar .child-layout.card {
   flex-wrap: wrap;
+  gap: 15px;
+  justify-content: flex-start;
 }
 .command-m-bar .child-layout.card .child-item {
   width: 80px;
@@ -10024,6 +10030,8 @@ var __publicField = (obj, key, value) => {
           if (!clientType.isMobile) {
             document.addEventListener("mousemove", this.handleMouseMove);
             document.addEventListener("mouseup", this.handleMouseUp);
+          } else {
+            document.addEventListener("touchend", this.handleMouseUp);
           }
           this.editor.selectionHandler.handleMouseDown(event, { autoScroll: true });
         }
@@ -10041,7 +10049,7 @@ var __publicField = (obj, key, value) => {
         }
       });
       __publicField(this, "handleMouseUp", (event) => {
-        if (event.button === 0) {
+        if (ensureIsMobileEvent(event) || event.button === 0) {
           this.editor.selectionHandler.handleMouseUp(event);
           document.removeEventListener("mousemove", this.handleMouseMove);
           document.removeEventListener("mouseup", this.handleMouseUp);
@@ -41123,6 +41131,26 @@ ${codeText}
         blockType: getBlockType(block)
       };
       const commands = [];
+      const { selectedColumns, selectedRows } = getTableSelectedRowsAndColumns(editor, block);
+      if (clientType.isMobile) {
+        if (selectedColumns.size > 0) {
+          commands.push({
+            id: "table/delete-columns",
+            name: i18n$1.t("table.deleteSelectCol"),
+            icon: DeleteColIcon,
+            groupIndex: TABLE_COMMAND_GROUP_INDEX,
+            ...ext
+          });
+        } else if (selectedRows.size > 0) {
+          commands.push({
+            id: "table/delete-rows",
+            name: i18n$1.t("table.deleteSelectRow"),
+            icon: DeleteRowIcon,
+            groupIndex: TABLE_COMMAND_GROUP_INDEX,
+            ...ext
+          });
+        }
+      }
       if (canMergeCells(editor, block, range)) {
         commands.push({
           id: "table/merge-cells",
@@ -41490,7 +41518,96 @@ ${codeText}
     };
     editor.updateBlockData(tableBlock, newBlockData);
   }
-  const logger$1Y = getLogger("table-chart");
+  const DEFAULT_COLUMN_WIDTH = 200;
+  const MIN_COLUMN_WIDTH = 40;
+  const logger$1Y = getLogger("table-insert-column");
+  function insertColumn(editor, tableBlock, insertIndex) {
+    editor.undoManager.runInGroup(() => {
+      var _a;
+      const table = getBlockTable(tableBlock);
+      const grid = TableGrid.fromTable(table);
+      const colCount = grid.colCount;
+      assert(logger$1Y, insertIndex >= 0 && insertIndex <= colCount, `insert index ${insertIndex} is out of range [0, ${colCount}]`);
+      const cells = grid.map((cell) => cell.containerId);
+      const spannedContainerIds = /* @__PURE__ */ new Set();
+      editor.doc.beginBatchUpdate();
+      for (let row = 0; row < cells.length; row++) {
+        const rowData = cells[row];
+        const left = rowData[insertIndex - 1];
+        const right = rowData[insertIndex];
+        if (insertIndex === 0 || insertIndex === rowData.length || left !== right) {
+          const newContainerId = createEmptyContainer(editor.doc);
+          rowData.splice(insertIndex, 0, newContainerId);
+        } else {
+          rowData.splice(insertIndex, 0, left);
+          spannedContainerIds.add(left);
+        }
+      }
+      editor.doc.endBatchUpdate();
+      const oldBlockData = cloneDeep__default.default(editor.getBlockData(tableBlock));
+      spannedContainerIds.forEach((containerId) => {
+        const key = `${containerId}_colSpan`;
+        const oldSpan = oldBlockData[key];
+        assert(logger$1Y, typeof oldSpan === "number" && oldSpan > 1, `no colSpan for containerId ${containerId}, ${oldSpan}`);
+        oldBlockData[key] = oldSpan + 1;
+      });
+      const colsWidth = ((_a = oldBlockData.colsWidth) == null ? void 0 : _a.concat()) || new Array(oldBlockData.cols).fill(0);
+      colsWidth.splice(insertIndex, 0, DEFAULT_COLUMN_WIDTH);
+      const newChildren = TableGrid.virtualCellContainersGridToChildren(cells);
+      const newBlockData = {
+        ...oldBlockData,
+        cols: oldBlockData.cols + 1,
+        children: newChildren,
+        colsWidth
+      };
+      tableData2Grid(newBlockData);
+      editor.updateBlockData(tableBlock, newBlockData);
+    });
+  }
+  const logger$1X = getLogger("table-insert-row");
+  function insertRow(editor, tableBlock, insertIndex) {
+    editor.undoManager.runInGroup(() => {
+      const table = getBlockTable(tableBlock);
+      const grid = TableGrid.fromTable(table);
+      const rowCount = grid.rowCount;
+      assert(logger$1X, insertIndex >= 0 && insertIndex <= rowCount, `insert index ${insertIndex} is out of range [0, ${rowCount}]`);
+      const cells = grid.map((cell) => cell.containerId);
+      const spannedContainerIds = /* @__PURE__ */ new Set();
+      editor.doc.beginBatchUpdate();
+      const rowData = [];
+      for (let col = 0; col < grid.colCount; col++) {
+        const top = insertIndex > 0 && cells[insertIndex - 1][col];
+        const bottom = insertIndex < grid.rowCount && cells[insertIndex][col];
+        assert(logger$1X, top || bottom, "no top and bottom cell");
+        if (insertIndex === 0 || insertIndex === grid.rowCount || top !== bottom) {
+          const newContainerId = createEmptyContainer(editor.doc);
+          rowData.push(newContainerId);
+        } else {
+          assert(logger$1X, top, "no top cell");
+          rowData.push(top);
+          spannedContainerIds.add(top);
+        }
+      }
+      editor.doc.endBatchUpdate();
+      cells.splice(insertIndex, 0, rowData);
+      const oldBlockData = cloneDeep__default.default(editor.getBlockData(tableBlock));
+      spannedContainerIds.forEach((containerId) => {
+        const key = `${containerId}_rowSpan`;
+        const oldSpan = oldBlockData[key];
+        assert(logger$1X, typeof oldSpan === "number" && oldSpan > 1, `no rowSpan for containerId ${containerId}, ${oldSpan}`);
+        oldBlockData[key] = oldSpan + 1;
+      });
+      const newChildren = TableGrid.virtualCellContainersGridToChildren(cells);
+      const newBlockData = {
+        ...oldBlockData,
+        rows: oldBlockData.rows + 1,
+        children: newChildren
+      };
+      tableData2Grid(newBlockData);
+      editor.updateBlockData(tableBlock, newBlockData);
+    });
+  }
+  const logger$1W = getLogger("table-chart");
   function removeChart(editor, block) {
     const tableTools = findExistsTableTools(editor, block);
     if (tableTools) {
@@ -41575,7 +41692,7 @@ ${codeText}
       chartContainer = createElement("div", ["editor-table-chart"], tableTools);
     }
     const parent = chartContainer;
-    assert(logger$1Y, parent, "no chart container");
+    assert(logger$1W, parent, "no chart container");
     const options = editor.getComponentOptions("table");
     const cdn = (options == null ? void 0 : options.chartCdn) || "https://cdn.jsdelivr.net/npm/chart.js@2.9.4/dist/Chart.min.js";
     try {
@@ -41619,7 +41736,7 @@ ${codeText}
         chartContainer.chartObject = chartObject;
       }
     } catch (err) {
-      logger$1Y.error(`failed to resolve chart cdn: ${JSON.stringify(err)}`);
+      logger$1W.error(`failed to resolve chart cdn: ${JSON.stringify(err)}`);
     }
   }
   async function updateChartCore(editor, block) {
@@ -41776,7 +41893,7 @@ ${codeText}
     const height = document.documentElement.clientHeight;
     return new DOMRect(left, top, width, height);
   }
-  const logger$1X = getLogger("scroll-bar-handle");
+  const logger$1V = getLogger("scroll-bar-handle");
   const BOTTOM_FLOAT_HEIGHT = 2;
   function getScrollbarContainer(scrollContainer) {
     const tools = getTools(scrollContainer);
@@ -41784,7 +41901,7 @@ ${codeText}
     if (!scrollbarContainer) {
       scrollbarContainer = createElement("div", [SCROLL_BAR_CLASS.SCROLL_BAR], tools);
     }
-    assert(logger$1X, scrollbarContainer instanceof HTMLDivElement, "invalid child for container tools");
+    assert(logger$1V, scrollbarContainer instanceof HTMLDivElement, "invalid child for container tools");
     if (!scrollbarContainer.firstElementChild) {
       createElement("div", [], scrollbarContainer);
     }
@@ -41800,7 +41917,7 @@ ${codeText}
     fixScrollWrapRightBoundary(scrollCore, scrollContainer);
     fixScrollWrapLeftBoundary(scrollCore, scrollContainer);
     const overflowWidth = scrollWidth - clientWidth;
-    assert(logger$1X, scrollbarContainer.firstElementChild instanceof HTMLDivElement, "invalid child for scroll bar");
+    assert(logger$1V, scrollbarContainer.firstElementChild instanceof HTMLDivElement, "invalid child for scroll bar");
     scrollbarContainer.style.width = `${getSizeAsScale(scrollContainer, originWidth + maxRight - paddingLeft - paddingRight)}px`;
     scrollbarContainer.firstElementChild.style.width = `${getSizeAsScale(scrollContainer, originWidth + maxRight + overflowWidth - paddingLeft - paddingRight)}px`;
   }
@@ -41887,7 +42004,7 @@ ${codeText}
       this.intersectionObserver.disconnect();
     }
   }
-  const logger$1W = getLogger("container-scroll-shadow");
+  const logger$1U = getLogger("container-scroll-shadow");
   function setShadowBottom(shadow, scrollContainer, scrollWrap) {
     const elem = shadow;
     const contentRect = scrollContainer.getBoundingClientRect();
@@ -41906,22 +42023,22 @@ ${codeText}
   }
   function showLeftShadow(scrollContainer) {
     const targetTools = getTools(scrollContainer);
-    assert(logger$1W, targetTools, "no container tools");
+    assert(logger$1U, targetTools, "no container tools");
     let shadow = targetTools.querySelector(`.${SHADOW_CLASS.LEFT}`);
     if (!shadow) {
       const scrollWrap = getContainerScrollArea(scrollContainer);
       const classes = [SHADOW_CLASS.COMMON, SHADOW_CLASS.LEFT];
       shadow = createElement("div", classes, targetTools);
-      assert(logger$1W, shadow instanceof HTMLDivElement, "invalid child for container tools");
+      assert(logger$1U, shadow instanceof HTMLDivElement, "invalid child for container tools");
       setShadowBottom(shadow, scrollContainer, scrollWrap);
     }
-    assert(logger$1W, shadow instanceof HTMLElement, "invalid child for container tools");
+    assert(logger$1U, shadow instanceof HTMLElement, "invalid child for container tools");
     const container = getContainer(scrollContainer);
     const containerRect = container.getBoundingClientRect();
     const scrollContainerRect = scrollContainer.getBoundingClientRect();
     shadow.style.left = `${getSizeAsScale(scrollContainer, scrollContainerRect.left - containerRect.left)}px`;
     const leftRest = getElementScrollSize(scrollContainer).scrollLeft;
-    assert(logger$1W, shadow instanceof HTMLDivElement, "invalid child for container tools");
+    assert(logger$1U, shadow instanceof HTMLDivElement, "invalid child for container tools");
     setShadowWidth(shadow, leftRest);
     addClass(shadow, SHADOW_CLASS.ACTIVE);
   }
@@ -41932,17 +42049,17 @@ ${codeText}
       const scrollWrap = getContainerScrollArea(scrollContainer);
       const classes = [SHADOW_CLASS.COMMON, SHADOW_CLASS.RIGHT];
       shadow = createElement("div", classes, tools);
-      assert(logger$1W, shadow instanceof HTMLDivElement, "no div, create shadow failed");
+      assert(logger$1U, shadow instanceof HTMLDivElement, "no div, create shadow failed");
       setShadowBottom(shadow, scrollContainer, scrollWrap);
     }
-    assert(logger$1W, shadow instanceof HTMLElement, "");
+    assert(logger$1U, shadow instanceof HTMLElement, "");
     const container = getContainer(scrollContainer);
     const containerRect = container.getBoundingClientRect();
     const scrollContainerRect = scrollContainer.getBoundingClientRect();
     shadow.style.right = `${getSizeAsScale(scrollContainer, containerRect.right - scrollContainerRect.right)}px`;
     const { scrollWidth, scrollLeft, clientWidth } = getElementScrollSize(scrollContainer);
     const rightRest = scrollWidth - scrollLeft - clientWidth;
-    assert(logger$1W, shadow instanceof HTMLDivElement, "no shadow element");
+    assert(logger$1U, shadow instanceof HTMLDivElement, "no shadow element");
     setShadowWidth(shadow, rightRest);
     addClass(shadow, SHADOW_CLASS.ACTIVE);
   }
@@ -42015,12 +42132,12 @@ ${codeText}
       this.resizeObserver.disconnect();
     }
   }
-  const logger$1V = getLogger("container-scroll-observer");
+  const logger$1T = getLogger("container-scroll-observer");
   class ContainerScrollObserver {
     constructor(scrollCore, callback) {
       __publicField(this, "handleContentScroll", (e2) => {
         const scrollContainer = e2.target;
-        assert(logger$1V, scrollContainer instanceof Element, "invalid target for scroll event");
+        assert(logger$1T, scrollContainer instanceof Element, "invalid target for scroll event");
         const scrollbarContainer = getScrollbarContainer(scrollContainer);
         scrollbarContainer.removeEventListener("scroll", this.handleScroll);
         const needFixScrollbarContainer = true;
@@ -42031,7 +42148,7 @@ ${codeText}
       });
       __publicField(this, "handleScroll", (e2) => {
         const scrollbarContainer = e2.target;
-        assert(logger$1V, scrollbarContainer instanceof HTMLElement, "");
+        assert(logger$1T, scrollbarContainer instanceof HTMLElement, "");
         const scrollLeft = scrollbarContainer.scrollLeft;
         const needFixScrollbarContainer = false;
         const scrollContainer = getScrollContainerByScrollBar(scrollbarContainer);
@@ -42111,7 +42228,7 @@ ${codeText}
       this.scrollContainers.clear();
     }
   }
-  const logger$1U = getLogger("scroll-wrap-resize-observer");
+  const logger$1S = getLogger("scroll-wrap-resize-observer");
   class ScrollWrapResizeObserve {
     constructor(scrollCore) {
       __publicField(this, "resizeObserver");
@@ -42127,7 +42244,7 @@ ${codeText}
       });
       __publicField(this, "handleScrollWrapResizeEntry", (entry) => {
         const scrollWrap = entry.target;
-        assert(logger$1U, scrollWrap instanceof HTMLElement, "invalid target for observer entry");
+        assert(logger$1S, scrollWrap instanceof HTMLElement, "invalid target for observer entry");
         const scrollContainer = getScrollContainer(scrollWrap);
         resetScrollbar(this.scrollCore, scrollWrap);
         resetScrollWrapShadow(scrollContainer);
@@ -42332,7 +42449,7 @@ ${codeText}
       window.removeEventListener("scroll", this.handleWindowEffect);
     }
   }
-  const logger$1T = getLogger("scroll-container");
+  const logger$1R = getLogger("scroll-container");
   const rootScrollMap = /* @__PURE__ */ new Map();
   class ScrollContainer extends tinyTypedEmitter.TypedEmitter {
     constructor() {
@@ -42380,11 +42497,11 @@ ${codeText}
       return this.scrollContainerElement;
     }
     get contentElement() {
-      assert(logger$1T, this.scrollContainerElement, "scrollContainerElement cannot be undefined");
+      assert(logger$1R, this.scrollContainerElement, "scrollContainerElement cannot be undefined");
       return getContainerScrollArea(this.scrollContainerElement);
     }
     get scrollOptions() {
-      assert(logger$1T, this.options, "options cannot be undefined");
+      assert(logger$1R, this.options, "options cannot be undefined");
       return { ...this.options };
     }
     handleBaseListenerDestroy(baseListener) {
@@ -42408,7 +42525,7 @@ ${codeText}
   function createScrollContainer() {
     return new ScrollContainer();
   }
-  const logger$1S = getLogger("column-width");
+  const logger$1Q = getLogger("column-width");
   function setColumnWidth(table, colIndex, width) {
     const col = getTableCol(table, colIndex);
     col.style.width = `${width}px`;
@@ -42429,7 +42546,7 @@ ${codeText}
         cellRightOffsets[colIndex] = cell.cell.getBoundingClientRect().right - left;
       }
     });
-    logger$1S.debug(`cellRightOffsets1: ${cellRightOffsets.join()}`);
+    logger$1Q.debug(`cellRightOffsets1: ${cellRightOffsets.join()}`);
     for (let col = 0; col < cellRightOffsets.length; col++) {
       const offset = cellRightOffsets[col];
       if (offset === -1 || col === 0) {
@@ -42449,7 +42566,7 @@ ${codeText}
         cellRightOffsets[i] = prevOffset + averageWidth * (i - prevCol);
       }
     }
-    logger$1S.debug(`cellRightOffsets2: ${cellRightOffsets.join()}`);
+    logger$1Q.debug(`cellRightOffsets2: ${cellRightOffsets.join()}`);
     const result = [];
     let prev = 0;
     for (let col = 0; col < cellRightOffsets.length; col++) {
@@ -42457,7 +42574,7 @@ ${codeText}
       result.push(offset - prev);
       prev = offset;
     }
-    logger$1S.debug(`widths: ${result.join()}`);
+    logger$1Q.debug(`widths: ${result.join()}`);
     return result;
   }
   function getTableColumnWidths(table) {
@@ -42465,9 +42582,7 @@ ${codeText}
     const widths = tableCols.map((col) => col.getBoundingClientRect().width || Number.parseInt(col.style.width, 10));
     return widths;
   }
-  const DEFAULT_COLUMN_WIDTH = 200;
-  const MIN_COLUMN_WIDTH = 40;
-  const logger$1R = getLogger("table-resize-gripper");
+  const logger$1P = getLogger("table-resize-gripper");
   const GRIPPER_SIZE = 7;
   const GRIPPER_SIZE_HALF = (GRIPPER_SIZE - 1) / 2;
   const CONTAINER_CELL_DELTA = 3;
@@ -42497,7 +42612,7 @@ ${codeText}
   }
   function createResizeGripper$1(editor, block) {
     const exists = getExistsResizeGripper(editor, block);
-    assert(logger$1R, !exists, "resize gripper has already exists");
+    assert(logger$1P, !exists, "resize gripper has already exists");
     const tools = getTableTools(editor, block);
     const gripper = createElement("div", ["table-resize-gripper", "table-indicator"], tools);
     createElement("div", ["table-resize-gripper-indicator"], gripper);
@@ -42568,7 +42683,7 @@ ${codeText}
     }
     return minX;
   }
-  const logger$1Q = getLogger("table-resize-drag-drop");
+  const logger$1O = getLogger("table-resize-drag-drop");
   class TableResizeDragDrop {
     constructor(editor, elem, data, onEnd) {
       __publicField(this, "cursor", "col-resize");
@@ -42583,7 +42698,7 @@ ${codeText}
       const { table, block, draggingRefCell } = drag.data;
       const x = getTableResizeMinX(this.editor, draggingRefCell, table, DragDrop.getEventPosition(event).x - drag.dragOffsetX);
       const totalWidth = x - table.getBoundingClientRect().left;
-      assert(logger$1Q, draggingRefCell, "no dragging cell");
+      assert(logger$1O, draggingRefCell, "no dragging cell");
       const grid = TableGrid.fromTable(table);
       const cellData = grid.getCellByCellElement(draggingRefCell);
       const colIndex = cellData.col + cellData.colSpan - 1;
@@ -42696,93 +42811,6 @@ ${codeText}
   function handleTableResizeMouseEvent(editor) {
     editor.addCustom("table-mouse-event-handler", (editor2) => new TableMouseEventHandler(editor2));
   }
-  const logger$1P = getLogger("table-insert-column");
-  function insertColumn(editor, tableBlock, insertIndex) {
-    editor.undoManager.runInGroup(() => {
-      var _a;
-      const table = getBlockTable(tableBlock);
-      const grid = TableGrid.fromTable(table);
-      const colCount = grid.colCount;
-      assert(logger$1P, insertIndex >= 0 && insertIndex <= colCount, `insert index ${insertIndex} is out of range [0, ${colCount}]`);
-      const cells = grid.map((cell) => cell.containerId);
-      const spannedContainerIds = /* @__PURE__ */ new Set();
-      editor.doc.beginBatchUpdate();
-      for (let row = 0; row < cells.length; row++) {
-        const rowData = cells[row];
-        const left = rowData[insertIndex - 1];
-        const right = rowData[insertIndex];
-        if (insertIndex === 0 || insertIndex === rowData.length || left !== right) {
-          const newContainerId = createEmptyContainer(editor.doc);
-          rowData.splice(insertIndex, 0, newContainerId);
-        } else {
-          rowData.splice(insertIndex, 0, left);
-          spannedContainerIds.add(left);
-        }
-      }
-      editor.doc.endBatchUpdate();
-      const oldBlockData = cloneDeep__default.default(editor.getBlockData(tableBlock));
-      spannedContainerIds.forEach((containerId) => {
-        const key = `${containerId}_colSpan`;
-        const oldSpan = oldBlockData[key];
-        assert(logger$1P, typeof oldSpan === "number" && oldSpan > 1, `no colSpan for containerId ${containerId}, ${oldSpan}`);
-        oldBlockData[key] = oldSpan + 1;
-      });
-      const colsWidth = ((_a = oldBlockData.colsWidth) == null ? void 0 : _a.concat()) || new Array(oldBlockData.cols).fill(0);
-      colsWidth.splice(insertIndex, 0, DEFAULT_COLUMN_WIDTH);
-      const newChildren = TableGrid.virtualCellContainersGridToChildren(cells);
-      const newBlockData = {
-        ...oldBlockData,
-        cols: oldBlockData.cols + 1,
-        children: newChildren,
-        colsWidth
-      };
-      tableData2Grid(newBlockData);
-      editor.updateBlockData(tableBlock, newBlockData);
-    });
-  }
-  const logger$1O = getLogger("table-insert-row");
-  function insertRow(editor, tableBlock, insertIndex) {
-    editor.undoManager.runInGroup(() => {
-      const table = getBlockTable(tableBlock);
-      const grid = TableGrid.fromTable(table);
-      const rowCount = grid.rowCount;
-      assert(logger$1O, insertIndex >= 0 && insertIndex <= rowCount, `insert index ${insertIndex} is out of range [0, ${rowCount}]`);
-      const cells = grid.map((cell) => cell.containerId);
-      const spannedContainerIds = /* @__PURE__ */ new Set();
-      editor.doc.beginBatchUpdate();
-      const rowData = [];
-      for (let col = 0; col < grid.colCount; col++) {
-        const top = insertIndex > 0 && cells[insertIndex - 1][col];
-        const bottom = insertIndex < grid.rowCount && cells[insertIndex][col];
-        assert(logger$1O, top || bottom, "no top and bottom cell");
-        if (insertIndex === 0 || insertIndex === grid.rowCount || top !== bottom) {
-          const newContainerId = createEmptyContainer(editor.doc);
-          rowData.push(newContainerId);
-        } else {
-          assert(logger$1O, top, "no top cell");
-          rowData.push(top);
-          spannedContainerIds.add(top);
-        }
-      }
-      editor.doc.endBatchUpdate();
-      cells.splice(insertIndex, 0, rowData);
-      const oldBlockData = cloneDeep__default.default(editor.getBlockData(tableBlock));
-      spannedContainerIds.forEach((containerId) => {
-        const key = `${containerId}_rowSpan`;
-        const oldSpan = oldBlockData[key];
-        assert(logger$1O, typeof oldSpan === "number" && oldSpan > 1, `no rowSpan for containerId ${containerId}, ${oldSpan}`);
-        oldBlockData[key] = oldSpan + 1;
-      });
-      const newChildren = TableGrid.virtualCellContainersGridToChildren(cells);
-      const newBlockData = {
-        ...oldBlockData,
-        rows: oldBlockData.rows + 1,
-        children: newChildren
-      };
-      tableData2Grid(newBlockData);
-      editor.updateBlockData(tableBlock, newBlockData);
-    });
-  }
   const logger$1N = getLogger("paste-table-in-table-block");
   function pasteTableInTableBlock(editor, doc2, tableBlock, destCell, cloneDocResult) {
     let grid = TableGrid.fromBlock(tableBlock);
@@ -53947,7 +53975,7 @@ $$${mathData.mathjaxText}$$
       this.resizeObserver = new index$d(this.handleTableResize);
       this.resizeObserver.observe(getBlockTable(this.tableBlock));
       const options = editor.getComponentOptions("table");
-      if (!(options == null ? void 0 : options.hideToolbar)) {
+      if (!(options == null ? void 0 : options.hideToolbar) && !clientType.isMobile) {
         this.toolbar = new TableRowColumnToolbar(this.editor, this.tableBlock);
       }
       this.editor.addListener("readonlyChanged", this.handleReadonlyChanged);
@@ -54799,7 +54827,7 @@ $$${mathData.mathjaxText}$$
       handlePasteInTableEvent$1(editor);
       handleTableBorderBar(editor, "create");
       handleTableDocChanged(editor);
-      if (!(options == null ? void 0 : options.hideCellMenu)) {
+      if (!(options == null ? void 0 : options.hideCellMenu) && !clientType.isMobile) {
         handleTableCellMenu(editor);
       }
       trackChildBlockEvent(editor, handleChartDebounceUpdate);
@@ -54849,7 +54877,7 @@ $$${mathData.mathjaxText}$$
       handlePasteInTableEvent$1(editor);
       handleTableBorderBar(editor, "update");
       handleTableDocChanged(editor);
-      if (!(options == null ? void 0 : options.hideCellMenu)) {
+      if (!(options == null ? void 0 : options.hideCellMenu) && !clientType.isMobile) {
         handleTableCellMenu(editor);
       }
       handleChartDebounceUpdate(editor, void 0, block);
@@ -55631,17 +55659,15 @@ $$${mathData.mathjaxText}$$
     return true;
   }
   function getTextToolbarReferenceClient(editor, complexBlock) {
-    let offset = 0;
     const { selectedColumns } = getTableSelectedRowsAndColumns(editor, complexBlock);
     if (selectedColumns.size > 0) {
       const { fromCol: startCol, toCol: endCol } = getTableSelectionRange(complexBlock, editor.selection.range.start, editor.selection.range.end);
       const grid = TableGrid.fromBlock(complexBlock);
-      if (startCol !== 0 || endCol !== grid.colCount - 1) {
-        offset = 60;
-      }
+      if (startCol !== 0 || endCol !== grid.colCount - 1)
+        ;
     }
     const clientRect = getClientRects(editor, complexBlock, editor.selection.range)[0];
-    return new DOMRect(clientRect.left, clientRect.top + offset, clientRect.width, Math.max(clientRect.height - offset * 2, 0));
+    return new DOMRect(clientRect.left, clientRect.top, clientRect.width, clientRect.height);
   }
   function handleDeleteBlock$2(editor, block) {
     untrackChildBlockEvent(editor, handleChartDebounceUpdate);
@@ -75395,13 +75421,13 @@ ${data.flowchartText}
       this.layout.remove();
     }
     get isShow() {
-      return this.layout.style.display === "block";
+      return this.layout.style.display === "flex";
     }
     hidden() {
       this.layout.style.display = "none";
     }
     show() {
-      this.layout.style.display = "block";
+      this.layout.style.display = "flex";
     }
   }
   const insertHeading = (editor, num) => {
@@ -75517,6 +75543,22 @@ ${data.flowchartText}
       blockIndex: index2 + 1
     });
   }
+  async function insertTable(editor) {
+    var _a, _b, _c;
+    const block = editor.getFocusedBlock();
+    const index2 = editor.getBlockIndex(block);
+    const container = getParentContainer(block);
+    const containerId = getContainerId(container);
+    const blockClass = editor.editorBlocks.getBlockClass("table");
+    (_c = (_a = blockClass == null ? void 0 : blockClass.getOptions) == null ? void 0 : (_b = _a.call(blockClass, editor)).handleInsertEmptyBlock) == null ? void 0 : _c.call(_b, editor, {
+      item: { id: "table", name: "T" },
+      containerId,
+      blockIndex: index2 + 1
+    });
+    setTimeout(() => {
+      editor.focus();
+    });
+  }
   class AlignMenu {
     constructor(editor) {
       __publicField(this, "menu", null);
@@ -75589,6 +75631,10 @@ ${data.flowchartText}
         return layout;
       });
       __publicField(this, "handleChildTouchStart", (item) => {
+        if (item.handle) {
+          item.handle();
+          return;
+        }
         if (item.name.startsWith("\u6807\u9898") && item.name.length === 3) {
           insertHeading(this.editor, Number(item.name[2]));
           this.showContainer();
@@ -75608,9 +75654,23 @@ ${data.flowchartText}
         if (item.name === "\u5F85\u529E") {
           insertUncheckedList(this.editor);
         }
+        if (item.name === "\u8868\u683C") {
+          insertTable(this.editor);
+        }
         const layout = this.layoutMap.get(this.bar);
         layout == null ? void 0 : layout.hidden();
       });
+      __publicField(this, "scrollIntoView", () => {
+        const scrollContainer = this.editor.scrollContainer;
+        const anchor2 = this.editor.input.inputElement;
+        const virtualViewportHeight = window.visualViewport.height;
+        const offsetBottom = virtualViewportHeight - anchor2.getBoundingClientRect().bottom;
+        if (offsetBottom < 300) {
+          const scrollTop = scrollContainer.scrollTop + (300 - offsetBottom);
+          const maxScrollTop = scrollContainer.scrollHeight - virtualViewportHeight;
+          scrollContainer.scrollTop = Math.min(scrollTop, maxScrollTop);
+        }
+      });
       __publicField(this, "handleTouchStart", (event, command) => {
         var _a;
         console.log("handleTouchStart");
@@ -75628,11 +75688,13 @@ ${data.flowchartText}
             setTimeout(() => {
               item.show();
               this.hideContainer();
+              this.scrollIntoView();
             }, 300);
           }
         });
         if (command.id === "add") {
-          const children = [{ name: "\u6807\u98981" }, { name: "\u6807\u98982" }, { name: "\u6807\u98983" }, { name: "\u5F15\u7528" }, { name: "\u6709\u5E8F\u5217\u8868" }, { name: "\u65E0\u5E8F\u5217\u8868" }, { name: "\u5F85\u529E" }].map((item) => {
+          this.hideContainer();
+          const children = [{ name: "\u6807\u98981" }, { name: "\u6807\u98982" }, { name: "\u6807\u98983" }, { name: "\u5F15\u7528" }, { name: "\u6709\u5E8F\u5217\u8868" }, { name: "\u65E0\u5E8F\u5217\u8868" }, { name: "\u5F85\u529E" }, { name: "\u8868\u683C" }].map((item) => {
             const childItem = createElement("div", ["child-item"], null, item.name);
             childItem.addEventListener("touchend", () => this.handleChildTouchStart(item));
             return childItem;
@@ -75641,9 +75703,11 @@ ${data.flowchartText}
             const layout = this.createLayout(parent, children, "menu");
             this.layoutMap.set(key, layout);
             this.hideContainer();
+            this.scrollIntoView();
           }
         }
         if (command.id === "color") {
+          this.hideContainer();
           const children = [{ name: "\u80CC\u666F\u8272" }].map((item) => {
             const childItem = createElement("div", ["child-item"], null, item.name);
             childItem.addEventListener("touchend", () => this.handleChildTouchStart(item));
@@ -75653,6 +75717,184 @@ ${data.flowchartText}
             const layout = this.createLayout(parent, children, "card");
             this.layoutMap.set(key, layout);
             this.hideContainer();
+            this.scrollIntoView();
+          }
+        }
+        if (command.id === "table-handle") {
+          this.hideContainer();
+          const range = this.editor.selection.range;
+          if (range.isSimple()) {
+            const childBlock = this.editor.getBlockById(range.start.blockId);
+            const parentContainer = getParentContainer(childBlock);
+            getParentBlock(parentContainer);
+          } else {
+            this.editor.getBlockById(range.start.blockId);
+          }
+          const children = [
+            {
+              name: "\u5411\u4E0A\u63D2\u5165\u884C",
+              handle: () => {
+                const range2 = this.editor.selection.range;
+                let block2 = null;
+                if (range2.isSimple()) {
+                  const childBlock = this.editor.getBlockById(range2.start.blockId);
+                  const parentContainer = getParentContainer(childBlock);
+                  block2 = getParentBlock(parentContainer);
+                } else {
+                  block2 = this.editor.getBlockById(range2.start.blockId);
+                }
+                const { fromCol, toCol, fromRow, toRow } = getAbstractTableSelectionRange(this.editor, block2);
+                insertRow(this.editor, block2, fromRow);
+              }
+            },
+            {
+              name: "\u5411\u53F3\u63D2\u5165\u5217",
+              handle: () => {
+                const range2 = this.editor.selection.range;
+                let block2 = null;
+                if (range2.isSimple()) {
+                  const childBlock = this.editor.getBlockById(range2.start.blockId);
+                  const parentContainer = getParentContainer(childBlock);
+                  block2 = getParentBlock(parentContainer);
+                } else {
+                  block2 = this.editor.getBlockById(range2.start.blockId);
+                }
+                const { fromCol, toCol, fromRow, toRow } = getAbstractTableSelectionRange(this.editor, block2);
+                insertColumn(this.editor, block2, toCol + 1);
+              }
+            },
+            {
+              name: "\u5411\u4E0B\u63D2\u5165\u884C",
+              handle: () => {
+                const range2 = this.editor.selection.range;
+                let block2 = null;
+                if (range2.isSimple()) {
+                  const childBlock = this.editor.getBlockById(range2.start.blockId);
+                  const parentContainer = getParentContainer(childBlock);
+                  block2 = getParentBlock(parentContainer);
+                } else {
+                  block2 = this.editor.getBlockById(range2.start.blockId);
+                }
+                const { fromCol, toCol, fromRow, toRow } = getAbstractTableSelectionRange(this.editor, block2);
+                insertRow(this.editor, block2, toRow + 1);
+              }
+            },
+            {
+              name: "\u5411\u5DE6\u63D2\u5165\u5217",
+              handle: () => {
+                const range2 = this.editor.selection.range;
+                let block2 = null;
+                if (range2.isSimple()) {
+                  const childBlock = this.editor.getBlockById(range2.start.blockId);
+                  const parentContainer = getParentContainer(childBlock);
+                  block2 = getParentBlock(parentContainer);
+                } else {
+                  block2 = this.editor.getBlockById(range2.start.blockId);
+                }
+                const { fromCol, toCol, fromRow, toRow } = getAbstractTableSelectionRange(this.editor, block2);
+                insertColumn(this.editor, block2, fromCol);
+              }
+            },
+            {
+              name: "\u5220\u9664\u884C",
+              handle: () => {
+                const range2 = this.editor.selection.range;
+                let block2 = null;
+                if (range2.isSimple()) {
+                  const childBlock = this.editor.getBlockById(range2.start.blockId);
+                  const parentContainer = getParentContainer(childBlock);
+                  block2 = getParentBlock(parentContainer);
+                } else {
+                  block2 = this.editor.getBlockById(range2.start.blockId);
+                }
+                deleteRows(createEntireRowAndColumnRange(this.editor, block2, false));
+              }
+            },
+            {
+              name: "\u5220\u9664\u5217",
+              handle: () => {
+                const range2 = this.editor.selection.range;
+                let block2 = null;
+                if (range2.isSimple()) {
+                  const childBlock = this.editor.getBlockById(range2.start.blockId);
+                  const parentContainer = getParentContainer(childBlock);
+                  block2 = getParentBlock(parentContainer);
+                } else {
+                  block2 = this.editor.getBlockById(range2.start.blockId);
+                }
+                deleteColumns(createEntireRowAndColumnRange(this.editor, block2, true));
+              }
+            },
+            {
+              name: "\u5220\u9664\u8868\u683C",
+              handle: () => {
+                const range2 = this.editor.selection.range;
+                let block2 = null;
+                if (range2.isSimple()) {
+                  const childBlock = this.editor.getBlockById(range2.start.blockId);
+                  const parentContainer = getParentContainer(childBlock);
+                  block2 = getParentBlock(parentContainer);
+                } else {
+                  block2 = this.editor.getBlockById(range2.start.blockId);
+                }
+                this.editor.deleteBlock(block2);
+              }
+            },
+            {
+              name: "\u6761\u7EB9\u6837\u5F0F",
+              handle: () => {
+                const range2 = this.editor.selection.range;
+                let block2 = null;
+                if (range2.isSimple()) {
+                  const childBlock = this.editor.getBlockById(range2.start.blockId);
+                  const parentContainer = getParentContainer(childBlock);
+                  block2 = getParentBlock(parentContainer);
+                } else {
+                  block2 = this.editor.getBlockById(range2.start.blockId);
+                }
+                setStripeStyle(this.editor, block2);
+              }
+            },
+            {
+              name: "\u8BBE\u7F6E\u884C\u6807\u9898",
+              handle: () => {
+                const range2 = this.editor.selection.range;
+                let block2 = null;
+                if (range2.isSimple()) {
+                  const childBlock = this.editor.getBlockById(range2.start.blockId);
+                  const parentContainer = getParentContainer(childBlock);
+                  block2 = getParentBlock(parentContainer);
+                } else {
+                  block2 = this.editor.getBlockById(range2.start.blockId);
+                }
+                setRowTitle(this.editor, block2);
+              }
+            },
+            {
+              name: "\u8BBE\u7F6E\u5217\u6807\u9898",
+              handle: () => {
+                const range2 = this.editor.selection.range;
+                let block2 = null;
+                if (range2.isSimple()) {
+                  const childBlock = this.editor.getBlockById(range2.start.blockId);
+                  const parentContainer = getParentContainer(childBlock);
+                  block2 = getParentBlock(parentContainer);
+                } else {
+                  block2 = this.editor.getBlockById(range2.start.blockId);
+                }
+                setColTitle(this.editor, block2);
+              }
+            }
+          ].map((item) => {
+            const childItem = createElement("div", ["child-item"], null, item.name);
+            childItem.addEventListener("touchend", () => this.handleChildTouchStart(item));
+            return childItem;
+          });
+          if (!this.layoutMap.has(key)) {
+            const layout = this.createLayout(parent, children, "card");
+            this.layoutMap.set(key, layout);
+            this.hideContainer();
+            this.scrollIntoView();
           }
         }
         if (command.id === "image") {
@@ -75779,8 +76021,8 @@ ${data.flowchartText}
           name: "I",
           icon: ImageIcon
         }, {
-          id: "quote",
-          name: "Q"
+          id: "table-handle",
+          name: "\u8868\u683C\u64CD\u4F5C"
         }, {
           id: "list",
           name: "L"
@@ -77316,7 +77558,7 @@ ${data.flowchartText}
         }
       }
     });
-    editor.version = "1.2.0-beta.10";
+    editor.version = "1.2.0-beta.11";
     if (Logger$2.level === LogLevel.DEBUG) {
       window.setReauthFail = (fail) => {
         window.isReauthError = fail;
@@ -77409,7 +77651,7 @@ ${data.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "1.2.0-beta.10";
+    editor.version = "1.2.0-beta.11";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -77588,6 +77830,7 @@ ${data.flowchartText}
   exports2.createEmptyContainer = createEmptyContainer;
   exports2.createEmptyDoc = createEmptyDoc$1;
   exports2.createEmptyTextBlockData = createEmptyTextBlockData;
+  exports2.createEntireRowAndColumnRange = createEntireRowAndColumnRange;
   exports2.createExpandedRange = createExpandedRange;
   exports2.createIconButton = createIconButton;
   exports2.createImage = createImage;
@@ -77607,6 +77850,8 @@ ${data.flowchartText}
   exports2.createTextOp = createTextOp;
   exports2.createTextWithReplaceSoftReturn = createTextWithReplaceSoftReturn;
   exports2.daysAfter = daysAfter;
+  exports2.deleteColumns = deleteColumns;
+  exports2.deleteRows = deleteRows;
   exports2.deleteText = deleteText;
   exports2.diffDays = diffDays;
   exports2.disablePageScroll = disablePageScroll;
@@ -77721,6 +77966,7 @@ ${data.flowchartText}
   exports2.fromNowString = fromNowString;
   exports2.genId = genId;
   exports2.generateEditorContainerId = generateEditorContainerId;
+  exports2.getAbstractTableSelectionRange = getAbstractTableSelectionRange;
   exports2.getAllChildBlocks = getAllChildBlocks;
   exports2.getAllQuickMenuItems = getAllQuickMenuItems;
   exports2.getAllSelectedBlocks = getAllSelectedBlocks;
@@ -77831,8 +78077,10 @@ ${data.flowchartText}
   exports2.injectDocToHtmlFragment = injectDocToHtmlFragment;
   exports2.injectStyle = injectStyle;
   exports2.inputActions = actions;
+  exports2.insertColumn = insertColumn;
   exports2.insertEmptyBlock = insertEmptyBlock$1;
   exports2.insertEmptyEmbedBlock = insertEmptyEmbedBlock;
+  exports2.insertRow = insertRow;
   exports2.insertText = insertText;
   exports2.intersectionCommands = intersectionCommands;
   exports2.isBackspace = isBackspace;
@@ -77943,9 +78191,12 @@ ${data.flowchartText}
   exports2.setAttributes = setAttributes;
   exports2.setClipboardData = setClipboardData;
   exports2.setClipboardDataByEvent = setClipboardDataByEvent;
+  exports2.setColTitle = setColTitle;
   exports2.setColorToAttributes = setColorToAttributes;
   exports2.setDataset = setDataset;
   exports2.setDefaultCursor = setDefaultCursor;
+  exports2.setRowTitle = setRowTitle;
+  exports2.setStripeStyle = setStripeStyle;
   exports2.setStyles = setStyles;
   exports2.shareDBCommentToDocObject = shareDBCommentToDocObject;
   exports2.shareDBDocCommentToComment = shareDBDocCommentToComment;