@vueuse/integrations 11.2.0 → 12.0.0-beta.1

package/index.cjs

@@ -2,7 +2,7 @@
 
 var shared = require('@vueuse/shared');
 var Schema = require('async-validator');
-var vueDemi = require('vue-demi');
+var vue = require('vue');
 var axios = require('axios');
 var changeCase = require('change-case');
 var Cookie = require('universal-cookie');
@@ -43,18 +43,18 @@ function useAsyncValidator(value, rules, options = {}) {
     manual = false
   } = options;
   const valueRef = shared.toRef(value);
-  const errorInfo = vueDemi.shallowRef(null);
-  const isFinished = vueDemi.ref(true);
-  const pass = vueDemi.ref(!immediate || manual);
-  const errors = vueDemi.computed(() => {
+  const errorInfo = vue.shallowRef(null);
+  const isFinished = vue.ref(true);
+  const pass = vue.ref(!immediate || manual);
+  const errors = vue.computed(() => {
     var _a;
     return ((_a = errorInfo.value) == null ? void 0 : _a.errors) || [];
   });
-  const errorFields = vueDemi.computed(() => {
+  const errorFields = vue.computed(() => {
     var _a;
     return ((_a = errorInfo.value) == null ? void 0 : _a.fields) || {};
   });
-  const validator = vueDemi.computed(() => new AsyncValidatorSchema(shared.toValue(rules)));
+  const validator = vue.computed(() => new AsyncValidatorSchema(shared.toValue(rules)));
   const execute = async () => {
     isFinished.value = false;
     pass.value = false;
@@ -75,7 +75,7 @@ function useAsyncValidator(value, rules, options = {}) {
     };
   };
   if (!manual) {
-    vueDemi.watch(
+    vue.watch(
       [valueRef, validator],
       () => execute(),
       { immediate, deep: true }
@@ -135,12 +135,12 @@ function useAxios(...args) {
     immediate,
     resetOnExecute = false
   } = options;
-  const response = vueDemi.shallowRef();
-  const data = (shallow ? vueDemi.shallowRef : vueDemi.ref)(initialData);
-  const isFinished = vueDemi.ref(false);
-  const isLoading = vueDemi.ref(false);
-  const isAborted = vueDemi.ref(false);
-  const error = vueDemi.shallowRef();
+  const response = vue.shallowRef();
+  const data = (shallow ? vue.shallowRef : vue.ref)(initialData);
+  const isFinished = vue.ref(false);
+  const isLoading = vue.ref(false);
+  const isAborted = vue.ref(false);
+  const error = vue.shallowRef();
   let abortController = new AbortController();
   const abort = (message) => {
     if (isFinished.value || !isLoading.value)
@@ -225,16 +225,16 @@ const changeCaseTransforms = /* @__PURE__ */ Object.entries(changeCase__namespac
   return acc;
 }, {});
 function useChangeCase(input, type, options) {
-  const typeRef = vueDemi.computed(() => {
+  const typeRef = vue.computed(() => {
     const t = shared.toValue(type);
     if (!changeCaseTransforms[t])
       throw new Error(`Invalid change case type "${t}"`);
     return t;
   });
   if (typeof input === "function")
-    return vueDemi.computed(() => changeCaseTransforms[typeRef.value](shared.toValue(input), shared.toValue(options)));
-  const text = vueDemi.ref(input);
-  return vueDemi.computed({
+    return vue.computed(() => changeCaseTransforms[typeRef.value](shared.toValue(input), shared.toValue(options)));
+  const text = vue.ref(input);
+  return vue.computed({
     get() {
       return changeCaseTransforms[typeRef.value](text.value, shared.toValue(options));
     },
@@ -251,7 +251,7 @@ function createCookies(req) {
 function useCookies(dependencies, { doNotParse = false, autoUpdateDependencies = false } = {}, cookies = new Cookie()) {
   const watchingDependencies = autoUpdateDependencies ? [...dependencies || []] : dependencies;
   let previousCookies = cookies.getAll({ doNotParse: true });
-  const touches = vueDemi.ref(0);
+  const touches = vue.ref(0);
   const onChange = () => {
     const newCookies = cookies.getAll({ doNotParse: true });
     if (shouldUpdate(
@@ -301,18 +301,18 @@ function shouldUpdate(dependencies, newCookies, oldCookies) {
 }
 
 function useDrauu(target, options) {
-  const drauuInstance = vueDemi.ref();
+  const drauuInstance = vue.ref();
   let disposables = [];
   const onChangedHook = core.createEventHook();
   const onCanceledHook = core.createEventHook();
   const onCommittedHook = core.createEventHook();
   const onStartHook = core.createEventHook();
   const onEndHook = core.createEventHook();
-  const canUndo = vueDemi.ref(false);
-  const canRedo = vueDemi.ref(false);
-  const altPressed = vueDemi.ref(false);
-  const shiftPressed = vueDemi.ref(false);
-  const brush = vueDemi.ref({
+  const canUndo = vue.ref(false);
+  const canRedo = vue.ref(false);
+  const altPressed = vue.ref(false);
+  const shiftPressed = vue.ref(false);
+  const brush = vue.ref({
     color: "black",
     size: 3,
     arrowEnd: false,
@@ -322,7 +322,7 @@ function useDrauu(target, options) {
     mode: "draw",
     ...options == null ? void 0 : options.brush
   });
-  vueDemi.watch(brush, () => {
+  vue.watch(brush, () => {
     const instance = drauuInstance.value;
     if (instance) {
       instance.brush = brush.value;
@@ -366,7 +366,7 @@ function useDrauu(target, options) {
       shiftPressed.value = drauuInstance.value.shiftPressed;
     }
   };
-  vueDemi.watch(
+  vue.watch(
     () => core.unrefElement(target),
     (el) => {
       if (!el || typeof SVGSVGElement === "undefined" || !(el instanceof SVGSVGElement))
@@ -411,8 +411,8 @@ function useDrauu(target, options) {
 function useFocusTrap(target, options = {}) {
   let trap;
   const { immediate, ...focusTrapOptions } = options;
-  const hasFocus = vueDemi.ref(false);
-  const isPaused = vueDemi.ref(false);
+  const hasFocus = vue.ref(false);
+  const isPaused = vue.ref(false);
   const activate = (opts) => trap && trap.activate(opts);
   const deactivate = (opts) => trap && trap.deactivate(opts);
   const pause = () => {
@@ -427,14 +427,14 @@ function useFocusTrap(target, options = {}) {
       isPaused.value = false;
     }
   };
-  const targets = vueDemi.computed(() => {
+  const targets = vue.computed(() => {
     const _targets = shared.toValue(target);
     return (Array.isArray(_targets) ? _targets : [_targets]).map((el) => {
       const _el = shared.toValue(el);
       return typeof _el === "string" ? _el : core.unrefElement(_el);
     }).filter(shared.notNullish);
   });
-  vueDemi.watch(
+  vue.watch(
     targets,
     (els) => {
       if (!els.length)
@@ -476,8 +476,8 @@ function useFuse(search, data, options) {
       (_b = shared.toValue(options)) == null ? void 0 : _b.fuseOptions
     );
   };
-  const fuse = vueDemi.ref(createFuse());
-  vueDemi.watch(
+  const fuse = vue.ref(createFuse());
+  vue.watch(
     () => {
       var _a;
       return (_a = shared.toValue(options)) == null ? void 0 : _a.fuseOptions;
@@ -487,14 +487,14 @@ function useFuse(search, data, options) {
     },
     { deep: true }
   );
-  vueDemi.watch(
+  vue.watch(
     () => shared.toValue(data),
     (newData) => {
       fuse.value.setCollection(newData);
     },
     { deep: true }
   );
-  const results = vueDemi.computed(() => {
+  const results = vue.computed(() => {
     const resolved = shared.toValue(options);
     if ((resolved == null ? void 0 : resolved.matchAllWhenSearchEmpty) && !shared.toValue(search))
       return shared.toValue(data).map((item, index) => ({ item, refIndex: index }));
@@ -517,8 +517,8 @@ function useIDBKeyval(key, initialValue, options = {}) {
     },
     writeDefaults = true
   } = options;
-  const isFinished = vueDemi.ref(false);
-  const data = (shallow ? vueDemi.shallowRef : vueDemi.ref)(initialValue);
+  const isFinished = vue.ref(false);
+  const data = (shallow ? vue.shallowRef : vue.ref)(initialValue);
   const rawInit = shared.toValue(initialValue);
   async function read() {
     try {
@@ -540,7 +540,7 @@ function useIDBKeyval(key, initialValue, options = {}) {
       if (data.value == null) {
         await idbKeyval.del(key);
       } else {
-        await idbKeyval.update(key, () => vueDemi.toRaw(data.value));
+        await idbKeyval.update(key, () => vue.toRaw(data.value));
       }
     } catch (e) {
       onError(e);
@@ -576,8 +576,8 @@ function useJwt(encodedJwt, options = {}) {
       return fallbackValue;
     }
   };
-  const header = vueDemi.computed(() => decodeWithFallback(shared.toValue(encodedJwt), { header: true }));
-  const payload = vueDemi.computed(() => decodeWithFallback(shared.toValue(encodedJwt)));
+  const header = vue.computed(() => decodeWithFallback(shared.toValue(encodedJwt), { header: true }));
+  const payload = vue.computed(() => decodeWithFallback(shared.toValue(encodedJwt)));
   return {
     header,
     payload
@@ -585,8 +585,8 @@ function useJwt(encodedJwt, options = {}) {
 }
 
 function useNProgress(currentProgress = null, options) {
-  const progress = vueDemi.ref(currentProgress);
-  const isLoading = vueDemi.computed({
+  const progress = vue.ref(currentProgress);
+  const isLoading = vue.computed({
     set: (load) => load ? nprogress.start() : nprogress.done(),
     get: () => typeof progress.value === "number" && progress.value < 1
   });
@@ -597,7 +597,7 @@ function useNProgress(currentProgress = null, options) {
     progress.value = n;
     return setProgress.call(nprogress, n);
   };
-  vueDemi.watchEffect(() => {
+  vue.watchEffect(() => {
     if (typeof progress.value === "number" && shared.isClient)
       setProgress.call(nprogress, progress.value);
   });
@@ -616,8 +616,8 @@ function useNProgress(currentProgress = null, options) {
 
 function useQRCode(text, options) {
   const src = shared.toRef(text);
-  const result = vueDemi.ref("");
-  vueDemi.watch(
+  const result = vue.ref("");
+  vue.watch(
     src,
     async (value) => {
       if (src.value && shared.isClient)
@@ -633,7 +633,7 @@ function useSortable(el, list, options = {}) {
   const { document = core.defaultDocument, ...resetOptions } = options;
   const defaultOptions = {
     onUpdate: (e) => {
-      moveArrayElement(list, e.oldIndex, e.newIndex);
+      moveArrayElement(list, e.oldIndex, e.newIndex, e);
     }
   };
   const start = () => {
@@ -660,12 +660,24 @@ function useSortable(el, list, options = {}) {
     option
   };
 }
-function moveArrayElement(list, from, to) {
-  const _valueIsRef = vueDemi.isRef(list);
+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 = 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;
@@ -674,7 +686,9 @@ function moveArrayElement(list, from, to) {
 }
 
 exports.createCookies = createCookies;
+exports.insertNodeAt = insertNodeAt;
 exports.moveArrayElement = moveArrayElement;
+exports.removeNode = removeNode;
 exports.useAsyncValidator = useAsyncValidator;
 exports.useAxios = useAxios;
 exports.useChangeCase = useChangeCase;

package/index.d.cts

@@ -1,6 +1,7 @@
 import { MaybeRefOrGetter, MaybeRef, ConfigurableFlush, RemovableRef } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
-import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue-demi';
+import * as vue from 'vue';
+import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue';
 import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
 import * as changeCase from 'change-case';
 import { Options } from 'change-case';
@@ -10,7 +11,6 @@ import { IncomingMessage } from 'node:http';
 import { EventHookOn, MaybeComputedElementRef, Fn, Arrayable, ConfigurableDocument, MaybeRefOrGetter as MaybeRefOrGetter$1 } from '@vueuse/core';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
-import * as vue from 'vue-demi';
 import * as fuse_js from 'fuse.js';
 import fuse_js__default, { IFuseOptions, FuseResult } from 'fuse.js';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
@@ -387,7 +387,7 @@ type UseNProgressOptions = Partial<NProgressOptions>;
  */
 declare function useNProgress(currentProgress?: MaybeRefOrGetter<number | null | undefined>, options?: UseNProgressOptions): {
     isLoading: vue.WritableComputedRef<boolean, boolean>;
-    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
+    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined, number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean) => nprogress.NProgress;
     remove: () => void;
@@ -422,6 +422,20 @@ interface UseSortableReturn {
 type UseSortableOptions = Options$3 & ConfigurableDocument;
 declare function useSortable<T>(selector: string, list: MaybeRefOrGetter$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
 declare function useSortable<T>(el: MaybeRefOrGetter$1<HTMLElement | null | undefined>, list: MaybeRefOrGetter$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
-declare function moveArrayElement<T>(list: MaybeRefOrGetter$1<T[]>, from: number, to: number): void;
+/**
+ * Inserts a element into the DOM at a given index.
+ * @param parentElement
+ * @param element
+ * @param {number} index
+ * @see https://github.com/Alfred-Skyblue/vue-draggable-plus/blob/a3829222095e1949bf2c9a20979d7b5930e66f14/src/utils/index.ts#L81C1-L94C2
+ */
+declare function insertNodeAt(parentElement: Element, element: Element, index: number): void;
+/**
+ * Removes a node from the DOM.
+ * @param {Node} node
+ * @see https://github.com/Alfred-Skyblue/vue-draggable-plus/blob/a3829222095e1949bf2c9a20979d7b5930e66f14/src/utils/index.ts#L96C1-L102C2
+ */
+declare function removeNode(node: Node): void;
+declare function moveArrayElement<T>(list: MaybeRefOrGetter$1<T[]>, from: number, to: number, e?: Sortable.SortableEvent | null): void;
 
-export { type AsyncValidatorError, type ChangeCaseType, type EasyUseAxiosReturn, type FuseOptions, type StrictUseAxiosReturn, type UseAsyncValidatorExecuteReturn, type UseAsyncValidatorOptions, type UseAsyncValidatorReturn, type UseAxiosOptions, type UseAxiosReturn, type UseDrauuOptions, type UseDrauuReturn, type UseFocusTrapOptions, type UseFocusTrapReturn, type UseFuseOptions, type UseFuseReturn, type UseIDBKeyvalReturn, type UseIDBOptions, type UseJwtOptions, type UseJwtReturn, type UseNProgressOptions, type UseNProgressReturn, type UseSortableOptions, type UseSortableReturn, createCookies, moveArrayElement, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode, useSortable };
+export { type AsyncValidatorError, type ChangeCaseType, type EasyUseAxiosReturn, type FuseOptions, type StrictUseAxiosReturn, type UseAsyncValidatorExecuteReturn, type UseAsyncValidatorOptions, type UseAsyncValidatorReturn, type UseAxiosOptions, type UseAxiosReturn, type UseDrauuOptions, type UseDrauuReturn, type UseFocusTrapOptions, type UseFocusTrapReturn, type UseFuseOptions, type UseFuseReturn, type UseIDBKeyvalReturn, type UseIDBOptions, type UseJwtOptions, type UseJwtReturn, type UseNProgressOptions, type UseNProgressReturn, type UseSortableOptions, type UseSortableReturn, createCookies, insertNodeAt, moveArrayElement, removeNode, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode, useSortable };

package/index.d.mts

@@ -1,6 +1,7 @@
 import { MaybeRefOrGetter, MaybeRef, ConfigurableFlush, RemovableRef } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
-import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue-demi';
+import * as vue from 'vue';
+import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue';
 import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
 import * as changeCase from 'change-case';
 import { Options } from 'change-case';
@@ -10,7 +11,6 @@ import { IncomingMessage } from 'node:http';
 import { EventHookOn, MaybeComputedElementRef, Fn, Arrayable, ConfigurableDocument, MaybeRefOrGetter as MaybeRefOrGetter$1 } from '@vueuse/core';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
-import * as vue from 'vue-demi';
 import * as fuse_js from 'fuse.js';
 import fuse_js__default, { IFuseOptions, FuseResult } from 'fuse.js';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
@@ -387,7 +387,7 @@ type UseNProgressOptions = Partial<NProgressOptions>;
  */
 declare function useNProgress(currentProgress?: MaybeRefOrGetter<number | null | undefined>, options?: UseNProgressOptions): {
     isLoading: vue.WritableComputedRef<boolean, boolean>;
-    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
+    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined, number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean) => nprogress.NProgress;
     remove: () => void;
@@ -422,6 +422,20 @@ interface UseSortableReturn {
 type UseSortableOptions = Options$3 & ConfigurableDocument;
 declare function useSortable<T>(selector: string, list: MaybeRefOrGetter$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
 declare function useSortable<T>(el: MaybeRefOrGetter$1<HTMLElement | null | undefined>, list: MaybeRefOrGetter$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
-declare function moveArrayElement<T>(list: MaybeRefOrGetter$1<T[]>, from: number, to: number): void;
+/**
+ * Inserts a element into the DOM at a given index.
+ * @param parentElement
+ * @param element
+ * @param {number} index
+ * @see https://github.com/Alfred-Skyblue/vue-draggable-plus/blob/a3829222095e1949bf2c9a20979d7b5930e66f14/src/utils/index.ts#L81C1-L94C2
+ */
+declare function insertNodeAt(parentElement: Element, element: Element, index: number): void;
+/**
+ * Removes a node from the DOM.
+ * @param {Node} node
+ * @see https://github.com/Alfred-Skyblue/vue-draggable-plus/blob/a3829222095e1949bf2c9a20979d7b5930e66f14/src/utils/index.ts#L96C1-L102C2
+ */
+declare function removeNode(node: Node): void;
+declare function moveArrayElement<T>(list: MaybeRefOrGetter$1<T[]>, from: number, to: number, e?: Sortable.SortableEvent | null): void;
 
-export { type AsyncValidatorError, type ChangeCaseType, type EasyUseAxiosReturn, type FuseOptions, type StrictUseAxiosReturn, type UseAsyncValidatorExecuteReturn, type UseAsyncValidatorOptions, type UseAsyncValidatorReturn, type UseAxiosOptions, type UseAxiosReturn, type UseDrauuOptions, type UseDrauuReturn, type UseFocusTrapOptions, type UseFocusTrapReturn, type UseFuseOptions, type UseFuseReturn, type UseIDBKeyvalReturn, type UseIDBOptions, type UseJwtOptions, type UseJwtReturn, type UseNProgressOptions, type UseNProgressReturn, type UseSortableOptions, type UseSortableReturn, createCookies, moveArrayElement, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode, useSortable };
+export { type AsyncValidatorError, type ChangeCaseType, type EasyUseAxiosReturn, type FuseOptions, type StrictUseAxiosReturn, type UseAsyncValidatorExecuteReturn, type UseAsyncValidatorOptions, type UseAsyncValidatorReturn, type UseAxiosOptions, type UseAxiosReturn, type UseDrauuOptions, type UseDrauuReturn, type UseFocusTrapOptions, type UseFocusTrapReturn, type UseFuseOptions, type UseFuseReturn, type UseIDBKeyvalReturn, type UseIDBOptions, type UseJwtOptions, type UseJwtReturn, type UseNProgressOptions, type UseNProgressReturn, type UseSortableOptions, type UseSortableReturn, createCookies, insertNodeAt, moveArrayElement, removeNode, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode, useSortable };

package/index.d.ts

@@ -1,6 +1,7 @@
 import { MaybeRefOrGetter, MaybeRef, ConfigurableFlush, RemovableRef } from '@vueuse/shared';
 import { ValidateError, ValidateOption, Rules } from 'async-validator';
-import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue-demi';
+import * as vue from 'vue';
+import { Ref, ShallowRef, WritableComputedRef, ComputedRef } from 'vue';
 import { AxiosResponse, AxiosRequestConfig, AxiosInstance } from 'axios';
 import * as changeCase from 'change-case';
 import { Options } from 'change-case';
@@ -10,7 +11,6 @@ import { IncomingMessage } from 'node:http';
 import { EventHookOn, MaybeComputedElementRef, Fn, Arrayable, ConfigurableDocument, MaybeRefOrGetter as MaybeRefOrGetter$1 } from '@vueuse/core';
 import { Options as Options$1, Drauu, Brush } from 'drauu';
 import { Options as Options$2, ActivateOptions, DeactivateOptions } from 'focus-trap';
-import * as vue from 'vue-demi';
 import * as fuse_js from 'fuse.js';
 import fuse_js__default, { IFuseOptions, FuseResult } from 'fuse.js';
 import { JwtPayload, JwtHeader } from 'jwt-decode';
@@ -387,7 +387,7 @@ type UseNProgressOptions = Partial<NProgressOptions>;
  */
 declare function useNProgress(currentProgress?: MaybeRefOrGetter<number | null | undefined>, options?: UseNProgressOptions): {
     isLoading: vue.WritableComputedRef<boolean, boolean>;
-    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
+    progress: vue.Ref<number | (() => number | null | undefined) | null | undefined, number | vue.Ref<number | null | undefined, number | null | undefined> | vue.ShallowRef<number | null | undefined, number | null | undefined> | vue.WritableComputedRef<number | null | undefined, number | null | undefined> | vue.ComputedRef<number | null | undefined> | (() => number | null | undefined) | null | undefined>;
     start: () => nprogress.NProgress;
     done: (force?: boolean) => nprogress.NProgress;
     remove: () => void;
@@ -422,6 +422,20 @@ interface UseSortableReturn {
 type UseSortableOptions = Options$3 & ConfigurableDocument;
 declare function useSortable<T>(selector: string, list: MaybeRefOrGetter$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
 declare function useSortable<T>(el: MaybeRefOrGetter$1<HTMLElement | null | undefined>, list: MaybeRefOrGetter$1<T[]>, options?: UseSortableOptions): UseSortableReturn;
-declare function moveArrayElement<T>(list: MaybeRefOrGetter$1<T[]>, from: number, to: number): void;
+/**
+ * Inserts a element into the DOM at a given index.
+ * @param parentElement
+ * @param element
+ * @param {number} index
+ * @see https://github.com/Alfred-Skyblue/vue-draggable-plus/blob/a3829222095e1949bf2c9a20979d7b5930e66f14/src/utils/index.ts#L81C1-L94C2
+ */
+declare function insertNodeAt(parentElement: Element, element: Element, index: number): void;
+/**
+ * Removes a node from the DOM.
+ * @param {Node} node
+ * @see https://github.com/Alfred-Skyblue/vue-draggable-plus/blob/a3829222095e1949bf2c9a20979d7b5930e66f14/src/utils/index.ts#L96C1-L102C2
+ */
+declare function removeNode(node: Node): void;
+declare function moveArrayElement<T>(list: MaybeRefOrGetter$1<T[]>, from: number, to: number, e?: Sortable.SortableEvent | null): void;
 
-export { type AsyncValidatorError, type ChangeCaseType, type EasyUseAxiosReturn, type FuseOptions, type StrictUseAxiosReturn, type UseAsyncValidatorExecuteReturn, type UseAsyncValidatorOptions, type UseAsyncValidatorReturn, type UseAxiosOptions, type UseAxiosReturn, type UseDrauuOptions, type UseDrauuReturn, type UseFocusTrapOptions, type UseFocusTrapReturn, type UseFuseOptions, type UseFuseReturn, type UseIDBKeyvalReturn, type UseIDBOptions, type UseJwtOptions, type UseJwtReturn, type UseNProgressOptions, type UseNProgressReturn, type UseSortableOptions, type UseSortableReturn, createCookies, moveArrayElement, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode, useSortable };
+export { type AsyncValidatorError, type ChangeCaseType, type EasyUseAxiosReturn, type FuseOptions, type StrictUseAxiosReturn, type UseAsyncValidatorExecuteReturn, type UseAsyncValidatorOptions, type UseAsyncValidatorReturn, type UseAxiosOptions, type UseAxiosReturn, type UseDrauuOptions, type UseDrauuReturn, type UseFocusTrapOptions, type UseFocusTrapReturn, type UseFuseOptions, type UseFuseReturn, type UseIDBKeyvalReturn, type UseIDBOptions, type UseJwtOptions, type UseJwtReturn, type UseNProgressOptions, type UseNProgressReturn, type UseSortableOptions, type UseSortableReturn, createCookies, insertNodeAt, moveArrayElement, removeNode, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode, useSortable };