@underverse-ui/underverse 2.0.23 → 2.0.25

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

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

package/dist/ueditor.cjs

@@ -5787,7 +5787,8 @@ var init_DropdownMenu = __esm({
       openOnHover = false,
       hoverCloseDelay = 120,
       items,
-      borderMode
+      borderMode,
+      getPortalContainer
     }) => {
       const [internalOpen, setInternalOpen] = (0, import_react29.useState)(false);
       const open = isOpen !== void 0 ? isOpen : internalOpen;
@@ -6020,6 +6021,7 @@ var init_DropdownMenu = __esm({
           placement,
           disabled,
           borderMode: resolvedBorderMode,
+          getPortalContainer,
           contentClassName: cn("p-1", contentClassName),
           children: menuBody
         }
@@ -6080,7 +6082,7 @@ var init_DropdownMenu = __esm({
       );
     };
     DropdownMenuSeparator = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("h-px bg-border my-1", className) });
-    DropdownMenuSub = ({ label, icon: Icon, disabled, borderMode, children }) => {
+    DropdownMenuSub = ({ label, icon: Icon, disabled, borderMode, getPortalContainer, children }) => {
       const globalConfig = useUnderverseUIConfig();
       const resolvedBorderMode = borderMode ?? globalConfig.dropdownMenu?.borderMode ?? globalConfig.borderMode;
       return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
@@ -6108,6 +6110,7 @@ var init_DropdownMenu = __esm({
           ),
           placement: "right",
           openOnHover: true,
+          getPortalContainer,
           children
         }
       );
@@ -20918,6 +20921,22 @@ init_table_dom_utils();
 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);
