@underverse-ui/underverse 2.0.31 → 2.0.33

package/dist/{menu-bar-DPCNNUX5.js → menu-bar-HZBBRX42.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Modal_default
-} from "./chunk-2P7TSXEE.js";
+} from "./chunk-UHUKUI5S.js";
 import {
   DEFAULT_TABLE_ROW_HEIGHT,
   DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE,
@@ -29,13 +29,13 @@ import {
   trackEditorInsertionPosition,
   useDropdownMenuClose,
   useSharedEditorUiRenderState
-} from "./chunk-37MHVJMV.js";
+} from "./chunk-OTPC2OTQ.js";
 import {
   cn,
   resolveUEditorPortalContainer,
   useSmartTranslations,
   useUEditorPortalContainerGetter
-} from "./chunk-ZP7F4ZD7.js";
+} from "./chunk-6FAHXNDQ.js";
 import "./chunk-NSBPE2FW.js";
 
 // src/components/UEditor/menu-bar.tsx
@@ -1118,4 +1118,4 @@ var MenuBar = ({
 export {
   MenuBar
 };
-//# sourceMappingURL=menu-bar-DPCNNUX5.js.map
+//# sourceMappingURL=menu-bar-HZBBRX42.js.map

package/dist/ueditor.cjs

@@ -343,6 +343,7 @@ var init_en = __esm({
           dragColumn: "Drag Column",
           resizeBoth: "Resize Table",
           resizeCtrlHint: "Drag freely. Hold Ctrl to lock to one axis; hold Ctrl+Shift to preserve proportions",
+          fitToEditorWidth: "Fit to Editor Width",
           alignLeft: "Align Table Left",
           alignCenter: "Align Table Center",
           alignRight: "Align Table Right",
@@ -809,6 +810,7 @@ var init_vi = __esm({
           dragColumn: "K\xE9o c\u1ED9t",
           resizeBoth: "\u0110\u1ED5i k\xEDch th\u01B0\u1EDBc b\u1EA3ng",
           resizeCtrlHint: "K\xE9o t\u1EF1 do; gi\u1EEF Ctrl \u0111\u1EC3 kh\xF3a m\u1ED9t chi\u1EC1u, ho\u1EB7c Ctrl+Shift \u0111\u1EC3 gi\u1EEF nguy\xEAn t\u1EF7 l\u1EC7",
+          fitToEditorWidth: "V\u1EEBa chi\u1EC1u r\u1ED9ng tr\xECnh so\u1EA1n th\u1EA3o",
           alignLeft: "C\u0103n b\u1EA3ng tr\xE1i",
           alignCenter: "C\u0103n b\u1EA3ng gi\u1EEFa",
           alignRight: "C\u0103n b\u1EA3ng ph\u1EA3i",
@@ -1275,6 +1277,7 @@ var init_ko = __esm({
           dragColumn: "\uC5F4 \uB4DC\uB798\uADF8",
           resizeBoth: "\uD45C \uD06C\uAE30 \uC870\uC808",
           resizeCtrlHint: "\uC790\uC720\uB86D\uAC8C \uB4DC\uB798\uADF8\uD569\uB2C8\uB2E4. Ctrl \uD0A4\uB97C \uB204\uB974\uBA74 \uD55C \uCD95\uC73C\uB85C \uACE0\uC815\uB418\uACE0, Ctrl+Shift \uD0A4\uB97C \uB204\uB974\uBA74 \uBE44\uC728\uC774 \uC720\uC9C0\uB429\uB2C8\uB2E4",
+          fitToEditorWidth: "\uD3B8\uC9D1\uAE30 \uB108\uBE44\uC5D0 \uB9DE\uCD94\uAE30",
           alignLeft: "\uD45C \uC67C\uCABD \uC815\uB82C",
           alignCenter: "\uD45C \uAC00\uC6B4\uB370 \uC815\uB82C",
           alignRight: "\uD45C \uC624\uB978\uCABD \uC815\uB82C",
@@ -1741,6 +1744,7 @@ var init_ja = __esm({
           dragColumn: "\u5217\u3092\u30C9\u30E9\u30C3\u30B0",
           resizeBoth: "\u8868\u306E\u30B5\u30A4\u30BA\u3092\u5909\u66F4",
           resizeCtrlHint: "\u81EA\u7531\u306B\u30C9\u30E9\u30C3\u30B0\u3067\u304D\u307E\u3059\u3002Ctrl\u30AD\u30FC\u30671\u65B9\u5411\u306B\u56FA\u5B9A\u3057\u3001Ctrl+Shift\u30AD\u30FC\u3067\u7E26\u6A2A\u6BD4\u3092\u7DAD\u6301\u3057\u307E\u3059",
+          fitToEditorWidth: "\u30A8\u30C7\u30A3\u30BF\u30FC\u306E\u5E45\u306B\u5408\u308F\u305B\u308B",
           alignLeft: "\u8868\u3092\u5DE6\u5BC4\u305B",
           alignCenter: "\u8868\u3092\u4E2D\u592E\u63C3\u3048",
           alignRight: "\u8868\u3092\u53F3\u5BC4\u305B",
@@ -5524,10 +5528,15 @@ function isCrossRealmTableRow(value) {
 function isCrossRealmTableCell(value) {
   return isCrossRealmElement(value) && ["TD", "TH"].includes(String(value.tagName).toUpperCase()) && "cellIndex" in value;
 }
+function isValidProseMirrorPosition(doc, pos) {
+  return Number.isInteger(pos) && pos >= 0 && pos <= doc.content.size;
+}
 function findTableRowNodeInfo(view, rowElement) {
+  if (!view.dom.contains(rowElement)) return null;
   const firstCell = rowElement.querySelector("th,td");
-  if (!firstCell) return null;
+  if (!isCrossRealmTableCell(firstCell) || !view.dom.contains(firstCell)) return null;
   const cellPos = view.posAtDOM(firstCell, 0);
+  if (!isValidProseMirrorPosition(view.state.doc, cellPos)) return null;
   const $pos = view.state.doc.resolve(cellPos);
   for (let depth = $pos.depth; depth > 0; depth -= 1) {
     const node = $pos.node(depth);
@@ -5569,14 +5578,14 @@ function getSelectionTableCell(view) {
   const browserSelection = realm?.getSelection();
   const anchorElement = resolveEventElement(browserSelection?.anchorNode ?? null);
   const anchorCell = anchorElement?.closest?.("th,td");
-  if (realm && anchorCell instanceof realm.HTMLElement) {
+  if (isCrossRealmTableCell(anchorCell) && view.dom.contains(anchorCell)) {
     return anchorCell;
   }
   const { from } = view.state.selection;
   const domAtPos = view.domAtPos(from);
   const element = resolveEventElement(domAtPos.node);
   const cell = element?.closest?.("th,td");
-  return realm && cell instanceof realm.HTMLElement ? cell : null;
+  return isCrossRealmTableCell(cell) && view.dom.contains(cell) ? cell : null;
 }
 function resolveRowResizeTarget(cell, clientX, clientY) {
   const rect = cell.getBoundingClientRect();
@@ -7963,18 +7972,22 @@ function getTableAnchorPos(editor) {
   const editorWindow = editorDocument.defaultView;
   const selectionAnchor = resolveEventElement(editorWindow?.getSelection()?.anchorNode ?? null);
   const selectionCell2 = selectionAnchor?.closest?.("th,td");
-  if (editorWindow && selectionCell2 instanceof editorWindow.HTMLTableCellElement && editor.view.dom.contains(selectionCell2)) {
-    return editor.view.posAtDOM(selectionCell2, 0) + 1;
+  if (isCrossRealmTableCell(selectionCell2) && editor.view.dom.contains(selectionCell2)) {
+    const cellPos2 = editor.view.posAtDOM(selectionCell2, 0);
+    return isValidProseMirrorPosition(editor.state.doc, cellPos2) && isValidProseMirrorPosition(editor.state.doc, cellPos2 + 1) ? cellPos2 + 1 : null;
   }
   const activeElement = editorWindow && editorDocument.activeElement instanceof editorWindow.Element ? editorDocument.activeElement : null;
   const activeCell = activeElement?.closest?.("th,td");
-  if (editorWindow && activeCell instanceof editorWindow.HTMLTableCellElement && editor.view.dom.contains(activeCell)) {
-    return editor.view.posAtDOM(activeCell, 0) + 1;
+  if (isCrossRealmTableCell(activeCell) && editor.view.dom.contains(activeCell)) {
+    const cellPos2 = editor.view.posAtDOM(activeCell, 0);
+    return isValidProseMirrorPosition(editor.state.doc, cellPos2) && isValidProseMirrorPosition(editor.state.doc, cellPos2 + 1) ? cellPos2 + 1 : null;
   }
   const tables = editor.view.dom.querySelectorAll("table");
   if (tables.length !== 1) return null;
   const firstCell = tables[0]?.querySelector("th,td");
-  return editorWindow && firstCell instanceof editorWindow.HTMLTableCellElement ? editor.view.posAtDOM(firstCell, 0) + 1 : null;
+  if (!isCrossRealmTableCell(firstCell) || !editor.view.dom.contains(firstCell)) return null;
+  const cellPos = editor.view.posAtDOM(firstCell, 0);
+  return isValidProseMirrorPosition(editor.state.doc, cellPos) && isValidProseMirrorPosition(editor.state.doc, cellPos + 1) ? cellPos + 1 : null;
 }
 function computeEditorUiRenderState(editor) {
   const textStyle = editor.getAttributes("textStyle");
@@ -16297,6 +16310,7 @@ function getBubbleMenuPosition({
   end,
   menuSize,
   viewport,
+  preferredPlacement = "auto",
   offset = 16,
   padding = 8
 }) {
@@ -16304,7 +16318,7 @@ function getBubbleMenuPosition({
   const selectionBottom = Math.max(start.bottom, end.bottom);
   const spaceAbove = selectionTop - offset - padding;
   const spaceBelow = viewport.height - padding - selectionBottom - offset;
-  const placement = menuSize.height <= spaceAbove || spaceAbove >= spaceBelow ? "top" : "bottom";
+  const placement = preferredPlacement === "auto" ? menuSize.height <= spaceAbove || spaceAbove >= spaceBelow ? "top" : "bottom" : preferredPlacement;
   const halfWidth = menuSize.width / 2;
   const minLeft = padding + halfWidth;
   const maxLeft = viewport.width - padding - halfWidth;
@@ -17208,6 +17222,7 @@ var LinkPreviewContent = ({ editor, onEdit }) => {
 };
 var CustomBubbleMenu = ({
   editor,
+  placement = "auto",
   fontSizes,
   lineHeights
 }) => {
@@ -17301,6 +17316,7 @@ var CustomBubbleMenu = ({
           width: editorWindow?.innerWidth ?? window.innerWidth,
           height: editorWindow?.innerHeight ?? window.innerHeight
         },
+        preferredPlacement: placement,
         offset: BUBBLE_MENU_OFFSET
       }));
       if (keepOpenRef.current) {
@@ -17347,7 +17363,7 @@ var CustomBubbleMenu = ({
       editorWindow?.removeEventListener("resize", schedulePositionUpdate);
       editorWindow?.removeEventListener("scroll", schedulePositionUpdate, true);
     };
-  }, [editor, editorDocument, editorWindow]);
+  }, [editor, editorDocument, editorWindow, placement]);
   (0, import_react36.useEffect)(() => {
     if (!isVisible || !portalWindow?.ResizeObserver) return;
     const menu = menuRef.current;
@@ -17401,6 +17417,7 @@ var CustomBubbleMenu = ({
       {
         ref: menuRef,
         "data-popover": true,
+        "data-placement": position.placement,
         className: "fixed z-[99999] flex rounded-xl border border-border/40 bg-card text-card-foreground shadow-lg backdrop-blur-sm overflow-hidden animate-in fade-in-0 zoom-in-95",
         style: {
           top: `${position.top}px`,
@@ -22216,6 +22233,7 @@ function getCellFromTarget(target) {
   return null;
 }
 function findTableInfo(editor, pos) {
+  if (!isValidProseMirrorPosition(editor.state.doc, pos)) return null;
   const $pos = editor.state.doc.resolve(pos);
   for (let depth = $pos.depth; depth > 0; depth -= 1) {
     const node = $pos.node(depth);
@@ -22258,6 +22276,7 @@ function buildLogicalColumnMetrics({
     for (const tableCell of Array.from(firstRow.cells)) {
       if (!isTableCellElement(tableCell)) continue;
       const cellPos = editor.view.posAtDOM(tableCell, 0);
+      if (!isValidProseMirrorPosition(editor.state.doc, cellPos)) continue;
       const relativeCellPos = getCellRelativePosFromDomPos(map, tableInfo.start, cellPos);
       if (relativeCellPos == null) continue;
       const cellMapRect = map.findCell(relativeCellPos);
@@ -22331,18 +22350,20 @@ function buildLogicalRowMetrics({
   if (visualRows.length > 0) {
     return visualRows.sort((a, b) => a.index - b.index);
   }
-  return rows.map((tableRow, index) => {
+  return rows.flatMap((tableRow, index) => {
     const rowRect = tableRow.getBoundingClientRect();
     const anchorCell = tableRow.cells.item(0) ?? cornerCell;
     const start = rowRect.height > 0 ? rowRect.top - surfaceRect.top - surface.clientTop + surface.scrollTop : tableTop + index * fallbackHeight;
     const size = metricOrFallback(rowRect.height, fallbackHeight);
-    return {
+    const cellPos = editor.view.posAtDOM(anchorCell, 0);
+    if (!isValidProseMirrorPosition(editor.state.doc, cellPos)) return [];
+    return [{
       index,
-      cellPos: editor.view.posAtDOM(anchorCell, 0),
+      cellPos,
       start,
       size,
       center: start + size / 2
-    };
+    }];
   });
 }
 function getTableCellTextSelectionRange(editor, cellPos) {
@@ -22362,6 +22383,7 @@ function getTableCellTextSelectionRange(editor, cellPos) {
   return from !== null && to !== null && from < to ? { from, to } : null;
 }
 function buildTableControlLayout(editor, surface, cell) {
+  if (!editor.view.dom.contains(cell)) return null;
   const row = cell.closest("tr");
   const table = cell.closest("table");
   if (!isTableRowElement(row) || !isTableElement(table)) {
@@ -22370,6 +22392,7 @@ function buildTableControlLayout(editor, surface, cell) {
   const rows = Array.from(table.rows).filter(isTableRowElement);
   const cornerCell = getLastCell(table);
   const cellPos = editor.view.posAtDOM(cell, 0);
+  if (!isValidProseMirrorPosition(editor.state.doc, cellPos)) return null;
   const tableInfo = findTableInfo(editor, cellPos);
   if (rows.length === 0 || !tableInfo || !isTableCellElement(cornerCell)) {
     return null;
@@ -23327,7 +23350,7 @@ function getSelectedCell(editor) {
   const browserSelection = editorWindow?.getSelection();
   const anchorElement = resolveEventElement(browserSelection?.anchorNode ?? null);
   const anchorCell = anchorElement?.closest?.("th,td");
-  if (isCrossRealmTableCell(anchorCell)) {
+  if (isCrossRealmTableCell(anchorCell) && editor.view.dom.contains(anchorCell)) {
     return anchorCell;
   }
   const domAtPos = editor.view.domAtPos(editor.state.selection.from);
@@ -23637,8 +23660,8 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     updateTableResizePreview(pendingDimensions);
     setDocumentCursor(editorDocument, edge === "both" ? "nwse-resize" : "ew-resize");
   }, [editor, editorDocument, updateTableResizePreview]);
-  const fitTableToEditorWidth = import_react38.default.useCallback((event) => {
-    if (event.button !== 0 || dragStateRef.current) return;
+  const fitTableToEditorWidth = import_react38.default.useCallback(() => {
+    if (dragStateRef.current) return;
     const activeLayout = layoutRef.current;
     if (!activeLayout) return;
     const snapshot = createTableSizeSnapshot(
@@ -23649,8 +23672,6 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       activeLayout.viewportWidth
     );
     if (!snapshot) return;
-    event.preventDefault();
-    event.stopPropagation();
     const didResize = applyTableSize(editor, snapshot, {
       width: Math.round(activeLayout.viewportWidth),
       height: snapshot.startHeight,
@@ -24038,6 +24059,11 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
         icon: import_lucide_react18.Paintbrush,
         onClick: openCellInspector
       }] : [],
+      {
+        label: t("tableMenu.fitToEditorWidth"),
+        icon: import_lucide_react18.Minimize2,
+        onClick: fitTableToEditorWidth
+      },
       {
         label: t("tableMenu.alignLeft"),
         icon: import_lucide_react18.AlignLeft,
@@ -24102,7 +24128,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
         destructive: true
       }
     ];
-  }, [editor, layout, openCellInspector, runAtActiveCell, showCellInspector, t]);
+  }, [editor, fitTableToEditorWidth, layout, openCellInspector, runAtActiveCell, showCellInspector, t]);
   const getRowHandleMenuItems = import_react38.default.useCallback((rowHandle) => [
     {
       label: t("tableMenu.addRowBefore"),
@@ -24804,12 +24830,12 @@ function getFormulaEditingTableContext(view) {
     if (!getCellText2(node).startsWith("=")) return null;
     const cellPos = $from.before(depth);
     const cellDom = view.nodeDOM(cellPos);
-    if (!(cellDom instanceof HTMLTableCellElement)) return null;
+    if (!isCrossRealmTableCell(cellDom) || !view.dom.contains(cellDom)) return null;
     const tableDepth = depth - 2;
     const tableNode = tableDepth > 0 ? $from.node(tableDepth) : null;
     if (!tableNode || tableNode.type.name !== "table") return null;
     const tableDom = cellDom.closest("table");
-    if (!(tableDom instanceof HTMLTableElement)) return null;
+    if (!isCrossRealmTable(tableDom) || !view.dom.contains(tableDom)) return null;
     const tableMap = import_tables9.TableMap.get(tableNode);
     const tableStart = $from.start(tableDepth);
     const formulaCellRect = tableMap.findCell(cellPos - tableStart);
@@ -24881,6 +24907,7 @@ function getReferenceInsertionPrefix(view, cellContentStart, insertionPos) {
   return isInsideFunctionArguments && followsReference ? "," : "";
 }
 function findTableForPos(view, pos) {
+  if (!isValidProseMirrorPosition(view.state.doc, pos)) return null;
   const $pos = view.state.doc.resolve(pos);
   for (let depth = $pos.depth; depth > 0; depth -= 1) {
     const node = $pos.node(depth);
@@ -24909,8 +24936,9 @@ function getCellRelativePosFromDomPos2(map, tableStart, domPos) {
 function getFormulaTableCellInfo(view, target, tablePos) {
   const element = resolveEventElement(target);
   const cell = element?.closest?.("th,td");
-  if (!(cell instanceof HTMLTableCellElement)) return null;
+  if (!isCrossRealmTableCell(cell) || !view.dom.contains(cell)) return null;
   const domPos = view.posAtDOM(cell, 0);
+  if (!isValidProseMirrorPosition(view.state.doc, domPos)) return null;
   const tableInfo = findTableForPos(view, domPos);
   if (!tableInfo || tableInfo.pos !== tablePos) return null;
   const map = import_tables9.TableMap.get(tableInfo.node);
@@ -25608,6 +25636,7 @@ var UEditor = import_react46.default.forwardRef(({
   autofocus = false,
   showToolbar = true,
   showBubbleMenu = true,
+  bubbleMenuPlacement = "auto",
   showFloatingMenu = false,
   showCharacterCount = true,
   showFooter = true,
@@ -25967,6 +25996,7 @@ var UEditor = import_react46.default.forwardRef(({
             CustomBubbleMenu,
             {
               editor,
+              placement: bubbleMenuPlacement,
               fontSizes,
               lineHeights
             }