@ones-editor/editor 2.8.12 → 2.8.14-beta.1

package/dist/index.js

@@ -8011,6 +8011,7 @@ div.editor-root div.editor-content div[data-block-type=embed] > .embed-mask::aft
   display: flex;
   justify-content: center;
   align-items: center;
+  color: transparent;
   width: 20px;
   height: 20px;
   border-radius: 3px;
@@ -8022,6 +8023,7 @@ div.editor-root div.editor-content div[data-block-type=embed] > .embed-mask::aft
   cursor: pointer;
 }
 .editor-root [data-type=editor-container].root div[data-type=editor-block].layout-block .creation-dot-button:hover {
+  color: white;
   background: var(--background-default-o-color-bg-primary, #0064ff);
   /* o-shadow-3 */
   box-shadow: 0px 0px 1px 0px rgba(45, 45, 46, 0.2), 0px 8px 16px -4px rgba(45, 45, 46, 0.15);
@@ -12976,7 +12978,7 @@ var __publicField = (obj, key, value) => {
     }
     return {};
   }
-  function getOptions$9(editor) {
+  function getOptions$a(editor) {
     const commandMap = /* @__PURE__ */ new Map();
     const insertBlockCommandItems = [];
     editor.editorEmbeds.forEach((embedClass) => {
@@ -13069,7 +13071,7 @@ var __publicField = (obj, key, value) => {
     convertFrom: convertFrom$9,
     convertTo: convertTo$l,
     getBlockProperties: getBlockProperties$c,
-    getOptions: getOptions$9,
+    getOptions: getOptions$a,
     handleDeleteBlock: handleDeleteBlock$9,
     handleUpdateBlock: handleUpdateBlock$6,
     handleDropOver: handleDropOver$2,
@@ -40500,7 +40502,7 @@ ${codeText}
   const NextIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M5.76573 4.17763L9.58809 7.99999L5.76573 11.8209" stroke="currentColor"/>\n</svg>\n';
   const MoreIcon$1 = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="3" cy="8" r="0.5" fill="currentColor" stroke="currentColor"/>\n<circle cx="8" cy="8" r="0.5" fill="currentColor" stroke="currentColor"/>\n<circle cx="13" cy="8" r="0.5" fill="currentColor" stroke="currentColor"/>\n</svg>';
   const TextColorIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2.5 14.5L8 1.5L13.5 14.5" stroke="currentColor" stroke-linejoin="round"/>\n<path d="M4.5 9.5H11.5" stroke="currentColor"/>\n</svg>';
-  const AddIcon = '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M6.005 5.99501L5.99501 1M6.005 5.99501H11M6.005 5.99501V11M6.005 5.99501L1 6.005" stroke="white" stroke-linecap="square" stroke-linejoin="round"/>\n</svg>\n';
+  const AddIcon = '<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M6.005 5.99501L5.99501 1M6.005 5.99501H11M6.005 5.99501V11M6.005 5.99501L1 6.005" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/>\n</svg>\n';
   const ArrowDownIcon$1 = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M4.17763 5.76573L7.99999 9.58809L11.8209 5.76573" stroke="currentColor"/>\n</svg>\n';
   const arrowUp = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M4.17763 10.2343L7.99999 6.41191L11.8209 10.2343" stroke="currentColor"/>\n</svg>\n';
   const arrowLeft = '<svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">\n<path d="M10.2343 4.17763L6.41191 7.99999L10.2343 11.8209" stroke="currentColor"/>\n</svg>\n';
@@ -40621,6 +40623,7 @@ ${codeText}
   const TabIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14 2L2 2" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M14 6H7" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M2 10.5V5.5L5.5 8L2 10.5Z" fill="#2D2D2E"/>\n<path d="M14 10H7" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M14 14H2" stroke="#2D2D2E" stroke-linejoin="round"/>\n</svg>\n';
   const ShiftTabIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2 2H14" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M7 6H14" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M5.5 10.5V5.5L2 8L5.5 10.5Z" fill="#2D2D2E"/>\n<path d="M7 10H14" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M2 14H14" stroke="#2D2D2E" stroke-linejoin="round"/>\n</svg>\n';
   const TableEditIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 14.5H2.5C1.94772 14.5 1.5 14.0523 1.5 13.5V2.5C1.5 1.94772 1.94772 1.5 2.5 1.5H13.5C14.0523 1.5 14.5 1.94772 14.5 2.5V8" stroke="#2D2D2E"/>\n<path d="M1.6 4.8H14.4" stroke="#2D2D2E"/>\n<path d="M1.6 9.6H8.00078" stroke="#2D2D2E"/>\n<path d="M5.6 1.6L5.6 14.4" stroke="#2D2D2E"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5043 8.98727L11.6789 8.22924C11.7097 8.09564 11.8387 8 11.9881 8H12.8119C12.9613 8 13.0903 8.09564 13.1211 8.22924L13.2957 8.98727C13.3177 9.08256 13.3912 9.16027 13.488 9.20102C13.569 9.23514 13.648 9.2726 13.7248 9.31318C13.8018 9.35372 13.877 9.3976 13.95 9.44477C14.037 9.50098 14.1474 9.52034 14.2487 9.49008L15.0543 9.24927C15.1963 9.20683 15.3514 9.26108 15.4261 9.37933L15.9576 10.2206C16.0323 10.3389 16.0062 10.4888 15.895 10.5799L15.2639 11.0972C15.1846 11.1622 15.1477 11.2593 15.1575 11.3562C15.1657 11.4375 15.1698 11.5189 15.1697 11.6C15.1698 11.6811 15.1658 11.7625 15.1576 11.8438C15.1478 11.9407 15.1847 12.0378 15.264 12.1028L15.895 12.62C16.0062 12.7112 16.0324 12.8611 15.9577 12.9793L15.4262 13.8206C15.3515 13.9389 15.1963 13.9931 15.0544 13.9507L14.2487 13.7099C14.1474 13.6796 14.037 13.699 13.95 13.7552C13.877 13.8024 13.8018 13.8463 13.7248 13.8868C13.648 13.9274 13.569 13.9649 13.488 13.999C13.3912 14.0397 13.3177 14.1174 13.2957 14.2127L13.1211 14.9708C13.0903 15.1044 12.9613 15.2 12.8119 15.2H11.9881C11.8387 15.2 11.7097 15.1044 11.6789 14.9708L11.5043 14.2127C11.4823 14.1174 11.4088 14.0397 11.312 13.999C11.231 13.9649 11.152 13.9274 11.0752 13.8868C10.9982 13.8463 10.923 13.8024 10.85 13.7552C10.763 13.699 10.6526 13.6796 10.5513 13.7099L9.74565 13.9507C9.60366 13.9931 9.44854 13.9389 9.37384 13.8206L8.84234 12.9793C8.76764 12.8611 8.79378 12.7112 8.905 12.62L9.53602 12.1028C9.61534 12.0378 9.6522 11.9407 9.64243 11.8438C9.63424 11.7625 9.63023 11.6811 9.63031 11.6C9.63023 11.5189 9.63426 11.4375 9.64247 11.3562C9.65226 11.2593 9.61539 11.1622 9.53607 11.0972L8.90506 10.5799C8.79384 10.4888 8.7677 10.3389 8.8424 10.2206L9.3739 9.37933C9.4486 9.26108 9.60371 9.20683 9.74571 9.24927L10.5514 9.49008C10.6526 9.52034 10.7631 9.50098 10.8501 9.44477C10.923 9.3976 10.9982 9.35372 11.0752 9.31318C11.152 9.2726 11.231 9.23514 11.312 9.20102C11.4088 9.16027 11.4823 9.08256 11.5043 8.98727ZM12.3278 12.5136C12.8866 12.5136 13.3396 12.0996 13.3396 11.5889C13.3396 11.0783 12.8866 10.6643 12.3278 10.6643C11.769 10.6643 11.316 11.0783 11.316 11.5889C11.316 12.0996 11.769 12.5136 12.3278 12.5136Z" fill="#2D2D2E"/>\n</svg>\n';
+  const AdjustWidthIcon = '<svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.10156 13.7031V1.625H8.17188V13.7031H7.10156ZM3.14844 14.4297C2.39323 14.4297 1.82552 14.2422 1.44531 13.8672C1.07031 13.4974 0.882812 12.9401 0.882812 12.1953V3.16406C0.882812 2.41927 1.07031 1.86198 1.44531 1.49219C1.82552 1.11719 2.39323 0.929688 3.14844 0.929688H12.1328C12.888 0.929688 13.4531 1.11719 13.8281 1.49219C14.2031 1.86719 14.3906 2.42448 14.3906 3.16406V12.1953C14.3906 12.9349 14.2031 13.4922 13.8281 13.8672C13.4531 14.2422 12.888 14.4297 12.1328 14.4297H3.14844ZM3.16406 13.3516H12.1172C12.4974 13.3516 12.7917 13.25 13 13.0469C13.2083 12.8438 13.3125 12.5417 13.3125 12.1406V3.21875C13.3125 2.81771 13.2083 2.51562 13 2.3125C12.7917 2.10938 12.4974 2.00781 12.1172 2.00781H3.16406C2.77865 2.00781 2.48177 2.10938 2.27344 2.3125C2.07031 2.51562 1.96875 2.81771 1.96875 3.21875V12.1406C1.96875 12.5417 2.07031 12.8438 2.27344 13.0469C2.48177 13.25 2.77865 13.3516 3.16406 13.3516Z" fill="#2D2D2E"/>\n</svg>\n';
   const index$f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     TableEditIcon,
@@ -40748,7 +40751,8 @@ ${codeText}
     SearchIcon,
     CalloutIcon: CalloutIcon$1,
     LoadingCircleIcon,
-    TextGroupIcon
+    TextGroupIcon,
+    AdjustWidthIcon
   }, Symbol.toStringTag, { value: "Module" }));
   function createLoading() {
     const loading2 = createElement("span", ["editor-loading-icon"], null);
@@ -43415,6 +43419,7 @@ ${codeText}
     }
     setCurrentButtonColor(colors) {
       setColorButtonColor(this.element, colors);
+      this.latestColors = colors;
     }
   }
   const input = "";
@@ -44001,6 +44006,9 @@ ${codeText}
     "insert-emoji": {
       shortcut: "/emoji"
     },
+    "insert-toc": {
+      shortcut: "/toc"
+    },
     ...fontShortCuts()
   };
   function getShortcutById(id) {
@@ -46550,6 +46558,91 @@ ${codeText}
       editor.deleteChildContainers(deletedContainers);
     });
   }
