From d3bba9d1a28f54fd24f8a6f6e47331e59a7d720b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BE=9D=E7=91=AA=E8=B2=93?= <imacat@mail.imacat.idv.tw>
Date: Mon, 9 Mar 2026 18:04:43 +0800
Subject: [PATCH] Add emitter.off cleanup in onBeforeUnmount for 10 components

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../Discover/Conformance/ConformanceResults.vue       | 11 ++++++++---
 .../Discover/Conformance/ConformanceSidebar.vue       |  8 ++++++++
 .../Conformance/ConformanceSidebar/ActList.vue        |  6 +++++-
 .../Conformance/ConformanceSidebar/ActRadio.vue       |  6 +++++-
 .../Conformance/ConformanceSidebar/ActSeqDrag.vue     |  6 +++++-
 .../ConformanceSidebar/ConformanceShowBar.vue         | 11 ++++++++++-
 .../ConformanceSidebar/ConformanceTimeRange.vue       | 11 ++++++++++-
 .../Conformance/ConformanceSidebar/ResultCheck.vue    |  6 +++++-
 .../Conformance/ConformanceSidebar/ResultDot.vue      |  6 +++++-
 src/components/DurationInput.vue                      |  6 +++++-
 10 files changed, 66 insertions(+), 11 deletions(-)

diff --git a/src/components/Discover/Conformance/ConformanceResults.vue b/src/components/Discover/Conformance/ConformanceResults.vue
index 9aa14bd..e85e5fd 100644
--- a/src/components/Discover/Conformance/ConformanceResults.vue
+++ b/src/components/Discover/Conformance/ConformanceResults.vue
@@ -392,7 +392,7 @@
  *   check outcomes in a data table with status indicators.
  */
 
-import { ref, watch } from "vue";
+import { ref, watch, onBeforeUnmount } from "vue";
 import { storeToRefs } from "pinia";
 import { useConformanceStore } from "@/stores/conformance";
 import iconNA from "@/components/icons/IconNA.vue";
