@vueuse/integrations 10.0.0-beta.2 → 10.0.0-beta.3

package/useSortable.cjs

@@ -2,6 +2,7 @@
 
 var core = require('@vueuse/core');
 var Sortable = require('sortablejs');
+var vueDemi = require('vue-demi');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -52,8 +53,10 @@ function useSortable(el, list, options = {}) {
 }
 function moveArrayElement(list, from, to) {
   const array = core.resolveUnref(list);
-  if (to >= 0 && to < array.length)
-    array.splice(to, 0, array.splice(from, 1)[0]);
+  if (to >= 0 && to < array.length) {
+    const element = array.splice(from, 1)[0];
+    vueDemi.nextTick(() => array.splice(to, 0, element));
+  }
 }
 
 exports.moveArrayElement = moveArrayElement;

package/useSortable.iife.js

@@ -112,7 +112,7 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   this.VueCompositionAPI || (typeof VueCompositionAPI !== 'undefined' ? VueCompositionAPI : undefined)
 );
 ;
-;(function (exports, core, Sortable) {
+;(function (exports, core, Sortable, vueDemi) {
   'use strict';
 
   var __defProp = Object.defineProperty;
@@ -164,11 +164,13 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   }
   function moveArrayElement(list, from, to) {
     const array = core.resolveUnref(list);
-    if (to >= 0 && to < array.length)
-      array.splice(to, 0, array.splice(from, 1)[0]);
+    if (to >= 0 && to < array.length) {
+      const element = array.splice(from, 1)[0];
+      vueDemi.nextTick(() => array.splice(to, 0, element));
+    }
   }
 
   exports.moveArrayElement = moveArrayElement;
   exports.useSortable = useSortable;
 
-})(this.VueUse = this.VueUse || {}, VueUse, Sortable);
+})(this.VueUse = this.VueUse || {}, VueUse, Sortable, VueDemi);

package/useSortable.iife.min.js

