update

src/oj/problemset/components/UserProgressView.vue

@@ -4,7 +4,7 @@ import { watchDebounced } from "@vueuse/core"
 import { parseTime } from "utils/functions"
 import { ProblemSetProgress } from "utils/types"
 import { getProblemSetUserProgress } from "../../api"
-import { NTag } from "naive-ui"
+import { NFlex, NTag } from "naive-ui"
 import { usePagination } from "shared/composables/pagination"
 import Pagination from "shared/components/Pagination.vue"
 
@@ -150,13 +150,13 @@ const progressColumns = [
         )
         return h("div", { style: "max-height: 120px; overflow-y: auto" }, [
           h(
-            "div",
+            NFlex,
-            { style: "display: flex; flex-wrap: wrap; gap: 4px" },
+            {},
-            incompleteProblems.map((problem) =>
+            () => incompleteProblems.map((problem) =>
                 h(
                   NTag,
                   { type: "warning", size: "small", style: "margin: 2px" },
-                `${problem._id}: ${problem.title}`,
+                  () => `${problem._id}: ${problem.title}`,
                 ),
               ),
           ),
@@ -164,9 +164,9 @@ const progressColumns = [
       }
       return h("div", { style: "max-height: 120px; overflow-y: auto" }, [
         h(
-          "div",
+          NFlex,
-          { style: "display: flex; flex-wrap: wrap; gap: 4px" },
+          {},
-          row.completed_problems.map((problem: any) =>
+          () => row.completed_problems.map((problem: any) =>
               h(
                 NTag,
                 {
@@ -174,7 +174,7 @@ const progressColumns = [
                   size: "small",
                   style: "margin: 2px",
                 },
-              `${problem._id}: ${problem.title}`,
+                () => `${problem._id}: ${problem.title}`,
               ),
             ),
         ),
@@ -195,9 +195,9 @@ const progressColumns = [
     width: 100,
     render: (row: ProblemSetProgress) => {
       if (row.is_completed) {
-        return h(NTag, { type: "success" }, "已完成")
+        return h(NTag, { type: "success" }, () => "已完成")
       } else {
-        return h(NTag, { type: "warning" }, "进行中")
+        return h(NTag, { type: "warning" }, () => "进行中")
       }
     },
   },