+  var TABLE_CLASS = /* @__PURE__ */ ((TABLE_CLASS2) => {
+    TABLE_CLASS2["COL_TITLE_TABLE"] = "col-title-table";
+    TABLE_CLASS2["COL_TITLE_ITEM"] = "col-title-item";
+    TABLE_CLASS2["STRIPE_STYLE_TABLE"] = "stripe-style-table";
+    TABLE_CLASS2["NO_BORDER"] = "table-no-border";
+    return TABLE_CLASS2;
+  })(TABLE_CLASS || {});
+  const TABLE_BAR_WIDTH = 6;
+  const INSERT_BUTTON_SIZE = 20;
+  const TABLE_CELL_MENU_BUTTON_CLASS = "table-cell-menu-btn";
+  const logger$2r = getLogger("table-resize-gripper");
+  const GRIPPER_SIZE = 7;
+  const GRIPPER_SIZE_HALF = (GRIPPER_SIZE - 1) / 2;
+  const CONTAINER_CELL_DELTA = 3;
+  function getCellFromRightBorder(table, x, y) {
+    const { rows } = table;
+    for (let i = 0; i < rows.length; i++) {
+      const row = rows[i];
+      const cells = Array.from(row.cells);
+      for (let j = 0; j < cells.length; j++) {
+        const cell = cells[j];
+        const rect = cell.getBoundingClientRect();
+        const pos = Math.round(rect.right);
+        if (Math.abs(x - pos) <= GRIPPER_SIZE_HALF && rect.top <= y && y <= rect.bottom) {
+          return cell;
+        }
+      }
+    }
+    return null;
+  }
+  function editorHasExistsResizeGripper(editor) {
+    return !!editor.rootContainer.querySelector(".table-resize-gripper");
+  }
+  function getExistsResizeGripper$1(editor, block) {
+    const tools = getTableTools(editor, block);
+    const gripper = tools.querySelector(".table-resize-gripper");
+    return gripper;
+  }
+  function createResizeGripper$2(editor, block) {
+    const exists = getExistsResizeGripper$1(editor, block);
+    assert(logger$2r, !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);
+    return gripper;
+  }
+  function updateResizeGripper$1(editor, block, cell) {
+    let gripper = getExistsResizeGripper$1(editor, block);
+    if (!gripper) {
+      gripper = createResizeGripper$2(editor, block);
+    }
+    const table = getBlockTable(block);
+    const tableRect = table.getBoundingClientRect();
+    const cellRect = cell.getBoundingClientRect();
+    const top = 0;
+    const height = tableRect.height;
+    const scrollContentRect = editor.getCustom(getTableScrollKey(block)).contentElement.getBoundingClientRect();
+    const left = cellRect.right - scrollContentRect.left;
+    gripper.style.left = `${left - GRIPPER_SIZE_HALF - TABLE_BAR_WIDTH - INSERT_BUTTON_SIZE}px`;
+    gripper.style.top = `${top}px`;
+    gripper.style.height = `${height}px`;
+    gripper.style.width = `${GRIPPER_SIZE}px`;
+  }
+  function removeAllResizeGripper(editor) {
+    editor.rootContainer.querySelectorAll(".table-resize-gripper").forEach((gripper) => {
+      gripper.remove();
+    });
+  }
+  function setTableColumnWidths(editor, block, colsWidth) {
+    const oldData = editor.getBlockData(block);
+    const newData = {
+      ...oldData,
+      colsWidth
+    };
+    editor.updateBlockData(block, newData, void 0, { noScroll: true });
+  }
+  function adjustColumnWidthsEvenly(editor, tableBlock) {
+    const tableData = editor.getBlockData(tableBlock);
+    const grid = tableData2Grid(tableData);
+    const colCount = grid.colCount;
+    const table = getBlockTable(tableBlock);
+    const tableWidth = table.getBoundingClientRect().width;
+    const colWidth = tableWidth / colCount;
+    setTableColumnWidths(editor, tableBlock, Array(colCount).fill(colWidth));
+  }
   const TABLE_COMMAND_GROUP_INDEX = 10;
   const TableCommands = [
     "table/merge-cells",
@@ -46558,7 +46651,8 @@ ${codeText}
     "table/insert-row",
     "table/delete-rows",
     "table/delete-columns",
-    "table/delete"
+    "table/delete",
+    "table/adjust-column-widths-evenly"
   ];
   class TableBlockCommandProvider {
     constructor() {
@@ -46570,6 +46664,8 @@ ${codeText}
         return [];
       }
       const commands = [];
+      const deleteColumns2 = canDeleteColumns(editor, block, range);
+      const deleteRows2 = canDeleteRows(editor, block, range);
       if (canMergeCells(editor, block, range)) {
         commands.push({
           id: "table/merge-cells",
@@ -46584,8 +46680,6 @@ ${codeText}
           icon: SplitCellIcon
         });
       }
-      const deleteColumns2 = canDeleteColumns(editor, block, range);
-      const deleteRows2 = canDeleteRows(editor, block, range);
       if (deleteColumns2 && deleteRows2) {
         commands.push({
           id: "table/delete",
@@ -46593,6 +46687,14 @@ ${codeText}
           icon: DeleteTableIcon
         });
       }
+      const allColumnsSelected = deleteRows2;
+      if (allColumnsSelected) {
+        commands.push({
+          id: "table/adjust-column-widths-evenly",
+          name: i18n$1.t("table.adjustColumnWidthsEvenly"),
+          icon: AdjustWidthIcon
+        });
+      }
       return commands;
     }
     executeCommand(editor, block, range, command, params, result) {
@@ -46622,19 +46724,13 @@ ${codeText}
         editor.deleteBlock(block);
         return true;
       }