@@ -1 +1 @@
-var VueDemi=function(r,n,v){if(r.install)return r;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),r;if(n.version.slice(0,4)==="2.7."){let s=function(f,d){var l,y={},b={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(c,e){return y[c]=e,this},directive:function(c,e){return e?(n.directive(c,e),b):n.directive(c)},mount:function(c,e){return l||(l=new n(Object.assign({propsData:d},f,{provide:Object.assign(y,f.provide)})),l.$mount(c,e),l)},unmount:function(){l&&(l.$destroy(),l=void 0)}};return b};var u=s;for(var a in n)r[a]=n[a];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version,r.warn=n.util.warn,r.createApp=s}else if(n.version.slice(0,2)==="2.")if(v){for(var a in v)r[a]=v[a];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var a in n)r[a]=n[a];r.isVue2=!1,r.isVue3=!0,r.install=function(){},r.Vue=n,r.Vue2=void 0,r.version=n.version,r.set=function(s,f,d){return Array.isArray(s)?(s.length=Math.max(s.length,f),s.splice(f,1,d),d):(s[f]=d,d)},r.del=function(s,f){if(Array.isArray(s)){s.splice(f,1);return}delete s[f]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return r}(this.VueDemi=this.VueDemi||(typeof VueDemi!="undefined"?VueDemi:{}),this.Vue||(typeof Vue!="undefined"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI!="undefined"?VueCompositionAPI:void 0));(function(r,n,v){"use strict";var a=Object.defineProperty,u=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,d=(e,i,t)=>i in e?a(e,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[i]=t,l=(e,i)=>{for(var t in i||(i={}))s.call(i,t)&&d(e,t,i[t]);if(u)for(var t of u(i))f.call(i,t)&&d(e,t,i[t]);return e},y=(e,i)=>{var t={};for(var o in e)s.call(e,o)&&i.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&u)for(var o of u(e))i.indexOf(o)<0&&f.call(e,o)&&(t[o]=e[o]);return t};function b(e,i,t={}){let o;const O=t,{document:_=n.defaultDocument}=O,A=y(O,["document"]),P={onUpdate:p=>{c(i,p.oldIndex,p.newIndex)}},h=()=>{const p=typeof e=="string"?_==null?void 0:_.querySelector(e):n.unrefElement(e);!p||(o=new v(p,l(l({},P),A)))},w=()=>o==null?void 0:o.destroy();return n.tryOnMounted(h),n.tryOnScopeDispose(w),{stop:w,start:h}}function c(e,i,t){const o=n.resolveUnref(e);t>=0&&t<o.length&&o.splice(t,0,o.splice(i,1)[0])}r.moveArrayElement=c,r.useSortable=b})(this.VueUse=this.VueUse||{},VueUse,Sortable);
+var VueDemi=function(r,n,p){if(r.install)return r;if(!n)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),r;if(n.version.slice(0,4)==="2.7."){let o=function(f,d){var l,u={},b={config:n.config,use:n.use.bind(n),mixin:n.mixin.bind(n),component:n.component.bind(n),provide:function(v,c){return u[v]=c,this},directive:function(v,c){return c?(n.directive(v,c),b):n.directive(v)},mount:function(v,c){return l||(l=new n(Object.assign({propsData:d},f,{provide:Object.assign(u,f.provide)})),l.$mount(v,c),l)},unmount:function(){l&&(l.$destroy(),l=void 0)}};return b};var A=o;for(var a in n)r[a]=n[a];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version,r.warn=n.util.warn,r.createApp=o}else if(n.version.slice(0,2)==="2.")if(p){for(var a in p)r[a]=p[a];r.isVue2=!0,r.isVue3=!1,r.install=function(){},r.Vue=n,r.Vue2=n,r.version=n.version}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(n.version.slice(0,2)==="3."){for(var a in n)r[a]=n[a];r.isVue2=!1,r.isVue3=!0,r.install=function(){},r.Vue=n,r.Vue2=void 0,r.version=n.version,r.set=function(o,f,d){return Array.isArray(o)?(o.length=Math.max(o.length,f),o.splice(f,1,d),d):(o[f]=d,d)},r.del=function(o,f){if(Array.isArray(o)){o.splice(f,1);return}delete o[f]}}else console.error("[vue-demi] Vue version "+n.version+" is unsupported.");return r}(this.VueDemi=this.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),this.Vue||(typeof Vue<"u"?Vue:void 0),this.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(r,n,p,a){"use strict";var A=Object.defineProperty,o=Object.getOwnPropertySymbols,f=Object.prototype.hasOwnProperty,d=Object.prototype.propertyIsEnumerable,l=(e,i,t)=>i in e?A(e,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[i]=t,u=(e,i)=>{for(var t in i||(i={}))f.call(i,t)&&l(e,t,i[t]);if(o)for(var t of o(i))d.call(i,t)&&l(e,t,i[t]);return e},b=(e,i)=>{var t={};for(var s in e)f.call(e,s)&&i.indexOf(s)<0&&(t[s]=e[s]);if(e!=null&&o)for(var s of o(e))i.indexOf(s)<0&&d.call(e,s)&&(t[s]=e[s]);return t};function v(e,i,t={}){let s;const O=t,{document:_=n.defaultDocument}=O,P=b(O,["document"]),g={onUpdate:y=>{c(i,y.oldIndex,y.newIndex)}},h=()=>{const y=typeof e=="string"?_?.querySelector(e):n.unrefElement(e);y&&(s=new p(y,u(u({},g),P)))},w=()=>s?.destroy();return n.tryOnMounted(h),n.tryOnScopeDispose(w),{stop:w,start:h}}function c(e,i,t){const s=n.resolveUnref(e);if(t>=0&&t<s.length){const O=s.splice(i,1)[0];a.nextTick(()=>s.splice(t,0,O))}}r.moveArrayElement=c,r.useSortable=v})(this.VueUse=this.VueUse||{},VueUse,Sortable,VueDemi);

package/useSortable.mjs

@@ -1,5 +1,6 @@
 import { tryOnMounted, tryOnScopeDispose, resolveUnref, unrefElement, defaultDocument } from '@vueuse/core';
 import Sortable from 'sortablejs';
+import { nextTick } from 'vue-demi';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -50,8 +51,10 @@ function useSortable(el, list, options = {}) {
 }
 function moveArrayElement(list, from, to) {
   const array = resolveUnref(list);
-  if (to >= 0 && to < array.length)
-    array.splice(to, 0, array.splice(from, 1)[0]);
+  if (to >= 0 && to < array.length) {
+    const element = array.splice(from, 1)[0];
+    nextTick(() => array.splice(to, 0, element));
+  }
 }
 
 export { moveArrayElement, useSortable };