@vueuse/integrations 12.8.1 → 13.0.0-beta.1

package/useIDBKeyval.d.cts

@@ -1,43 +0,0 @@
-import { ConfigurableFlush, RemovableRef } from '@vueuse/shared';
-import { ShallowRef, MaybeRefOrGetter } from 'vue';
-
-interface UseIDBOptions extends ConfigurableFlush {
-    /**
-     * Watch for deep changes
-     *
-     * @default true
-     */
-    deep?: boolean;
-    /**
-     * On error callback
-     *
-     * Default log error to `console.error`
-     */
-    onError?: (error: unknown) => void;
-    /**
-     * Use shallow ref as reference
-     *
-     * @default false
-     */
-    shallow?: boolean;
-    /**
-     * Write the default value to the storage when it does not exist
-     *
-     * @default true
-     */
-    writeDefaults?: boolean;
-}
-interface UseIDBKeyvalReturn<T> {
-    data: RemovableRef<T>;
-    isFinished: ShallowRef<boolean>;
-    set: (value: T) => Promise<void>;
-}
-/**
- *
- * @param key
- * @param initialValue
- * @param options
- */
-declare function useIDBKeyval<T>(key: IDBValidKey, initialValue: MaybeRefOrGetter<T>, options?: UseIDBOptions): UseIDBKeyvalReturn<T>;
-
-export { type UseIDBKeyvalReturn, type UseIDBOptions, useIDBKeyval };

package/useIDBKeyval.d.ts

@@ -1,43 +0,0 @@
-import { ConfigurableFlush, RemovableRef } from '@vueuse/shared';
-import { ShallowRef, MaybeRefOrGetter } from 'vue';
-
-interface UseIDBOptions extends ConfigurableFlush {
-    /**
-     * Watch for deep changes
-     *
-     * @default true
-     */
-    deep?: boolean;
-    /**
-     * On error callback
-     *
-     * Default log error to `console.error`
-     */
-    onError?: (error: unknown) => void;
-    /**
-     * Use shallow ref as reference
-     *
-     * @default false
-     */
-    shallow?: boolean;
-    /**
-     * Write the default value to the storage when it does not exist
-     *
-     * @default true
-     */
-    writeDefaults?: boolean;
-}
-interface UseIDBKeyvalReturn<T> {
-    data: RemovableRef<T>;
-    isFinished: ShallowRef<boolean>;
-    set: (value: T) => Promise<void>;
-}
-/**
- *
- * @param key
- * @param initialValue
- * @param options
- */
-declare function useIDBKeyval<T>(key: IDBValidKey, initialValue: MaybeRefOrGetter<T>, options?: UseIDBOptions): UseIDBKeyvalReturn<T>;
-
-export { type UseIDBKeyvalReturn, type UseIDBOptions, useIDBKeyval };

package/useJwt.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-var jwtDecode = require('jwt-decode');
-var vue = require('vue');
-
-function useJwt(encodedJwt, options = {}) {
-  const {
-    onError,
-    fallbackValue = null
-  } = options;
-  const decodeWithFallback = (encodedJwt2, options2) => {
-    try {
-      return jwtDecode.jwtDecode(encodedJwt2, options2);
-    } catch (err) {
-      onError == null ? void 0 : onError(err);
-      return fallbackValue;
-    }
-  };
-  const header = vue.computed(() => decodeWithFallback(vue.toValue(encodedJwt), { header: true }));
-  const payload = vue.computed(() => decodeWithFallback(vue.toValue(encodedJwt)));
-  return {
-    header,
-    payload
-  };
-}
-
-exports.useJwt = useJwt;

package/useJwt.d.cts

@@ -1,27 +0,0 @@
-import { JwtPayload, JwtHeader } from 'jwt-decode';
-import { ComputedRef, MaybeRefOrGetter } from 'vue';
-
-interface UseJwtOptions<Fallback> {
-    /**
-     * Value returned when encounter error on decoding
-     *
-     * @default null
-     */
-    fallbackValue?: Fallback;
-    /**
-     * Error callback for decoding
-     */
-    onError?: (error: unknown) => void;
-}
-interface UseJwtReturn<Payload, Header, Fallback> {
-    header: ComputedRef<Header | Fallback>;
-    payload: ComputedRef<Payload | Fallback>;
-}
-/**
- * Reactive decoded jwt token.
- *
- * @see https://vueuse.org/useJwt
- */
-declare function useJwt<Payload extends object = JwtPayload, Header extends object = JwtHeader, Fallback = null>(encodedJwt: MaybeRefOrGetter<string>, options?: UseJwtOptions<Fallback>): UseJwtReturn<Payload, Header, Fallback>;
-
-export { type UseJwtOptions, type UseJwtReturn, useJwt };

