From 01977ea8739e48884a16cb6b9e4708c16d500220 Mon Sep 17 00:00:00 2001
From: fofolee <fofolee@qq.com>
Date: Sat, 15 Mar 2025 10:51:29 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=90=9C=E7=B4=A2=E7=BB=93?=
 =?UTF-8?q?=E6=9E=9C=E6=98=BE=E7=A4=BAbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/card/layouts/DenseLayout.vue | 8 +++++++-
 src/components/card/layouts/ListLayout.vue  | 8 +++++++-
 src/components/card/layouts/MiniLayout.vue  | 8 +++++++-
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/card/layouts/DenseLayout.vue b/src/components/card/layouts/DenseLayout.vue
index 924e3a5..08918d2 100644
--- a/src/components/card/layouts/DenseLayout.vue
+++ b/src/components/card/layouts/DenseLayout.vue
@@ -19,7 +19,7 @@
     <div class="row justify-end">
       <div
         class="text-ellipsis"
-        v-text="commandInfo.features.explain"
+        v-html="purify(commandInfo.features.explain)"
       />
     </div>
 
@@ -56,6 +56,7 @@
 import CommandTypeTag from "../CommandTypeTag.vue";
 import platformTypes from "js/options/platformTypes.js";
 import programs from "js/options/programs.js";
+import DOMPurify from "dompurify";
 
 export default {
   name: "DenseLayout",
@@ -87,6 +88,11 @@ export default {
       return this.program.shortName ?? this.program.name;
     },
   },
+  methods: {
+    purify(content) {
+      return DOMPurify.sanitize(content);
+    },
+  },
 };
 </script>
 
diff --git a/src/components/card/layouts/ListLayout.vue b/src/components/card/layouts/ListLayout.vue
index 7a0293e..426e003 100644
--- a/src/components/card/layouts/ListLayout.vue
+++ b/src/components/card/layouts/ListLayout.vue
@@ -17,7 +17,7 @@
         <!-- 名称 -->
         <div
           class="text-ellipsis"
-          v-text="commandInfo.features.explain"
+          v-html="purify(commandInfo.features.explain)"
         />
         <!-- 匹配模式 -->
         <CommandTypeTag
@@ -51,6 +51,7 @@
 import CommandTypeTag from "../CommandTypeTag.vue";
 import platformTypes from "js/options/platformTypes.js";
 import programs from "js/options/programs.js";
+import DOMPurify from "dompurify";
 
 export default {
   name: "ListLayout",
@@ -79,6 +80,11 @@ export default {
       return this.programs[this.commandInfo.program];
     },
   },
+  methods: {
+    purify(content) {
+      return DOMPurify.sanitize(content);
+    },
+  },
 };
 </script>
 
diff --git a/src/components/card/layouts/MiniLayout.vue b/src/components/card/layouts/MiniLayout.vue
index 100da5e..0ade557 100644
--- a/src/components/card/layouts/MiniLayout.vue
+++ b/src/components/card/layouts/MiniLayout.vue
@@ -18,7 +18,7 @@
     <div class="row justify-center w-100">
       <div
         class="text-ellipsis text-center"
-        v-text="commandInfo.features.explain"
+        v-html="purify(commandInfo.features.explain)"
       />
     </div>
 
@@ -35,6 +35,7 @@
 <script>
 import CommandTypeTag from "../CommandTypeTag.vue";
 import platformTypes from "js/options/platformTypes.js";
+import DOMPurify from "dompurify";
 
 export default {
   name: "MiniLayout",
@@ -49,6 +50,11 @@ export default {
       platformTypes,
     };
   },
+  methods: {
+    purify(content) {
+      return DOMPurify.sanitize(content);
+    },
+  },
 };
 </script>