@underverse-ui/underverse 2.0.26 → 2.0.28

package/dist/index.js

@@ -4,7 +4,7 @@ import {
   extractImageSrcsFromHtml,
   normalizeImageUrl,
   prepareUEditorContentForSave
-} from "./chunk-GS24SZVS.js";
+} from "./chunk-QYFXYDBK.js";
 import {
   EmojiPicker_default
 } from "./chunk-F7MX3XXK.js";
@@ -16,7 +16,7 @@ import {
 import "./chunk-4TYW5K4J.js";
 import {
   Modal_default
-} from "./chunk-FFVBGTHU.js";
+} from "./chunk-Y4X6CAZY.js";
 import {
   DropdownMenuItem,
   DropdownMenuSeparator,
@@ -31,7 +31,7 @@ import {
   shadcnAnimationStyles,
   useShadCNAnimations,
   useUnderverseUIConfig
-} from "./chunk-OJF3XRN7.js";
+} from "./chunk-KTOXCD6J.js";
 import {
   ForceInternalTranslationsProvider,
   NextIntlAdapter,

package/dist/{menu-bar-4FM4Y273.js → menu-bar-CFIWMBAA.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Modal_default
-} from "./chunk-FFVBGTHU.js";
+} from "./chunk-Y4X6CAZY.js";
 import {
   DEFAULT_TABLE_ROW_HEIGHT,
   DEFAULT_UEDITOR_IMAGE_MAX_FILE_SIZE,
@@ -21,7 +21,7 @@ import {
   sanitizeUEditorUrl,
   useDropdownMenuClose,
   useSharedEditorUiRenderState
-} from "./chunk-OJF3XRN7.js";
+} from "./chunk-KTOXCD6J.js";
 import {
   cn,
   useSmartTranslations
@@ -945,4 +945,4 @@ var MenuBar = ({
 export {
   MenuBar
 };
-//# sourceMappingURL=menu-bar-4FM4Y273.js.map
+//# sourceMappingURL=menu-bar-CFIWMBAA.js.map

package/dist/ueditor.cjs

@@ -5195,6 +5195,24 @@ var init_clipboard_images = __esm({
 });
 
 // src/components/UEditor/table-dom-utils.ts
+function isCrossRealmNode(value) {
+  return Boolean(value && typeof value === "object" && value.nodeType != null);
+}
+function isCrossRealmElement(value) {
+  return isCrossRealmNode(value) && value.nodeType === 1 && typeof value.closest === "function";
+}
+function isCrossRealmHTMLElement(value) {
+  return isCrossRealmElement(value) && typeof value.style === "object";
+}
+function isCrossRealmTable(value) {
+  return isCrossRealmElement(value) && String(value.tagName).toUpperCase() === "TABLE" && "rows" in value;
+}
+function isCrossRealmTableRow(value) {
+  return isCrossRealmElement(value) && String(value.tagName).toUpperCase() === "TR" && "cells" in value;
+}
+function isCrossRealmTableCell(value) {
+  return isCrossRealmElement(value) && ["TD", "TH"].includes(String(value.tagName).toUpperCase()) && "cellIndex" in value;
+}
 function findTableRowNodeInfo(view, rowElement) {
   const firstCell = rowElement.querySelector("th,td");
   if (!firstCell) return null;
@@ -5212,10 +5230,8 @@ function findTableRowNodeInfo(view, rowElement) {
   return null;
 }
 function resolveEventElement(target) {
-  const ownerDocument = target?.ownerDocument;
-  const realm = ownerDocument?.defaultView;
-  if (realm && target instanceof realm.Element) return target;
-  if (realm && target instanceof realm.Node) return target.parentElement;
+  if (isCrossRealmElement(target)) return target;
+  if (isCrossRealmNode(target)) return target.parentElement;
   return null;
 }
 function isPointOverRenderedText(root, clientX, clientY) {
@@ -5310,24 +5326,28 @@ function isRowResizeHotspot(cell, clientX, clientY) {
 }
 function getRelativeBoundaryMetrics(surface, table, row, cell) {
   const surfaceRect = surface.getBoundingClientRect();
+  const originLeft = surfaceRect.left + surface.clientLeft;
+  const originTop = surfaceRect.top + surface.clientTop;
   const tableRect = table.getBoundingClientRect();
   const rowRect = row.getBoundingClientRect();
   const cellRect = cell.getBoundingClientRect();
   return {
-    left: tableRect.left - surfaceRect.left + surface.scrollLeft,
-    top: tableRect.top - surfaceRect.top + surface.scrollTop,
+    left: tableRect.left - originLeft + surface.scrollLeft,
+    top: tableRect.top - originTop + surface.scrollTop,
     width: tableRect.width,
     height: tableRect.height,
-    rowBottom: rowRect.bottom - surfaceRect.top + surface.scrollTop,
-    columnRight: cellRect.right - surfaceRect.left + surface.scrollLeft
+    rowBottom: rowRect.bottom - originTop + surface.scrollTop,
+    columnRight: cellRect.right - originLeft + surface.scrollLeft
   };
 }
 function getRelativeCellMetrics(surface, cell) {
   const surfaceRect = surface.getBoundingClientRect();
+  const originLeft = surfaceRect.left + surface.clientLeft;
+  const originTop = surfaceRect.top + surface.clientTop;
   const cellRect = cell.getBoundingClientRect();
   return {
-    left: cellRect.left - surfaceRect.left + surface.scrollLeft,
-    top: cellRect.top - surfaceRect.top + surface.scrollTop,
+    left: cellRect.left - originLeft + surface.scrollLeft,
+    top: cellRect.top - originTop + surface.scrollTop,
     width: cellRect.width,
     height: cellRect.height
   };
@@ -5340,6 +5360,8 @@ function getRelativeSelectedCellsMetrics(surface) {
     return null;
   }
   const surfaceRect = surface.getBoundingClientRect();
+  const originLeft = surfaceRect.left + surface.clientLeft;
+  const originTop = surfaceRect.top + surface.clientTop;
   let left = Number.POSITIVE_INFINITY;
   let top = Number.POSITIVE_INFINITY;
   let right = Number.NEGATIVE_INFINITY;
@@ -5352,8 +5374,8 @@ function getRelativeSelectedCellsMetrics(surface) {
     bottom = Math.max(bottom, rect.bottom);
   });
   return {
-    left: left - surfaceRect.left + surface.scrollLeft,
-    top: top - surfaceRect.top + surface.scrollTop,
+    left: left - originLeft + surface.scrollLeft,
+    top: top - originTop + surface.scrollTop,
     width: right - left,
     height: bottom - top
   };
@@ -5405,8 +5427,8 @@ function applyTableAlignment(editor, tableAlign, anchorPos) {
   const domAtTable = editor.view.domAtPos(Math.min(tableInfo.pos + 1, editor.state.doc.content.size)).node;
   const domAtTableElement = resolveEventElement(domAtTable);
   const tableDom = editor.view.nodeDOM(tableInfo.pos);
-  const tableElement = domAtTableElement?.closest?.("table") ?? (tableDom instanceof HTMLTableElement ? tableDom : tableDom instanceof HTMLElement ? tableDom.querySelector("table") : null) ?? (editor.view.dom.querySelectorAll("table").length === 1 ? editor.view.dom.querySelector("table") : null);
-  if (tableElement instanceof HTMLTableElement) {
+  const tableElement = domAtTableElement?.closest?.("table") ?? (isCrossRealmTable(tableDom) ? tableDom : isCrossRealmHTMLElement(tableDom) ? tableDom.querySelector("table") : null) ?? (editor.view.dom.querySelectorAll("table").length === 1 ? editor.view.dom.querySelector("table") : null);
+  if (isCrossRealmTable(tableElement)) {
     tableElement.style.tableLayout = "fixed";
     if (tableElement.style.width === "max-content") {
       tableElement.style.removeProperty("width");
@@ -12329,6 +12351,7 @@ var import_tables3 = require("@tiptap/pm/tables");
 var import_state6 = require("@tiptap/pm/state");
 var import_view2 = require("@tiptap/pm/view");
 var import_tables2 = require("@tiptap/pm/tables");
+init_table_dom_utils();
 var DEFAULT_TABLE_COLUMN_WIDTH = 100;
 var MIN_RESIZED_TABLE_COLUMN_WIDTH = 25;
 function getColumnResizeMinWidth(configuredMinWidth) {
@@ -12345,8 +12368,7 @@ function setColumnStyle(column, width) {
   column.style.minWidth = "";
 }
 function isTableColumnElement(node) {
-  const realm = node?.ownerDocument?.defaultView;
-  return Boolean(realm && node instanceof realm.HTMLTableColElement && node.tagName.toLowerCase() === "col");
+  return isCrossRealmElement(node) && String(node.tagName).toUpperCase() === "COL";
 }
 function updateDynamicColumns(node, colgroup, table, ownerDocument, overrideCol, overrideValue) {
   let totalWidth = 0;
@@ -12419,8 +12441,7 @@ function getCurrentColWidth(view, cellPos, { colspan, colwidth }) {
   if (width) return width;
   const dom = view.domAtPos(cellPos);
   const cellElement = dom.node.childNodes[dom.offset];
-  const realm = view.dom.ownerDocument.defaultView;
-  let domWidth = realm && cellElement instanceof realm.HTMLElement ? cellElement.offsetWidth : 0;
+  let domWidth = isCrossRealmHTMLElement(cellElement) ? cellElement.offsetWidth : 0;
   let parts = Math.max(1, colspan);
   if (colwidth) {
     for (let index = 0; index < colspan; index += 1) {
@@ -12434,14 +12455,13 @@ function getCurrentColWidth(view, cellPos, { colspan, colwidth }) {
   return domWidth / Math.max(1, parts);
 }
 function domCellAround(view, target) {
-  const realm = view.dom.ownerDocument.defaultView;
-  let node = realm && target instanceof realm.Node ? target : null;
+  let node = isCrossRealmNode(target) ? target : null;
   while (node && node.nodeName !== "TD" && node.nodeName !== "TH") {
-    const element = realm && node instanceof realm.Element ? node : null;
+    const element = isCrossRealmElement(node) ? node : null;
     if (element?.classList.contains("ProseMirror")) return null;
     node = node.parentNode;
   }
-  return realm && node instanceof realm.HTMLElement ? node : null;
+  return isCrossRealmHTMLElement(node) ? node : null;
 }
 function edgeCell(view, event, side, handleWidth) {
   const offset = side === "right" ? -handleWidth : handleWidth;
@@ -12587,8 +12607,7 @@ function getTableElementAtCell(view, cell) {
   const $cell = view.state.doc.resolve(cell);
   let dom = view.domAtPos($cell.start(-1)).node;
   while (dom && dom.nodeName !== "TABLE") dom = dom.parentNode;
-  const realm = view.dom.ownerDocument.defaultView;
-  return realm && dom instanceof realm.HTMLTableElement ? dom : null;
+  return isCrossRealmTable(dom) ? dom : null;
 }
 function showColumnResizeGhost(view, cell, dragging, width) {
   const table = getTableElementAtCell(view, cell);
@@ -20938,20 +20957,16 @@ init_table_dom_utils();
 var FALLBACK_TABLE_ROW_HEIGHT = DEFAULT_TABLE_ROW_HEIGHT;
 var FALLBACK_TABLE_COLUMN_WIDTH = 160;
 function isTableCellElement(element) {
-  const realm = element?.ownerDocument?.defaultView;
-  return Boolean(realm && element instanceof realm.HTMLTableCellElement);
+  return isCrossRealmTableCell(element);
 }
 function isTableRowElement(element) {
-  const realm = element?.ownerDocument?.defaultView;
-  return Boolean(realm && element instanceof realm.HTMLTableRowElement);
+  return isCrossRealmTableRow(element);
 }
 function isTableElement(element) {
-  const realm = element?.ownerDocument?.defaultView;
-  return Boolean(realm && element instanceof realm.HTMLTableElement);
+  return isCrossRealmTable(element);
 }
 function isHTMLElement(element) {
-  const realm = element?.ownerDocument?.defaultView;
-  return Boolean(realm && element instanceof realm.HTMLElement);
+  return isCrossRealmHTMLElement(element);
 }
 function getVisibleTableBounds(layout) {
   const left = Math.max(layout.tableLeft, layout.wrapperLeft);
@@ -21045,7 +21060,7 @@ function buildLogicalColumnMetrics({
       if (relativeCellPos == null) continue;
       const cellMapRect = map.findCell(relativeCellPos);
       const cellRect = tableCell.getBoundingClientRect();
-      const cellStart = cellRect.width > 0 ? cellRect.left - surfaceRect.left + surface.scrollLeft : tableLeft + cellMapRect.left * fallbackWidth;
+      const cellStart = cellRect.width > 0 ? cellRect.left - surfaceRect.left - surface.clientLeft + surface.scrollLeft : tableLeft + cellMapRect.left * fallbackWidth;
       const size = metricOrFallback(cellRect.width, fallbackWidth * Math.max(1, cellMapRect.right - cellMapRect.left));
       visualColumns.push({
         index: cellMapRect.left,
@@ -21100,7 +21115,7 @@ function buildLogicalRowMetrics({
     const tableCell = isTableCellElement(cellCandidate) ? cellCandidate : null;
     if (tableCell) {
       const cellRect = tableCell.getBoundingClientRect();
-      const start = cellRect.height > 0 ? cellRect.top - surfaceRect.top + surface.scrollTop : tableTop + cellMapRect.top * fallbackHeight;
+      const start = cellRect.height > 0 ? cellRect.top - surfaceRect.top - surface.clientTop + surface.scrollTop : tableTop + cellMapRect.top * fallbackHeight;
       const size = metricOrFallback(cellRect.height, fallbackHeight * Math.max(1, cellMapRect.bottom - cellMapRect.top));
       visualRows.push({
         index: cellMapRect.top,
@@ -21117,7 +21132,7 @@ function buildLogicalRowMetrics({
   return rows.map((tableRow, index) => {
     const rowRect = tableRow.getBoundingClientRect();
     const anchorCell = tableRow.cells.item(0) ?? cornerCell;
-    const start = rowRect.height > 0 ? rowRect.top - surfaceRect.top + surface.scrollTop : tableTop + index * fallbackHeight;
+    const start = rowRect.height > 0 ? rowRect.top - surfaceRect.top - surface.clientTop + surface.scrollTop : tableTop + index * fallbackHeight;
     const size = metricOrFallback(rowRect.height, fallbackHeight);
     return {
       index,
@@ -21159,6 +21174,8 @@ function buildTableControlLayout(editor, surface, cell) {
   }
   const map = TableMap4.get(tableInfo.node);
   const surfaceRect = surface.getBoundingClientRect();
+  const surfaceOriginLeft = surfaceRect.left + surface.clientLeft;
+  const surfaceOriginTop = surfaceRect.top + surface.clientTop;
   const tableRect = table.getBoundingClientRect();
   const explicitColumnWidths = Array.from(table.querySelectorAll("colgroup > col")).slice(0, map.width).map((column) => parsePixelMetric(column.style.width));
   const explicitTableWidth = parsePixelMetric(table.style.width) ?? (explicitColumnWidths.length === map.width && explicitColumnWidths.every((width) => width !== null) ? explicitColumnWidths.reduce((sum, width) => sum + width, 0) : null);
@@ -21167,14 +21184,14 @@ function buildTableControlLayout(editor, surface, cell) {
   const wrapperElement = table.closest(".tableWrapper");
   const wrapper = isHTMLElement(wrapperElement) ? wrapperElement : null;
   const wrapperRect = wrapper?.getBoundingClientRect() ?? tableRect;
-  const tableLeft = tableRect.left - surfaceRect.left + surface.scrollLeft;
-  const tableTop = tableRect.top - surfaceRect.top + surface.scrollTop;
+  const tableLeft = tableRect.left - surfaceOriginLeft + surface.scrollLeft;
+  const tableTop = tableRect.top - surfaceOriginTop + surface.scrollTop;
   const tableWidth = metricOrFallback(tableRect.width, explicitTableWidth ?? FALLBACK_TABLE_COLUMN_WIDTH * map.width);
   const tableHeight = metricOrFallback(tableRect.height, explicitTableHeight ?? FALLBACK_TABLE_ROW_HEIGHT * rows.length);
   const avgRowHeight = metricOrFallback(tableHeight / rows.length, FALLBACK_TABLE_ROW_HEIGHT);
   const avgColumnWidth = metricOrFallback(tableWidth / map.width, FALLBACK_TABLE_COLUMN_WIDTH);
-  const wrapperLeft = wrapperRect.left - surfaceRect.left + surface.scrollLeft;
-  const wrapperTop = wrapperRect.top - surfaceRect.top + surface.scrollTop;
+  const wrapperLeft = wrapperRect.left - surfaceOriginLeft + surface.scrollLeft;
+  const wrapperTop = wrapperRect.top - surfaceOriginTop + surface.scrollTop;
   const wrapperWidth = metricOrFallback(wrapperRect.width, tableWidth);
   const wrapperHeight = metricOrFallback(wrapperRect.height, tableHeight);
   const viewportWidth = metricOrFallback(wrapper?.clientWidth ?? wrapperRect.width, tableWidth);
@@ -21235,8 +21252,7 @@ var ADD_COLUMN_HOVER_WIDTH = 24;
 var ADD_ROW_HOVER_HEIGHT = 24;
 var HANDLE_HOVER_RADIUS = 14;
 function isHTMLElement2(element) {
-  const realm = element?.ownerDocument?.defaultView;
-  return Boolean(realm && element instanceof realm.HTMLElement);
+  return isCrossRealmHTMLElement(element);
 }
 var DEFAULT_TABLE_HOVER_STATE = {
   menuVisible: false,
@@ -21257,8 +21273,8 @@ function buildTableHoverState({
     return DEFAULT_TABLE_HOVER_STATE;
   }
   const surfaceRect = surface.getBoundingClientRect();
-  const relativeX = event.clientX - surfaceRect.left + surface.scrollLeft;
-  const relativeY = event.clientY - surfaceRect.top + surface.scrollTop;
+  const relativeX = event.clientX - surfaceRect.left - surface.clientLeft + surface.scrollLeft;
+  const relativeY = event.clientY - surfaceRect.top - surface.clientTop + surface.scrollTop;
   const targetElement = resolveEventElement(event.target);
   const directRowHandle = targetElement?.closest?.("[data-row-handle-index]");
   const directColumnHandle = targetElement?.closest?.("[data-column-handle-index]");
@@ -21965,7 +21981,7 @@ function getSelectedCell(editor) {
   const browserSelection = editorWindow?.getSelection();
   const anchorElement = resolveEventElement(browserSelection?.anchorNode ?? null);
   const anchorCell = anchorElement?.closest?.("th,td");
-  if (editorWindow && anchorCell instanceof editorWindow.HTMLTableCellElement) {
+  if (isCrossRealmTableCell(anchorCell)) {
     return anchorCell;
   }
   const domAtPos = editor.view.domAtPos(editor.state.selection.from);
@@ -22166,6 +22182,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
     surface.addEventListener(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, scheduleCurrentLayoutRefresh);
     if (!editorWindow) return void 0;
     const unsubscribeResize = subscribeSharedGlobalEvent(editorWindow, "resize", scheduleCurrentLayoutRefresh);
+    const unsubscribeWindowScroll = subscribeSharedGlobalEvent(editorWindow, "scroll", scheduleCurrentLayoutRefresh, { passive: true });
     editor.on("selectionUpdate", scheduleSyncFromSelection);
     editor.on("update", scheduleCurrentLayoutRefresh);
     syncFromSelection();
@@ -22181,6 +22198,7 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       surface.removeEventListener("scroll", scheduleCurrentLayoutRefresh, scrollListenerOptions);
       surface.removeEventListener(UEDITOR_TABLE_LAYOUT_CHANGE_EVENT, scheduleCurrentLayoutRefresh);
       unsubscribeResize();
+      unsubscribeWindowScroll();
       editor.off("selectionUpdate", scheduleSyncFromSelection);
       editor.off("update", scheduleCurrentLayoutRefresh);
     };
@@ -23034,12 +23052,12 @@ function useUEditorTableInteractions(editor, editable = true) {
         return;
       }
       const target = resolveEventElement(event.target);
-      if (!(target instanceof editorWindow.Element)) {
+      if (!isCrossRealmElement(target)) {
         clearAllTableResizeHover();
         return;
       }
       const cell = target.closest("th,td");
-      if (!(cell instanceof editorWindow.HTMLElement)) {
+      if (!isCrossRealmHTMLElement(cell)) {
         clearHoveredTableCell();
         clearAllTableResizeHover();
         return;
@@ -23047,7 +23065,7 @@ function useUEditorTableInteractions(editor, editable = true) {
       setHoveredTableCell(cell);
       const row = cell.closest("tr");
       const table = cell.closest("table");
-      if (!(row instanceof editorWindow.HTMLTableRowElement) || !(table instanceof editorWindow.HTMLTableElement)) {
+      if (!isCrossRealmTableRow(row) || !isCrossRealmTable(table)) {
         clearHoveredTableCell();
         clearAllTableResizeHover();
         return;
@@ -23103,18 +23121,18 @@ function useUEditorTableInteractions(editor, editable = true) {
     const handleEditorMouseDown = (event) => {
       if (event.button !== 0) return;
       const target = resolveEventElement(event.target);
-      if (!(target instanceof editorWindow.Element)) {
+      if (!isCrossRealmElement(target)) {
         clearActiveTableCell();
         return;
       }
       const cell = target.closest("th,td");
-      if (!(cell instanceof editorWindow.HTMLTableCellElement)) {
+      if (!isCrossRealmTableCell(cell)) {
         clearActiveTableCell();
         return;
       }
       const row = cell.closest("tr");
       const table = cell.closest("table");
-      if (!(row instanceof editorWindow.HTMLTableRowElement) || !(table instanceof editorWindow.HTMLTableElement)) return;
+      if (!isCrossRealmTableRow(row) || !isCrossRealmTable(table)) return;
       const rowTarget = resolveRowResizeTarget(cell, event.clientX, event.clientY);
       if (rowTarget) {
         event.preventDefault();