Conformance: Activity sequence, Sequence, Directly follows done.

src/components/Discover/Conformance/MoreModal.vue

@@ -58,7 +58,6 @@
 import { storeToRefs } from 'pinia';
 import ConformanceStore from '@/stores/conformance.js';
 import cytoscapeMapTrace from '@/module/cytoscapeMapTrace.js';
-import { nextTick } from 'vue';
 
 export default {
   props: ['issusModal', 'issusNo', 'traceId', 'firstCases'],
@@ -213,15 +212,18 @@ export default {
     /**
      * create trace cytoscape's map
      */
-     createCy(){
+    createCy(){
       this.$nextTick(() => {
         let graphId = this.$refs.cfmTrace;
 
         this.setNodesData();
         this.setEdgesData();
-        cytoscapeMapTrace(this.processMap.nodes, this.processMap.edges, graphId);
+        if(graphId !== null) cytoscapeMapTrace(this.processMap.nodes, this.processMap.edges, graphId);
       });
     },
+    /**
+     * 無限滾動: 載入數據
+     */
     async fetchData() {
       try {
         this.loading = true;
@@ -234,8 +236,12 @@ export default {
         this.loading = false;
       }
     },
+    /**
+     * 無限滾動: 監聽 scroll 有沒有滾到底部
+     * @param {element} event
+     */
     handleScroll(event) {
-      if(this.loading || this.maxItems) return;
+      if(this.loading || this.maxItems || this.infiniteData.length < 20) return;
 
       const container = event.target;
       const overScrollHeight = container.scrollTop + container.clientHeight + 20 >= container.scrollHeight;