@@ -504,7 +504,7 @@ const progressWidth = (value) => {
  * @returns {string} The formatted percentage string.
  */
 const getPercentLabel = (val) => {
-  if ((val * 100).toFixed(1) >= 100) return 100;
+  if (Number((val * 100).toFixed(1)) >= 100) return 100;
   else return parseFloat((val * 100).toFixed(1));
 };
 
@@ -562,7 +562,7 @@ const setConformanceTempReportData = (newData) => {
     Object.values(newData.counts).reduce((acc, val) => acc + val, 0),
   );
   const sum = newData.counts.conforming + newData.counts.not_conforming;
-  const rate = ((newData.counts.conforming / sum) * 100).toFixed(1);
+  const rate = sum === 0 ? "0.0" : ((newData.counts.conforming / sum) * 100).toFixed(1);
   const isNullTime = (value) =>
     value === null ? null : getNumberLabel((value / 86400).toFixed(1));
   const isNullCase = (value) =>
@@ -974,6 +974,11 @@ emitter.on(
   "timeRangeMaxMin",
   (newData) => (selectDurationTime.value = newData),
 );
+
+onBeforeUnmount(() => {
+  emitter.off("coverPlate");
+  emitter.off("timeRangeMaxMin");
+});
 </script>
 <style scoped>
 :deep(.disc) {
diff --git a/src/components/Discover/Conformance/ConformanceSidebar.vue b/src/components/Discover/Conformance/ConformanceSidebar.vue
index 0d371dd..214ae3a 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar.vue
@@ -1725,6 +1725,14 @@ emitter.on("isRadioActSeqFromToChange", (data) => {
 // beforeUnmount
 onBeforeUnmount(() => {
   if (reportWatchTimerId) clearTimeout(reportWatchTimerId);
+  emitter.off("actRadioData");
+  emitter.off("getListSequence");
+  emitter.off("actListData");
+  emitter.off("isRadioChange");
+  emitter.off("isRadioSeqChange");
+  emitter.off("isRadioProcessScopeChange");
+  emitter.off("isRadioActSeqMoreChange");
+  emitter.off("isRadioActSeqFromToChange");
   isSubmitReset();
   selectTimeReset();
 });
diff --git a/src/components/Discover/Conformance/ConformanceSidebar/ActList.vue b/src/components/Discover/Conformance/ConformanceSidebar/ActList.vue
index 2e1f018..2425bb4 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/ActList.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/ActList.vue
@@ -40,7 +40,7 @@
  *   Checkbox-based activity list for conformance checking input.
  */
 
-import { ref, watch } from "vue";
+import { ref, watch, onBeforeUnmount } from "vue";
 import { sortNumEngZhtw } from "@/module/sortNumEngZhtw.js";
 import emitter from "@/utils/emitter";
 
@@ -73,4 +73,8 @@ function actListData() {
 emitter.on("reset", (data) => {
   actList.value = data;
 });
+
+onBeforeUnmount(() => {
+  emitter.off("reset");
+});
 </script>
diff --git a/src/components/Discover/Conformance/ConformanceSidebar/ActRadio.vue b/src/components/Discover/Conformance/ConformanceSidebar/ActRadio.vue
index 15edc99..2c5de9c 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/ActRadio.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/ActRadio.vue
@@ -41,7 +41,7 @@
  *   start/end activity input.
  */
 
-import { ref, computed, watch } from "vue";
+import { ref, computed, watch, onBeforeUnmount } from "vue";
 import { useConformanceInputStore } from "@/stores/conformanceInput";
 import { sortNumEngZhtw } from "@/module/sortNumEngZhtw.js";
 import emitter from "@/utils/emitter";
@@ -109,4 +109,8 @@ emitter.on("reset", (data) => {
   selectedRadio.value = data;
 });
 setGlobalActivityRadioDataState();
+
+onBeforeUnmount(() => {
+  emitter.off("reset");
+});
 </script>
diff --git a/src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue b/src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue
index 68c5041..7280074 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/ActSeqDrag.vue
@@ -115,7 +115,7 @@
  *   conformance rule configuration.
  */
 
-import { ref, computed } from "vue";
+import { ref, computed, onBeforeUnmount } from "vue";
 import { sortNumEngZhtw } from "@/module/sortNumEngZhtw.js";
 import emitter from "@/utils/emitter";
 
@@ -200,6 +200,10 @@ listSequence.value = props.isSubmit ? newlist : [];
 emitter.on("reset", (data) => {
   listSequence.value = [];
 });
+
+onBeforeUnmount(() => {
+  emitter.off("reset");
+});
 </script>
 <style scoped>
 @reference "../../../../assets/tailwind.css";
diff --git a/src/components/Discover/Conformance/ConformanceSidebar/ConformanceShowBar.vue b/src/components/Discover/Conformance/ConformanceSidebar/ConformanceShowBar.vue
index 88814a2..e47aa46 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/ConformanceShowBar.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/ConformanceShowBar.vue
@@ -356,7 +356,7 @@
  *   check result statistics.
  */
 
-import { ref, computed, watch } from "vue";
+import { ref, computed, watch, onBeforeUnmount } from "vue";
 import { storeToRefs } from "pinia";
 import { useLoadingStore } from "@/stores/loading";
 import { useConformanceStore } from "@/stores/conformance";
@@ -755,4 +755,13 @@ emitter.on("isRadioActSeqFromToChange", (data) => {
 emitter.on("reset", (data) => {
   reset();
 });
+
+onBeforeUnmount(() => {
+  emitter.off("isRadioChange");
+  emitter.off("isRadioSeqChange");
+  emitter.off("isRadioProcessScopeChange");
+  emitter.off("isRadioActSeqMoreChange");
+  emitter.off("isRadioActSeqFromToChange");
+  emitter.off("reset");
+});
 </script>
diff --git a/src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue b/src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue
index 703bed4..5532df8 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/ConformanceTimeRange.vue
@@ -235,7 +235,7 @@
  *   configuration with calendar inputs.
  */
 
-import { reactive } from "vue";
+import { reactive, onBeforeUnmount } from "vue";
 import { storeToRefs } from "pinia";
 import { useConformanceStore } from "@/stores/conformance";
 import emitter from "@/utils/emitter";
@@ -672,4 +672,13 @@ emitter.on("isRadioActSeqFromToChange", (data) => {
     reset();
   }
 });
+
+onBeforeUnmount(() => {
+  emitter.off("actRadioData");
+  emitter.off("reset");
+  emitter.off("isRadioChange");
+  emitter.off("isRadioProcessScopeChange");
+  emitter.off("isRadioActSeqMoreChange");
+  emitter.off("isRadioActSeqFromToChange");
+});
 </script>
diff --git a/src/components/Discover/Conformance/ConformanceSidebar/ResultCheck.vue b/src/components/Discover/Conformance/ConformanceSidebar/ResultCheck.vue
index ab70106..655b72e 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/ResultCheck.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/ResultCheck.vue
@@ -29,7 +29,7 @@
  *   matched activities.
  */
 
-import { ref, watch } from "vue";
+import { ref, watch, onBeforeUnmount } from "vue";
 import emitter from "@/utils/emitter";
 
 const props = defineProps(["data", "select"]);
@@ -51,4 +51,8 @@ watch(
 );
 
 emitter.on("reset", (val) => (displayData.value = val));
+
+onBeforeUnmount(() => {
+  emitter.off("reset");
+});
 </script>
diff --git a/src/components/Discover/Conformance/ConformanceSidebar/ResultDot.vue b/src/components/Discover/Conformance/ConformanceSidebar/ResultDot.vue
index b6f7ce6..f679687 100644
--- a/src/components/Discover/Conformance/ConformanceSidebar/ResultDot.vue
+++ b/src/components/Discover/Conformance/ConformanceSidebar/ResultDot.vue
@@ -29,7 +29,7 @@
  *   and task pairs.
  */
 
-import { ref, watch } from "vue";
+import { ref, watch, onBeforeUnmount } from "vue";
 import emitter from "@/utils/emitter";
 
 const props = defineProps(["timeResultData", "select"]);
@@ -45,4 +45,8 @@ watch(
 );
 
 emitter.on("reset", (val) => (data.value = val));
+
+onBeforeUnmount(() => {
+  emitter.off("reset");
+});
 </script>
diff --git a/src/components/DurationInput.vue b/src/components/DurationInput.vue
index e75e736..7b3e8df 100644
--- a/src/components/DurationInput.vue
+++ b/src/components/DurationInput.vue
@@ -62,7 +62,7 @@
  *   fields and bounded min/max validation.
  */
 
-import { ref, computed, watch, onMounted } from "vue";
+import { ref, computed, watch, onMounted, onBeforeUnmount } from "vue";
 import emitter from "@/utils/emitter";
 
 const props = defineProps({
@@ -397,6 +397,10 @@ emitter.on("reset", () => {
   createData();
 });
 
+onBeforeUnmount(() => {
+  emitter.off("reset");
+});
+
 // mounted
 onMounted(() => {
   inputTypes.value = display.value.split("");