From 1f9788498ac0aab3f7075121e0e7b0f19fc00d3c Mon Sep 17 00:00:00 2001
From: yangws <1607839436@qq.com>
Date: Tue, 13 Aug 2024 15:12:55 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=8E=BB=E6=8E=89defineProps,=E4=BB=A5?=
 =?UTF-8?q?=E5=8F=8A=E4=BF=AE=E6=94=B9=E5=A4=87=E8=AF=BE-=E8=AF=BE?=
 =?UTF-8?q?=E6=A0=87=E7=A0=94=E8=AF=BB=EF=BC=8C=E9=AB=98=E8=80=83=E7=A0=94?=
 =?UTF-8?q?=E8=AF=BB=EF=BC=8C=E6=95=99=E5=AD=A6=E5=A4=A7=E6=A8=A1=E5=9E=8B?=
 =?UTF-8?q?=E9=93=BE=E6=8E=A5=E4=B8=8D=E8=83=BD=E5=90=8C=E6=97=B6=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC=E7=9A=84bug;?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/classManage/select/index.vue   |  2 +-
 src/renderer/src/plugins/shareStore.js        | 19 +++++++++++++++++--
 .../src/views/classManage/basicGroup.vue      |  2 +-
 .../src/views/classManage/classInfo.vue       |  2 +-
 .../src/views/classManage/studentList.vue     |  2 +-
 5 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/components/classManage/select/index.vue b/src/renderer/src/components/classManage/select/index.vue
index b8959c3..6a11142 100644
--- a/src/renderer/src/components/classManage/select/index.vue
+++ b/src/renderer/src/components/classManage/select/index.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script setup>
-import { ref, watch, defineProps, onMounted, defineEmits } from 'vue';
+import { ref, watch, onMounted, defineEmits } from 'vue';
 const placeholder = ref('')
 
 const props = defineProps({
diff --git a/src/renderer/src/plugins/shareStore.js b/src/renderer/src/plugins/shareStore.js
index da709f0..3db1486 100644
--- a/src/renderer/src/plugins/shareStore.js
+++ b/src/renderer/src/plugins/shareStore.js
@@ -19,7 +19,7 @@ export function shareStorePlugin({store}) {
 // 同步数据-发送给主线程
 function stateSync(store) {
   const storeName = store.$id
-  const jsonStr = JSON.stringify(store.$state)
+  const jsonStr = circularSafeStringify(store.$state)
   console.log('state-change', jsonStr, storeName)
   // 通知主线程更新
   ipcRenderer?.invoke('pinia-state-change', storeName, jsonStr)
@@ -30,7 +30,7 @@ function stateChange(store) {
   ipcRenderer?.on('pinia-state-set', (e, sName, jsonStr) => {
     if (sName == storeName) { // 更新对应数据
       // console.log('state-set', jsonStr, sName)
-      const curJson = JSON.stringify(store.$state) // 当前数据
+      const curJson = circularSafeStringify(store.$state) // 当前数据
       const isUp = curJson != jsonStr // 不同的时候才写入，不然会导致触发数据变化监听，导致死循环
       if (!isUp) return
       const stateJson = JSON.parse(jsonStr) // 新数据
@@ -41,3 +41,18 @@ function stateChange(store) {
     }
   })
 }
+//解决JSON.stringify嵌套循环产生的bug
+const circularSafeStringify = (obj) => {
+  const cache = new Set();
+  return JSON.stringify(obj, (key, value) => {
+    if (typeof value === "object" && value !== null) {
+      if (cache.has(value)) {
+        // 当前对象已经存在于缓存中，说明存在循环引用，返回占位符或其他处理方式
+        return "[Circular Reference]";
+      }
+      cache.add(value);
+    }
+    return value;
+  });
+}
+
diff --git a/src/renderer/src/views/classManage/basicGroup.vue b/src/renderer/src/views/classManage/basicGroup.vue
index 9668b2a..9fd48be 100644
--- a/src/renderer/src/views/classManage/basicGroup.vue
+++ b/src/renderer/src/views/classManage/basicGroup.vue
@@ -108,7 +108,7 @@
 
 <script setup>
 import {listClassmain, listClassuser, addClassgroup, listClassgroup, delClassgroup,getClassgroup,updateClassgroup} from '@/api/classManage/index'
-import {ref, onMounted, reactive, defineProps, watch} from 'vue'
+import {ref, onMounted, reactive, watch} from 'vue'
 import useUserStore from '@/store/modules/user'
 import {ElMessage} from "element-plus";
 
diff --git a/src/renderer/src/views/classManage/classInfo.vue b/src/renderer/src/views/classManage/classInfo.vue
index 5d7a27b..03060ef 100644
--- a/src/renderer/src/views/classManage/classInfo.vue
+++ b/src/renderer/src/views/classManage/classInfo.vue
@@ -22,7 +22,7 @@
   import {ElMessage, ElMessageBox} from "element-plus";
   import { getClassmain,listClassuser,leaveClass} from '@/api/classManage/index'
   import useUserStore from '@/store/modules/user'
-  import {reactive,onMounted,defineProps,nextTick,watch} from 'vue'
+  import {reactive,onMounted,nextTick,watch} from 'vue'
   import delClassDemo from '@/store/modules/delClass'
   const props = defineProps({
     classId: {
diff --git a/src/renderer/src/views/classManage/studentList.vue b/src/renderer/src/views/classManage/studentList.vue
index 9c95d4a..3ef2962 100644
--- a/src/renderer/src/views/classManage/studentList.vue
+++ b/src/renderer/src/views/classManage/studentList.vue
@@ -112,7 +112,7 @@
 
 <script setup>
   import {addStudentmain, listClassuser,updateStudentmain,getClassmain,getStudentmain,leaveClass,removeStudentDataAll,addStudentmainByNameArray} from '@/api/classManage/index'
-  import {ref, onMounted, reactive, nextTick, defineProps, watch} from 'vue'
+  import {ref, onMounted, reactive, nextTick, watch} from 'vue'
   import {ElMessage,ElMessageBox} from "element-plus";
   import useUserStore from '@/store/modules/user'
   import * as XLSX from 'xlsx'