@underverse-ui/underverse 1.0.204 → 1.0.206

package/dist/ueditor.cjs

@@ -378,7 +378,9 @@ var init_en = __esm({
           alignVerticalBottom: "Bottom Align",
           textDirection: "Text Direction",
           horizontalText: "Horizontal Text",
-          verticalText: "Vertical Text"
+          verticalText: "Vertical Text",
+          wrapText: "Wrap Text",
+          noWrapText: "Don't Wrap Text"
         },
         callout: {
           selectEmoji: "Select Emoji",
@@ -834,7 +836,9 @@ var init_vi = __esm({
           alignVerticalBottom: "C\u0103n d\u01B0\u1EDBi",
           textDirection: "H\u01B0\u1EDBng ch\u1EEF",
           horizontalText: "Ch\u1EEF ngang",
-          verticalText: "Ch\u1EEF d\u1ECDc"
+          verticalText: "Ch\u1EEF d\u1ECDc",
+          wrapText: "T\u1EF1 xu\u1ED1ng d\xF2ng",
+          noWrapText: "Kh\xF4ng xu\u1ED1ng d\xF2ng"
         },
         callout: {
           selectEmoji: "Ch\u1ECDn Bi\u1EC3u t\u01B0\u1EE3ng",
@@ -1290,7 +1294,9 @@ var init_ko = __esm({
           alignVerticalBottom: "\uC544\uB798\uCABD \uB9DE\uCDA4",
           textDirection: "\uD14D\uC2A4\uD2B8 \uBC29\uD5A5",
           horizontalText: "\uAC00\uB85C\uC4F0\uAE30",
-          verticalText: "\uC138\uB85C\uC4F0\uAE30"
+          verticalText: "\uC138\uB85C\uC4F0\uAE30",
+          wrapText: "\uD14D\uC2A4\uD2B8 \uC904 \uBC14\uAFC8",
+          noWrapText: "\uC904 \uBC14\uAFC8 \uC548 \uD568"
         },
         callout: {
           selectEmoji: "\uC774\uBAA8\uC9C0 \uC120\uD0DD",
@@ -1746,7 +1752,9 @@ var init_ja = __esm({
           alignVerticalBottom: "\u4E0B\u63C3\u3048",
           textDirection: "\u6587\u5B57\u65B9\u5411",
           horizontalText: "\u6A2A\u66F8\u304D",
-          verticalText: "\u7E26\u66F8\u304D"
+          verticalText: "\u7E26\u66F8\u304D",
+          wrapText: "\u30C6\u30AD\u30B9\u30C8\u3092\u6298\u308A\u8FD4\u3059",
+          noWrapText: "\u6298\u308A\u8FD4\u3055\u306A\u3044"
         },
         callout: {
           selectEmoji: "\u7D75\u6587\u5B57\u3092\u9078\u629E",
@@ -1911,12 +1919,14 @@ var init_TranslationContext = __esm({
     TranslationContext = React2.createContext(null);
     useUnderverseTranslations = (namespace) => {
       const context = React2.useContext(TranslationContext);
-      if (!context) {
-        return (key) => {
-          return getUnderverseDefaultTranslation("en", namespace, key);
-        };
-      }
-      return context.t(namespace);
+      return React2.useMemo(() => {
+        if (!context) {
+          return (key) => {
+            return getUnderverseDefaultTranslation("en", namespace, key);
+          };
+        }
+        return context.t(namespace);
+      }, [context, namespace]);
     };
     useUnderverseLocale = () => {
       const context = React2.useContext(TranslationContext);
@@ -1982,10 +1992,10 @@ function useSmartTranslations(namespace) {
       setEnvironmentLocale(detected);
     }
   }, [forceInternal, internalLocale, nextIntlBridge]);
-  if (forceInternal) {
-    return internalT;
-  }
-  return (key) => {
+  return React4.useCallback((key) => {
+    if (forceInternal) {
+      return internalT(key);
+    }
     const resolvedEnvironmentLocale = environmentLocale && environmentLocale !== internalLocale ? environmentLocale : null;
     const primaryLocale = nextIntlBridge?.locale ?? resolvedEnvironmentLocale ?? internalLocale;
     const fallbackLocale = resolvedEnvironmentLocale && resolvedEnvironmentLocale !== primaryLocale ? resolvedEnvironmentLocale : null;
@@ -2014,7 +2024,7 @@ function useSmartTranslations(namespace) {
       return internalValue;
     }
     return key;
-  };
+  }, [environmentLocale, forceInternal, internalLocale, internalT, namespace, nextIntlBridge]);
 }
 var React4, import_jsx_runtime4, ForceInternalContext;
 var init_useSmartTranslations = __esm({
@@ -4993,6 +5003,25 @@ function resolveEventElement(target) {
   if (target instanceof Node) return target.parentElement;
   return null;
 }
+function isPointOverRenderedText(root, clientX, clientY) {
+  const view = root.ownerDocument.defaultView;
+  if (!view) return false;
+  const walker = root.ownerDocument.createTreeWalker(root, view.NodeFilter.SHOW_TEXT);
+  let textNode = walker.nextNode();
+  while (textNode) {
+    if (textNode.textContent?.length) {
+      const range = root.ownerDocument.createRange();
+      range.selectNodeContents(textNode);
+      const textRects = Array.from(range.getClientRects());
+      range.detach?.();
+      if (textRects.some((rect) => clientX >= rect.left && clientX <= rect.right && clientY >= rect.top && clientY <= rect.bottom)) {
+        return true;
+      }
+    }
+    textNode = walker.nextNode();
+  }
+  return false;
+}
 function getSelectionTableCell(view) {
   const browserSelection = window.getSelection();
   const anchorElement = resolveEventElement(browserSelection?.anchorNode ?? null);
@@ -5116,16 +5145,19 @@ function applyTableAlignment(editor, tableAlign, anchorPos) {
   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) {
+    tableElement.style.tableLayout = "fixed";
+    if (tableElement.style.width === "max-content") {
+      tableElement.style.removeProperty("width");
+    }
+    if (tableElement.style.maxWidth === "100%") {
+      tableElement.style.removeProperty("max-width");
+    }
     if (tableAlign) {
       tableElement.setAttribute("data-table-align", tableAlign);
-      tableElement.style.width = "max-content";
-      tableElement.style.maxWidth = "100%";
       tableElement.style.marginLeft = tableAlign === "center" || tableAlign === "right" ? "auto" : "0";
       tableElement.style.marginRight = tableAlign === "center" ? "auto" : tableAlign === "right" ? "0" : "auto";
     } else {
       tableElement.removeAttribute("data-table-align");
-      tableElement.style.removeProperty("width");
-      tableElement.style.removeProperty("max-width");
       tableElement.style.removeProperty("margin-left");
       tableElement.style.removeProperty("margin-right");
     }
@@ -6640,6 +6672,7 @@ function computeEditorUiRenderState(editor) {
       formula: tableCell.formula ?? tableHeader.formula ?? null,
       numberFormat: tableCell.numberFormat ?? tableHeader.numberFormat ?? null,
       textDirection: tableCell.textDirection ?? tableHeader.textDirection ?? null,
+      textWrap: tableCell.textWrap ?? tableHeader.textWrap ?? "wrap",
       verticalAlign: tableCell.verticalAlign ?? tableHeader.verticalAlign ?? null
     },
     can: {
@@ -6851,6 +6884,7 @@ var init_toolbar = __esm({
       const canSplitCell = hasTableContext && editor.can().splitCell();
       const currentCellVerticalAlign = normalizeStyleValue(editor.getAttributes("tableCell").verticalAlign || editor.getAttributes("tableHeader").verticalAlign) || "";
       const currentCellTextDirection = normalizeStyleValue(editor.getAttributes("tableCell").textDirection || editor.getAttributes("tableHeader").textDirection) || "horizontal";
+      const currentCellTextWrap = normalizeStyleValue(editor.getAttributes("tableCell").textWrap || editor.getAttributes("tableHeader").textWrap) || "wrap";
       const currentFontFamily = normalizeStyleValue(textStyleAttrs.fontFamily);
       const currentFontSize = normalizeStyleValue(textStyleAttrs.fontSize);
       const currentTextColor = normalizeStyleValue(textStyleAttrs.color) || "inherit";
@@ -7361,33 +7395,44 @@ var init_toolbar = __esm({
                   ]
                 }
               ),
-              hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
-                DropdownMenu,
-                {
-                  trigger: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ToolbarButton, { onClick: () => {
-                  }, title: t("tableMenu.textDirection"), children: currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.ArrowRight, { className: "w-4 h-4" }) }),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                      DropdownMenuItem,
-                      {
-                        icon: import_lucide_react13.ArrowRight,
-                        label: t("tableMenu.horizontalText"),
-                        onClick: () => applyTableCellAttribute(editor, "textDirection", null),
-                        active: currentCellTextDirection === "horizontal"
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-                      DropdownMenuItem,
-                      {
-                        icon: import_lucide_react13.ArrowDown,
-                        label: t("tableMenu.verticalText"),
-                        onClick: () => applyTableCellAttribute(editor, "textDirection", "vertical"),
-                        active: currentCellTextDirection === "vertical"
-                      }
-                    )
-                  ]
-                }
-              )
+              hasTableContext && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                  DropdownMenu,
+                  {
+                    trigger: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ToolbarButton, { onClick: () => {
+                    }, title: t("tableMenu.textDirection"), children: currentCellTextDirection === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.ArrowDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.ArrowRight, { className: "w-4 h-4" }) }),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                        DropdownMenuItem,
+                        {
+                          icon: import_lucide_react13.ArrowRight,
+                          label: t("tableMenu.horizontalText"),
+                          onClick: () => applyTableCellAttribute(editor, "textDirection", null),
+                          active: currentCellTextDirection === "horizontal"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                        DropdownMenuItem,
+                        {
+                          icon: import_lucide_react13.ArrowDown,
+                          label: t("tableMenu.verticalText"),
+                          onClick: () => applyTableCellAttribute(editor, "textDirection", "vertical"),
+                          active: currentCellTextDirection === "vertical"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                  ToolbarButton,
+                  {
+                    onClick: () => applyTableCellAttribute(editor, "textWrap", currentCellTextWrap === "nowrap" ? "wrap" : "nowrap"),
+                    active: currentCellTextWrap !== "nowrap",
+                    title: currentCellTextWrap === "nowrap" ? t("tableMenu.wrapText") : t("tableMenu.noWrapText"),
+                    children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.WrapText, { className: "h-4 w-4" })
+                  }
+                )
+              ] })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ToolbarDivider, {}),
             /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
@@ -7774,8 +7819,6 @@ var init_editor_styles = __esm({
       "[&_table]:table-fixed",
       "[&_table]:overflow-hidden",
       "[&_table]:select-text",
-      "[&_table[data-table-align]]:w-max",
-      "[&_table[data-table-align]]:max-w-full",
       "[&_table[data-table-align='center']]:mx-auto",
       "[&_table[data-table-align='right']]:ml-auto",
       "[&_table[data-table-align='right']]:mr-0",
@@ -7785,6 +7828,11 @@ var init_editor_styles = __esm({
       "[&_td]:select-text",
       "[&_td]:px-2",
       "[&_td]:py-0",
+      "[&_td]:whitespace-normal",
+      "[&_td]:[overflow-wrap:anywhere]",
+      "[&_td]:[word-break:normal]",
+      "[&_td[data-text-wrap='nowrap']]:whitespace-nowrap",
+      "[&_td[data-text-wrap='nowrap']]:[overflow-wrap:normal]",
       "[&_td_p]:my-0",
       "[&_th]:relative",
       "[&_th]:align-top",
@@ -7792,6 +7840,11 @@ var init_editor_styles = __esm({
       "[&_th]:select-text",
       "[&_th]:px-2",
       "[&_th]:py-0",
+      "[&_th]:whitespace-normal",
+      "[&_th]:[overflow-wrap:anywhere]",
+      "[&_th]:[word-break:normal]",
+      "[&_th[data-text-wrap='nowrap']]:whitespace-nowrap",
+      "[&_th[data-text-wrap='nowrap']]:[overflow-wrap:normal]",
       "[&_th_p]:my-0",
       "[&_td[data-formula]]:pr-7",
       "[&_th[data-formula]]:pr-7",
@@ -7925,12 +7978,12 @@ var init_editor_styles = __esm({
 });
 
 // src/components/Modal.tsx
-var React28, import_react_dom4, import_lucide_react20, import_jsx_runtime35, sizeStyles, Modal, Modal_default;
+var React29, import_react_dom4, import_lucide_react20, import_jsx_runtime35, sizeStyles, Modal, Modal_default;
 var init_Modal = __esm({
   "src/components/Modal.tsx"() {
     "use strict";
     "use client";
-    React28 = __toESM(require("react"), 1);
+    React29 = __toESM(require("react"), 1);
     import_react_dom4 = require("react-dom");
     init_cn();
     import_lucide_react20 = require("lucide-react");
@@ -7967,17 +8020,17 @@ var init_Modal = __esm({
       const gi18n = useGlobalI18n();
       const globalConfig = useUnderverseUIConfig();
       const resolvedBorderMode = borderMode ?? globalConfig.borderMode;
-      const [isMounted, setIsMounted] = React28.useState(false);
-      const [isVisible, setIsVisible] = React28.useState(false);
-      const [isAnimating, setIsAnimating] = React28.useState(true);
-      const mouseDownTarget = React28.useRef(null);
-      const modalContentRef = React28.useRef(null);
-      React28.useEffect(() => {
+      const [isMounted, setIsMounted] = React29.useState(false);
+      const [isVisible, setIsVisible] = React29.useState(false);
+      const [isAnimating, setIsAnimating] = React29.useState(true);
+      const mouseDownTarget = React29.useRef(null);
+      const modalContentRef = React29.useRef(null);
+      React29.useEffect(() => {
         setIsMounted(true);
         return () => setIsMounted(false);
       }, []);
-      const animationRef = React28.useRef(false);
-      React28.useEffect(() => {
+      const animationRef = React29.useRef(false);
+      React29.useEffect(() => {
         if (isOpen) {
           if (animationRef.current) return;
           animationRef.current = true;
@@ -7997,7 +8050,7 @@ var init_Modal = __esm({
           }
         }
       }, [isOpen, isVisible]);
-      React28.useEffect(() => {
+      React29.useEffect(() => {
         if (!isOpen || !closeOnEsc) return;
         const handleEscape = (event) => {
           if (event.key === "Escape") {
@@ -8007,7 +8060,7 @@ var init_Modal = __esm({
         document.addEventListener("keydown", handleEscape);
         return () => document.removeEventListener("keydown", handleEscape);
       }, [isOpen, closeOnEsc, onClose]);
-      React28.useEffect(() => {
+      React29.useEffect(() => {
         if (isOpen) {
           document.body.style.overflow = "hidden";
         } else {
@@ -9049,7 +9102,7 @@ var import_react45 = require("@tiptap/react");
 init_cn();
 
 // src/components/UEditor/extensions.ts
-var import_core19 = require("@tiptap/core");
+var import_core20 = require("@tiptap/core");
 var import_extension_document = require("@tiptap/extension-document");
 var import_extension_paragraph = require("@tiptap/extension-paragraph");
 var import_extension_text = require("@tiptap/extension-text");
@@ -9066,7 +9119,7 @@ var import_extension_task_list = require("@tiptap/extension-task-list");
 var import_extension_task_item = require("@tiptap/extension-task-item");
 var import_extension_blockquote = require("@tiptap/extension-blockquote");
 var import_extension_code = require("@tiptap/extension-code");
-var import_core20 = require("@tiptap/core");
+var import_core21 = require("@tiptap/core");
 var import_react28 = require("@tiptap/react");
 
 // src/components/UEditor/callout.ts
@@ -11889,6 +11942,7 @@ var Indent = import_core16.Extension.create({
 var indent_default = Indent;
 
 // src/components/UEditor/table-align.ts
+var import_core17 = require("@tiptap/core");
 var import_extension_table = require("@tiptap/extension-table");
 var import_state7 = require("@tiptap/pm/state");
 var import_tables3 = require("@tiptap/pm/tables");
@@ -11899,12 +11953,13 @@ var import_view2 = require("@tiptap/pm/view");
 var import_tables2 = require("@tiptap/pm/tables");
 var DEFAULT_TABLE_COLUMN_WIDTH = 100;
 var MIN_RESIZED_TABLE_COLUMN_WIDTH = 25;
-function getDynamicColumnMinWidth(startWidth, fallbackMinWidth) {
-  return Math.max(fallbackMinWidth, Math.round(startWidth / 3));
+function getColumnResizeMinWidth(configuredMinWidth) {
+  const normalizedMinWidth = Number.isFinite(configuredMinWidth) && configuredMinWidth > 0 ? Math.round(configuredMinWidth) : MIN_RESIZED_TABLE_COLUMN_WIDTH;
+  return Math.max(MIN_RESIZED_TABLE_COLUMN_WIDTH, normalizedMinWidth);
 }
 function setColumnStyle(column, width) {
   if (width == null) {
-    column.style.width = "";
+    column.style.width = `${DEFAULT_TABLE_COLUMN_WIDTH}px`;
     column.style.minWidth = `${DEFAULT_TABLE_COLUMN_WIDTH}px`;
     return;
   }
@@ -11916,7 +11971,6 @@ function isTableColumnElement(node) {
 }
 function updateDynamicColumns(node, colgroup, table, overrideCol, overrideValue) {
   let totalWidth = 0;
-  let fixedWidth = true;
   let nextDOM = colgroup.firstChild;
   const row = node.firstChild;
   if (row) {
@@ -11926,9 +11980,6 @@ 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;
-        if (!width) {
-          fixedWidth = false;
-        }
         const colElement = isTableColumnElement(nextDOM) ? nextDOM : colgroup.appendChild(document.createElement("col"));
         setColumnStyle(colElement, width);
         nextDOM = colElement.nextSibling;
@@ -11941,11 +11992,10 @@ function updateDynamicColumns(node, colgroup, table, overrideCol, overrideValue)
     nextDOM = after;
   }
   const hasUserWidth = typeof node.attrs.style === "string" && /\bwidth\s*:/i.test(node.attrs.style);
-  if (fixedWidth && !hasUserWidth) {
+  if (!hasUserWidth) {
     table.style.width = `${totalWidth}px`;
     table.style.minWidth = "";
   } else {
-    table.style.width = "";
     table.style.minWidth = `${totalWidth}px`;
   }
 }
@@ -11958,6 +12008,7 @@ var UEditorTableView = class {
     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"));
@@ -12139,7 +12190,7 @@ function handleMouseDown(view, event, cellMinWidth) {
     colspan: attrs.colspan ?? 1,
     colwidth: attrs.colwidth
   });
-  const minWidth = getDynamicColumnMinWidth(width, cellMinWidth);
+  const minWidth = getColumnResizeMinWidth(cellMinWidth);
   const dragging = {
     startX: event.clientX,
     startWidth: width,
@@ -12268,15 +12319,37 @@ function parseTableAlign(element) {
 function renderTableAlignStyle(tableAlign) {
   switch (tableAlign) {
     case "center":
-      return "width: max-content; max-width: 100%; margin-left: auto; margin-right: auto;";
+      return "table-layout: fixed; margin-left: auto; margin-right: auto;";
     case "right":
-      return "width: max-content; max-width: 100%; margin-left: auto; margin-right: 0;";
+      return "table-layout: fixed; margin-left: auto; margin-right: 0;";
     case "left":
-      return "width: max-content; max-width: 100%; margin-left: 0; margin-right: auto;";
+      return "table-layout: fixed; margin-left: 0; margin-right: auto;";
     default:
       return "";
   }
 }
+function createUEditorColGroup(node) {
+  const columns = [];
+  let totalWidth = 0;
+  const firstRow = node.firstChild;
+  if (firstRow) {
+    for (let cellIndex = 0; cellIndex < firstRow.childCount; cellIndex += 1) {
+      const cell = firstRow.child(cellIndex);
+      const colspan = Math.max(1, Number(cell.attrs.colspan) || 1);
+      const colwidth = Array.isArray(cell.attrs.colwidth) ? cell.attrs.colwidth : [];
+      for (let spanIndex = 0; spanIndex < colspan; spanIndex += 1) {
+        const storedWidth = Number(colwidth[spanIndex]);
+        const width = Number.isFinite(storedWidth) && storedWidth > 0 ? Math.max(MIN_RESIZED_TABLE_COLUMN_WIDTH, Math.round(storedWidth)) : DEFAULT_TABLE_COLUMN_WIDTH;
+        totalWidth += width;
+        columns.push(["col", { style: `width: ${width}px; min-width: ${width}px;`, width: String(width) }]);
+      }
+    }
+  }
+  return {
+    colgroup: ["colgroup", {}, ...columns],
+    tableWidth: totalWidth > 0 ? `${totalWidth}px` : ""
+  };
+}
 var UEditorTable = import_extension_table.Table.extend({
   addGlobalAttributes() {
     return [
@@ -12330,6 +12403,18 @@ var UEditorTable = import_extension_table.Table.extend({
       }
     };
   },
+  renderHTML({ node, HTMLAttributes }) {
+    const { colgroup, tableWidth } = createUEditorColGroup(node);
+    const table = [
+      "table",
+      (0, import_core17.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, {
+        style: tableWidth ? `width: ${tableWidth};` : "table-layout: fixed;"
+      }),
+      colgroup,
+      ["tbody", 0]
+    ];
+    return this.options.renderWrapper ? ["div", { class: "tableWrapper" }, table] : table;
+  },
   addProseMirrorPlugins() {
     const isResizable = this.options.resizable && this.editor.isEditable;
     return [
@@ -12483,7 +12568,7 @@ var CodeBlockView = ({
 };
 
 // src/components/UEditor/optimized-lowlight.ts
-var import_core17 = require("@tiptap/core");
+var import_core18 = require("@tiptap/core");
 var import_state8 = require("@tiptap/pm/state");
 var import_view3 = require("@tiptap/pm/view");
 function parseHighlightNodes(nodes, inheritedClasses = []) {
@@ -12530,7 +12615,7 @@ function buildLowlightDecorations({
   nodeName
 }) {
   const decorations = [];
-  for (const block of (0, import_core17.findChildren)(doc, (node) => node.type.name === nodeName)) {
+  for (const block of (0, import_core18.findChildren)(doc, (node) => node.type.name === nodeName)) {
     let from = block.pos + 1;
     const language = block.node.attrs.language || defaultLanguage;
     const result = highlightCode(lowlight, language, block.node.textContent);
@@ -12671,7 +12756,7 @@ function createOptimizedLowlightPlugin({
 }
 
 // src/components/UEditor/table-formula-recalculation.ts
-var import_core18 = require("@tiptap/core");
+var import_core19 = require("@tiptap/core");
 var import_state11 = require("@tiptap/pm/state");
 
 // src/components/UEditor/table-formula-commands.ts
@@ -13695,7 +13780,7 @@ function recalculateAllTableFormulas(editor) {
 }
 
 // src/components/UEditor/table-formula-recalculation.ts
-var TableFormulaRecalculation = import_core18.Extension.create({
+var TableFormulaRecalculation = import_core19.Extension.create({
   name: "tableFormulaRecalculation",
   addProseMirrorPlugins() {
     return [
@@ -13726,6 +13811,21 @@ function getFormulaStateAttributes(attributes) {
     "data-formula-state": computedValue.startsWith("#") ? "error" : "computed"
   };
 }
+function normalizeTableCellTextWrap(value) {
+  return value === "nowrap" ? "nowrap" : "wrap";
+}
+function parseTableCellTextWrap(element) {
+  if (element.getAttribute("data-text-wrap") === "nowrap" || element.style.whiteSpace === "nowrap") {
+    return "nowrap";
+  }
+  return "wrap";
+}
+function renderTableCellTextWrap(attributes) {
+  return normalizeTableCellTextWrap(attributes.textWrap) === "nowrap" ? { "data-text-wrap": "nowrap" } : {};
+}
+function getTableCellTextWrapStyle(value) {
+  return normalizeTableCellTextWrap(value) === "nowrap" ? "white-space: nowrap; overflow-wrap: normal; word-break: normal" : "white-space: normal; overflow-wrap: anywhere; word-break: normal";
+}
 var CustomTableCell = import_extension_table_cell.TableCell.extend({
   addAttributes() {
     return {
@@ -13826,6 +13926,11 @@ var CustomTableCell = import_extension_table_cell.TableCell.extend({
         default: null,
         parseHTML: (element) => element.getAttribute("data-text-direction") === "vertical" || ["sideways-lr", "vertical-lr", "vertical-rl"].includes(element.style.writingMode) ? "vertical" : null,
         renderHTML: (attributes) => attributes.textDirection === "vertical" ? { "data-text-direction": "vertical" } : {}
+      },
+      textWrap: {
+        default: "wrap",
+        parseHTML: parseTableCellTextWrap,
+        renderHTML: renderTableCellTextWrap
       }
     };
   },
@@ -13837,6 +13942,7 @@ var CustomTableCell = import_extension_table_cell.TableCell.extend({
     const borderWidth = HTMLAttributes["data-border-width"];
     const verticalAlign = HTMLAttributes["data-vertical-align"];
     const textDirection = HTMLAttributes["data-text-direction"];
+    const textWrap = HTMLAttributes["data-text-wrap"];
     let mergedStyle = style;
     if (bg) mergedStyle += `; background-color: ${bg}`;
     if (borderColor) mergedStyle += `; border-color: ${borderColor}`;
@@ -13844,10 +13950,11 @@ var CustomTableCell = import_extension_table_cell.TableCell.extend({
     if (borderWidth) mergedStyle += `; border-width: ${borderWidth}`;
     if (verticalAlign) mergedStyle += `; vertical-align: ${verticalAlign}`;
     if (textDirection === "vertical") mergedStyle += "; writing-mode: sideways-lr; text-orientation: mixed";
+    mergedStyle += `; ${getTableCellTextWrapStyle(textWrap)}`;
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "td",
-      (0, import_core19.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
+      (0, import_core20.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -13952,6 +14059,11 @@ var CustomTableHeader = import_extension_table_header.TableHeader.extend({
         default: null,
         parseHTML: (element) => element.getAttribute("data-text-direction") === "vertical" || ["sideways-lr", "vertical-lr", "vertical-rl"].includes(element.style.writingMode) ? "vertical" : null,
         renderHTML: (attributes) => attributes.textDirection === "vertical" ? { "data-text-direction": "vertical" } : {}
+      },
+      textWrap: {
+        default: "wrap",
+        parseHTML: parseTableCellTextWrap,
+        renderHTML: renderTableCellTextWrap
       }
     };
   },
@@ -13963,6 +14075,7 @@ var CustomTableHeader = import_extension_table_header.TableHeader.extend({
     const borderWidth = HTMLAttributes["data-border-width"];
     const verticalAlign = HTMLAttributes["data-vertical-align"];
     const textDirection = HTMLAttributes["data-text-direction"];
+    const textWrap = HTMLAttributes["data-text-wrap"];
     let mergedStyle = style;
     if (bg) mergedStyle += `; background-color: ${bg}`;
     if (borderColor) mergedStyle += `; border-color: ${borderColor}`;
@@ -13970,10 +14083,11 @@ var CustomTableHeader = import_extension_table_header.TableHeader.extend({
     if (borderWidth) mergedStyle += `; border-width: ${borderWidth}`;
     if (verticalAlign) mergedStyle += `; vertical-align: ${verticalAlign}`;
     if (textDirection === "vertical") mergedStyle += "; writing-mode: sideways-lr; text-orientation: mixed";
+    mergedStyle += `; ${getTableCellTextWrapStyle(textWrap)}`;
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "th",
-      (0, import_core19.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
+      (0, import_core20.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -13981,15 +14095,15 @@ var CustomTableHeader = import_extension_table_header.TableHeader.extend({
 var CustomTaskList = import_extension_task_list.TaskList.extend({
   addInputRules() {
     return [
-      (0, import_core20.wrappingInputRule)({
+      (0, import_core21.wrappingInputRule)({
         find: /^\s*(\[ \]|\[\])\s$/,
         type: this.type
       }),
-      (0, import_core20.wrappingInputRule)({
+      (0, import_core21.wrappingInputRule)({
         find: /^\s*(-\s*\[ \]|-\s*\[\])\s$/,
         type: this.type
       }),
-      (0, import_core20.wrappingInputRule)({
+      (0, import_core21.wrappingInputRule)({
         find: /^\s*(\*\s*\[ \]|-\s*\[\])\s$/,
         type: this.type
       })
@@ -14135,7 +14249,8 @@ function buildUEditorExtensions({
       handleWidth: 10,
       allowTableNodeSelection: true,
       HTMLAttributes: {
-        class: "border-collapse my-4"
+        class: "border-collapse my-4",
+        style: "table-layout: fixed;"
       }
     }),
     table_row_default,
@@ -14548,6 +14663,7 @@ var BubbleMenuContent = ({
   const [activeBorderPosition, setActiveBorderPosition] = (0, import_react35.useState)("all");
   const currentCellVerticalAlign = normalizeStyleValue(editor.getAttributes("tableCell").verticalAlign || editor.getAttributes("tableHeader").verticalAlign) || "";
   const currentCellTextDirection = normalizeStyleValue(editor.getAttributes("tableCell").textDirection || editor.getAttributes("tableHeader").textDirection) || "horizontal";
+  const currentCellTextWrap = normalizeStyleValue(editor.getAttributes("tableCell").textWrap || editor.getAttributes("tableHeader").textWrap) || "wrap";
   const isInTable3 = (0, import_tables8.isInTable)(editor.state);
   const canMergeCells = isInTable3 && editor.can().mergeCells();
   const canSplitCell = isInTable3 && editor.can().splitCell();
@@ -15208,6 +15324,20 @@ var BubbleMenuContent = ({
           children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react14.TableCellsMerge, { className: "w-4 h-4" })
         }
       ),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        ToolbarButton,
+        {
+          onClick: () => applyTableCellAttribute2(
+            editor,
+            "textWrap",
+            currentCellTextWrap === "nowrap" ? "wrap" : "nowrap",
+            { focus: false }
+          ),
+          active: currentCellTextWrap !== "nowrap",
+          title: currentCellTextWrap === "nowrap" ? t("tableMenu.wrapText") : t("tableMenu.noWrapText"),
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react14.WrapText, { className: "h-4 w-4" })
+        }
+      ),
       /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
         DropdownMenu,
         {
@@ -20432,6 +20562,22 @@ function buildLogicalRowMetrics({
     };
   });
 }
+function getTableCellTextSelectionRange(editor, cellPos) {
+  const cellNode = editor.state.doc.nodeAt(cellPos);
+  if (!cellNode || cellNode.type.name !== "tableCell" && cellNode.type.name !== "tableHeader") {
+    return null;
+  }
+  let from = null;
+  let to = null;
+  cellNode.descendants((node, relativePos) => {
+    if (!node.isText || node.nodeSize === 0) return true;
+    const textStart = cellPos + 1 + relativePos;
+    from ?? (from = textStart);
+    to = textStart + node.nodeSize;
+    return true;
+  });
+  return from !== null && to !== null && from < to ? { from, to } : null;
+}
 function buildTableControlLayout(editor, surface, cell) {
   const row = cell.closest("tr");
   const table = cell.closest("table");
@@ -20537,6 +20683,9 @@ function buildTableHoverState({
   layout,
   surface
 }) {
+  if (event.buttons !== 0) {
+    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;
@@ -20546,8 +20695,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 ? Number.parseInt(directRowHandle.dataset.rowHandleIndex ?? "", 10) : Number.NaN;
-  const directColumnHandleIndex = directColumnHandle instanceof HTMLElement ? Number.parseInt(directColumnHandle.dataset.columnHandleIndex ?? "", 10) : Number.NaN;
+  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 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;
@@ -20866,7 +21015,8 @@ function TableRowHandles({
         "data-row-handle-index": rowHandle.index,
         style: {
           top: Math.max(8, rowHandle.center - 12),
-          left: rowHandleLeft
+          left: rowHandleLeft,
+          pointerEvents: visible ? "auto" : "none"
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           Tooltip,
@@ -20899,7 +21049,10 @@ function TableRowHandles({
                     style: {
                       opacity: isShown ? 1 : 0,
                       transform: isShown ? "scale(1)" : `scale(${IDLE_HANDLE_SCALE})`,
-                      pointerEvents: isShown ? "auto" : "none"
+                      // The idle marker is only a location hint. Keeping it
+                      // pointer-transparent prevents it from stealing a text
+                      // selection near the first character of a table cell.
+                      pointerEvents: visible ? "auto" : "none"
                     },
                     children: visible ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react16.GripVertical, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "h-3 w-1 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
@@ -20937,7 +21090,8 @@ function TableColumnHandles({
         "data-column-handle-index": columnHandle.index,
         style: {
           top: columnHandleTop,
-          left: Math.max(8, columnHandle.center - 12)
+          left: Math.max(8, columnHandle.center - 12),
+          pointerEvents: visible ? "auto" : "none"
         },
         children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
           Tooltip,
@@ -20970,7 +21124,7 @@ function TableColumnHandles({
                     style: {
                       opacity: isShown ? 1 : 0,
                       transform: isShown ? "scale(1)" : `scale(${IDLE_HANDLE_SCALE})`,
-                      pointerEvents: isShown ? "auto" : "none"
+                      pointerEvents: visible ? "auto" : "none"
                     },
                     children: visible ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react16.GripHorizontal, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "h-1 w-3 rounded-full bg-muted-foreground/50 hover:bg-muted-foreground" })
                   }
@@ -21218,6 +21372,7 @@ function applyTableSize(editor, snapshot, dimensions) {
 // src/components/UEditor/table-controls.tsx
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var TABLE_MENU_TOP_OFFSET = 10;
+var AXIS_HANDLE_RADIUS = 12;
 function nearestIndex(centers, position) {
   let bestIndex = 0;
   let bestDistance = Number.POSITIVE_INFINITY;
@@ -21395,6 +21550,20 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
       const surface2 = containerRef.current;
       const nextLayout = surface2 ? buildTableControlLayout(editor, surface2, cell) : null;
       if (!nextLayout) return;
+      if (isPointOverRenderedText(cell, event.clientX, event.clientY)) {
+        const textSelection = getTableCellTextSelectionRange(editor, nextLayout.cellPos);
+        if (textSelection) {
+          event.preventDefault();
+          const didSelectText = editor.commands.setTextSelection(textSelection);
+          if (didSelectText) {
+            editor.view.focus();
+            layoutRef.current = nextLayout;
+            setLayout(nextLayout);
+            setHoverState(DEFAULT_TABLE_HOVER_STATE);
+            return;
+          }
+        }
+      }
       const didSelect = editor.commands.setCellSelection({
         anchorCell: nextLayout.cellPos,
         headCell: nextLayout.cellPos
@@ -21861,8 +22030,8 @@ function TableControls({ editor, containerRef, showCellInspector = true }) {
   }
   const menuTop = Math.max(8, layout.tableTop - TABLE_MENU_TOP_OFFSET);
   const menuLeft = Math.max(8, layout.tableLeft);
-  const rowHandleLeft = layout.tableLeft - 12;
-  const columnHandleTop = layout.tableTop - 12;
+  const rowHandleLeft = layout.tableLeft - AXIS_HANDLE_RADIUS;
+  const columnHandleTop = layout.tableTop - AXIS_HANDLE_RADIUS;
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       TableRowHandles,
@@ -23049,6 +23218,73 @@ function TableFormulaBar({ editor }) {
   );
 }
 
+// src/components/UEditor/use-editor-output.ts
+var React28 = __toESM(require("react"), 1);
+function normalizeDebounceMs(value) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0 ? value : 0;
+}
+function useUEditorOutput({
+  onChange,
+  onHtmlChange,
+  onJsonChange,
+  outputDebounceMs
+}) {
+  const callbacksRef = React28.useRef({});
+  const pendingEditorRef = React28.useRef(null);
+  const timeoutRef = React28.useRef(null);
+  const debounceMs = normalizeDebounceMs(outputDebounceMs);
+  callbacksRef.current = { onChange, onHtmlChange, onJsonChange };
+  const flushOutputUpdates = React28.useCallback(() => {
+    if (timeoutRef.current !== null) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    const editor = pendingEditorRef.current;
+    pendingEditorRef.current = null;
+    if (!editor || editor.isDestroyed) return;
+    const callbacks = callbacksRef.current;
+    if (callbacks.onChange || callbacks.onHtmlChange) {
+      const html = editor.getHTML();
+      callbacks.onChange?.(html);
+      callbacks.onHtmlChange?.(html);
+    }
+    if (callbacks.onJsonChange) {
+      callbacks.onJsonChange(editor.getJSON());
+    }
+  }, []);
+  const scheduleOutputUpdate = React28.useCallback((editor) => {
+    const callbacks = callbacksRef.current;
+    if (!callbacks.onChange && !callbacks.onHtmlChange && !callbacks.onJsonChange) return;
+    pendingEditorRef.current = editor;
+    if (timeoutRef.current !== null) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    if (debounceMs === 0) {
+      flushOutputUpdates();
+      return;
+    }
+    timeoutRef.current = setTimeout(flushOutputUpdates, debounceMs);
+  }, [debounceMs, flushOutputUpdates]);
+  React28.useEffect(() => {
+    if (!pendingEditorRef.current || timeoutRef.current === null) return;
+    clearTimeout(timeoutRef.current);
+    timeoutRef.current = debounceMs === 0 ? null : setTimeout(flushOutputUpdates, debounceMs);
+    if (debounceMs === 0) flushOutputUpdates();
+  }, [debounceMs, flushOutputUpdates]);
+  React28.useEffect(() => () => {
+    if (timeoutRef.current !== null) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    pendingEditorRef.current = null;
+  }, []);
+  return {
+    flushOutputUpdates,
+    scheduleOutputUpdate
+  };
+}
+
 // src/components/UEditor/UEditor.tsx
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var LazyMenuBar = import_react44.default.lazy(async () => {
@@ -23060,6 +23296,7 @@ var UEditor = import_react44.default.forwardRef(({
   onChange,
   onHtmlChange,
   onJsonChange,
+  outputDebounceMs = 0,
   uploadImage,
   uploadImageForSave,
   uploadImageConcurrency = 3,
@@ -23105,6 +23342,12 @@ var UEditor = import_react44.default.forwardRef(({
   const formulaRangePickRef = (0, import_react44.useRef)(null);
   const formulaRangeSurfaceRef = (0, import_react44.useRef)(null);
   const [formulaRangeHighlight, setFormulaRangeHighlight] = import_react44.default.useState(null);
+  const { flushOutputUpdates, scheduleOutputUpdate } = useUEditorOutput({
+    onChange,
+    onHtmlChange,
+    onJsonChange,
+    outputDebounceMs
+  });
   const scheduleFormulaRecalculate = import_react44.default.useCallback((editor2, options) => {
     if (editor2.isDestroyed || scheduledFormulaRecalculateRef.current) return;
     if (!options?.force && isEditingTableFormulaText(editor2)) return;
@@ -23246,14 +23489,7 @@ var UEditor = import_react44.default.forwardRef(({
           pendingFormulaTextRecalculateRef.current = false;
         }
       }
-      if (onChange || onHtmlChange) {
-        const html = editor2.getHTML();
-        onChange?.(html);
-        onHtmlChange?.(html);
-      }
-      if (onJsonChange) {
-        onJsonChange(editor2.getJSON());
-      }
+      scheduleOutputUpdate(editor2);
     },
     onSelectionUpdate: ({ editor: editor2 }) => {
       if (pendingFormulaTextRecalculateRef.current && !isEditingTableFormulaText(editor2)) {
@@ -23267,6 +23503,7 @@ var UEditor = import_react44.default.forwardRef(({
       const shouldRecalculate = pendingFormulaTextRecalculateRef.current;
       pendingFormulaTextRecalculateRef.current = false;
       if (shouldRecalculate) scheduleFormulaRecalculate(editor2, { force: true });
+      queueMicrotask(flushOutputUpdates);
     }
   });
   (0, import_react44.useEffect)(() => {