package/useJwt.d.ts

@@ -1,27 +0,0 @@
-import { JwtPayload, JwtHeader } from 'jwt-decode';
-import { ComputedRef, MaybeRefOrGetter } from 'vue';
-
-interface UseJwtOptions<Fallback> {
-    /**
-     * Value returned when encounter error on decoding
-     *
-     * @default null
-     */
-    fallbackValue?: Fallback;
-    /**
-     * Error callback for decoding
-     */
-    onError?: (error: unknown) => void;
-}
-interface UseJwtReturn<Payload, Header, Fallback> {
-    header: ComputedRef<Header | Fallback>;
-    payload: ComputedRef<Payload | Fallback>;
-}
-/**
- * Reactive decoded jwt token.
- *
- * @see https://vueuse.org/useJwt
- */
-declare function useJwt<Payload extends object = JwtPayload, Header extends object = JwtHeader, Fallback = null>(encodedJwt: MaybeRefOrGetter<string>, options?: UseJwtOptions<Fallback>): UseJwtReturn<Payload, Header, Fallback>;
-
-export { type UseJwtOptions, type UseJwtReturn, useJwt };

package/useNProgress.cjs

@@ -1,37 +0,0 @@
-'use strict';
-
-var shared = require('@vueuse/shared');
-var nprogress = require('nprogress');
-var vue = require('vue');
-
-function useNProgress(currentProgress = null, options) {
-  const progress = shared.toRef(currentProgress);
-  const isLoading = vue.computed({
-    set: (load) => load ? nprogress.start() : nprogress.done(),
-    get: () => typeof progress.value === "number" && progress.value < 1
-  });
-  if (options)
-    nprogress.configure(options);
-  const setProgress = nprogress.set;
-  nprogress.set = (n) => {
-    progress.value = n;
-    return setProgress.call(nprogress, n);
-  };
-  vue.watchEffect(() => {
-    if (typeof progress.value === "number" && shared.isClient)
-      setProgress.call(nprogress, progress.value);
-  });
-  shared.tryOnScopeDispose(nprogress.remove);
-  return {
-    isLoading,
-    progress,
-    start: nprogress.start,
-    done: nprogress.done,
-    remove: () => {
-      progress.value = null;
-      nprogress.remove();
-    }
-  };
-}
-
-exports.useNProgress = useNProgress;

package/useNProgress.d.cts

@@ -1,20 +0,0 @@
-import * as vue from 'vue';
-import { MaybeRefOrGetter } from 'vue';
-import nprogress, { NProgressOptions } from 'nprogress';
-
-type UseNProgressOptions = Partial<NProgressOptions>;
-/**
- * Reactive progress bar.
- *
- * @see https://vueuse.org/useNProgress
- */
-declare function useNProgress(currentProgress?: MaybeRefOrGetter<number | null | undefined>, options?: UseNProgressOptions): {
-    isLoading: vue.WritableComputedRef<boolean, boolean>;
-    progress: vue.Ref<number | null | undefined, number | null | undefined>;
-    start: () => nprogress.NProgress;
-    done: (force?: boolean) => nprogress.NProgress;
-    remove: () => void;
-};
-type UseNProgressReturn = ReturnType<typeof useNProgress>;
-
-export { type UseNProgressOptions, type UseNProgressReturn, useNProgress };

package/useNProgress.d.ts

@@ -1,20 +0,0 @@
-import * as vue from 'vue';
-import { MaybeRefOrGetter } from 'vue';
-import nprogress, { NProgressOptions } from 'nprogress';
-
-type UseNProgressOptions = Partial<NProgressOptions>;
-/**
- * Reactive progress bar.
- *
- * @see https://vueuse.org/useNProgress
- */
-declare function useNProgress(currentProgress?: MaybeRefOrGetter<number | null | undefined>, options?: UseNProgressOptions): {
-    isLoading: vue.WritableComputedRef<boolean, boolean>;
-    progress: vue.Ref<number | null | undefined, number | null | undefined>;
-    start: () => nprogress.NProgress;
-    done: (force?: boolean) => nprogress.NProgress;
-    remove: () => void;
-};
-type UseNProgressReturn = ReturnType<typeof useNProgress>;
-
-export { type UseNProgressOptions, type UseNProgressReturn, useNProgress };

package/useQRCode.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var shared = require('@vueuse/shared');
-var QRCode = require('qrcode');
-var vue = require('vue');
-
-function useQRCode(text, options) {
-  const src = shared.toRef(text);
-  const result = vue.shallowRef("");
-  vue.watch(
-    src,
-    async (value) => {
-      if (src.value && shared.isClient)
-        result.value = await QRCode.toDataURL(value, options);
-    },
-    { immediate: true }
-  );
-  return result;
-}
-
-exports.useQRCode = useQRCode;

