fix: resolve missing arrow in compose file comparison during app upgrade (#12663)

Author: zhengkunwang223

frontend/src/components/fu/FuTable.ts

@@ -1,5 +1,5 @@
 import { ElTable } from 'element-plus';
-import { computed, defineComponent, h, onMounted, ref, watch, type PropType, type VNode } from 'vue';
+import { cloneVNode, computed, defineComponent, h, onMounted, ref, watch, type PropType, type VNode } from 'vue';
 
 import {
     FU_TABLE_STORAGE_PREFIX,
@@ -145,7 +145,15 @@ export default defineComponent({
             );
             return resolvedColumns.value
                 .filter((column) => column.show !== false)
-                .map((column) => columnNodeMap.get(column.key))
+                .map((column) => {
+                    const vnode = columnNodeMap.get(column.key);
+                    if (!vnode) {
+                        return null;
+                    }
+                    return cloneVNode(vnode, {
+                        key: column.key,
+                    });
+                })
                 .filter((column): column is VNode => Boolean(column));
         });
 

frontend/src/views/app-store/installed/upgrade/diff/index.vue

@@ -105,8 +105,11 @@ const initEditor = async () => {
         readOnly: false,
         automaticLayout: true,
         folding: true,
+        glyphMargin: true,
         roundedSelection: false,
         overviewRulerBorder: false,
+        renderMarginRevertIcon: true,
+        renderGutterMenu: false,
     });
 
     editor.setModel({

frontend/src/views/host/file-management/code-editor/history/index.vue

@@ -439,8 +439,11 @@ const renderDiff = async () => {
         readOnly: true,
         automaticLayout: true,
         folding: true,
+        glyphMargin: true,
         roundedSelection: false,
         overviewRulerBorder: false,
+        renderMarginRevertIcon: true,
+        renderGutterMenu: false,
     });
     diffEditor.setModel({
         original: originalModel,