From cac62663232566fde595f4cab5a3aaa9879bbc00 Mon Sep 17 00:00:00 2001
From: Xwite <1797350009@qq.com>
Date: Sun, 16 Apr 2023 15:33:45 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20SourceItem=20web=E8=AE=A2=E9=98=85?=
 =?UTF-8?q?=E6=BA=90key=20=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 modules/web/src/components/SourceItem.vue | 10 +++++++++-
 modules/web/src/components/SourceList.vue | 10 ++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/modules/web/src/components/SourceItem.vue b/modules/web/src/components/SourceItem.vue
index bc84a7158..ae7e3f145 100644
--- a/modules/web/src/components/SourceItem.vue
+++ b/modules/web/src/components/SourceItem.vue
@@ -5,7 +5,6 @@
     :label="source"
     :class="{ error: errorPushSources.includes(source) }"
     @change="handleSourceClick(source)"
-    :key="source.bookSourceUrl"
   >
     {{ source.bookSourceName || source.sourceName }}
   </el-checkbox>
@@ -19,3 +18,12 @@ const handleSourceClick = source => {
   store.changeCurrentSource(source)
 }
 </script>
+<style lang="scss" scoped>
+.error {
+  border-color: var(--el-color-error) !important;
+  color: var(--el-color-error) !important;
+  --el-checkbox-checked-text-color: var(--el-color-error);
+  --el-checkbox-checked-bg-color: var(--el-color-error);
+  --el-checkbox-checked-input-border-color: var(--el-color-error);
+}
+</style>
diff --git a/modules/web/src/components/SourceList.vue b/modules/web/src/components/SourceList.vue
index 0655698cb..7b0ef79bc 100644
--- a/modules/web/src/components/SourceList.vue
+++ b/modules/web/src/components/SourceList.vue
@@ -31,7 +31,7 @@
   <el-checkbox-group id="source-list" v-model="sourceSelect">
     <virtual-list
       style="height: 100%; overflow-y: auto; overflow-x: hidden;"
-      :data-key="'bookSourceUrl'"
+      :data-key="(source) => source.bookSourceUrl || source.sourceUrl"
       :data-sources="sourcesFiltered"
       :data-component="SourceItem"
       :estimate-size="45"
@@ -44,6 +44,7 @@ import { Folder, Delete, Download, Search } from "@element-plus/icons-vue";
 import { isSourceContains } from "../utils/souce";
 import VirtualList from 'vue3-virtual-scroll-list';
 import SourceItem from "./SourceItem.vue";
+
 const store = useSourceStore();
 const sourceSelect = ref([]);
 const searchKey = ref("");
@@ -129,11 +130,4 @@ const outExport = () => {
   }
 }
 
-.error {
-  border-color: var(--el-color-error) !important;
-  color: var(--el-color-error) !important;
-  --el-checkbox-checked-text-color: var(--el-color-error);
-  --el-checkbox-checked-bg-color: var(--el-color-error);
-  --el-checkbox-checked-input-border-color: var(--el-color-error);
-}
 </style>