From 1ed7d74c97c9149ebb211a298c434cf311253727 Mon Sep 17 00:00:00 2001
From: Xwite <1797350009@qq.com>
Date: Thu, 3 Oct 2024 16:32:13 +0800
Subject: [PATCH] fix(web/sourceeditor): update el-checkbox usage; fix
 reactivity bugs;update isbooksource regex

---
 modules/web/src/components/SourceDebug.vue    | 2 +-
 modules/web/src/components/SourceItem.vue     | 2 +-
 modules/web/src/components/SourceList.vue     | 2 +-
 modules/web/src/components/SourceTabForm.vue  | 7 ++++++-
 modules/web/src/components/SourceTabTools.vue | 5 ++++-
 modules/web/src/components/ToolBar.vue        | 2 +-
 modules/web/src/store/sourceStore.js          | 4 ++--
 7 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/modules/web/src/components/SourceDebug.vue b/modules/web/src/components/SourceDebug.vue
index 7c17dc194..f3bd89c9c 100644
--- a/modules/web/src/components/SourceDebug.vue
+++ b/modules/web/src/components/SourceDebug.vue
@@ -56,7 +56,7 @@ const startDebug = async () => {
 };
 
 const isBookSource = computed(() => {
-  return /bookSource/.test(window.location.href);
+  return /bookSource/i.test(window.location.href);
 });
 </script>
 
diff --git a/modules/web/src/components/SourceItem.vue b/modules/web/src/components/SourceItem.vue
index a85c0bb97..b52c3b9be 100644
--- a/modules/web/src/components/SourceItem.vue
+++ b/modules/web/src/components/SourceItem.vue
@@ -2,7 +2,7 @@
   <el-checkbox
     size="large"
     border
-    :label="sourceUrl"
+    :value="sourceUrl"
     :class="{
       error: isSaveError,
       edit: sourceUrl == currentSourceUrl,
diff --git a/modules/web/src/components/SourceList.vue b/modules/web/src/components/SourceList.vue
index a7167de87..e57e5c01c 100644
--- a/modules/web/src/components/SourceList.vue
+++ b/modules/web/src/components/SourceList.vue
@@ -127,7 +127,7 @@ const importSourceFile = () => {
   input.click();
 };
 
-const isBookSource = /bookSource/.test(window.location.href);
+const isBookSource = /bookSource/i.test(window.location.href);
 const outExport = () => {
   const exportFile = document.createElement("a");
   let sources =
diff --git a/modules/web/src/components/SourceTabForm.vue b/modules/web/src/components/SourceTabForm.vue
index a9aa5e99e..97447fbc0 100644
--- a/modules/web/src/components/SourceTabForm.vue
+++ b/modules/web/src/components/SourceTabForm.vue
@@ -60,7 +60,12 @@
 <script setup>
 const store = useSourceStore();
 defineProps(["config"]);
-const currentSource = store.currentSource;
+
+const currentSource = computed(() => store.currentSource);
+/* 
+修改currentSource的属性 没有直接修改本身
+const { currentSource } = storeToRefs(store);
+ */
 </script>
 
 <style lang="scss" scoped>
diff --git a/modules/web/src/components/SourceTabTools.vue b/modules/web/src/components/SourceTabTools.vue
index 73ab5952c..fa0919d1f 100644
--- a/modules/web/src/components/SourceTabTools.vue
+++ b/modules/web/src/components/SourceTabTools.vue
@@ -19,7 +19,10 @@ import { useSourceStore } from "@/store";
 
 const store = useSourceStore();
 
-const current_tab = store.currentTab;
+const current_tab = computed({
+  get:() => store.currentTab,
+  set:(val) => store.currentTab = val
+});
 
 const tabData = ref([
   ["editTab", "编辑源"],
diff --git a/modules/web/src/components/ToolBar.vue b/modules/web/src/components/ToolBar.vue
index ebc75a3d2..e397d287c 100644
--- a/modules/web/src/components/ToolBar.vue
+++ b/modules/web/src/components/ToolBar.vue
@@ -166,7 +166,7 @@ const redo = () => {
 };
 
 const saveSource = () => {
-  let isBookSource = /bookSource/.test(location.href),
+  let isBookSource = /bookSource/i.test(location.href),
     /** @type {import("@/source.js").Source} */
     source = store.currentSource;
   if (isInvaildSource(source)) {
diff --git a/modules/web/src/store/sourceStore.js b/modules/web/src/store/sourceStore.js
index 81a67a117..8b52fb3e9 100644
--- a/modules/web/src/store/sourceStore.js
+++ b/modules/web/src/store/sourceStore.js
@@ -19,7 +19,7 @@ export const useSourceStore = defineStore("source", {
       /** @type {import("@/source").Source[]} */
       savedSources: [], // 批量保存到阅读app成功的源
       /** @type {import("@/source").Source} */
-      currentSource: emptySource, // 当前编辑的源
+      currentSource: JSON.parse(JSON.stringify(emptySource)), // 当前编辑的源
       currentTab: localStorage.getItem("tabName") || "editTab",
       editTabSource: {}, // 生成序列化的json数据
       isDebuging: false,
@@ -119,7 +119,7 @@ export const useSourceStore = defineStore("source", {
     },
     clearEdit() {
       this.editTabSource = {};
-      this.currentSource = emptySource;
+      this.currentSource = JSON.parse(JSON.stringify(emptySource)); //复制一份新对象
     },
 
     // clear all source