From 7fed5813cfc8e91146ace4dd96c7ab7f1de82915 Mon Sep 17 00:00:00 2001
From: kwaroran <kwaworan@gmail.com>
Date: Fri, 21 Jul 2023 01:24:54 +0900
Subject: [PATCH] [feat] prevent sort when opened

---
 src/lib/SideBars/LoreBook/LoreBookData.svelte | 12 +++++++++++
 src/lib/SideBars/LoreBook/LoreBookList.svelte | 21 ++++++++++++++++---
 src/lib/SideBars/Regex/RegexData.svelte       | 12 +++++++++++
 src/lib/SideBars/Regex/RegexList.svelte       | 17 ++++++++++++++-
 4 files changed, 58 insertions(+), 4 deletions(-)

diff --git a/src/lib/SideBars/LoreBook/LoreBookData.svelte b/src/lib/SideBars/LoreBook/LoreBookData.svelte
index e8715f36..fc7ba4f5 100644
--- a/src/lib/SideBars/LoreBook/LoreBookData.svelte
+++ b/src/lib/SideBars/LoreBook/LoreBookData.svelte
@@ -10,6 +10,9 @@
     import TextAreaInput from "../../UI/GUI/TextAreaInput.svelte";
     export let value:loreBook
     export let onRemove: () => void = () => {}
+    export let onClose: () => void = () => {}
+    export let onOpen: () => void = () => {}
+
     export let idx:number
     let open = false
 </script>
@@ -19,12 +22,21 @@
         <button class="endflex valuer border-borderc" on:click={() => {
             value.secondkey = value.secondkey ?? ''
             open = !open
+            if(open){
+                onOpen()
+            }
+            else{
+                onClose()
+            }
         }}>
             <span>{value.comment.length === 0 ? value.key.length === 0 ? "Unnamed Lore" : value.key : value.comment}</span>
         </button>
         <button class="valuer" on:click={async () => {
             const d = await alertConfirm(language.removeConfirm + value.comment)
             if(d){
+                if(!open){
+                    onClose()
+                }
                 onRemove()
             }
         }}>
diff --git a/src/lib/SideBars/LoreBook/LoreBookList.svelte b/src/lib/SideBars/LoreBook/LoreBookList.svelte
index b5582ef2..ac0973bd 100644
--- a/src/lib/SideBars/LoreBook/LoreBookList.svelte
+++ b/src/lib/SideBars/LoreBook/LoreBookList.svelte
@@ -48,6 +48,21 @@
     }
     onMount(createStb)
 
+    let opened = 0
+    
+    const onOpen = () => {
+        opened += 1
+        if(stb){
+            stb.destroy()
+        }
+    }
+    const onClose = () => {
+        opened -= 1
+        if(opened === 0){
+            createStb()
+        }
+    }
+
     onDestroy(() => {
         if(stb){
             stb.destroy()
@@ -67,7 +82,7 @@
                         let lore = $DataBase.loreBook[$DataBase.loreBookPage].data
                         lore.splice(i, 1)
                         $DataBase.loreBook[$DataBase.loreBookPage].data = lore
-                    }}/>
+                    }} onOpen={onOpen} onClose={onClose}/>
                 {/each}
             {/if}
         {:else if submenu === 0}
@@ -79,7 +94,7 @@
                         let lore  = $DataBase.characters[$selectedCharID].globalLore
                         lore.splice(i, 1)
                         $DataBase.characters[$selectedCharID].globalLore = lore
-                    }}/>
+                    }} onOpen={onOpen} onClose={onClose}/>
                 {/each}
             {/if}
         {:else if submenu === 1}
@@ -91,7 +106,7 @@
                         let lore  = $DataBase.characters[$selectedCharID].chats[$DataBase.characters[$selectedCharID].chatPage].localLore
                         lore.splice(i, 1)
                         $DataBase.characters[$selectedCharID].chats[$DataBase.characters[$selectedCharID].chatPage].localLore = lore
-                    }}/>
+                    }} onOpen={onOpen} onClose={onClose}/>
                 {/each}
             {/if}
         {/if}
diff --git a/src/lib/SideBars/Regex/RegexData.svelte b/src/lib/SideBars/Regex/RegexData.svelte
index 43392898..4e5f1d9a 100644
--- a/src/lib/SideBars/Regex/RegexData.svelte
+++ b/src/lib/SideBars/Regex/RegexData.svelte
@@ -10,6 +10,9 @@
 
     export let value:customscript
     export let onRemove: () => void = () => {}
+    export let onClose: () => void = () => {}
+    export let onOpen: () => void = () => {}
+
     export let idx:number
     let open = false
 </script>
@@ -18,12 +21,21 @@
     <div class="flex items-center transition-colors w-full ">
         <button class="endflex valuer border-borderc" on:click={() => {
             open = !open
+            if(open){
+                onOpen()
+            }
+            else{
+                onClose()
+            }
         }}>
             <span>{value.comment.length === 0 ? 'Unnamed Script' : value.comment}</span>
         </button>
         <button class="valuer" on:click={async () => {
             const d = await alertConfirm(language.removeConfirm + value.comment)
             if(d){
+                if(!open){
+                    onClose()
+                }
                 onRemove()
             }
         }}>
diff --git a/src/lib/SideBars/Regex/RegexList.svelte b/src/lib/SideBars/Regex/RegexList.svelte
index 9e25be78..35f3447a 100644
--- a/src/lib/SideBars/Regex/RegexList.svelte
+++ b/src/lib/SideBars/Regex/RegexList.svelte
@@ -8,6 +8,7 @@
     let stb: Sortable = null
     let ele: HTMLDivElement
     let sorted = 0
+    let opened = 0
     const createStb = () => {
         stb = Sortable.create(ele, {
             onEnd: async () => {
@@ -27,6 +28,20 @@
             }
         })
     }
+
+    const onOpen = () => {
+        opened += 1
+        if(stb){
+            stb.destroy()
+        }
+    }
+    const onClose = () => {
+        opened -= 1
+        if(opened === 0){
+            createStb()
+        }
+    }
+
     onMount(createStb)
 
     onDestroy(() => {
@@ -42,7 +57,7 @@
     {/if}
     {#key sorted}
         {#each value as customscript, i}
-            <RegexData idx={i} bind:value={value[i]}  onRemove={() => {
+            <RegexData idx={i} bind:value={value[i]} onOpen={onOpen} onClose={onClose} onRemove={() => {
                 let customscript = value
                 customscript.splice(i, 1)
                 value = customscript