- fixed displaying dynamic tags;

src/components/FormField/components/Spreadsheet/index.js

@@ -4,6 +4,24 @@ import { UniverSheetsCorePreset } from '@univerjs/preset-sheets-core';
 import UniverPresetSheetsCoreEnUS from '@univerjs/preset-sheets-core/locales/en-US';
 import '@univerjs/preset-sheets-core/lib/index.css';
 
+const TAG_RE = /^\{\{gepafin_field:[^|]+\|[^}]+}}$/;
+
+const buildTagMap = (workbookData) => {
+    const map = {};
+    if (!workbookData?.sheets) return map;
+    const sheetId = workbookData.sheetOrder?.[0];
+    const sheet = sheetId ? workbookData.sheets[sheetId] : Object.values(workbookData.sheets)[0];
+    if (!sheet?.cellData) return map;
+    Object.entries(sheet.cellData).forEach(([r, row]) => {
+        Object.entries(row).forEach(([c, cell]) => {
+            if (typeof cell.f === 'string' && TAG_RE.test(cell.f)) {
+                map[`${r}:${c}`] = { v: cell.v, f: cell.f };
+            }
+        });
+    });
+    return map;
+};
+
 const parseWorkbook = (val) => {
     if (!val) return null;
     if (typeof val === 'object' && val.sheets) return val;
@@ -23,6 +41,8 @@ const Spreadsheet = ({ fieldName, defaultValue, setDataFn, template }) => {
     const univerRef = useRef(null);
     const univerAPIRef = useRef(null);
     const saveTimerRef = useRef(null);
+    const isRestoringRef = useRef(false);
+    const tagCellMapRef = useRef({});
 
     useEffect(() => {
         if (!containerRef.current) return;
@@ -43,8 +63,40 @@ const Spreadsheet = ({ fieldName, defaultValue, setDataFn, template }) => {
         univerAPIRef.current = univerAPI;
 
         const initialData = parseWorkbook(defaultValue) || parseWorkbook(template) || { name: 'Sheet' };
+        tagCellMapRef.current = buildTagMap(initialData);
         univerAPI.createWorkbook(initialData);
 
+        const restoreTagCells = () => {
+            if (isRestoringRef.current) return;
+            const wb = univerAPIRef.current?.getActiveWorkbook();
+            if (!wb) return;
+            const sheet = wb.getActiveSheet();
+            if (!sheet) return;
+            const saved = wb.save();
+            if (!saved?.sheets) return;
+            const sheetId = saved.sheetOrder?.[0];
+            const sheetData = sheetId ? saved.sheets[sheetId] : Object.values(saved.sheets)[0];
+            if (!sheetData?.cellData) return;
+
+            const restorations = [];
+            Object.entries(sheetData.cellData).forEach(([r, row]) => {
+                Object.entries(row).forEach(([c, cell]) => {
+                    if (typeof cell.v === 'string' && TAG_RE.test(cell.v)) {
+                        const orig = tagCellMapRef.current[`${r}:${c}`];
+                        if (orig) restorations.push({ r: +r, c: +c, v: orig.v, f: orig.f });
+                    }
+                });
+            });
+
+            if (restorations.length === 0) return;
+            isRestoringRef.current = true;
+            restorations.forEach(({ r, c, v, f }) => {
+                sheet.getRange(r, c, 1, 1).setValues([[{ v, f }]]);
+            });
+            isRestoringRef.current = false;
+        };
+
+        let restoreTimer;
         univerAPI.addEvent(univerAPI.Event.BeforeCommandExecute, () => {
             clearTimeout(saveTimerRef.current);
             saveTimerRef.current = setTimeout(() => {
@@ -53,10 +105,13 @@ const Spreadsheet = ({ fieldName, defaultValue, setDataFn, template }) => {
                     setDataFn(fieldName, wb.save());
                 }
             }, 300);
+            clearTimeout(restoreTimer);
+            restoreTimer = setTimeout(restoreTagCells, 80);
         });
 
         return () => {
             clearTimeout(saveTimerRef.current);
+            clearTimeout(restoreTimer);
             if (univerRef.current) {
                 univerRef.current.dispose();
                 univerRef.current = null;