@vueuse/integrations 11.2.0 → 12.0.0-beta.1

package/useSortable.mjs

@@ -1,13 +1,13 @@
 import { tryOnMounted, tryOnScopeDispose, toValue, unrefElement, defaultDocument } from '@vueuse/core';
 import Sortable from 'sortablejs';
-import { isRef, nextTick } from 'vue-demi';
+import { isRef, nextTick } from 'vue';
 
 function useSortable(el, list, options = {}) {
   let sortable;
   const { document = defaultDocument, ...resetOptions } = options;
   const defaultOptions = {
     onUpdate: (e) => {
-      moveArrayElement(list, e.oldIndex, e.newIndex);
+      moveArrayElement(list, e.oldIndex, e.newIndex, e);
     }
   };
   const start = () => {
@@ -34,7 +34,19 @@ function useSortable(el, list, options = {}) {
     option
   };
 }
-function moveArrayElement(list, from, to) {
+function insertNodeAt(parentElement, element, index) {
+  const refElement = parentElement.children[index];
+  parentElement.insertBefore(element, refElement);
+}
+function removeNode(node) {
+  if (node.parentNode)
+    node.parentNode.removeChild(node);
+}
+function moveArrayElement(list, from, to, e = null) {
+  if (e != null) {
+    removeNode(e.item);
+    insertNodeAt(e.from, e.item, from);
+  }
   const _valueIsRef = isRef(list);
   const array = _valueIsRef ? [...toValue(list)] : toValue(list);
   if (to >= 0 && to < array.length) {
@@ -47,4 +59,4 @@ function moveArrayElement(list, from, to) {
   }
 }
 
-export { moveArrayElement, useSortable };
+export { insertNodeAt, moveArrayElement, removeNode, useSortable };