@vueuse/integrations 11.3.0 → 12.0.0-beta.1

package/useQRCode.mjs

@@ -1,6 +1,6 @@
 import { toRef, isClient } from '@vueuse/shared';
 import QRCode from 'qrcode';
-import { ref, watch } from 'vue-demi';
+import { ref, watch } from 'vue';
 
 function useQRCode(text, options) {
   const src = toRef(text);

package/useSortable/component.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var core = require('@vueuse/core');
-var vueDemi = require('vue-demi');
+var vue = require('vue');
 var Sortable = require('sortablejs');
 
 function useSortable(el, list, options = {}) {
@@ -49,11 +49,11 @@ function moveArrayElement(list, from, to, e = null) {
     removeNode(e.item);
     insertNodeAt(e.from, e.item, from);
   }
-  const _valueIsRef = vueDemi.isRef(list);
+  const _valueIsRef = vue.isRef(list);
   const array = _valueIsRef ? [...core.toValue(list)] : core.toValue(list);
   if (to >= 0 && to < array.length) {
     const element = array.splice(from, 1)[0];
-    vueDemi.nextTick(() => {
+    vue.nextTick(() => {
       array.splice(to, 0, element);
       if (_valueIsRef)
         list.value = array;
@@ -61,13 +61,8 @@ function moveArrayElement(list, from, to, e = null) {
   }
 }
 
-const UseSortable = /* @__PURE__ */ /* #__PURE__ */ vueDemi.defineComponent({
+const UseSortable = /* @__PURE__ */ /* #__PURE__ */ vue.defineComponent({
   name: "UseSortable",
-  model: {
-    // Compatible with vue2
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
   props: {
     modelValue: {
       type: Array,
@@ -84,11 +79,11 @@ const UseSortable = /* @__PURE__ */ /* #__PURE__ */ vueDemi.defineComponent({
   },
   setup(props, { slots }) {
     const list = core.useVModel(props, "modelValue");
-    const target = vueDemi.ref();
-    const data = vueDemi.reactive(useSortable(target, list, props.options));
+    const target = vue.ref();
+    const data = vue.reactive(useSortable(target, list, props.options));
     return () => {
       if (slots.default)
-        return vueDemi.h(props.tag, { ref: target }, slots.default(data));
+        return vue.h(props.tag, { ref: target }, slots.default(data));
     };
   }
 });

package/useSortable/component.d.cts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { PropType } from 'vue-demi';
+import { PropType } from 'vue';
 import { ConfigurableDocument } from '@vueuse/core';
 import { Options } from 'sortablejs';
 

package/useSortable/component.d.mts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { PropType } from 'vue-demi';
+import { PropType } from 'vue';
 import { ConfigurableDocument } from '@vueuse/core';
 import { Options } from 'sortablejs';
 

package/useSortable/component.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { PropType } from 'vue-demi';
+import { PropType } from 'vue';
 import { ConfigurableDocument } from '@vueuse/core';
 import { Options } from 'sortablejs';
 

package/useSortable/component.mjs

@@ -1,5 +1,5 @@
 import { tryOnMounted, tryOnScopeDispose, unrefElement, defaultDocument, toValue, useVModel } from '@vueuse/core';
-import { isRef, nextTick, defineComponent, ref, reactive, h } from 'vue-demi';
+import { isRef, nextTick, defineComponent, ref, reactive, h } from 'vue';
 import Sortable from 'sortablejs';
 
 function useSortable(el, list, options = {}) {
@@ -61,11 +61,6 @@ function moveArrayElement(list, from, to, e = null) {
 
 const UseSortable = /* @__PURE__ */ /* #__PURE__ */ defineComponent({
   name: "UseSortable",
-  model: {
-    // Compatible with vue2
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
   props: {
     modelValue: {
       type: Array,

package/useSortable.cjs

@@ -2,7 +2,7 @@
 
 var core = require('@vueuse/core');
 var Sortable = require('sortablejs');
-var vueDemi = require('vue-demi');
+var vue = require('vue');
 
 function useSortable(el, list, options = {}) {
   let sortable;
@@ -49,11 +49,11 @@ function moveArrayElement(list, from, to, e = null) {
     removeNode(e.item);
     insertNodeAt(e.from, e.item, from);
   }
-  const _valueIsRef = vueDemi.isRef(list);
+  const _valueIsRef = vue.isRef(list);
   const array = _valueIsRef ? [...core.toValue(list)] : core.toValue(list);
   if (to >= 0 && to < array.length) {
     const element = array.splice(from, 1)[0];
-    vueDemi.nextTick(() => {
+    vue.nextTick(() => {
       array.splice(to, 0, element);
       if (_valueIsRef)
         list.value = array;

package/useSortable.iife.js

@@ -1,131 +1,4 @@
-var _VueDemiGlobal = typeof globalThis !== 'undefined' 
-  ? globalThis
-  : typeof global !== 'undefined'
-    ? global
-    : typeof self !== 'undefined'
-      ? self
-      : this
-var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
-  if (VueDemi.install) {
-    return VueDemi
-  }
-  if (!Vue) {
-    console.error('[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`.')
-    return VueDemi
-  }
-
-  // Vue 2.7
-  if (Vue.version.slice(0, 4) === '2.7.') {
-    for (var key in Vue) {
-      VueDemi[key] = Vue[key]
-    }
-    VueDemi.isVue2 = true
-    VueDemi.isVue3 = false
-    VueDemi.install = function () {}
-    VueDemi.Vue = Vue
-    VueDemi.Vue2 = Vue
-    VueDemi.version = Vue.version
-    VueDemi.warn = Vue.util.warn
-    VueDemi.hasInjectionContext = function() {
-      return !!VueDemi.getCurrentInstance()
-    }
-    function createApp(rootComponent, rootProps) {
-      var vm
-      var provide = {}
-      var app = {
-        config: Vue.config,
-        use: Vue.use.bind(Vue),
-        mixin: Vue.mixin.bind(Vue),
-        component: Vue.component.bind(Vue),
-        provide: function (key, value) {
-          provide[key] = value
-          return this
-        },
-        directive: function (name, dir) {
-          if (dir) {
-            Vue.directive(name, dir)
-            return app
-          } else {
-            return Vue.directive(name)
-          }
-        },
-        mount: function (el, hydrating) {
-          if (!vm) {
-            vm = new Vue(Object.assign({ propsData: rootProps }, rootComponent, { provide: Object.assign(provide, rootComponent.provide) }))
-            vm.$mount(el, hydrating)
-            return vm
-          } else {
-            return vm
-          }
-        },
-        unmount: function () {
-          if (vm) {
-            vm.$destroy()
-            vm = undefined
-          }
-        },
-      }
-      return app
-    }
-    VueDemi.createApp = createApp
-  }
-  // Vue 2.6.x
-  else if (Vue.version.slice(0, 2) === '2.') {
-    if (VueCompositionAPI) {
-      for (var key in VueCompositionAPI) {
-        VueDemi[key] = VueCompositionAPI[key]
-      }
-      VueDemi.isVue2 = true
-      VueDemi.isVue3 = false
-      VueDemi.install = function () {}
-      VueDemi.Vue = Vue
-      VueDemi.Vue2 = Vue
-      VueDemi.version = Vue.version
-      VueDemi.hasInjectionContext = function() {
-        return !!VueDemi.getCurrentInstance()
-      }
-    } else {
-      console.error('[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.')
-    }
-  }
-  // Vue 3
-  else if (Vue.version.slice(0, 2) === '3.') {
-    for (var key in Vue) {
-      VueDemi[key] = Vue[key]
-    }
-    VueDemi.isVue2 = false
-    VueDemi.isVue3 = true
-    VueDemi.install = function () {}
-    VueDemi.Vue = Vue
-    VueDemi.Vue2 = undefined
-    VueDemi.version = Vue.version
-    VueDemi.set = function (target, key, val) {
-      if (Array.isArray(target)) {
-        target.length = Math.max(target.length, key)
-        target.splice(key, 1, val)
-        return val
-      }
-      target[key] = val
-      return val
-    }
-    VueDemi.del = function (target, key) {
-      if (Array.isArray(target)) {
-        target.splice(key, 1)
-        return
-      }
-      delete target[key]
-    }
-  } else {
-    console.error('[vue-demi] Vue version ' + Vue.version + ' is unsupported.')
-  }
-  return VueDemi
-})(
-  (_VueDemiGlobal.VueDemi = _VueDemiGlobal.VueDemi || (typeof VueDemi !== 'undefined' ? VueDemi : {})),
-  _VueDemiGlobal.Vue || (typeof Vue !== 'undefined' ? Vue : undefined),
-  _VueDemiGlobal.VueCompositionAPI || (typeof VueCompositionAPI !== 'undefined' ? VueCompositionAPI : undefined)
-);
-;
-;(function (exports, core, Sortable, vueDemi) {
+(function (exports, core, Sortable, vue) {
   'use strict';
 
   function useSortable(el, list, options = {}) {
@@ -173,11 +46,11 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
       removeNode(e.item);
       insertNodeAt(e.from, e.item, from);
     }
-    const _valueIsRef = vueDemi.isRef(list);
+    const _valueIsRef = vue.isRef(list);
     const array = _valueIsRef ? [...core.toValue(list)] : core.toValue(list);
     if (to >= 0 && to < array.length) {
       const element = array.splice(from, 1)[0];
-      vueDemi.nextTick(() => {
+      vue.nextTick(() => {
         array.splice(to, 0, element);
         if (_valueIsRef)
           list.value = array;
@@ -190,4 +63,4 @@ var VueDemi = (function (VueDemi, Vue, VueCompositionAPI) {
   exports.removeNode = removeNode;
   exports.useSortable = useSortable;
 
-})(this.VueUse = this.VueUse || {}, VueUse, Sortable, VueDemi);
+})(this.VueUse = this.VueUse || {}, VueUse, Sortable, Vue);

package/useSortable.iife.min.js

@@ -1 +1 @@
-var _VueDemiGlobal=typeof globalThis<"u"?globalThis:typeof global<"u"?global:typeof self<"u"?self:this,VueDemi=function(n,e,v){if(n.install)return n;if(!e)return console.error("[vue-demi] no Vue instance found, please be sure to import `vue` before `vue-demi`."),n;if(e.version.slice(0,4)==="2.7."){let i=function(r,d){var o,c={},l={config:e.config,use:e.use.bind(e),mixin:e.mixin.bind(e),component:e.component.bind(e),provide:function(t,s){return c[t]=s,this},directive:function(t,s){return s?(e.directive(t,s),l):e.directive(t)},mount:function(t,s){return o||(o=new e(Object.assign({propsData:d},r,{provide:Object.assign(c,r.provide)})),o.$mount(t,s),o)},unmount:function(){o&&(o.$destroy(),o=void 0)}};return l};var b=i;for(var f in e)n[f]=e[f];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version,n.warn=e.util.warn,n.hasInjectionContext=function(){return!!n.getCurrentInstance()},n.createApp=i}else if(e.version.slice(0,2)==="2.")if(v){for(var f in v)n[f]=v[f];n.isVue2=!0,n.isVue3=!1,n.install=function(){},n.Vue=e,n.Vue2=e,n.version=e.version,n.hasInjectionContext=function(){return!!n.getCurrentInstance()}}else console.error("[vue-demi] no VueCompositionAPI instance found, please be sure to import `@vue/composition-api` before `vue-demi`.");else if(e.version.slice(0,2)==="3."){for(var f in e)n[f]=e[f];n.isVue2=!1,n.isVue3=!0,n.install=function(){},n.Vue=e,n.Vue2=void 0,n.version=e.version,n.set=function(i,r,d){return Array.isArray(i)?(i.length=Math.max(i.length,r),i.splice(r,1,d),d):(i[r]=d,d)},n.del=function(i,r){if(Array.isArray(i)){i.splice(r,1);return}delete i[r]}}else console.error("[vue-demi] Vue version "+e.version+" is unsupported.");return n}(_VueDemiGlobal.VueDemi=_VueDemiGlobal.VueDemi||(typeof VueDemi<"u"?VueDemi:{}),_VueDemiGlobal.Vue||(typeof Vue<"u"?Vue:void 0),_VueDemiGlobal.VueCompositionAPI||(typeof VueCompositionAPI<"u"?VueCompositionAPI:void 0));(function(n,e,v,f){"use strict";function b(o,c,l={}){let t;const{document:s=e.defaultDocument,...a}=l,p={onUpdate:u=>{d(c,u.oldIndex,u.newIndex,u)}},y=()=>{const u=typeof o=="string"?s?.querySelector(o):e.unrefElement(o);!u||t!==void 0||(t=new v(u,{...p,...a}))},h=()=>{t?.destroy(),t=void 0},g=(u,A)=>{if(A!==void 0)t?.option(u,A);else return t?.option(u)};return e.tryOnMounted(y),e.tryOnScopeDispose(h),{stop:h,start:y,option:g}}function i(o,c,l){const t=o.children[l];o.insertBefore(c,t)}function r(o){o.parentNode&&o.parentNode.removeChild(o)}function d(o,c,l,t=null){t!=null&&(r(t.item),i(t.from,t.item,c));const s=f.isRef(o),a=s?[...e.toValue(o)]:e.toValue(o);if(l>=0&&l<a.length){const p=a.splice(c,1)[0];f.nextTick(()=>{a.splice(l,0,p),s&&(o.value=a)})}}n.insertNodeAt=i,n.moveArrayElement=d,n.removeNode=r,n.useSortable=b})(this.VueUse=this.VueUse||{},VueUse,Sortable,VueDemi);
+(function(r,i,N,c){"use strict";function V(t,s,o={}){let e;const{document:l=i.defaultDocument,...u}=o,d={onUpdate:n=>{m(s,n.oldIndex,n.newIndex,n)}},v=()=>{const n=typeof t=="string"?l?.querySelector(t):i.unrefElement(t);!n||e!==void 0||(e=new N(n,{...d,...u}))},p=()=>{e?.destroy(),e=void 0},h=(n,y)=>{if(y!==void 0)e?.option(n,y);else return e?.option(n)};return i.tryOnMounted(v),i.tryOnScopeDispose(p),{stop:p,start:v,option:h}}function f(t,s,o){const e=t.children[o];t.insertBefore(s,e)}function a(t){t.parentNode&&t.parentNode.removeChild(t)}function m(t,s,o,e=null){e!=null&&(a(e.item),f(e.from,e.item,s));const l=c.isRef(t),u=l?[...i.toValue(t)]:i.toValue(t);if(o>=0&&o<u.length){const d=u.splice(s,1)[0];c.nextTick(()=>{u.splice(o,0,d),l&&(t.value=u)})}}r.insertNodeAt=f,r.moveArrayElement=m,r.removeNode=a,r.useSortable=V})(this.VueUse=this.VueUse||{},VueUse,Sortable,Vue);

package/useSortable.mjs

@@ -1,6 +1,6 @@
 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;