@underverse-ui/underverse 2.0.25 → 2.0.27

package/dist/index.js

@@ -4,7 +4,7 @@ import {
   extractImageSrcsFromHtml,
   normalizeImageUrl,
   prepareUEditorContentForSave
-} from "./chunk-XMAOZQJO.js";
+} from "./chunk-5ODK33CL.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-HVJ3R6LP.js";
 import {
   DropdownMenuItem,
   DropdownMenuSeparator,
@@ -31,7 +31,7 @@ import {
   shadcnAnimationStyles,
   useShadCNAnimations,
   useUnderverseUIConfig
-} from "./chunk-OJF3XRN7.js";
+} from "./chunk-BDRCOIYR.js";
 import {
   ForceInternalTranslationsProvider,
   NextIntlAdapter,

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

@@ -1,7 +1,7 @@
 "use client";
 import {
   Modal_default
-} from "./chunk-FFVBGTHU.js";
+} from "./chunk-HVJ3R6LP.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-BDRCOIYR.js";
 import {
   cn,
   useSmartTranslations
@@ -945,4 +945,4 @@ var MenuBar = ({
 export {
   MenuBar
 };
-//# sourceMappingURL=menu-bar-4FM4Y273.js.map
+//# sourceMappingURL=menu-bar-GKJEVLQU.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) {
@@ -5405,8 +5421,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 +12345,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,9 +12362,9 @@ function setColumnStyle(column, width) {
   column.style.minWidth = "";
 }
 function isTableColumnElement(node) {
-  return node instanceof HTMLElement && node.tagName.toLowerCase() === "col";
+  return isCrossRealmElement(node) && String(node.tagName).toUpperCase() === "COL";
 }
-function updateDynamicColumns(node, colgroup, table, overrideCol, overrideValue) {
+function updateDynamicColumns(node, colgroup, table, ownerDocument, overrideCol, overrideValue) {
   let totalWidth = 0;
   let nextDOM = colgroup.firstChild;
   const row = node.firstChild;
@@ -12358,7 +12375,7 @@ function updateDynamicColumns(node, colgroup, table, overrideCol, overrideValue)
         const rawWidth = overrideCol === col ? overrideValue : colwidth?.[spanIndex];
         const width = rawWidth ? Math.max(rawWidth, MIN_RESIZED_TABLE_COLUMN_WIDTH) : null;
         totalWidth += width ?? DEFAULT_TABLE_COLUMN_WIDTH;
-        const colElement = isTableColumnElement(nextDOM) ? nextDOM : colgroup.appendChild(document.createElement("col"));
+        const colElement = isTableColumnElement(nextDOM) ? nextDOM : colgroup.appendChild(ownerDocument.createElement("col"));
         setColumnStyle(colElement, width);
         nextDOM = colElement.nextSibling;
       }
@@ -12378,23 +12395,25 @@ function updateDynamicColumns(node, colgroup, table, overrideCol, overrideValue)
   }
 }
 var UEditorTableView = class {
-  constructor(node) {
+  constructor(node, _defaultColumnWidth, maybeView) {
     this.node = node;
-    this.dom = document.createElement("div");
+    const view = maybeView ?? _defaultColumnWidth;
+    const ownerDocument = view.dom.ownerDocument;
+    this.dom = ownerDocument.createElement("div");
     this.dom.className = "tableWrapper";
-    this.table = this.dom.appendChild(document.createElement("table"));
+    this.table = this.dom.appendChild(ownerDocument.createElement("table"));
     if (node.attrs.style) {
       this.table.style.cssText = node.attrs.style;
     }
     this.table.style.tableLayout = "fixed";
-    this.colgroup = this.table.appendChild(document.createElement("colgroup"));
-    updateDynamicColumns(node, this.colgroup, this.table);
-    this.contentDOM = this.table.appendChild(document.createElement("tbody"));
+    this.colgroup = this.table.appendChild(ownerDocument.createElement("colgroup"));
+    updateDynamicColumns(node, this.colgroup, this.table, ownerDocument);
+    this.contentDOM = this.table.appendChild(ownerDocument.createElement("tbody"));
   }
   update(node) {
     if (node.type !== this.node.type) return false;
     this.node = node;
-    updateDynamicColumns(node, this.colgroup, this.table);
+    updateDynamicColumns(node, this.colgroup, this.table, this.dom.ownerDocument);
     return true;
   }
   ignoreMutation(mutation) {
@@ -12416,7 +12435,7 @@ function getCurrentColWidth(view, cellPos, { colspan, colwidth }) {
   if (width) return width;
   const dom = view.domAtPos(cellPos);
   const cellElement = dom.node.childNodes[dom.offset];
-  let domWidth = cellElement instanceof 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) {
@@ -12429,14 +12448,14 @@ function getCurrentColWidth(view, cellPos, { colspan, colwidth }) {
   }
   return domWidth / Math.max(1, parts);
 }
-function domCellAround(target) {
-  let node = target instanceof Node ? target : null;
+function domCellAround(view, target) {
+  let node = isCrossRealmNode(target) ? target : null;
   while (node && node.nodeName !== "TD" && node.nodeName !== "TH") {
-    const element = node instanceof Element ? node : null;
+    const element = isCrossRealmElement(node) ? node : null;
     if (element?.classList.contains("ProseMirror")) return null;
     node = node.parentNode;
   }
-  return node instanceof HTMLElement ? node : null;
+  return isCrossRealmHTMLElement(node) ? node : null;
 }
 function edgeCell(view, event, side, handleWidth) {
   const offset = side === "right" ? -handleWidth : handleWidth;
@@ -12454,12 +12473,14 @@ function edgeCell(view, event, side, handleWidth) {
   return index % map.width === 0 ? -1 : start + map.map[index - 1];
 }
 var handleHoverTimer = null;
+var handleHoverWindow = null;
 var pendingHandleCell = -1;
 function clearHandleHoverTimer() {
   if (handleHoverTimer !== null) {
-    window.clearTimeout(handleHoverTimer);
+    handleHoverWindow?.clearTimeout(handleHoverTimer);
     handleHoverTimer = null;
   }
+  handleHoverWindow = null;
   pendingHandleCell = -1;
 }
 function updateHandle(view, value) {
@@ -12469,7 +12490,7 @@ function handleMouseMove(view, event, handleWidth, lastColumnResizable) {
   if (!view.editable) return;
   const pluginState = import_tables2.columnResizingPluginKey.getState(view.state);
   if (!pluginState || pluginState.dragging) return;
-  const target = domCellAround(event.target);
+  const target = domCellAround(view, event.target);
   let cell = -1;
   if (target) {
     const { left, right } = target.getBoundingClientRect();
@@ -12505,7 +12526,10 @@ function handleMouseMove(view, event, handleWidth, lastColumnResizable) {
   if (pendingHandleCell === cell) return;
   clearHandleHoverTimer();
   pendingHandleCell = cell;
-  handleHoverTimer = window.setTimeout(() => {
+  const ownerWindow = view.dom.ownerDocument.defaultView;
+  if (!ownerWindow) return;
+  handleHoverWindow = ownerWindow;
+  handleHoverTimer = ownerWindow.setTimeout(() => {
     handleHoverTimer = null;
     pendingHandleCell = -1;
     updateHandle(view, cell);
@@ -12577,7 +12601,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;
-  return dom instanceof HTMLTableElement ? dom : null;
+  return isCrossRealmTable(dom) ? dom : null;
 }
 function showColumnResizeGhost(view, cell, dragging, width) {
   const table = getTableElementAtCell(view, cell);
@@ -12634,7 +12658,8 @@ function handleMouseDown(view, event, cellMinWidth) {
   event.preventDefault();
   return true;
 }
-function handleDecorations(state, cell) {
+function handleDecorations(state, cell, ownerDocument) {
+  if (!ownerDocument) return import_view2.DecorationSet.empty;
   const decorations = [];
   const $cell = state.doc.resolve(cell);
   const table = $cell.node(-1);
@@ -12651,7 +12676,7 @@ function handleDecorations(state, cell) {
       const cellNode = table.nodeAt(cellPos);
       if (!cellNode) continue;
       const pos = start + cellPos + cellNode.nodeSize - 1;
-      const dom = document.createElement("div");
+      const dom = ownerDocument.createElement("div");
       dom.className = "column-resize-handle";
       if (import_tables2.columnResizingPluginKey.getState(state)?.dragging) {
         decorations.push(import_view2.Decoration.node(start + cellPos, start + cellPos + cellNode.nodeSize, { class: "column-resize-dragging" }));
@@ -12668,6 +12693,7 @@ function dynamicColumnResizing({
   View = UEditorTableView,
   lastColumnResizable = true
 } = {}) {
+  let ownerDocument = null;
   const plugin = new import_state6.Plugin({
     key: import_tables2.columnResizingPluginKey,
     state: {
@@ -12675,7 +12701,10 @@ function dynamicColumnResizing({
         const nodeViews = plugin.spec.props?.nodeViews;
         const tableName = (0, import_tables2.tableNodeTypes)(state.schema).table.name;
         if (View && nodeViews) {
-          nodeViews[tableName] = (node, view) => new View(node, defaultCellMinWidth, view);
+          nodeViews[tableName] = (node, view) => {
+            ownerDocument = view.dom.ownerDocument;
+            return new View(node, defaultCellMinWidth, view);
+          };
         }
         return new import_tables2.ResizeState(-1, false);
       },
@@ -12700,7 +12729,7 @@ function dynamicColumnResizing({
       decorations: (state) => {
         const pluginState = import_tables2.columnResizingPluginKey.getState(state);
         if (pluginState && pluginState.activeHandle > -1) {
-          return handleDecorations(state, pluginState.activeHandle);
+          return handleDecorations(state, pluginState.activeHandle, ownerDocument);
         }
         return void 0;
       },
@@ -20922,20 +20951,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);
@@ -21219,8 +21244,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,
@@ -21721,7 +21745,7 @@ function TableResizeHandles({
       "data-table-resize-frame": "",
       "data-resizing": active ? "true" : "false",
       className: cn(
-        "pointer-events-none absolute z-[38] box-border border border-primary/55",
+        "pointer-events-none absolute z-[38] box-border border border-transparent",
         active && "border-primary bg-primary/3"
       ),
       style: {
@@ -21949,7 +21973,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);
@@ -23018,12 +23042,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;
@@ -23031,7 +23055,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;
@@ -23087,18 +23111,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();