+      if (command.id === "table/adjust-column-widths-evenly") {
+        adjustColumnWidthsEvenly(editor, block);
+        return true;
+      }
       return false;
     }
   }
-  var TABLE_CLASS = /* @__PURE__ */ ((TABLE_CLASS2) => {
-    TABLE_CLASS2["COL_TITLE_TABLE"] = "col-title-table";
-    TABLE_CLASS2["COL_TITLE_ITEM"] = "col-title-item";
-    TABLE_CLASS2["STRIPE_STYLE_TABLE"] = "stripe-style-table";
-    TABLE_CLASS2["NO_BORDER"] = "table-no-border";
-    return TABLE_CLASS2;
-  })(TABLE_CLASS || {});
-  const TABLE_BAR_WIDTH = 6;
-  const INSERT_BUTTON_SIZE = 20;
-  const TABLE_CELL_MENU_BUTTON_CLASS = "table-cell-menu-btn";
   function setColTitle(editor, tableBlock) {
     if (!editor.isBlockWritable(tableBlock)) {
       return;
@@ -46712,26 +46808,26 @@ ${codeText}
     };
     editor.updateBlockData(tableBlock, newBlockData);
   }
-  const logger$2r = getLogger("table-cell-dom");
+  const logger$2q = getLogger("table-cell-dom");
   function getCellElementByChildBlockId(editor, tableBlock, blockId) {
     let blockElement = editor.getBlockById(blockId);
     while (blockElement) {
       const cell = blockElement.closest("td");
-      assert(logger$2r, cell, "no parent cell");
+      assert(logger$2q, cell, "no parent cell");
       const cellParentBlock = getParentBlock(cell);
-      assert(logger$2r, cellParentBlock, "no parent block");
+      assert(logger$2q, cellParentBlock, "no parent block");
       if (cellParentBlock === tableBlock) {
         return cell;
       }
       blockElement = cellParentBlock;
     }
-    assert(logger$2r, false, "filed to get cell by child block id");
+    assert(logger$2q, false, "filed to get cell by child block id");
     return null;
   }
   function createComplexPosFromBlockPos(editor, tableBlock, blockPosition) {
     const blockElement = editor.getBlockById(blockPosition.blockId);
     if (blockElement === tableBlock && !blockPosition.isSimple()) {
-      assert(logger$2r, blockPosition.childContainerId, "block position must have childContainerId attribute");
+      assert(logger$2q, blockPosition.childContainerId, "block position must have childContainerId attribute");
       return blockPosition;
     }
     const cellElement = getCellElementByChildBlockId(editor, tableBlock, blockPosition.blockId);
@@ -46745,12 +46841,12 @@ ${codeText}
     return getTableSelectionRange(tableBlock, start, end);
   }
   function updateBarsDangerStatus(editor, tableBlock, selectedRows, selectedColumns) {
-    assert(logger$2r, isTableBlock(tableBlock), "invalid table block");
+    assert(logger$2q, isTableBlock(tableBlock), "invalid table block");
     const tools = getTableTools(editor, tableBlock);
     const blockTools = getBlockTools(tableBlock);
     const updateTop = () => {
       const exists = tools.querySelector(".table-border-bar-container.top");
-      assert(logger$2r, exists, "no top border bar container");
+      assert(logger$2q, exists, "no top border bar container");
       const cells = exists.querySelectorAll(".table-border-bar-cell.top");
       cells.forEach((cell) => {
         const colIndex = parseInt(cell.getAttribute("data-top-index") || "0", 10);
@@ -46763,7 +46859,7 @@ ${codeText}
     };
     const updateLeft = () => {
       const left = blockTools.querySelector(".table-border-bar-container.left");
-      assert(logger$2r, left, "no left border bar container");
+      assert(logger$2q, left, "no left border bar container");
       const cells = left.querySelectorAll(".table-border-bar-cell.left");
       cells.forEach((cell) => {
         const rowIndex = parseInt(cell.getAttribute("data-left-index") || "0", 10);
@@ -46799,7 +46895,7 @@ ${codeText}
         }
       }
     } catch (error2) {
-      logger$2r.error("update cells danger status failed: ", error2.message);
+      logger$2q.error("update cells danger status failed: ", error2.message);
     }
   }
   function updateCellBarsDangerStatus(editor, tableBlock, isDanger = true, isCol) {
@@ -46822,7 +46918,7 @@ ${codeText}
       }
       updateBarsDangerStatus(editor, tableBlock, Array.from(selectedRows), Array.from(selectedColumns));
     } catch (error2) {
-      logger$2r.error("update cell bars danger status failed: ", error2.message);
+      logger$2q.error("update cell bars danger status failed: ", error2.message);
     }
   }
   function createEntireRowAndColumnRange(editor, tableBlock, isCol) {
@@ -46941,14 +47037,14 @@ ${codeText}
   }
   const DEFAULT_COLUMN_WIDTH$1 = 200;
   const MIN_COLUMN_WIDTH = 40;
