From 2f4103cf2e8ac5a06302edb73876e19f75eb6dab Mon Sep 17 00:00:00 2001
From: kwaroran <amasio1234@proton.me>
Date: Fri, 7 Jun 2024 18:54:21 +0900
Subject: [PATCH] feat: add trigger sort

---
 src/lib/SideBars/Scripts/TriggerData.svelte |  2 +-
 src/lib/SideBars/Scripts/TriggerList.svelte | 54 ++++++++++++++++++++-
 2 files changed, 54 insertions(+), 2 deletions(-)

diff --git a/src/lib/SideBars/Scripts/TriggerData.svelte b/src/lib/SideBars/Scripts/TriggerData.svelte
index e23e3d76..dfe851d9 100644
--- a/src/lib/SideBars/Scripts/TriggerData.svelte
+++ b/src/lib/SideBars/Scripts/TriggerData.svelte
@@ -22,7 +22,7 @@
     let open = false
 </script>
 
-<div class="w-full flex flex-col pt-2 mt-2 border-t border-t-selected first:pt-0 first:mt-0 first:border-0" data-risu-idx={idx}>
+<div class="w-full flex flex-col pt-2 mt-2 border-t border-t-selected first:pt-0 first:mt-0 first:border-0" data-risu-idx2={idx}>
     <div class="flex items-center transition-colors w-full ">
         <button class="endflex valuer border-borderc" on:click={() => {
             open = !open
diff --git a/src/lib/SideBars/Scripts/TriggerList.svelte b/src/lib/SideBars/Scripts/TriggerList.svelte
index fa51984a..9c4c63b7 100644
--- a/src/lib/SideBars/Scripts/TriggerList.svelte
+++ b/src/lib/SideBars/Scripts/TriggerList.svelte
@@ -3,8 +3,60 @@
     import TriggerData from "./TriggerData.svelte";
     export let value:triggerscript[] = []
     export let lowLevelAble = false
+    import Sortable from "sortablejs";
+    import { sleep, sortableOptions } from "src/ts/util";
+    import { onDestroy, onMount } from "svelte";
+    let stb: Sortable = null
     let ele: HTMLDivElement
     let sorted = 0
+    let opened = 0
+    const createStb = () => {
+        stb = Sortable.create(ele, {
+            onEnd: async () => {
+                let idx:number[] = []
+                ele.querySelectorAll('[data-risu-idx2]').forEach((e, i) => {
+                    idx.push(parseInt(e.getAttribute('data-risu-idx2')))
+                })
+                let newValue:triggerscript[] = []
+                idx.forEach((i) => {
+                    newValue.push(value[i])
+                })
+                value = newValue
+                try {
+                    stb.destroy()
+                } catch (error) {}
+                sorted += 1
+                await sleep(1)
+                createStb()
+            },
+            ...sortableOptions
+        })
+    }
+
+    const onOpen = () => {
+        opened += 1
+        if(stb){
+            try {
+                stb.destroy()
+            } catch (error) {}
+        }
+    }
+    const onClose = () => {
+        opened -= 1
+        if(opened === 0){
+            createStb()
+        }
+    }
+
+    onMount(createStb)
+
+    onDestroy(() => {
+        if(stb){
+            try {
+                stb.destroy()
+            } catch (error) {}
+        }
+    })
 
 </script>
 
@@ -14,7 +66,7 @@
     {/if}
     {#key sorted}
         {#each value as triggerscript, i}
-            <TriggerData idx={i} bind:value={value[i]} lowLevelAble={lowLevelAble} onRemove={() => {
+            <TriggerData idx={i} bind:value={value[i]} lowLevelAble={lowLevelAble} onOpen={onOpen} onClose={onClose} onRemove={() => {
                 let triggerscript = value
                 triggerscript.splice(i, 1)
                 value = triggerscript