@vueuse/integrations 10.2.1 → 10.4.0

package/useSortable.mjs

@@ -1,65 +1,42 @@
 import { tryOnMounted, tryOnScopeDispose, toValue, unrefElement, defaultDocument } from '@vueuse/core';
 import Sortable from 'sortablejs';
-import { nextTick } from 'vue-demi';
+import { isRef, nextTick } from 'vue-demi';
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 function useSortable(el, list, options = {}) {
   let sortable;
-  const _a = options, { document = defaultDocument } = _a, resetOptions = __objRest(_a, ["document"]);
+  const { document = defaultDocument, ...resetOptions } = options;
   const defaultOptions = {
     onUpdate: (e) => {
       moveArrayElement(list, e.oldIndex, e.newIndex);
     }
   };
   const start = () => {
-    const target = typeof el === "string" ? document == null ? void 0 : document.querySelector(el) : unrefElement(el);
+    const target = typeof el === "string" ? document?.querySelector(el) : unrefElement(el);
     if (!target)
       return;
-    sortable = new Sortable(target, __spreadValues(__spreadValues({}, defaultOptions), resetOptions));
+    sortable = new Sortable(target, { ...defaultOptions, ...resetOptions });
   };
-  const stop = () => sortable == null ? void 0 : sortable.destroy();
+  const stop = () => sortable?.destroy();
   const option = (name, value) => {
     if (value !== void 0)
-      sortable == null ? void 0 : sortable.option(name, value);
+      sortable?.option(name, value);
     else
-      return sortable == null ? void 0 : sortable.option(name);
+      return sortable?.option(name);
   };
   tryOnMounted(start);
   tryOnScopeDispose(stop);
   return { stop, start, option };
 }
 function moveArrayElement(list, from, to) {
-  const array = toValue(list);
+  const _valueIsRef = isRef(list);
+  const array = _valueIsRef ? [...toValue(list)] : toValue(list);
   if (to >= 0 && to < array.length) {
     const element = array.splice(from, 1)[0];
-    nextTick(() => array.splice(to, 0, element));
+    nextTick(() => {
+      array.splice(to, 0, element);
+      if (_valueIsRef)
+        list.value = array;
+    });
   }
 }