From 726c8c7f588df0b73b270d03ea8b39d8ebcc74ea Mon Sep 17 00:00:00 2001
From: Huangzhe <huang.ze@ebiz-digits.com>
Date: Tue, 25 Mar 2025 19:59:58 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E5=A4=9A=E9=80=89?=
 =?UTF-8?q?=E6=8E=92=E5=AE=83=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复异常卡死的问题
---
 .../Design/components/Questions/Choice.vue    | 53 +++++++++++++++----
 1 file changed, 43 insertions(+), 10 deletions(-)

diff --git a/src/views/Design/components/Questions/Choice.vue b/src/views/Design/components/Questions/Choice.vue
index 2775851..6235d98 100644
--- a/src/views/Design/components/Questions/Choice.vue
+++ b/src/views/Design/components/Questions/Choice.vue
@@ -112,7 +112,7 @@
 </template>
 <script setup>
 import OptionAction from '@/views/Design/components/ActionCompoents/OptionAction.vue';
-import { defineAsyncComponent } from 'vue';
+import { defineAsyncComponent, nextTick } from 'vue';
 
 // 是否是预览
 const isPreview = defineModel('isPreview', { default: false, type: Boolean });
@@ -147,11 +147,6 @@ const element = defineModel('element', {
   }
 });
 
-/**
- * 控制选项，如果新增排它项， 那么就直接重新取值
- * 按理说是不是 watch 更加合理 ？？
- * @param names {number[]} 选中的项
- */
 function handleChange(names) {
   const newOption = names[names.length - 1];
   // 如果names 长度小于1，直接返回，不处理
@@ -167,19 +162,57 @@ function handleChange(names) {
 
   // 如果不存在 options 和 list 属性，直接返回
   if (!options) return;
-
+  let newValues = [...value.value];
   // 如果 names 里面有其他的排它项，就把排它项的值去除
   for (const option of options) {
     if (option.is_remove_other === 1 && newOption !== option.option_index) {
-      value.value = value.value.filter((item) => item !== option.option_index);
+      newValues = newValues.filter((item) => item !== option.option_index);
     }
   }
-
   if (options[Number(newOption) - 1]?.is_remove_other === 1) {
-    value.value = [newOption];
+    newValues = [newOption];
   }
+  // 使用 nextTick 确保在下一个 DOM 更新周期中修改 value
+  nextTick(() => {
+    if (JSON.stringify(value.value) !== JSON.stringify(newValues)) {
+      value.value = newValues;
+    }
+  });
 }
 
+/**
+ * 控制选项，如果新增排它项， 那么就直接重新取值
+ * 按理说是不是 watch 更加合理 ？？
+ * @param names {number[]} 选中的项
+ */
+// function handleChange(names) {
+//   const newOption = names[names.length - 1];
+//   // 如果names 长度小于1，直接返回，不处理
+//   if (names.length < 1) return;
+//
+//   let options;
+//
+//   try {
+//     options = element.value.options[0].options ?? element.value.list[0];
+//   } catch (e) {
+//     options = element.value.options[0];
+//   }
+//
+//   // 如果不存在 options 和 list 属性，直接返回
+//   if (!options) return;
+//
+//   // 如果 names 里面有其他的排它项，就把排它项的值去除
+//   for (const option of options) {
+//     if (option.is_remove_other === 1 && newOption !== option.option_index) {
+//       value.value = value.value.filter((item) => item !== option.option_index);
+//     }
+//   }
+//
+//   if (options[Number(newOption) - 1]?.is_remove_other === 1) {
+//     value.value = [newOption];
+//   }
+// }
+
 const emit = defineEmits(['update:element']);
 const emitValue = () => {
   emit('update:element', element.value);