-  const logger$2q = getLogger("table-insert-column");
+  const logger$2p = 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$2q, insertIndex >= 0 && insertIndex <= colCount, `insert index ${insertIndex} is out of range [0, ${colCount}]`);
+      assert(logger$2p, 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();
@@ -46969,7 +47065,7 @@ ${codeText}
       spannedContainerIds.forEach((containerId) => {
         const key = `${containerId}_colSpan`;
         const oldSpan = oldBlockData[key];
-        assert(logger$2q, typeof oldSpan === "number" && oldSpan > 1, `no colSpan for containerId ${containerId}, ${oldSpan}`);
+        assert(logger$2p, 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);
@@ -46985,13 +47081,13 @@ ${codeText}
       editor.updateBlockData(tableBlock, newBlockData);
     });
   }
-  const logger$2p = getLogger("table-insert-row");
+  const logger$2o = 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$2p, insertIndex >= 0 && insertIndex <= rowCount, `insert index ${insertIndex} is out of range [0, ${rowCount}]`);
+      assert(logger$2o, 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();
@@ -46999,12 +47095,12 @@ ${codeText}
       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$2p, top || bottom, "no top and bottom cell");
+        assert(logger$2o, 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$2p, top, "no top cell");
+          assert(logger$2o, top, "no top cell");
           rowData.push(top);
           spannedContainerIds.add(top);
         }
