feat(app): fix sync custom app failed (#8310)

Author: zhengkunwang223

frontend/src/api/interface/app.ts

@@ -70,6 +70,8 @@ export namespace App {
         tags?: string[];
         type?: string;
         recommend?: boolean;
+        resource?: string;
+        showCurrentArch?: boolean;
     }
 
     export interface AppParams {

frontend/src/views/app-store/apps/index.vue

@@ -167,7 +167,7 @@
     </LayoutContent>
     <Install ref="installRef" />
     <Detail ref="detailRef" />
-    <TaskLog ref="taskLogRef" @close="search(req)" />
+    <TaskLog ref="taskLogRef" @close="refresh" />
 </template>
 
 <script lang="ts" setup>
@@ -189,6 +189,7 @@ import { newUUID, jumpToPath } from '@/utils/util';
 import Detail from '../detail/index.vue';
 import TaskLog from '@/components/log/task/index.vue';
 import { storeToRefs } from 'pinia';
+import bus from '@/global/bus';
 
 const globalStore = GlobalStore();
 const { isProductPro } = storeToRefs(globalStore);
@@ -228,12 +229,28 @@ const detailRef = ref();
 const taskLogRef = ref();
 const syncCustomAppstore = ref(false);
 
+const refresh = () => {
+    search(req);
+};
+
 const search = async (req: App.AppReq) => {
     loading.value = true;
     req.pageSize = paginationConfig.pageSize;
     req.page = paginationConfig.currentPage;
     localStorage.setItem('app-page-size', req.pageSize + '');
-    await searchApp(req)
+
+    const customReq = {
+        page: req.page,
+        pageSize: req.pageSize,
+        tags: req.tags,
+        name: req.name,
+        resource: req.resource,
+        showCurrentArch: req.showCurrentArch,
+    };
+    if (syncCustomAppstore.value && req.resource === 'remote') {
+        customReq.resource = 'custom';
+    }
+    await searchApp(customReq)
         .then((res) => {
             apps.value = res.data.items;
             paginationConfig.total = res.data.total;
@@ -341,6 +358,9 @@ const searchByName = () => {
 };
 
 onMounted(async () => {
+    bus.on('refreshTask', () => {
+        search(req);
+    });
     if (router.currentRoute.value.query.install) {
         installKey.value = String(router.currentRoute.value.query.install);
         const params = {

frontend/src/views/app-store/detail/index.vue

@@ -62,7 +62,7 @@
         </div>
         <MdEditor previewOnly v-model="app.readMe" :theme="isDarkTheme ? 'dark' : 'light'" />
     </DrawerPro>
-    <Install ref="installRef"></Install>
+    <Install ref="installRef" />
 </template>
 
 <script lang="ts" setup>

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

@@ -390,7 +390,7 @@
     <PortJumpDialog ref="dialogPortJumpRef" />
     <AppIgnore ref="ignoreRef" @close="search" />
     <ComposeLogs ref="composeLogRef" />
-    <TaskLog ref="taskLogRef" />
+    <TaskLog ref="taskLogRef" @close="search" />
     <Detail ref="detailRef" />
 </template>