@underverse-ui/underverse 1.0.142 → 1.0.143

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.142",
+  "version": "1.0.143",
   "sourceEntry": "src/index.ts",
   "totalExports": 232,
   "exports": [

package/dist/index.cjs

@@ -27302,7 +27302,7 @@ function buildUEditorExtensions({
       handleWidth: 10,
       allowTableNodeSelection: true,
       HTMLAttributes: {
-        class: "border-collapse w-full my-4"
+        class: "border-collapse my-4"
       }
     }),
     table_row_default,
@@ -27825,6 +27825,229 @@ var ImageInput = ({ onSubmit, onCancel }) => {
   ] });
 };
 
+// src/components/UEditor/table-cell-commands.ts
+var import_state7 = require("@tiptap/pm/state");
+var import_tables = require("@tiptap/pm/tables");
+function getCellSelectionPositions(selection) {
+  const value = selection;
+  const anchor = value.$anchorCell?.pos;
+  const head = value.$headCell?.pos;
+  return typeof anchor === "number" && typeof head === "number" ? { anchor, head } : null;
+}
+function findTableInfoFromCellPos(editor, cellPos) {
+  const $pos = editor.state.doc.resolve(cellPos);
+  for (let depth = $pos.depth; depth > 0; depth -= 1) {
+    const node = $pos.node(depth);
+    if (node.type.name === "table") {
+      return {
+        table: node,
+        tablePos: $pos.before(depth),
+        tableStart: $pos.start(depth)
+      };
+    }
+  }
+  return null;
+}
+function getFocusableCellPos(editor, cellPos) {
+  const cellNode = editor.state.doc.nodeAt(cellPos);
+  if (!cellNode) return cellPos + 1;
+  let offset = cellPos + 1;
+  let node = cellNode.firstChild ?? null;
+  while (node && !node.isTextblock) {
+    offset += 1;
+    node = node.firstChild ?? null;
+  }
+  return node?.isTextblock ? offset + 1 : cellPos + 1;
+}
+function focusCell(editor, cellPos) {
+  const selection = import_state7.TextSelection.near(editor.state.doc.resolve(getFocusableCellPos(editor, cellPos)));
+  editor.view.dispatch(editor.state.tr.setSelection(selection));
+  editor.view.focus();
+}
+function collectChildren(node) {
+  const children = [];
+  node.forEach((child) => children.push(child));
+  return children;
+}
+function createEmptyCellNode(cellNode) {
+  return cellNode.type.createAndFill(cellNode.attrs) ?? cellNode;
+}
+function getSelectedTableRect(editor) {
+  const cellSelection = getCellSelectionPositions(editor.state.selection);
+  if (cellSelection) {
+    const tableInfo = findTableInfoFromCellPos(editor, cellSelection.anchor);
+    if (tableInfo) {
+      const map = import_tables.TableMap.get(tableInfo.table);
+      const rect = map.rectBetween(
+        cellSelection.anchor - tableInfo.tableStart,
+        cellSelection.head - tableInfo.tableStart
+      );
+      return {
+        ...rect,
+        map,
+        table: tableInfo.table,
+        tableStart: tableInfo.tableStart
+      };
+    }
+  }
+  return (0, import_tables.selectedRect)(editor.state);
+}
+function parsePixelWidth(value) {
+  if (!value) return null;
+  const parsed = Number.parseFloat(value);
+  return Number.isFinite(parsed) && parsed > 0 ? Math.round(parsed) : null;
+}
+function getDomColumnWidths(editor, rect) {
+  const tableDom = editor.view.nodeDOM(rect.tableStart - 1);
+  if (!(tableDom instanceof HTMLTableElement)) return null;
+  const cols = Array.from(tableDom.querySelectorAll("colgroup > col"));
+  if (cols.length === 0) return null;
+  const widths = [];
+  for (let col = rect.left; col < rect.right; col += 1) {
+    const colElement = cols[col];
+    if (!colElement) return null;
+    const width = parsePixelWidth(colElement.style.width) ?? parsePixelWidth(colElement.getAttribute("width")) ?? Math.round(colElement.getBoundingClientRect().width);
+    if (!Number.isFinite(width) || width <= 0) return null;
+    widths.push(width);
+  }
+  return widths.length > 0 ? widths : null;
+}
+function getNodeColumnWidths(rect) {
+  const widths = [];
+  for (let col = rect.left; col < rect.right; col += 1) {
+    let width = null;
+    const seen = /* @__PURE__ */ new Set();
+    for (let row = 0; row < rect.map.height && width == null; row += 1) {
+      const cellPos = rect.map.map[row * rect.map.width + col];
+      if (seen.has(cellPos)) continue;
+      seen.add(cellPos);
+      const cell = rect.table.nodeAt(cellPos);
+      const colwidth = cell?.attrs.colwidth;
+      if (!Array.isArray(colwidth)) continue;
+      const cellLeft = rect.map.colCount(cellPos);
+      const widthIndex = col - cellLeft;
+      const candidate = colwidth[widthIndex];
+      if (typeof candidate === "number" && candidate > 0) {
+        width = candidate;
+      }
+    }
+    if (width == null) return null;
+    widths.push(width);
+  }
+  return widths.length > 0 ? widths : null;
+}
+function getSelectedColumnWidths(editor, rect) {
+  return getDomColumnWidths(editor, rect) ?? getNodeColumnWidths(rect);
+}
+function dispatchTableLayoutChange(editor) {
+  editor.view.dom.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, { bubbles: true }));
+}
+function mergeTableCellsPreservingColumnWidths(editor) {
+  const rect = getSelectedTableRect(editor);
+  const widths = getSelectedColumnWidths(editor, rect);
+  const merged = editor.chain().focus().mergeCells().run();
+  if (!merged) return merged;
+  if (!widths) {
+    dispatchTableLayoutChange(editor);
+    return merged;
+  }
+  const nextRect = getSelectedTableRect(editor);
+  const cellPos = nextRect.map.map[nextRect.top * nextRect.map.width + nextRect.left];
+  const absolutePos = nextRect.tableStart + cellPos;
+  const node = editor.state.doc.nodeAt(absolutePos);
+  if (!node) return merged;
+  editor.view.dispatch(
+    editor.state.tr.setNodeMarkup(absolutePos, node.type, {
+      ...node.attrs,
+      colwidth: widths
+    })
+  );
+  dispatchTableLayoutChange(editor);
+  return true;
+}
+function runTableCommandAtCellPos(editor, cellPos, command) {
+  if (cellPos == null) return false;
+  focusCell(editor, cellPos);
+  return command(editor.chain().focus(null, { scrollIntoView: false })).run();
+}
+function getTableCornerCellPos(editor, activePos) {
+  const tableInfo = findTableInfoFromCellPos(editor, activePos);
+  if (!tableInfo) return null;
+  const map = import_tables.TableMap.get(tableInfo.table);
+  return tableInfo.tableStart + map.positionAt(map.height - 1, map.width - 1, tableInfo.table);
+}
+function replaceTableAtCellPos(editor, cellPos, updateTable) {
+  if (cellPos == null) return false;
+  const tableInfo = findTableInfoFromCellPos(editor, cellPos);
+  if (!tableInfo) return false;
+  const nextTable = updateTable(tableInfo.table);
+  if (!nextTable) return false;
+  editor.view.dispatch(editor.state.tr.replaceWith(tableInfo.tablePos, tableInfo.tablePos + tableInfo.table.nodeSize, nextTable));
+  dispatchTableLayoutChange(editor);
+  return true;
+}
+function duplicateTableRowAt(editor, rowIndex, cellPos) {
+  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
+    const rows = collectChildren(tableNode);
+    const rowNode = rows[rowIndex];
+    if (!rowNode) return null;
+    rows.splice(rowIndex + 1, 0, rowNode.copy(rowNode.content));
+    return tableNode.type.create(tableNode.attrs, rows);
+  });
+}
+function clearTableRowAt(editor, rowIndex, cellPos) {
+  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
+    const rows = collectChildren(tableNode);
+    const rowNode = rows[rowIndex];
+    if (!rowNode) return null;
+    const cells = collectChildren(rowNode).map((cellNode) => createEmptyCellNode(cellNode));
+    rows[rowIndex] = rowNode.type.create(rowNode.attrs, cells);
+    return tableNode.type.create(tableNode.attrs, rows);
+  });
+}
+function duplicateTableColumnAt(editor, columnIndex, cellPos) {
+  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
+    const rows = collectChildren(tableNode).map((rowNode) => {
+      const cells = collectChildren(rowNode);
+      const cellNode = cells[columnIndex];
+      if (!cellNode) return rowNode;
+      cells.splice(columnIndex + 1, 0, cellNode.copy(cellNode.content));
+      return rowNode.type.create(rowNode.attrs, cells);
+    });
+    return tableNode.type.create(tableNode.attrs, rows);
+  });
+}
+function clearTableColumnAt(editor, columnIndex, cellPos) {
+  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
+    const rows = collectChildren(tableNode).map((rowNode) => {
+      const cells = collectChildren(rowNode);
+      const cellNode = cells[columnIndex];
+      if (!cellNode) return rowNode;
+      cells[columnIndex] = createEmptyCellNode(cellNode);
+      return rowNode.type.create(rowNode.attrs, cells);
+    });
+    return tableNode.type.create(tableNode.attrs, rows);
+  });
+}
+function expandTableFromCell(editor, activeCellPos, rows, columns) {
+  let cornerCellPos = getTableCornerCellPos(editor, activeCellPos);
+  if (cornerCellPos == null) return false;
+  for (let index = 0; index < rows; index += 1) {
+    const ok = runTableCommandAtCellPos(editor, cornerCellPos, (chain) => chain.addRowAfter());
+    if (!ok) return false;
+    cornerCellPos = getTableCornerCellPos(editor, cornerCellPos);
+    if (cornerCellPos == null) return false;
+  }
+  for (let index = 0; index < columns; index += 1) {
+    const ok = runTableCommandAtCellPos(editor, cornerCellPos, (chain) => chain.addColumnAfter());
+    if (!ok) return false;
+    cornerCellPos = getTableCornerCellPos(editor, cornerCellPos);
+    if (cornerCellPos == null) return false;
+  }
+  dispatchTableLayoutChange(editor);
+  return true;
+}
+
 // src/components/UEditor/typography-options.ts
 function normalizeStyleValue(value) {
   return typeof value === "string" ? value.trim().replace(/^['"]|['"]$/g, "") : "";
@@ -28020,6 +28243,8 @@ var EditorToolbar = ({
   const currentTableAlign = tableAlignAttr === "center" || tableAlignAttr === "right" ? tableAlignAttr : "left";
   const isTableSelected = tableInfo !== null;
   const hasTableContext = isTableSelected || tableCommandAnchorPosRef.current !== null;
+  const canMergeCells = hasTableContext && editor.can().mergeCells();
+  const canSplitCell = hasTableContext && editor.can().splitCell();
   const currentFontFamily = normalizeStyleValue(textStyleAttrs.fontFamily);
   const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
   const currentTextColor = normalizeStyleValue(textStyleAttrs.color) || "inherit";
@@ -28789,7 +29014,62 @@ var EditorToolbar = ({
     ),
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
     /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().undo().run(), disabled: !editor.can().undo(), title: t("toolbar.undo"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Undo, { className: "w-4 h-4" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Redo, { className: "w-4 h-4" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarButton, { onClick: () => editor.chain().focus().redo().run(), disabled: !editor.can().redo(), title: t("toolbar.redo"), children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.Redo, { className: "w-4 h-4" }) }),
+    hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(import_jsx_runtime85.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(ToolbarDivider, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().addColumnBefore().run(),
+          disabled: !editor.can().addColumnBefore(),
+          title: t("tableMenu.addColumnBefore"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ArrowLeft, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().addColumnAfter().run(),
+          disabled: !editor.can().addColumnAfter(),
+          title: t("tableMenu.addColumnAfter"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ArrowRight, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().addRowBefore().run(),
+          disabled: !editor.can().addRowBefore(),
+          title: t("tableMenu.addRowBefore"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ArrowUp, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => editor.chain().focus().addRowAfter().run(),
+          disabled: !editor.can().addRowAfter(),
+          title: t("tableMenu.addRowAfter"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.ArrowDown, { className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => {
+            if (canSplitCell) {
+              editor.chain().focus().splitCell().run();
+              return;
+            }
+            mergeTableCellsPreservingColumnWidths(editor);
+          },
+          active: canSplitCell,
+          disabled: !canMergeCells && !canSplitCell,
+          title: canSplitCell ? t("tableMenu.splitCell") : t("tableMenu.mergeCells"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_lucide_react48.TableCellsMerge, { className: "w-4 h-4" })
+        }
+      )
+    ] })
   ] });
 };
 
@@ -28799,231 +29079,6 @@ var import_react63 = require("@tiptap/react");
 var import_tables2 = require("@tiptap/pm/tables");
 var import_react_dom8 = require("react-dom");
 var import_lucide_react49 = require("lucide-react");
-
-// src/components/UEditor/table-cell-commands.ts
-var import_state7 = require("@tiptap/pm/state");
-var import_tables = require("@tiptap/pm/tables");
-function getCellSelectionPositions(selection) {
-  const value = selection;
-  const anchor = value.$anchorCell?.pos;
-  const head = value.$headCell?.pos;
-  return typeof anchor === "number" && typeof head === "number" ? { anchor, head } : null;
-}
-function findTableInfoFromCellPos(editor, cellPos) {
-  const $pos = editor.state.doc.resolve(cellPos);
-  for (let depth = $pos.depth; depth > 0; depth -= 1) {
-    const node = $pos.node(depth);
-    if (node.type.name === "table") {
-      return {
-        table: node,
-        tablePos: $pos.before(depth),
-        tableStart: $pos.start(depth)
-      };
-    }
-  }
-  return null;
-}
-function getFocusableCellPos(editor, cellPos) {
-  const cellNode = editor.state.doc.nodeAt(cellPos);
-  if (!cellNode) return cellPos + 1;
-  let offset = cellPos + 1;
-  let node = cellNode.firstChild ?? null;
-  while (node && !node.isTextblock) {
-    offset += 1;
-    node = node.firstChild ?? null;
-  }
-  return node?.isTextblock ? offset + 1 : cellPos + 1;
-}
-function focusCell(editor, cellPos) {
-  const selection = import_state7.TextSelection.near(editor.state.doc.resolve(getFocusableCellPos(editor, cellPos)));
-  editor.view.dispatch(editor.state.tr.setSelection(selection));
-  editor.view.focus();
-}
-function collectChildren(node) {
-  const children = [];
-  node.forEach((child) => children.push(child));
-  return children;
-}
-function createEmptyCellNode(cellNode) {
-  return cellNode.type.createAndFill(cellNode.attrs) ?? cellNode;
-}
-function getSelectedTableRect(editor) {
-  const cellSelection = getCellSelectionPositions(editor.state.selection);
-  if (cellSelection) {
-    const tableInfo = findTableInfoFromCellPos(editor, cellSelection.anchor);
-    if (tableInfo) {
-      const map = import_tables.TableMap.get(tableInfo.table);
-      const rect = map.rectBetween(
-        cellSelection.anchor - tableInfo.tableStart,
-        cellSelection.head - tableInfo.tableStart
-      );
-      return {
-        ...rect,
-        map,
-        table: tableInfo.table,
-        tableStart: tableInfo.tableStart
-      };
-    }
-  }
-  return (0, import_tables.selectedRect)(editor.state);
-}
-function parsePixelWidth(value) {
-  if (!value) return null;
-  const parsed = Number.parseFloat(value);
-  return Number.isFinite(parsed) && parsed > 0 ? Math.round(parsed) : null;
-}
-function getDomColumnWidths(editor, rect) {
-  const tableDom = editor.view.nodeDOM(rect.tableStart - 1);
-  if (!(tableDom instanceof HTMLTableElement)) return null;
-  const cols = Array.from(tableDom.querySelectorAll("colgroup > col"));
-  if (cols.length === 0) return null;
-  const widths = [];
-  for (let col = rect.left; col < rect.right; col += 1) {
-    const colElement = cols[col];
-    if (!colElement) return null;
-    const width = parsePixelWidth(colElement.style.width) ?? parsePixelWidth(colElement.getAttribute("width")) ?? Math.round(colElement.getBoundingClientRect().width);
-    if (!Number.isFinite(width) || width <= 0) return null;
-    widths.push(width);
-  }
-  return widths.length > 0 ? widths : null;
-}
-function getNodeColumnWidths(rect) {
-  const widths = [];
-  for (let col = rect.left; col < rect.right; col += 1) {
-    let width = null;
-    const seen = /* @__PURE__ */ new Set();
-    for (let row = 0; row < rect.map.height && width == null; row += 1) {
-      const cellPos = rect.map.map[row * rect.map.width + col];
-      if (seen.has(cellPos)) continue;
-      seen.add(cellPos);
-      const cell = rect.table.nodeAt(cellPos);
-      const colwidth = cell?.attrs.colwidth;
-      if (!Array.isArray(colwidth)) continue;
-      const cellLeft = rect.map.colCount(cellPos);
-      const widthIndex = col - cellLeft;
-      const candidate = colwidth[widthIndex];
-      if (typeof candidate === "number" && candidate > 0) {
-        width = candidate;
-      }
-    }
-    if (width == null) return null;
-    widths.push(width);
-  }
-  return widths.length > 0 ? widths : null;
-}
-function getSelectedColumnWidths(editor, rect) {
-  return getDomColumnWidths(editor, rect) ?? getNodeColumnWidths(rect);
-}
-function dispatchTableLayoutChange(editor) {
-  editor.view.dom.dispatchEvent(new CustomEvent(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, { bubbles: true }));
-}
-function mergeTableCellsPreservingColumnWidths(editor) {
-  const rect = getSelectedTableRect(editor);
-  const widths = getSelectedColumnWidths(editor, rect);
-  const merged = editor.chain().focus().mergeCells().run();
-  if (!merged) return merged;
-  if (!widths) {
-    dispatchTableLayoutChange(editor);
-    return merged;
-  }
-  const nextRect = getSelectedTableRect(editor);
-  const cellPos = nextRect.map.map[nextRect.top * nextRect.map.width + nextRect.left];
-  const absolutePos = nextRect.tableStart + cellPos;
-  const node = editor.state.doc.nodeAt(absolutePos);
-  if (!node) return merged;
-  editor.view.dispatch(
-    editor.state.tr.setNodeMarkup(absolutePos, node.type, {
-      ...node.attrs,
-      colwidth: widths
-    })
-  );
-  dispatchTableLayoutChange(editor);
-  return true;
-}
-function runTableCommandAtCellPos(editor, cellPos, command) {
-  if (cellPos == null) return false;
-  focusCell(editor, cellPos);
-  return command(editor.chain().focus(null, { scrollIntoView: false })).run();
-}
-function getTableCornerCellPos(editor, activePos) {
-  const tableInfo = findTableInfoFromCellPos(editor, activePos);
-  if (!tableInfo) return null;
-  const map = import_tables.TableMap.get(tableInfo.table);
-  return tableInfo.tableStart + map.positionAt(map.height - 1, map.width - 1, tableInfo.table);
-}
-function replaceTableAtCellPos(editor, cellPos, updateTable) {
-  if (cellPos == null) return false;
-  const tableInfo = findTableInfoFromCellPos(editor, cellPos);
-  if (!tableInfo) return false;
-  const nextTable = updateTable(tableInfo.table);
-  if (!nextTable) return false;
-  editor.view.dispatch(editor.state.tr.replaceWith(tableInfo.tablePos, tableInfo.tablePos + tableInfo.table.nodeSize, nextTable));
-  dispatchTableLayoutChange(editor);
-  return true;
-}
-function duplicateTableRowAt(editor, rowIndex, cellPos) {
-  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const rows = collectChildren(tableNode);
-    const rowNode = rows[rowIndex];
-    if (!rowNode) return null;
-    rows.splice(rowIndex + 1, 0, rowNode.copy(rowNode.content));
-    return tableNode.type.create(tableNode.attrs, rows);
-  });
-}
-function clearTableRowAt(editor, rowIndex, cellPos) {
-  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const rows = collectChildren(tableNode);
-    const rowNode = rows[rowIndex];
-    if (!rowNode) return null;
-    const cells = collectChildren(rowNode).map((cellNode) => createEmptyCellNode(cellNode));
-    rows[rowIndex] = rowNode.type.create(rowNode.attrs, cells);
-    return tableNode.type.create(tableNode.attrs, rows);
-  });
-}
-function duplicateTableColumnAt(editor, columnIndex, cellPos) {
-  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const rows = collectChildren(tableNode).map((rowNode) => {
-      const cells = collectChildren(rowNode);
-      const cellNode = cells[columnIndex];
-      if (!cellNode) return rowNode;
-      cells.splice(columnIndex + 1, 0, cellNode.copy(cellNode.content));
-      return rowNode.type.create(rowNode.attrs, cells);
-    });
-    return tableNode.type.create(tableNode.attrs, rows);
-  });
-}
-function clearTableColumnAt(editor, columnIndex, cellPos) {
-  return replaceTableAtCellPos(editor, cellPos, (tableNode) => {
-    const rows = collectChildren(tableNode).map((rowNode) => {
-      const cells = collectChildren(rowNode);
-      const cellNode = cells[columnIndex];
-      if (!cellNode) return rowNode;
-      cells[columnIndex] = createEmptyCellNode(cellNode);
-      return rowNode.type.create(rowNode.attrs, cells);
-    });
-    return tableNode.type.create(tableNode.attrs, rows);
-  });
-}
-function expandTableFromCell(editor, activeCellPos, rows, columns) {
-  let cornerCellPos = getTableCornerCellPos(editor, activeCellPos);
-  if (cornerCellPos == null) return false;
-  for (let index = 0; index < rows; index += 1) {
-    const ok = runTableCommandAtCellPos(editor, cornerCellPos, (chain) => chain.addRowAfter());
-    if (!ok) return false;
-    cornerCellPos = getTableCornerCellPos(editor, cornerCellPos);
-    if (cornerCellPos == null) return false;
-  }
-  for (let index = 0; index < columns; index += 1) {
-    const ok = runTableCommandAtCellPos(editor, cornerCellPos, (chain) => chain.addColumnAfter());
-    if (!ok) return false;
-    cornerCellPos = getTableCornerCellPos(editor, cornerCellPos);
-    if (cornerCellPos == null) return false;
-  }
-  dispatchTableLayoutChange(editor);
-  return true;
-}
-
-// src/components/UEditor/menus.tsx
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var FloatingSlashCommandMenu = ({ editor, onClose }) => {
   const t = useSmartTranslations("UEditor");
@@ -35636,6 +35691,7 @@ var UEDITOR_PROSEMIRROR_CLASS_NAME = cn(
   "[&_.tableWrapper::-webkit-scrollbar-thumb]:border-transparent",
   "[&_.tableWrapper::-webkit-scrollbar-thumb]:bg-border/70",
   "[&_.tableWrapper::-webkit-scrollbar-thumb:hover]:bg-muted-foreground/45",
+  "[&_table]:w-auto",
   "[&_table]:table-fixed",
   "[&_table]:overflow-hidden",
   "[&_table]:select-text",
@@ -36891,7 +36947,7 @@ var MenuBar = ({
           "div",
           {
             "data-testid": "preview-content",
-            className: "prose prose-sm sm:prose dark:prose-invert max-w-none p-2",
+            className: UEDITOR_PROSEMIRROR_CLASS_NAME,
             dangerouslySetInnerHTML: { __html: editor.getHTML() }
           }
         )