+}
+function isTableRowElement(element) {
+  const realm = element?.ownerDocument?.defaultView;
+  return Boolean(realm && element instanceof realm.HTMLTableRowElement);
+}
+function isTableElement(element) {
+  const realm = element?.ownerDocument?.defaultView;
+  return Boolean(realm && element instanceof realm.HTMLTableElement);
+}
+function isHTMLElement(element) {
+  const realm = element?.ownerDocument?.defaultView;
+  return Boolean(realm && element instanceof realm.HTMLElement);
+}
 function getVisibleTableBounds(layout) {
   const left = Math.max(layout.tableLeft, layout.wrapperLeft);
   const top = Math.max(layout.tableTop, layout.wrapperTop);
@@ -20942,23 +20961,23 @@ function parsePixelMetric(value) {
 }
 function getPrimaryCell(table) {
   const cell = table.querySelector("th,td");
-  return cell instanceof HTMLTableCellElement ? cell : null;
+  return isTableCellElement(cell) ? cell : null;
 }
 function getLastCell(table) {
   const lastRow = table.rows.item(table.rows.length - 1);
-  if (!(lastRow instanceof HTMLTableRowElement)) return null;
+  if (!isTableRowElement(lastRow)) return null;
   const cell = lastRow.cells.item(lastRow.cells.length - 1);
-  return cell instanceof HTMLTableCellElement ? cell : null;
+  return isTableCellElement(cell) ? cell : null;
 }
 function getCellFromTarget(target) {
   const element = resolveEventElement(target);
   if (!element) return null;
   const directCell = element.closest("th,td");
-  if (directCell instanceof HTMLTableCellElement) {
+  if (isTableCellElement(directCell)) {
     return directCell;
   }
   const table = element.closest("table");
-  if (table instanceof HTMLTableElement) {
+  if (isTableElement(table)) {
     return getPrimaryCell(table);
   }
   return null;
@@ -21004,7 +21023,7 @@ function buildLogicalColumnMetrics({
   const visualColumns = [];
   if (firstRow) {
     for (const tableCell of Array.from(firstRow.cells)) {
-      if (!(tableCell instanceof HTMLTableCellElement)) continue;
+      if (!isTableCellElement(tableCell)) continue;
       const cellPos = editor.view.posAtDOM(tableCell, 0);
       const relativeCellPos = getCellRelativePosFromDomPos(map, tableInfo.start, cellPos);
       if (relativeCellPos == null) continue;
@@ -21061,7 +21080,8 @@ function buildLogicalRowMetrics({
     seenCellPositions.add(relativeCellPos);
     const cellMapRect = map.findCell(relativeCellPos);
     const cellDom = editor.view.nodeDOM(tableInfo.start + relativeCellPos);
-    const tableCell = cellDom instanceof HTMLTableCellElement ? cellDom : null;
+    const cellCandidate = cellDom;
+    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;
@@ -21111,14 +21131,14 @@ function getTableCellTextSelectionRange(editor, cellPos) {
 function buildTableControlLayout(editor, surface, cell) {
   const row = cell.closest("tr");
   const table = cell.closest("table");
-  if (!(row instanceof HTMLTableRowElement) || !(table instanceof HTMLTableElement)) {
+  if (!isTableRowElement(row) || !isTableElement(table)) {
     return null;
   }
-  const rows = Array.from(table.rows).filter((item) => item instanceof HTMLTableRowElement);
+  const rows = Array.from(table.rows).filter(isTableRowElement);
   const cornerCell = getLastCell(table);
   const cellPos = editor.view.posAtDOM(cell, 0);
   const tableInfo = findTableInfo(editor, cellPos);
-  if (rows.length === 0 || !tableInfo || !(cornerCell instanceof HTMLTableCellElement)) {
+  if (rows.length === 0 || !tableInfo || !isTableCellElement(cornerCell)) {
     return null;
   }
   const map = TableMap4.get(tableInfo.node);
@@ -21129,7 +21149,7 @@ function buildTableControlLayout(editor, surface, cell) {
   const explicitRowHeights = rows.map((tableRow) => parsePixelMetric(tableRow.getAttribute("data-row-height")) ?? parsePixelMetric(tableRow.style.height));
   const explicitTableHeight = explicitRowHeights.every((height) => height !== null) ? explicitRowHeights.reduce((sum, height) => sum + height, 0) : null;
   const wrapperElement = table.closest(".tableWrapper");
-  const wrapper = wrapperElement instanceof HTMLElement ? wrapperElement : null;
+  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;
@@ -21198,6 +21218,10 @@ var COLUMN_HANDLE_HOVER_HEIGHT = 28;
 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);
+}
 var DEFAULT_TABLE_HOVER_STATE = {
   menuVisible: false,
   addColumnVisible: false,
@@ -21225,8 +21249,8 @@ function buildTableHoverState({
   const directTableMenu = targetElement?.closest?.("[data-table-control='table-menu']");
   const directAddColumn = targetElement?.closest?.("[data-table-control='add-column']");
   const directAddRow = targetElement?.closest?.("[data-table-control='add-row']");
-  const directRowHandleIndex = directRowHandle instanceof HTMLElement && relativeX <= layout.tableLeft ? Number.parseInt(directRowHandle.dataset.rowHandleIndex ?? "", 10) : Number.NaN;
-  const directColumnHandleIndex = directColumnHandle instanceof HTMLElement && relativeY <= layout.tableTop ? Number.parseInt(directColumnHandle.dataset.columnHandleIndex ?? "", 10) : Number.NaN;
+  const directRowHandleIndex = isHTMLElement2(directRowHandle) && relativeX <= layout.tableLeft ? Number.parseInt(directRowHandle.dataset.rowHandleIndex ?? "", 10) : Number.NaN;
+  const directColumnHandleIndex = isHTMLElement2(directColumnHandle) && relativeY <= layout.tableTop ? Number.parseInt(directColumnHandle.dataset.columnHandleIndex ?? "", 10) : Number.NaN;
   const visibleBounds = getVisibleTableBounds(layout);
   const rowRailTop = layout.wrapperTop + layout.wrapperHeight;
   const isMouseInTable = relativeX >= layout.tableLeft && relativeX <= layout.tableLeft + layout.tableWidth && relativeY >= layout.tableTop && relativeY <= layout.tableTop + layout.tableHeight;