@underverse-ui/underverse 1.0.151 → 1.0.152

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.151",
+  "version": "1.0.152",
   "sourceEntry": "src/index.ts",
   "totalExports": 232,
   "exports": [

package/dist/index.cjs

@@ -26148,6 +26148,10 @@ function getTableCellAttrs(cell, styles, defaultBackgroundColor) {
   if (borderAttrs.borderColor) attrs.borderColor = borderAttrs.borderColor;
   if (borderAttrs.borderStyle) attrs.borderStyle = borderAttrs.borderStyle;
   if (borderAttrs.borderWidth) attrs.borderWidth = borderAttrs.borderWidth;
+  if (cell.getAttribute("data-cell-id")) attrs.cellId = cell.getAttribute("data-cell-id") ?? void 0;
+  if (cell.getAttribute("data-number-format")) attrs.numberFormat = cell.getAttribute("data-number-format") ?? void 0;
+  if (cell.getAttribute("data-formula")) attrs.formula = cell.getAttribute("data-formula") ?? void 0;
+  if (cell.getAttribute("data-computed-value")) attrs.computedValue = cell.getAttribute("data-computed-value") ?? void 0;
   if (colspan > 1) attrs.colspan = colspan;
   if (rowspan > 1) attrs.rowspan = rowspan;
   if (colwidth) attrs.colwidth = colwidth;
@@ -27775,6 +27779,16 @@ var CodeBlockView = ({
 };
 
 // src/components/UEditor/extensions.ts
+function getFormulaStateAttributes(attributes) {
+  const formula = attributes["data-formula"];
+  if (!formula) {
+    return {};
+  }
+  const computedValue = String(attributes["data-computed-value"] ?? "");
+  return {
+    "data-formula-state": computedValue.startsWith("#") ? "error" : "computed"
+  };
+}
 var CustomTableCell = import_extension_table_cell.default.extend({
   addAttributes() {
     return {
@@ -27877,7 +27891,7 @@ var CustomTableCell = import_extension_table_cell.default.extend({
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "td",
-      (0, import_core13.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, mergedStyle ? { style: mergedStyle } : {}),
+      (0, import_core13.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -27984,7 +27998,7 @@ var CustomTableHeader = import_extension_table_header.default.extend({
     mergedStyle = mergedStyle.replace(/^;/, "").trim();
     return [
       "th",
-      (0, import_core13.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, mergedStyle ? { style: mergedStyle } : {}),
+      (0, import_core13.mergeAttributes)(this.options.HTMLAttributes, HTMLAttributes, getFormulaStateAttributes(HTMLAttributes), mergedStyle ? { style: mergedStyle } : {}),
       0
     ];
   }
@@ -30005,6 +30019,99 @@ function getTableCellRangeLabels(range) {
 function normalizeTableFormula(formula) {
   return formula.trim().replace(/^=/, "").trim();
 }
+function formatFormulaError(error) {
+  return `#${error.toUpperCase()}`;
+}
+function getTableFormulaReferences(formula) {
+  const normalized = normalizeTableFormula(formula);
+  if (!normalized) return [];
+  const tokens = tokenizeFormula(normalized);
+  if (!tokens) return [];
+  const references = /* @__PURE__ */ new Set();
+  for (const token of tokens) {
+    if (token.type === "cell") {
+      references.add(token.value);
+    } else if (token.type === "range") {
+      const range = parseTableCellRange(token.value);
+      if (!range) continue;
+      for (const label of getTableCellRangeLabels(range)) {
+        references.add(label);
+      }
+    }
+  }
+  return Array.from(references);
+}
+function buildTableFormulaDependencyGraph(cells) {
+  const dependencies = /* @__PURE__ */ new Map();
+  const dependents = /* @__PURE__ */ new Map();
+  const formulas = /* @__PURE__ */ new Map();
+  for (const cell of cells) {
+    const label = cell.label.toUpperCase();
+    formulas.set(label, cell.formula);
+    dependencies.set(label, new Set(getTableFormulaReferences(cell.formula)));
+    if (!dependents.has(label)) {
+      dependents.set(label, /* @__PURE__ */ new Set());
+    }
+  }
+  for (const [label, refs] of dependencies) {
+    for (const ref of refs) {
+      if (!dependents.has(ref)) {
+        dependents.set(ref, /* @__PURE__ */ new Set());
+      }
+      dependents.get(ref)?.add(label);
+    }
+  }
+  return { dependencies, dependents, formulas };
+}
+function getTableFormulaCircularReferences(graph) {
+  const visiting = /* @__PURE__ */ new Set();
+  const visited = /* @__PURE__ */ new Set();
+  const circular = /* @__PURE__ */ new Set();
+  const stack = [];
+  const visit = (label) => {
+    if (visiting.has(label)) {
+      const start = stack.indexOf(label);
+      for (const cycleLabel of start >= 0 ? stack.slice(start) : [label]) {
+        circular.add(cycleLabel);
+      }
+      return;
+    }
+    if (visited.has(label)) return;
+    visiting.add(label);
+    stack.push(label);
+    for (const ref of graph.dependencies.get(label) ?? []) {
+      if (graph.formulas.has(ref)) {
+        visit(ref);
+      }
+    }
+    stack.pop();
+    visiting.delete(label);
+    visited.add(label);
+  };
+  for (const label of graph.formulas.keys()) {
+    visit(label);
+  }
+  return circular;
+}
+function getTableFormulaRecalculationOrder(graph) {
+  const circular = getTableFormulaCircularReferences(graph);
+  const visited = /* @__PURE__ */ new Set();
+  const order = [];
+  const visit = (label) => {
+    if (visited.has(label) || circular.has(label)) return;
+    visited.add(label);
+    for (const ref of graph.dependencies.get(label) ?? []) {
+      if (graph.formulas.has(ref)) {
+        visit(ref);
+      }
+    }
+    order.push(label);
+  };
+  for (const label of graph.formulas.keys()) {
+    visit(label);
+  }
+  return { order, circular };
+}
 function evaluateBasicTableFormula(formula, getCellValue) {
   const normalized = normalizeTableFormula(formula);
   if (!normalized) {
@@ -30209,6 +30316,7 @@ var FormulaParser = class {
 };
 
 // src/components/UEditor/table-formula-commands.ts
+var UEDITOR_TABLE_FORMULA_RECALCULATE_META = "ueditorTableFormulaRecalculate";
 function collectChildren2(node) {
   const children = [];
   node.forEach((child) => children.push(child));
@@ -30239,6 +30347,13 @@ function safeFindCell2(map, relativePos) {
 function getCellText(cellNode) {
   return cellNode.textBetween(0, cellNode.content.size, "\n").trim();
 }
+function createCellDisplayContent(cellNode, displayValue) {
+  const paragraphType = cellNode.type.schema.nodes.paragraph;
+  if (!paragraphType || !displayValue) {
+    return paragraphType ? [paragraphType.create()] : cellNode.content;
+  }
+  return [paragraphType.create(null, cellNode.type.schema.text(displayValue))];
+}
 function buildTableValueGetter(tableNode) {
   const map = import_tables2.TableMap.get(tableNode);
   const values = /* @__PURE__ */ new Map();
@@ -30253,6 +30368,20 @@ function buildTableValueGetter(tableNode) {
   }
   return (label) => values.get(label.toUpperCase());
 }
+function buildTableValueMap(tableNode) {
+  const map = import_tables2.TableMap.get(tableNode);
+  const values = /* @__PURE__ */ new Map();
+  for (const rowInfo of getTableRows2(tableNode)) {
+    for (const entry of rowInfo.cells) {
+      const rect = safeFindCell2(map, entry.relativePos);
+      if (!rect) continue;
+      const label = `${indexToColumnName(rect.left)}${rect.top + 1}`;
+      const computedValue = entry.node.attrs.computedValue;
+      values.set(label, typeof computedValue === "string" && computedValue.trim() ? computedValue : getCellText(entry.node));
+    }
+  }
+  return values;
+}
 function getFormulaComputedValue(formula, tableNode) {
   const result = evaluateBasicTableFormula(formula, buildTableValueGetter(tableNode));
   return result.error ? `#${result.error.toUpperCase()}` : String(result.value);
@@ -30289,37 +30418,132 @@ function setSelectedTableCellFormula(editor, formula) {
 function clearSelectedTableCellFormula(editor) {
   return setSelectedTableCellFormula(editor, "");
 }
-function recalculateSelectedTable(editor) {
-  const rect = (0, import_tables2.selectedRect)(editor.state);
-  const tableNode = rect.table;
-  const map = import_tables2.TableMap.get(tableNode);
-  const getCellValue = buildTableValueGetter(tableNode);
+function promoteFormulaTextInTableNode(tableNode) {
   let changed = false;
   const rows = getTableRows2(tableNode).map((rowInfo) => {
     const cells = collectChildren2(rowInfo.node);
+    for (const entry of rowInfo.cells) {
+      const text = getCellText(entry.node);
+      const formula = text.startsWith("=") ? normalizeFormulaInput(text) : "";
+      if (!formula || entry.node.attrs.formula === formula) continue;
+      cells[entry.index] = entry.node.type.create(
+        {
+          ...entry.node.attrs,
+          formula,
+          computedValue: null
+        },
+        entry.node.content,
+        entry.node.marks
+      );
+      changed = true;
+    }
+    return rowInfo.node.type.create(rowInfo.node.attrs, cells);
+  });
+  return {
+    tableNode: changed ? tableNode.type.create(tableNode.attrs, rows) : tableNode,
+    changed
+  };
+}
+function recalculateTableNode(tableNode) {
+  const promoted = promoteFormulaTextInTableNode(tableNode);
+  tableNode = promoted.tableNode;
+  const map = import_tables2.TableMap.get(tableNode);
+  const values = buildTableValueMap(tableNode);
+  const formulaEntries = /* @__PURE__ */ new Map();
+  let changed = false;
+  const rowInfos = getTableRows2(tableNode);
+  for (const [rowIndex, rowInfo] of rowInfos.entries()) {
     for (const entry of rowInfo.cells) {
       const formula = typeof entry.node.attrs.formula === "string" ? entry.node.attrs.formula.trim() : "";
       if (!formula) continue;
       const rectForCell = safeFindCell2(map, entry.relativePos);
       if (!rectForCell) continue;
-      const result = evaluateBasicTableFormula(formula, getCellValue);
-      const computedValue = result.error ? `#${result.error.toUpperCase()}` : String(result.value);
-      if (entry.node.attrs.computedValue === computedValue) continue;
+      const label = `${indexToColumnName(rectForCell.left)}${rectForCell.top + 1}`;
+      formulaEntries.set(label, {
+        rowIndex,
+        cellIndex: entry.index,
+        node: entry.node,
+        formula
+      });
+    }
+  }
+  const graph = buildTableFormulaDependencyGraph(
+    Array.from(formulaEntries, ([label, entry]) => ({
+      label,
+      formula: entry.formula
+    }))
+  );
+  const { order, circular } = getTableFormulaRecalculationOrder(graph);
+  const computedValues = /* @__PURE__ */ new Map();
+  const getCellValue = (label) => values.get(label.toUpperCase());
+  for (const label of circular) {
+    computedValues.set(label, formatFormulaError("circular-reference"));
+    values.set(label, formatFormulaError("circular-reference"));
+  }
+  for (const label of order) {
+    const entry = formulaEntries.get(label);
+    if (!entry) continue;
+    const result = evaluateBasicTableFormula(entry.formula, getCellValue);
+    const computedValue = result.error ? formatFormulaError(result.error) : String(result.value);
+    computedValues.set(label, computedValue);
+    values.set(label, computedValue);
+  }
+  const rows = rowInfos.map((rowInfo) => {
+    const cells = collectChildren2(rowInfo.node);
+    for (const entry of rowInfo.cells) {
+      const rectForCell = safeFindCell2(map, entry.relativePos);
+      if (!rectForCell) continue;
+      const label = `${indexToColumnName(rectForCell.left)}${rectForCell.top + 1}`;
+      const computedValue = computedValues.get(label);
+      if (computedValue == null) continue;
+      const contentMatchesComputedValue = getCellText(entry.node) === computedValue;
+      if (entry.node.attrs.computedValue === computedValue && contentMatchesComputedValue) continue;
       cells[entry.index] = entry.node.type.create(
         {
           ...entry.node.attrs,
           computedValue
         },
-        entry.node.content,
+        createCellDisplayContent(entry.node, computedValue),
         entry.node.marks
       );
       changed = true;
     }
     return rowInfo.node.type.create(rowInfo.node.attrs, cells);
   });
-  if (!changed) return false;
-  const nextTable = tableNode.type.create(tableNode.attrs, rows);
-  editor.view.dispatch(editor.state.tr.replaceWith(rect.tableStart - 1, rect.tableStart - 1 + tableNode.nodeSize, nextTable));
+  if (!changed) return promoted.changed ? tableNode : null;
+  return tableNode.type.create(tableNode.attrs, rows);
+}
+function recalculateSelectedTable(editor) {
+  const rect = (0, import_tables2.selectedRect)(editor.state);
+  const tableNode = rect.table;
+  const nextTable = recalculateTableNode(tableNode);
+  if (!nextTable) return false;
+  editor.view.dispatch(
+    editor.state.tr.replaceWith(rect.tableStart - 1, rect.tableStart - 1 + tableNode.nodeSize, nextTable).setMeta(UEDITOR_TABLE_FORMULA_RECALCULATE_META, true)
+  );
+  dispatchTableLayoutChange(editor);
+  return true;
+}
+function recalculateAllTableFormulas(editor) {
+  const replacements = [];
+  editor.state.doc.descendants((node, pos) => {
+    if (node.type.name !== "table") return true;
+    const nextTable = recalculateTableNode(node);
+    if (nextTable) {
+      replacements.push({
+        from: pos,
+        to: pos + node.nodeSize,
+        node: nextTable
+      });
+    }
+    return false;
+  });
+  if (replacements.length === 0) return false;
+  let tr = editor.state.tr;
+  for (const replacement of replacements.reverse()) {
+    tr = tr.replaceWith(replacement.from, replacement.to, replacement.node);
+  }
+  editor.view.dispatch(tr.setMeta(UEDITOR_TABLE_FORMULA_RECALCULATE_META, true));
   dispatchTableLayoutChange(editor);
   return true;
 }
@@ -38317,6 +38541,7 @@ var UEditor = import_react69.default.forwardRef(({
   const effectivePlaceholder = placeholder ?? t("placeholder");
   const inFlightPrepareRef = (0, import_react69.useRef)(null);
   const lastAppliedContentRef = (0, import_react69.useRef)(content ?? "");
+  const scheduledFormulaRecalculateRef = (0, import_react69.useRef)(false);
   const resolvedUploadFile = (0, import_react69.useMemo)(() => {
     if (uploadFile) return uploadFile;
     if (uploadFileForSave) {
@@ -38380,7 +38605,16 @@ var UEditor = import_react69.default.forwardRef(({
         class: UEDITOR_PROSEMIRROR_CLASS_NAME
       }
     },
-    onUpdate: ({ editor: editor2 }) => {
+    onUpdate: ({ editor: editor2, transaction }) => {
+      if (!transaction.getMeta(UEDITOR_TABLE_FORMULA_RECALCULATE_META) && !scheduledFormulaRecalculateRef.current) {
+        scheduledFormulaRecalculateRef.current = true;
+        queueMicrotask(() => {
+          scheduledFormulaRecalculateRef.current = false;
+          if (!editor2.isDestroyed) {
+            recalculateAllTableFormulas(editor2);
+          }
+        });
+      }
       const html = editor2.getHTML();
       onChange?.(html);
       onHtmlChange?.(html);
@@ -38418,6 +38652,14 @@ var UEditor = import_react69.default.forwardRef(({
     }),
     [content, editor, uploadImageForSave, uploadFileForSave, uploadImageConcurrency]
   );
+  (0, import_react69.useEffect)(() => {
+    if (!editor) return;
+    queueMicrotask(() => {
+      if (!editor.isDestroyed) {
+        recalculateAllTableFormulas(editor);
+      }
+    });
+  }, [editor]);
   (0, import_react69.useEffect)(() => {
     if (!editor) return;
     const nextContent = content ?? "";
@@ -38427,6 +38669,11 @@ var UEditor = import_react69.default.forwardRef(({
       Promise.resolve().then(() => {
         if (!editor.isDestroyed) {
           editor.commands.setContent(nextContent, { emitUpdate: false });
+          queueMicrotask(() => {
+            if (!editor.isDestroyed) {
+              recalculateAllTableFormulas(editor);
+            }
+          });
         }
       });
     }