package/useQRCode.d.cts

@@ -1,14 +0,0 @@
-import * as vue from 'vue';
-import { MaybeRefOrGetter } from 'vue';
-import QRCode from 'qrcode';
-
-/**
- * Wrapper for qrcode.
- *
- * @see https://vueuse.org/useQRCode
- * @param text
- * @param options
- */
-declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.ShallowRef<string, string>;
-
-export { useQRCode };

package/useQRCode.d.ts

@@ -1,14 +0,0 @@
-import * as vue from 'vue';
-import { MaybeRefOrGetter } from 'vue';
-import QRCode from 'qrcode';
-
-/**
- * Wrapper for qrcode.
- *
- * @see https://vueuse.org/useQRCode
- * @param text
- * @param options
- */
-declare function useQRCode(text: MaybeRefOrGetter<string>, options?: QRCode.QRCodeToDataURLOptions): vue.ShallowRef<string, string>;
-
-export { useQRCode };

package/useSortable/component.cjs

@@ -1,91 +0,0 @@
-'use strict';
-
-var core = require('@vueuse/core');
-var vue = require('vue');
-var Sortable = require('sortablejs');
-
-function useSortable(el, list, options = {}) {
-  let sortable;
-  const { document = core.defaultDocument, ...resetOptions } = options;
-  const defaultOptions = {
-    onUpdate: (e) => {
-      moveArrayElement(list, e.oldIndex, e.newIndex, e);
-    }
-  };
-  const start = () => {
-    const target = typeof el === "string" ? document?.querySelector(el) : core.unrefElement(el);
-    if (!target || sortable !== void 0)
-      return;
-    sortable = new Sortable(target, { ...defaultOptions, ...resetOptions });
-  };
-  const stop = () => {
-    sortable?.destroy();
-    sortable = void 0;
-  };
-  const option = (name, value) => {
-    if (value !== void 0)
-      sortable?.option(name, value);
-    else
-      return sortable?.option(name);
-  };
-  core.tryOnMounted(start);
-  core.tryOnScopeDispose(stop);
-  return {
-    stop,
-    start,
-    option
-  };
-}
-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 ? [...vue.toValue(list)] : vue.toValue(list);
-  if (to >= 0 && to < array.length) {
-    const element = array.splice(from, 1)[0];
-    vue.nextTick(() => {
-      array.splice(to, 0, element);
-      if (_valueIsRef)
-        list.value = array;
-    });
-  }
-}
-
-const UseSortable = /* @__PURE__ */ /*@__PURE__*/ vue.defineComponent({
-  name: "UseSortable",
-  props: {
-    modelValue: {
-      type: Array,
-      required: true
-    },
-    tag: {
-      type: String,
-      default: "div"
-    },
-    options: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props, { slots }) {
-    const list = core.useVModel(props, "modelValue");
-    const target = vue.ref();
-    const data = vue.reactive(useSortable(target, list, props.options));
-    return () => {
-      if (slots.default)
-        return vue.h(props.tag, { ref: target }, slots.default(data));
-    };
-  }
-});
-
-exports.UseSortable = UseSortable;

package/useSortable/component.d.cts