@@ -47015,7 +47111,7 @@ ${codeText}
       spannedContainerIds.forEach((containerId) => {
         const key = `${containerId}_rowSpan`;
         const oldSpan = oldBlockData[key];
-        assert(logger$2p, typeof oldSpan === "number" && oldSpan > 1, `no rowSpan for containerId ${containerId}, ${oldSpan}`);
+        assert(logger$2o, typeof oldSpan === "number" && oldSpan > 1, `no rowSpan for containerId ${containerId}, ${oldSpan}`);
         oldBlockData[key] = oldSpan + 1;
       });
       const newChildren = TableGrid.virtualCellContainersGridToChildren(cells);
@@ -47028,7 +47124,7 @@ ${codeText}
       editor.updateBlockData(tableBlock, newBlockData);
     });
   }
-  const logger$2o = getLogger("table-chart");
+  const logger$2n = getLogger("table-chart");
   function removeChart(editor, block) {
     const tableTools = findExistsTableTools(editor, block);
     if (tableTools) {
@@ -47113,7 +47209,7 @@ ${codeText}
       chartContainer = createElement("div", ["editor-table-chart"], tableTools);
     }
     const parent = chartContainer;
-    assert(logger$2o, parent, "no chart container");
+    assert(logger$2n, 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 {
@@ -47157,7 +47253,7 @@ ${codeText}
         chartContainer.chartObject = chartObject;
       }
     } catch (err) {
-      logger$2o.error(`failed to resolve chart cdn: ${JSON.stringify(err)}`);
+      logger$2n.error(`failed to resolve chart cdn: ${JSON.stringify(err)}`);
     }
   }
   async function updateChartCore(editor, block) {
@@ -47314,7 +47410,7 @@ ${codeText}
     const height = document.documentElement.clientHeight;
     return new DOMRect(left, top, width, height);
   }
-  const logger$2n = getLogger("scroll-bar-handle");
+  const logger$2m = getLogger("scroll-bar-handle");
   const BOTTOM_FLOAT_HEIGHT = 2;
   function getScrollbarContainer(scrollContainer) {
     const tools = getTools(scrollContainer);
@@ -47325,7 +47421,7 @@ ${codeText}
         scrollbarContainer.style.minHeight = "10px";
       }
     }
-    assert(logger$2n, scrollbarContainer instanceof HTMLDivElement, "invalid child for container tools");
+    assert(logger$2m, scrollbarContainer instanceof HTMLDivElement, "invalid child for container tools");
     if (!scrollbarContainer.firstElementChild) {
       createElement("div", [], scrollbarContainer);
     }
@@ -47341,7 +47437,7 @@ ${codeText}
     fixScrollWrapRightBoundary(scrollCore, scrollContainer);
     fixScrollWrapLeftBoundary(scrollCore, scrollContainer);
     const overflowWidth = scrollWidth - clientWidth;
