From 96f3242aea3560bce9ab0645baa2550fa3182dbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9C=9E=E9=A3=9B?= <saarchaffee@qq.com>
Date: Wed, 7 May 2025 00:28:30 +0800
Subject: [PATCH 1/3] fix: use thead and tbody after table

---
 plugins/market/client/components/install.vue | 88 ++++++++++----------
 1 file changed, 45 insertions(+), 43 deletions(-)

diff --git a/plugins/market/client/components/install.vue b/plugins/market/client/components/install.vue
index f4cdbd7a..5ef48a9c 100644
--- a/plugins/market/client/components/install.vue
+++ b/plugins/market/client/components/install.vue
@@ -1,9 +1,5 @@
 <template>
-  <el-dialog
-    :model-value="!!active"
-    @update:model-value="active = ''"
-    class="install-panel"
-    destroy-on-close>
+  <el-dialog :model-value="!!active" @update:model-value="active = ''" class="install-panel" destroy-on-close>
     <template v-if="active" #header="{ titleId, titleClass }">
       <span :id="titleId" :class="titleClass">
         {{ active + (workspace ? ' (工作区)' : '') }}
@@ -30,40 +26,44 @@
 
     <el-scrollbar v-if="data?.[version] && Object.keys(data[version].peers).length">
       <table>
-        <tr>
-          <td>依赖名称</td>
-          <td>版本区间</td>
-          <td>当前版本</td>
-          <td>可用性</td>
-        </tr>
-        <tr v-for="(peer, name) in data[version].peers" :key="name">
-          <td class="text-left">{{ name }}</td>
-          <td>{{ peer.request }}</td>
-          <td>
-            <span class="wrapper" v-if="store.registry?.[name] && !getWorkspaceVersion(name)">
-              <span class="shadow">{{ getVersion(name) || 'Select' }}</span>
-              <el-select
-                class="frameless"
-                :model-value="getVersion(name)"
-                @update:model-value="setVersion(name, $event)"
-              >
-                <el-option value="">移除依赖</el-option>
-                <el-option v-for="(_, version) in store.registry[name]" :key="version" :value="version">
-                  {{ version }}
-                  <template v-if="version === current">(当前)</template>
-                  <!-- <span :class="[result, 'theme-color', 'dot-hint']"></span> -->
-                </el-option>
-              </el-select>
-            </span>
-            <template v-else>{{ peer.resolved }}{{ getWorkspaceVersion(name) ? ' (工作区)' : '' }}</template>
-          </td>
-          <td :class="['theme-color', peer.result]">
-            <span class="inline-flex items-center gap-1">
-              <k-icon :name="getResultIcon(peer.result)"></k-icon>
-              {{ getResultText(peer, name) }}
-            </span>
-          </td>
-        </tr>
+        <thead>
+          <tr>
+            <th>依赖名称</th>
+            <th>版本区间</th>
+            <th>当前版本</th>
+            <th>可用性</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="(peer, name) in data[version].peers" :key="name">
+            <td class="text-left">{{ name }}</td>
+            <td>{{ peer.request }}</td>
+            <td>
+              <span class="wrapper" v-if="store.registry?.[name] && !getWorkspaceVersion(name)">
+                <span class="shadow">{{ getVersion(name) || 'Select' }}</span>
+                <el-select
+                  class="frameless"
+                  :model-value="getVersion(name)"
+                  @update:model-value="setVersion(name, $event)"
+                >
+                  <el-option value="">移除依赖</el-option>
+                  <el-option v-for="(_, version) in store.registry[name]" :key="version" :value="version">
+                    {{ version }}
+                    <template v-if="version === current">(当前)</template>
+                    <!-- <span :class="[result, 'theme-color', 'dot-hint']"></span> -->
+                  </el-option>
+                </el-select>
+              </span>
+              <template v-else>{{ peer.resolved }}{{ getWorkspaceVersion(name) ? ' (工作区)' : '' }}</template>
+            </td>
+            <td :class="['theme-color', peer.result]">
+              <span class="inline-flex items-center gap-1">
+                <k-icon :name="getResultIcon(peer.result)"></k-icon>
+                {{ getResultText(peer, name) }}
+              </span>
+            </td>
+          </tr>
+        </tbody>
       </table>
     </el-scrollbar>
 
@@ -402,9 +402,11 @@ function getResultText(peer: PeerInfo, name: string) {
   }
 
   table {
-    td, th {
-      padding: 0.5em 0.875em;
-      white-space: nowrap;
+    thead, tbody {
+      td, th {
+          padding: 0.5em 0.875em;
+          white-space: nowrap;
+        }
     }
   }
 
@@ -424,7 +426,7 @@ function getResultText(peer: PeerInfo, name: string) {
     justify-content: space-between;
     align-items: center;
   }
-  
+
   .wrapper {
     position: relative;
     display: inline-flex;

From 78ba939a3d26b9127f0f4ea9326fd55453c4b98e Mon Sep 17 00:00:00 2001
From: Shigma <shigma10826@gmail.com>
Date: Mon, 26 May 2025 10:47:27 +0800
Subject: [PATCH 2/3] Update plugins/market/client/components/install.vue

---
 plugins/market/client/components/install.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/plugins/market/client/components/install.vue b/plugins/market/client/components/install.vue
index 5ef48a9c..426f9946 100644
--- a/plugins/market/client/components/install.vue
+++ b/plugins/market/client/components/install.vue
@@ -402,11 +402,11 @@ function getResultText(peer: PeerInfo, name: string) {
   }
 
   table {
-    thead, tbody {
-      td, th {
-          padding: 0.5em 0.875em;
-          white-space: nowrap;
-        }
+  thead, tbody {
+    td, th {
+      padding: 0.5em 0.875em;
+      white-space: nowrap;
+    }
     }
   }
 

From d7fe5f9299119dadf95f5ad3e7850274c6467f99 Mon Sep 17 00:00:00 2001
From: Shigma <shigma10826@gmail.com>
Date: Mon, 26 May 2025 10:47:58 +0800
Subject: [PATCH 3/3] Update plugins/market/client/components/install.vue

---
 plugins/market/client/components/install.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/plugins/market/client/components/install.vue b/plugins/market/client/components/install.vue
index 426f9946..963bece6 100644
--- a/plugins/market/client/components/install.vue
+++ b/plugins/market/client/components/install.vue
@@ -402,11 +402,11 @@ function getResultText(peer: PeerInfo, name: string) {
   }
 
   table {
-  thead, tbody {
-    td, th {
-      padding: 0.5em 0.875em;
-      white-space: nowrap;
-    }
+    thead, tbody {
+      td, th {
+        padding: 0.5em 0.875em;
+        white-space: nowrap;
+      }
     }
   }