@@ -1,40 +0,0 @@
-import * as vue from 'vue';
-import { PropType } from 'vue';
-import { ConfigurableDocument } from '@vueuse/core';
-import { Options } from 'sortablejs';
-
-type UseSortableOptions = Options & ConfigurableDocument;
-
-declare const UseSortable: vue.DefineComponent<vue.ExtractPropTypes<{
-    modelValue: {
-        type: PropType<any[]>;
-        required: true;
-    };
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    options: {
-        type: PropType<UseSortableOptions>;
-        required: true;
-    };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}> | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    modelValue: {
-        type: PropType<any[]>;
-        required: true;
-    };
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    options: {
-        type: PropType<UseSortableOptions>;
-        required: true;
-    };
-}>> & Readonly<{}>, {
-    tag: string;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-
-export { UseSortable };

package/useSortable/component.d.ts

@@ -1,40 +0,0 @@
-import * as vue from 'vue';
-import { PropType } from 'vue';
-import { ConfigurableDocument } from '@vueuse/core';
-import { Options } from 'sortablejs';
-
-type UseSortableOptions = Options & ConfigurableDocument;
-
-declare const UseSortable: vue.DefineComponent<vue.ExtractPropTypes<{
-    modelValue: {
-        type: PropType<any[]>;
-        required: true;
-    };
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    options: {
-        type: PropType<UseSortableOptions>;
-        required: true;
-    };
-}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
-    [key: string]: any;
-}> | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    modelValue: {
-        type: PropType<any[]>;
-        required: true;
-    };
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    options: {
-        type: PropType<UseSortableOptions>;
-        required: true;
-    };
-}>> & Readonly<{}>, {
-    tag: string;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-
-export { UseSortable };

package/useSortable.cjs

@@ -1,67 +0,0 @@
-'use strict';
-
-var core = require('@vueuse/core');
-var Sortable = require('sortablejs');
-var vue = require('vue');
-
-function useSortable(el, list, options = {}) {
-  let sortable;
-  const { document = core.defaultDocument, ...resetOptions } = options;
-  const defaultOptions = {
-    onUpdate: (e) => {
-      moveArrayElement(list, e.oldIndex, e.newIndex, e);
-    }
-  };
-  const start = () => {
-    const target = typeof el === "string" ? document == null ? void 0 : document.querySelector(el) : core.unrefElement(el);
-    if (!target || sortable !== void 0)
-      return;
-    sortable = new Sortable(target, { ...defaultOptions, ...resetOptions });
-  };
-  const stop = () => {
-    sortable == null ? void 0 : sortable.destroy();
-    sortable = void 0;
-  };
-  const option = (name, value) => {
-    if (value !== void 0)
-      sortable == null ? void 0 : sortable.option(name, value);
-    else
-      return sortable == null ? void 0 : sortable.option(name);
-  };
-  core.tryOnMounted(start);
-  core.tryOnScopeDispose(stop);
-  return {
-    stop,
-    start,
-    option
-  };
-}
-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 ? [...vue.toValue(list)] : vue.toValue(list);
-  if (to >= 0 && to < array.length) {
-    const element = array.splice(from, 1)[0];
-    vue.nextTick(() => {
-      array.splice(to, 0, element);
-      if (_valueIsRef)
-        list.value = array;
-    });
-  }
-}
-
-exports.insertNodeAt = insertNodeAt;
-exports.moveArrayElement = moveArrayElement;
-exports.removeNode = removeNode;
-exports.useSortable = useSortable;

package/useSortable.d.cts

@@ -1,40 +0,0 @@
-import { ConfigurableDocument } from '@vueuse/core';
-import Sortable, { Options } from 'sortablejs';
-import { MaybeRefOrGetter } from 'vue';
-
-interface UseSortableReturn {
-    /**
-     * start sortable instance
-     */
-    start: () => void;
-    /**
-     * destroy sortable instance
-     */
-    stop: () => void;
-    /**
-     * Options getter/setter
-     * @param name a Sortable.Options property.
-     * @param value a value.
-     */
-    option: (<K extends keyof Sortable.Options>(name: K, value: Sortable.Options[K]) => void) & (<K extends keyof Sortable.Options>(name: K) => Sortable.Options[K]);
-}
-type UseSortableOptions = Options & ConfigurableDocument;
-declare function useSortable<T>(selector: string, list: MaybeRefOrGetter<T[]>, options?: UseSortableOptions): UseSortableReturn;
-declare function useSortable<T>(el: MaybeRefOrGetter<HTMLElement | null | undefined>, list: MaybeRefOrGetter<T[]>, options?: UseSortableOptions): UseSortableReturn;
-/**
- * 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<T[]>, from: number, to: number, e?: Sortable.SortableEvent | null): void;
-
-export { type UseSortableOptions, type UseSortableReturn, insertNodeAt, moveArrayElement, removeNode, useSortable };

package/useSortable.d.ts

@@ -1,40 +0,0 @@
-import { ConfigurableDocument } from '@vueuse/core';
-import Sortable, { Options } from 'sortablejs';
-import { MaybeRefOrGetter } from 'vue';
-
-interface UseSortableReturn {
-    /**
-     * start sortable instance
-     */
-    start: () => void;
-    /**
-     * destroy sortable instance
-     */
-    stop: () => void;
-    /**
-     * Options getter/setter
-     * @param name a Sortable.Options property.
-     * @param value a value.
-     */
-    option: (<K extends keyof Sortable.Options>(name: K, value: Sortable.Options[K]) => void) & (<K extends keyof Sortable.Options>(name: K) => Sortable.Options[K]);
-}
-type UseSortableOptions = Options & ConfigurableDocument;
-declare function useSortable<T>(selector: string, list: MaybeRefOrGetter<T[]>, options?: UseSortableOptions): UseSortableReturn;
-declare function useSortable<T>(el: MaybeRefOrGetter<HTMLElement | null | undefined>, list: MaybeRefOrGetter<T[]>, options?: UseSortableOptions): UseSortableReturn;
-/**
- * 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<T[]>, from: number, to: number, e?: Sortable.SortableEvent | null): void;
-
-export { type UseSortableOptions, type UseSortableReturn, insertNodeAt, moveArrayElement, removeNode, useSortable };