-    assert(logger$2n, scrollbarContainer.firstElementChild instanceof HTMLDivElement, "invalid child for scroll bar");
+    assert(logger$2m, 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`;
   }
@@ -47428,7 +47524,7 @@ ${codeText}
       this.intersectionObserver.disconnect();
     }
   }
-  const logger$2m = getLogger("container-scroll-shadow");
+  const logger$2l = getLogger("container-scroll-shadow");
   function setShadowBottom(shadow, scrollContainer, scrollWrap) {
     const elem = shadow;
     const contentRect = scrollContainer.getBoundingClientRect();
@@ -47447,22 +47543,22 @@ ${codeText}
   }
   function showLeftShadow(scrollContainer) {
     const targetTools = getTools(scrollContainer);
-    assert(logger$2m, targetTools, "no container tools");
+    assert(logger$2l, 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$2m, shadow instanceof HTMLDivElement, "invalid child for container tools");
+      assert(logger$2l, shadow instanceof HTMLDivElement, "invalid child for container tools");
       setShadowBottom(shadow, scrollContainer, scrollWrap);
     }
-    assert(logger$2m, shadow instanceof HTMLElement, "invalid child for container tools");
+    assert(logger$2l, 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$2m, shadow instanceof HTMLDivElement, "invalid child for container tools");
+    assert(logger$2l, shadow instanceof HTMLDivElement, "invalid child for container tools");
     setShadowWidth(shadow, leftRest);
     addClass(shadow, SHADOW_CLASS.ACTIVE);
   }
@@ -47473,17 +47569,17 @@ ${codeText}
       const scrollWrap = getContainerScrollArea(scrollContainer);
       const classes = [SHADOW_CLASS.COMMON, SHADOW_CLASS.RIGHT];
       shadow = createElement("div", classes, tools);
-      assert(logger$2m, shadow instanceof HTMLDivElement, "no div, create shadow failed");
+      assert(logger$2l, shadow instanceof HTMLDivElement, "no div, create shadow failed");
       setShadowBottom(shadow, scrollContainer, scrollWrap);
     }
-    assert(logger$2m, shadow instanceof HTMLElement, "");
+    assert(logger$2l, 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$2m, shadow instanceof HTMLDivElement, "no shadow element");
+    assert(logger$2l, shadow instanceof HTMLDivElement, "no shadow element");
     setShadowWidth(shadow, rightRest);
     addClass(shadow, SHADOW_CLASS.ACTIVE);
   }
@@ -47556,12 +47652,12 @@ ${codeText}
       this.resizeObserver.disconnect();
     }
   }
-  const logger$2l = getLogger("container-scroll-observer");
+  const logger$2k = getLogger("container-scroll-observer");
   class ContainerScrollObserver {
     constructor(scrollCore, callback) {
       __publicField(this, "handleContentScroll", (e2) => {
         const scrollContainer = e2.target;
-        assert(logger$2l, scrollContainer instanceof Element, "invalid target for scroll event");
+        assert(logger$2k, scrollContainer instanceof Element, "invalid target for scroll event");
         const scrollbarContainer = getScrollbarContainer(scrollContainer);
         scrollbarContainer.removeEventListener("scroll", this.handleScroll);
         const needFixScrollbarContainer = true;
@@ -47572,7 +47668,7 @@ ${codeText}
       });
       __publicField(this, "handleScroll", (e2) => {
         const scrollbarContainer = e2.target;
-        assert(logger$2l, scrollbarContainer instanceof HTMLElement, "");
+        assert(logger$2k, scrollbarContainer instanceof HTMLElement, "");
         const scrollLeft = scrollbarContainer.scrollLeft;
         const needFixScrollbarContainer = false;
         const scrollContainer = getScrollContainerByScrollBar(scrollbarContainer);
@@ -47652,7 +47748,7 @@ ${codeText}
       this.scrollContainers.clear();
     }
   }
-  const logger$2k = getLogger("scroll-wrap-resize-observer");
+  const logger$2j = getLogger("scroll-wrap-resize-observer");
   class ScrollWrapResizeObserve {
     constructor(scrollCore) {
       __publicField(this, "resizeObserver");
@@ -47668,7 +47764,7 @@ ${codeText}
       });
       __publicField(this, "handleScrollWrapResizeEntry", (entry) => {
         const scrollWrap = entry.target;
-        assert(logger$2k, scrollWrap instanceof HTMLElement, "invalid target for observer entry");
+        assert(logger$2j, scrollWrap instanceof HTMLElement, "invalid target for observer entry");
         const scrollContainer = getScrollContainer(scrollWrap);
         resetScrollbar(this.scrollCore, scrollWrap);
         resetScrollWrapShadow(scrollContainer);
@@ -47873,7 +47969,7 @@ ${codeText}
       window.removeEventListener("scroll", this.handleWindowEffect);
     }
   }
-  const logger$2j = getLogger("scroll-container");
+  const logger$2i = getLogger("scroll-container");
   const rootScrollMap = /* @__PURE__ */ new Map();
   class ScrollContainer extends tinyTypedEmitter.TypedEmitter {
     constructor() {
@@ -47921,11 +48017,11 @@ ${codeText}
       return this.scrollContainerElement;
     }
     get contentElement() {
-      assert(logger$2j, this.scrollContainerElement, "scrollContainerElement cannot be undefined");
+      assert(logger$2i, this.scrollContainerElement, "scrollContainerElement cannot be undefined");
       return getContainerScrollArea(this.scrollContainerElement);
     }
     get scrollOptions() {
-      assert(logger$2j, this.options, "options cannot be undefined");
+      assert(logger$2i, this.options, "options cannot be undefined");
       return { ...this.options };
     }
     handleBaseListenerDestroy(baseListener) {
@@ -47949,7 +48045,7 @@ ${codeText}
   function createScrollContainer() {
     return new ScrollContainer();
   }
-  const logger$2i = getLogger("column-width");
+  const logger$2h = getLogger("column-width");
   function setColumnWidth(table, colIndex, width) {
     const col = getTableCol(table, colIndex);
     col.style.width = `${width}px`;
@@ -47970,7 +48066,7 @@ ${codeText}
         cellRightOffsets[colIndex] = cell.cell.getBoundingClientRect().right - left;
       }
     });
-    logger$2i.debug(`cellRightOffsets1: ${cellRightOffsets.join()}`);
+    logger$2h.debug(`cellRightOffsets1: ${cellRightOffsets.join()}`);
     for (let col = 0; col < cellRightOffsets.length; col++) {
       const offset = cellRightOffsets[col];
       if (offset === -1 || col === 0) {
@@ -47990,7 +48086,7 @@ ${codeText}
         cellRightOffsets[i] = prevOffset + averageWidth * (i - prevCol);
       }
     }
-    logger$2i.debug(`cellRightOffsets2: ${cellRightOffsets.join()}`);
+    logger$2h.debug(`cellRightOffsets2: ${cellRightOffsets.join()}`);
     const result = [];
     let prev = 0;
     for (let col = 0; col < cellRightOffsets.length; col++) {
@@ -47998,7 +48094,7 @@ ${codeText}
       result.push(offset - prev);
       prev = offset;
     }
-    logger$2i.debug(`widths: ${result.join()}`);
+    logger$2h.debug(`widths: ${result.join()}`);
     return result;
   }
   function getTableColumnWidths(table) {
@@ -48006,72 +48102,6 @@ ${codeText}
     const widths = tableCols.map((col) => col.getBoundingClientRect().width || Number.parseInt(col.style.width, 10));
     return widths;
   }
-  const logger$2h = getLogger("table-resize-gripper");
-  const GRIPPER_SIZE = 7;
-  const GRIPPER_SIZE_HALF = (GRIPPER_SIZE - 1) / 2;
-  const CONTAINER_CELL_DELTA = 3;
-  function getCellFromRightBorder(table, x, y) {
-    const { rows } = table;
-    for (let i = 0; i < rows.length; i++) {
-      const row = rows[i];
-      const cells = Array.from(row.cells);
-      for (let j = 0; j < cells.length; j++) {
-        const cell = cells[j];
-        const rect = cell.getBoundingClientRect();
-        const pos = Math.round(rect.right);
-        if (Math.abs(x - pos) <= GRIPPER_SIZE_HALF && rect.top <= y && y <= rect.bottom) {
-          return cell;
-        }
-      }
-    }
-    return null;
-  }
-  function editorHasExistsResizeGripper(editor) {
-    return !!editor.rootContainer.querySelector(".table-resize-gripper");
-  }
-  function getExistsResizeGripper$1(editor, block) {
-    const tools = getTableTools(editor, block);
-    const gripper = tools.querySelector(".table-resize-gripper");
-    return gripper;
-  }
-  function createResizeGripper$2(editor, block) {
-    const exists = getExistsResizeGripper$1(editor, block);
-    assert(logger$2h, !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);
-    return gripper;
-  }
-  function updateResizeGripper$1(editor, block, cell) {
-    let gripper = getExistsResizeGripper$1(editor, block);
-    if (!gripper) {
-      gripper = createResizeGripper$2(editor, block);
-    }
-    const table = getBlockTable(block);
-    const tableRect = table.getBoundingClientRect();
-    const cellRect = cell.getBoundingClientRect();
-    const top = 0;
-    const height = tableRect.height;
-    const scrollContentRect = editor.getCustom(getTableScrollKey(block)).contentElement.getBoundingClientRect();
-    const left = cellRect.right - scrollContentRect.left;
-    gripper.style.left = `${left - GRIPPER_SIZE_HALF - TABLE_BAR_WIDTH - INSERT_BUTTON_SIZE}px`;
-    gripper.style.top = `${top}px`;
-    gripper.style.height = `${height}px`;
-    gripper.style.width = `${GRIPPER_SIZE}px`;
-  }
-  function removeAllResizeGripper(editor) {
-    editor.rootContainer.querySelectorAll(".table-resize-gripper").forEach((gripper) => {
-      gripper.remove();
-    });
-  }
-  function setTableColumnWidths(editor, block, colsWidth) {
-    const oldData = editor.getBlockData(block);
-    const newData = {
-      ...oldData,
-      colsWidth
-    };
-    editor.updateBlockData(block, newData, void 0, { noScroll: true });
-  }
   function getTableResizeMinX(editor, draggingRefCell, table, x) {
     const cell = draggingRefCell;
     const grid = TableGrid.fromTable(table);
@@ -54750,7 +54780,7 @@ ${codeText}
     };
     return { blockData };
   }
-  function getOptions$8(editor) {
+  function getOptions$9(editor) {
     return {
       name: "Mathjax"
     };
@@ -54782,7 +54812,7 @@ $$${mathData.mathjaxText}$$
   const MathjaxEmbed = {
     embedType: "math",
     createEmbedContent: createEmbedContent$9,
-    getOptions: getOptions$8,
+    getOptions: getOptions$9,
     convertFrom: convertFrom$7,
     handleDeleteBlock: handleDeleteBlock$7,
     convertTo: convertTo$g,
@@ -65252,7 +65282,7 @@ $$${mathData.mathjaxText}$$
     editor.focus();
     return editor.insertBlock(options.containerId, options.blockIndex, blockData, createBlockSimpleRange(editor, focusBlockId, 0));
   }
-  function getOptions$7(editor) {
+  function getOptions$8(editor) {
     return {
       name: "CodeBlock",
       insertBlockCommandItems: [
@@ -65317,7 +65347,7 @@ ${codeText}
     getSelectedContainers: getSelectedContainers$2,
     convertFrom: convertToCode,
     handleBlockElementUpdated,
-    getOptions: getOptions$7,
+    getOptions: getOptions$8,
     getBlockProperties: getBlockProperties$a,
     convertTo: convertTo$e,
     handleDeleteBlock: handleDeleteBlock$6
@@ -68294,7 +68324,7 @@ ${codeText}
       abstract: `${i18n$1.t("image.abstract")}`
     };
   };
-  function getOptions$6() {
+  function getOptions$7() {
     return {
       name: "Image",
       insertEmbedCommandItems: [{
@@ -68394,7 +68424,7 @@ ${codeText}
     convertTo: convertTo$d,
     convertFrom: convertFrom$6,
     getBlockProperties: getBlockProperties$9,
-    getOptions: getOptions$6,
+    getOptions: getOptions$7,
     handleDrop: handleDrop$1,
     handleDropOver: handleDropOver$1,
     handleDeleteBlock: handleDeleteBlock$5
@@ -71364,7 +71394,7 @@ ${codeText}
       elem.remove();
     });
     editor.domEvents.removeEventListener(getBlockContent(tableBlock), "scroll", handleTableScroll);
-    editor.addListener("afterClearSelection", handleAfterClearSelection);
+    editor.removeListener("afterClearSelection", handleAfterClearSelection);
   }
   function getTopBorderHeight(editor, tableBlock) {
     assert(logger$13, isTableBlock(tableBlock), "invalid table block");
@@ -73211,7 +73241,7 @@ ${codeText}
     }
     return createEmptyTableDataByFirstRowText(editor, editor.getBlockString(srcBlock).trim());
   }
-  function getOptions$5(editor) {
+  function getOptions$6(editor) {
     return {
       name: "TableBlock",
       insertBlockCommandItems: [{
@@ -73288,7 +73318,7 @@ ${codeText}
     adjustSelectionPos,
     getClientRects,
     selectionToDoc,
-    getOptions: getOptions$5,
+    getOptions: getOptions$6,
     getTextToolbarReferenceClient: getTextToolbarReferenceClient$1,
     handleUpdateBlock: handleUpdateBlock$5,
     handleDeleteBlock: handleDeleteBlock$4,
@@ -73324,6 +73354,7 @@ ${codeText}
       splitCell: "\u62C6\u5206\u5355\u5143\u683C",
       tableConfigKey: "\u8868\u683C\u8BBE\u7F6E",
       deleteTable: "\u5220\u9664\u8868\u683C",
+      adjustColumnWidthsEvenly: "\u5E73\u5747\u5206\u914D\u5217\u5BBD",
       insertCol: "\u63D2\u5165\u5217",
       insertRow: "\u63D2\u5165\u884C",
       deleteCol: "\u5220\u9664\u5217",
@@ -73355,6 +73386,7 @@ ${codeText}
       splitCell: "Split cell",
       tableConfigKey: "Table settings",
       deleteTable: "Delete table",
+      adjustColumnWidthsEvenly: "Adjust column widths evenly",
       insertCol: "Insert column",
       insertRow: "Insert row",
       deleteCol: "Delete column",
@@ -73386,6 +73418,7 @@ ${codeText}
       splitCell: "\u30BB\u30EB\u306E\u7D50\u5408\u3092\u89E3\u9664",
       tableConfigKey: "\u30C6\u30FC\u30D6\u30EB\u8A2D\u5B9A",
       deleteTable: "\u30C6\u30FC\u30D6\u30EB\u3092\u524A\u9664",
+      adjustColumnWidthsEvenly: "\u5217\u5E45\u3092\u5747\u7B49\u306B\u8ABF\u6574",
       insertCol: "\u5217\u3092\u633F\u5165",
       insertRow: "\u884C\u3092\u633F\u5165",
       deleteCol: "\u5217\u3092\u524A\u9664",
@@ -82044,24 +82077,45 @@ ${docStr}
     };
     return { blockData };
   }
+  function getOptions$5() {
+    return {
+      name: "toc",
+      insertEmbedCommandItems: [{
+        id: "insert-toc",
+        name: i18n$1.t("toc.name"),
+        icon: DividingLineIcon,
+        order: 510,
+        group: "common",
+        subText: getShortcutById("insert-toc")
+      }],
+      handleInsertEmptyEmbed: async (editor, options) => {
+        const { containerId, blockIndex } = options;
+        return editor.insertEmbed(containerId, blockIndex, "toc", {});
+      }
+    };
+  }
   const TocEmbed = {
     embedType: "toc",
     createEmbedContent: createEmbedContent$6,
     convertTo: convertTo$8,
-    convertFrom: convertFrom$4
+    convertFrom: convertFrom$4,
+    getOptions: getOptions$5
   };
   const zhCN$c = {
     toc: {
+      name: "\u6807\u9898\u76EE\u5F55",
       empty: "No Toc"
     }
   };
   const enUS$c = {
     toc: {
+      name: "Toc",
       empty: "No Toc"
     }
   };
   const jaJP$c = {
     toc: {
+      name: "Toc",
       empty: "No Toc"
     }
   };
@@ -84007,13 +84061,17 @@ ${docStr}
         var _a;
         const header = this.block.querySelector(".embed-graph-header");
         assert(logger$l, header, "header does not exist");
-        const data2 = this.editor.getBlockData(this.block);
-        const { flex = DEFAULT_FLEX, code, src, view } = this.getGraphData(data2);
-        header.style.display = editor.readonly || clientType.isMobile ? "none" : "flex";
-        const realView = this.getRealView(view);
-        (_a = this.viewSelect) == null ? void 0 : _a.setSelectedView(realView);
-        this.updateLayout(realView, flex);
-        this.updateDraw(src, code);
+        try {
+          const data2 = this.editor.getBlockData(this.block);
+          const { flex = DEFAULT_FLEX, code, src, view } = this.getGraphData(data2);
+          header.style.display = editor.readonly || clientType.isMobile ? "none" : "flex";
+          const realView = this.getRealView(view);
+          (_a = this.viewSelect) == null ? void 0 : _a.setSelectedView(realView);
+          this.updateLayout(realView, flex);
+          this.updateDraw(src, code);
+        } catch (err) {
+          logger$l.debug(`handleReadonlyChanged error: ${err}`);
+        }
       });
       __publicField(this, "updateLayoutData", () => {
         var _a;
@@ -92604,7 +92662,7 @@ ${data2.plantumlText}
         }
       }
     });
-    editor.version = "2.8.12";
+    editor.version = "2.8.14-beta.1";
     return editor;
   }
   function isDoc(doc2) {
@@ -92717,7 +92775,7 @@ ${data2.plantumlText}
       }
     });
     OnesEditorToolbar.register(editor);
-    editor.version = "2.8.12";
+    editor.version = "2.8.14-beta.1";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -138494,6 +138552,7 @@ ${data2.plantumlText}
   exports2.AddCommentToOldDocCommandProvider = AddCommentToOldDocCommandProvider;
   exports2.AddEmojiIcon = AddEmojiIcon;
   exports2.AddIcon = AddIcon;
+  exports2.AdjustWidthIcon = AdjustWidthIcon;
   exports2.AlertDialog = AlertDialog;
   exports2.AlertEmojiIcon = alterEmoji;
   exports2.AlignCenterIcon = AlignCenterIcon;