@vueuse/integrations 14.0.0 → 14.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{index-CDFJRy7j.d.ts → index-DB_VAK7J.d.ts} +15 -1
- package/dist/{index-BNQzWj9J.d.ts → index-HJW_ZBEz.d.ts} +2 -2
- package/dist/{index-BzCjewPQ.d.ts → index-NPT77Hjg.d.ts} +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.iife.js +26 -8
- package/dist/index.iife.min.js +1 -1
- package/dist/index.js +1 -1
- package/dist/useAsyncValidator/component.d.ts +3 -3
- package/dist/useFocusTrap/component.d.ts +3 -3
- package/dist/useFuse.d.ts +1 -1
- package/dist/useNProgress.d.ts +1 -1
- package/dist/useSortable/component.d.ts +4 -4
- package/dist/useSortable/component.js +1 -1
- package/dist/{useSortable-jtnNPDb0.js → useSortable-Cc5LKbDD.js} +27 -9
- package/dist/useSortable.d.ts +1 -1
- package/dist/useSortable.iife.js +26 -8
- package/dist/useSortable.iife.min.js +1 -1
- package/dist/useSortable.js +1 -1
- package/package.json +9 -9
|
@@ -19,7 +19,21 @@ interface UseSortableReturn {
|
|
|
19
19
|
*/
|
|
20
20
|
option: (<K extends keyof Sortable.Options>(name: K, value: Sortable.Options[K]) => void) & (<K extends keyof Sortable.Options>(name: K) => Sortable.Options[K]);
|
|
21
21
|
}
|
|
22
|
-
|
|
22
|
+
interface UseSortableOptions extends Options, ConfigurableDocument {
|
|
23
|
+
/**
|
|
24
|
+
* Watch the element reference for changes and automatically reinitialize Sortable
|
|
25
|
+
* when the element changes.
|
|
26
|
+
*
|
|
27
|
+
* When `false` (default), Sortable is only initialized once on mount.
|
|
28
|
+
* You must manually call `start()` if the element reference changes.
|
|
29
|
+
*
|
|
30
|
+
* When `true`, automatically watches the element reference and reinitializes
|
|
31
|
+
* Sortable whenever it changes (e.g., conditional rendering with v-if).
|
|
32
|
+
*
|
|
33
|
+
* @default false
|
|
34
|
+
*/
|
|
35
|
+
watchElement?: boolean;
|
|
36
|
+
}
|
|
23
37
|
declare function useSortable<T>(selector: string, list: MaybeRef<T[]>, options?: UseSortableOptions): UseSortableReturn;
|
|
24
38
|
declare function useSortable<T>(el: MaybeRefOrGetter<MaybeElement>, list: MaybeRef<T[]>, options?: UseSortableOptions): UseSortableReturn;
|
|
25
39
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as vue1 from "vue";
|
|
2
2
|
import { ComputedRef, MaybeRefOrGetter } from "vue";
|
|
3
3
|
import * as fuse_js0 from "fuse.js";
|
|
4
4
|
import Fuse, { FuseResult, IFuseOptions } from "fuse.js";
|
|
@@ -11,7 +11,7 @@ interface UseFuseOptions<T> {
|
|
|
11
11
|
matchAllWhenSearchEmpty?: boolean;
|
|
12
12
|
}
|
|
13
13
|
declare function useFuse<DataItem>(search: MaybeRefOrGetter<string>, data: MaybeRefOrGetter<DataItem[]>, options?: MaybeRefOrGetter<UseFuseOptions<DataItem>>): {
|
|
14
|
-
fuse:
|
|
14
|
+
fuse: vue1.Ref<{
|
|
15
15
|
search: <R = DataItem>(pattern: string | fuse_js0.Expression, options?: fuse_js0.FuseSearchOptions) => FuseResult<R>[];
|
|
16
16
|
setCollection: (docs: readonly DataItem[], index?: fuse_js0.FuseIndex<DataItem> | undefined) => void;
|
|
17
17
|
add: (doc: DataItem) => void;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as vue4 from "vue";
|
|
2
2
|
import { MaybeRefOrGetter } from "vue";
|
|
3
3
|
import nprogress, { NProgressOptions } from "nprogress";
|
|
4
4
|
|
|
@@ -10,8 +10,8 @@ type UseNProgressOptions = Partial<NProgressOptions>;
|
|
|
10
10
|
* @see https://vueuse.org/useNProgress
|
|
11
11
|
*/
|
|
12
12
|
declare function useNProgress(currentProgress?: MaybeRefOrGetter<number | null | undefined>, options?: UseNProgressOptions): {
|
|
13
|
-
isLoading:
|
|
14
|
-
progress:
|
|
13
|
+
isLoading: vue4.WritableComputedRef<boolean, boolean>;
|
|
14
|
+
progress: vue4.Ref<number | null | undefined, number | null | undefined>;
|
|
15
15
|
start: () => nprogress.NProgress;
|
|
16
16
|
done: (force?: boolean) => nprogress.NProgress;
|
|
17
17
|
remove: () => void;
|
package/dist/index.d.ts
CHANGED
|
@@ -4,10 +4,10 @@ import { n as useChangeCase, t as ChangeCaseType } from "./index-CxO-Pb3x.js";
|
|
|
4
4
|
import { n as useCookies, t as createCookies } from "./index-C0C_B0mW.js";
|
|
5
5
|
import { n as UseDrauuReturn, r as useDrauu, t as UseDrauuOptions } from "./index-BBxze4rb.js";
|
|
6
6
|
import { n as UseFocusTrapReturn, r as useFocusTrap, t as UseFocusTrapOptions } from "./index-CJw_eFkJ.js";
|
|
7
|
-
import { i as useFuse, n as UseFuseOptions, r as UseFuseReturn, t as FuseOptions } from "./index-
|
|
7
|
+
import { i as useFuse, n as UseFuseOptions, r as UseFuseReturn, t as FuseOptions } from "./index-HJW_ZBEz.js";
|
|
8
8
|
import { n as UseIDBOptions, r as useIDBKeyval, t as UseIDBKeyvalReturn } from "./index-DfI2VwxT.js";
|
|
9
9
|
import { n as UseJwtReturn, r as useJwt, t as UseJwtOptions } from "./index-is9DY6jN.js";
|
|
10
|
-
import { n as UseNProgressReturn, r as useNProgress, t as UseNProgressOptions } from "./index-
|
|
10
|
+
import { n as UseNProgressReturn, r as useNProgress, t as UseNProgressOptions } from "./index-NPT77Hjg.js";
|
|
11
11
|
import { t as useQRCode } from "./index-C1eGK6nC.js";
|
|
12
|
-
import { a as removeNode, i as moveArrayElement, n as UseSortableReturn, o as useSortable, r as insertNodeAt, t as UseSortableOptions } from "./index-
|
|
12
|
+
import { a as removeNode, i as moveArrayElement, n as UseSortableReturn, o as useSortable, r as insertNodeAt, t as UseSortableOptions } from "./index-DB_VAK7J.js";
|
|
13
13
|
export { AsyncValidatorError, ChangeCaseType, EasyUseAxiosReturn, FuseOptions, StrictUseAxiosReturn, UseAsyncValidatorExecuteReturn, UseAsyncValidatorOptions, UseAsyncValidatorReturn, UseAxiosOptions, UseAxiosOptionsBase, UseAxiosOptionsWithInitialData, UseAxiosReturn, UseDrauuOptions, UseDrauuReturn, UseFocusTrapOptions, UseFocusTrapReturn, UseFuseOptions, UseFuseReturn, UseIDBKeyvalReturn, UseIDBOptions, UseJwtOptions, UseJwtReturn, UseNProgressOptions, UseNProgressReturn, UseSortableOptions, UseSortableReturn, createCookies, insertNodeAt, moveArrayElement, removeNode, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode, useSortable };
|
package/dist/index.iife.js
CHANGED
|
@@ -681,28 +681,46 @@ sortablejs = __toESM(sortablejs);
|
|
|
681
681
|
*/
|
|
682
682
|
function useSortable(el, list, options = {}) {
|
|
683
683
|
let sortable;
|
|
684
|
-
const { document = __vueuse_core.defaultDocument,...resetOptions } = options;
|
|
684
|
+
const { document = __vueuse_core.defaultDocument, watchElement = false,...resetOptions } = options;
|
|
685
685
|
const defaultOptions = { onUpdate: (e) => {
|
|
686
686
|
moveArrayElement(list, e.oldIndex, e.newIndex, e);
|
|
687
687
|
} };
|
|
688
|
-
const
|
|
689
|
-
|
|
688
|
+
const element = (0, vue.computed)(() => typeof el === "string" ? document === null || document === void 0 ? void 0 : document.querySelector(el) : (0, __vueuse_core.unrefElement)(el));
|
|
689
|
+
const cleanup = () => {
|
|
690
|
+
sortable === null || sortable === void 0 || sortable.destroy();
|
|
691
|
+
sortable = void 0;
|
|
692
|
+
};
|
|
693
|
+
const initSortable = (target) => {
|
|
690
694
|
if (!target || sortable !== void 0) return;
|
|
691
695
|
sortable = new sortablejs.default(target, {
|
|
692
696
|
...defaultOptions,
|
|
693
697
|
...resetOptions
|
|
694
698
|
});
|
|
695
699
|
};
|
|
696
|
-
const
|
|
697
|
-
|
|
698
|
-
|
|
700
|
+
const start = () => {
|
|
701
|
+
const target = element.value;
|
|
702
|
+
if (target) initSortable(target);
|
|
699
703
|
};
|
|
700
704
|
const option = (name, value) => {
|
|
701
705
|
if (value !== void 0) sortable === null || sortable === void 0 || sortable.option(name, value);
|
|
702
706
|
else return sortable === null || sortable === void 0 ? void 0 : sortable.option(name);
|
|
703
707
|
};
|
|
704
|
-
|
|
705
|
-
(0,
|
|
708
|
+
let stopWatch;
|
|
709
|
+
if (watchElement && typeof el !== "string") stopWatch = (0, vue.watch)(element, (newElement) => {
|
|
710
|
+
cleanup();
|
|
711
|
+
if (newElement) initSortable(newElement);
|
|
712
|
+
}, {
|
|
713
|
+
immediate: true,
|
|
714
|
+
flush: "post"
|
|
715
|
+
});
|
|
716
|
+
else (0, __vueuse_core.tryOnMounted)(start);
|
|
717
|
+
const stop = () => {
|
|
718
|
+
cleanup();
|
|
719
|
+
};
|
|
720
|
+
(0, __vueuse_core.tryOnScopeDispose)(() => {
|
|
721
|
+
stopWatch === null || stopWatch === void 0 || stopWatch();
|
|
722
|
+
cleanup();
|
|
723
|
+
});
|
|
706
724
|
return {
|
|
707
725
|
stop,
|
|
708
726
|
start,
|
package/dist/index.iife.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,t,n,r,i,a,o,s,c,l,u,d,f,p,m,h){var g=Object.create,_=Object.defineProperty,v=Object.getOwnPropertyDescriptor,y=Object.getOwnPropertyNames,b=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty,S=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=y(t),a=0,o=i.length,s;a<o;a++)s=i[a],!x.call(e,s)&&s!==n&&_(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=v(t,s))||r.enumerable});return e},C=(e,t,n)=>(n=e==null?{}:g(b(e)),S(t||!e||!e.__esModule?_(n,`default`,{value:e,enumerable:!0}):n,e));t=C(t),n=C(n),r=C(r),i=C(i),a=C(a),o=C(o),s=C(s),c=C(c),l=C(l),u=C(u),d=C(d),f=C(f),p=C(p),m=C(m),h=C(h);let w=n.default.default||n.default;function T(e,n,i={}){let{validateOption:a={},immediate:o=!0,manual:s=!1}=i,c=(0,t.toRef)(e),l=(0,r.shallowRef)(null),u=(0,r.shallowRef)(!0),d=(0,r.shallowRef)(!o||s),f=(0,r.computed)(()=>{var e;return((e=l.value)==null?void 0:e.errors)||[]}),p=(0,r.computed)(()=>{var e;return((e=l.value)==null?void 0:e.fields)||{}}),m=(0,r.computed)(()=>new w((0,r.toValue)(n))),h=async()=>{u.value=!1,d.value=!1;try{await m.value.validate(c.value,a),d.value=!0,l.value=null}catch(e){l.value=e}finally{u.value=!0}return{pass:d.value,errorInfo:l.value,errors:f.value,errorFields:p.value}};s||(0,r.watch)([c,m],()=>h(),{immediate:o,deep:!0});let g={isFinished:u,pass:d,errors:f,errorInfo:l,errorFields:p,execute:h};function _(){return new Promise((e,n)=>{(0,t.until)(u).toBe(!0).then(()=>e(g)).catch(e=>n(e))})}return{...g,then(e,t){return _().then(e,t)}}}function E(...e){let n=typeof e[0]==`string`?e[0]:void 0,a=typeof n==`string`?1:0,o={immediate:!!a,shallow:!0,abortPrevious:!0},s={},c=i.default,l=o,u=e=>!!(e!=null&&e.request);e.length>0+a&&(u(e[0+a])?c=e[0+a]:s=e[0+a]),e.length>1+a&&u(e[1+a])&&(c=e[1+a]),(e.length===2+a&&!u(e[1+a])||e.length===3+a)&&(l=e[e.length-1]||o);let{shallow:d,onSuccess:f=t.noop,onError:p=t.noop,immediate:m,resetOnExecute:h=!1}=l,g=l.initialData,_=(0,r.shallowRef)(),v=(d?r.shallowRef:r.ref)(g),y=(0,r.shallowRef)(!1),b=(0,r.shallowRef)(!1),x=(0,r.shallowRef)(!1),S=(0,r.shallowRef)(),C=new AbortController,w=e=>{y.value||!b.value||(C.abort(e),C=new AbortController,x.value=!0,b.value=!1,y.value=!1)},T=e=>{b.value=e,y.value=!e},E=()=>{h&&(v.value=g)},D=()=>new Promise((e,n)=>{(0,t.until)(y).toBe(!0).then(()=>S.value?n(S.value):e(j))}),O={then:(...e)=>D().then(...e),catch:(...e)=>D().catch(...e)},k=0,A=(e=n,t={})=>{S.value=void 0;let r=typeof e==`string`?e:n==null?t.url:n;if(r===void 0)return S.value=new i.AxiosError(i.AxiosError.ERR_INVALID_URL),y.value=!0,O;E(),l.abortPrevious!==!1&&w(),T(!0),k+=1;let a=k;return x.value=!1,c(r,{...s,...typeof e==`object`?e:t,signal:C.signal}).then(e=>{if(x.value)return;_.value=e;let t=e.data;v.value=t,f(t)}).catch(e=>{S.value=e,p(e)}).finally(()=>{var e;(e=l.onFinish)==null||e.call(l),a===k&&T(!1)}),O};m&&n&&A();let j={response:_,data:v,error:S,isFinished:y,isLoading:b,cancel:w,isAborted:x,isCanceled:x,abort:w,execute:A};return{...j,...O}}let D=Object.entries(a).filter(([e,t])=>typeof t==`function`&&e.endsWith(`Case`)).reduce((e,[t,n])=>(e[t]=n,e),{});function O(e,t,n){let i=(0,r.computed)(()=>{let e=(0,r.toValue)(t);if(!D[e])throw Error(`Invalid change case type "${e}"`);return e});if(typeof e==`function`)return(0,r.computed)(()=>D[i.value]((0,r.toValue)(e),(0,r.toValue)(n)));let a=(0,r.ref)(e);return(0,r.computed)({get(){return D[i.value](a.value,(0,r.toValue)(n))},set(e){a.value=e}})}function k(e){let t=new o.default(e?e.headers.cookie:null);return(e,{doNotParse:n=!1,autoUpdateDependencies:r=!1}={})=>A(e,{doNotParse:n,autoUpdateDependencies:r},t)}function A(e,{doNotParse:n=!1,autoUpdateDependencies:i=!1}={},a=new o.default){let s=i?[...e||[]]:e,c=a.getAll({doNotParse:!0}),l=(0,r.shallowRef)(0),u=()=>{let e=a.getAll({doNotParse:!0});j(s||null,e,c)&&l.value++,c=e};return a.addChangeListener(u),(0,t.tryOnScopeDispose)(()=>{a.removeChangeListener(u)}),{get:(...e)=>(i&&s&&!s.includes(e[0])&&s.push(e[0]),l.value,a.get(e[0],{doNotParse:n,...e[1]})),getAll:(...e)=>(l.value,a.getAll({doNotParse:n,...e[0]})),set:(...e)=>a.set(...e),remove:(...e)=>a.remove(...e),addChangeListener:(...e)=>a.addChangeListener(...e),removeChangeListener:(...e)=>a.removeChangeListener(...e)}}function j(e,t,n){if(!e)return!0;for(let r of e)if(t[r]!==n[r])return!0;return!1}function M(e,n){let i=(0,r.ref)(),a=[],o=(0,s.createEventHook)(),l=(0,s.createEventHook)(),u=(0,s.createEventHook)(),d=(0,s.createEventHook)(),f=(0,s.createEventHook)(),p=(0,r.shallowRef)(!1),m=(0,r.shallowRef)(!1),h=(0,r.shallowRef)(!1),g=(0,r.shallowRef)(!1),_=(0,r.ref)({color:`black`,size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:`transparent`,mode:`draw`,...n==null?void 0:n.brush});(0,r.watch)(_,()=>{let e=i.value;e&&(e.brush=_.value,e.mode=_.value.mode)},{deep:!0});let v=()=>{var e;return(e=i.value)==null?void 0:e.undo()},y=()=>{var e;return(e=i.value)==null?void 0:e.redo()},b=()=>{var e;return(e=i.value)==null?void 0:e.clear()},x=()=>{var e;return(e=i.value)==null?void 0:e.cancel()},S=e=>{var t;return(t=i.value)==null?void 0:t.load(e)},C=()=>{var e;return(e=i.value)==null?void 0:e.dump()},w=()=>{var e;a.forEach(e=>e()),(e=i.value)==null||e.unmount()},T=()=>{i.value&&(p.value=i.value.canUndo(),m.value=i.value.canRedo(),h.value=i.value.altPressed,g.value=i.value.shiftPressed)};return(0,r.watch)(()=>(0,s.unrefElement)(e),e=>{!e||typeof SVGSVGElement>`u`||!(e instanceof SVGSVGElement)||(i.value&&w(),i.value=(0,c.createDrauu)({el:e,...n}),T(),a=[i.value.on(`canceled`,()=>l.trigger()),i.value.on(`committed`,e=>u.trigger(e)),i.value.on(`start`,()=>d.trigger()),i.value.on(`end`,()=>f.trigger()),i.value.on(`changed`,()=>{T(),o.trigger()})])},{flush:`post`}),(0,t.tryOnScopeDispose)(()=>w()),{drauuInstance:i,load:S,dump:C,clear:b,cancel:x,undo:v,redo:y,canUndo:p,canRedo:m,brush:_,onChanged:o.on,onCommitted:u.on,onStart:d.on,onEnd:f.on,onCanceled:l.on}}function N(e,n={}){let i,{immediate:a,...o}=n,c=(0,r.shallowRef)(!1),u=(0,r.shallowRef)(!1),d=e=>i&&i.activate(e),f=e=>i&&i.deactivate(e);return(0,r.watch)((0,r.computed)(()=>(0,s.toArray)((0,r.toValue)(e)).map(e=>{let t=(0,r.toValue)(e);return typeof t==`string`?t:(0,s.unrefElement)(t)}).filter(t.notNullish)),e=>{if(e.length)if(!i)i=(0,l.createFocusTrap)(e,{...o,onActivate(){c.value=!0,n.onActivate&&n.onActivate()},onDeactivate(){c.value=!1,n.onDeactivate&&n.onDeactivate()}}),a&&d();else{let t=i==null?void 0:i.active;i==null||i.updateContainerElements(e),!t&&a&&d()}},{flush:`post`}),(0,s.tryOnScopeDispose)(()=>f()),{hasFocus:c,isPaused:u,activate:d,deactivate:f,pause:()=>{i&&(i.pause(),u.value=!0)},unpause:()=>{i&&(i.unpause(),u.value=!1)}}}function P(e,t,n){let i=()=>{var e,i;return new u.default((e=(0,r.toValue)(t))==null?[]:e,(i=(0,r.toValue)(n))==null?void 0:i.fuseOptions)},a=(0,r.ref)(i());return(0,r.watch)(()=>{var e;return(e=(0,r.toValue)(n))==null?void 0:e.fuseOptions},()=>{a.value=i()},{deep:!0}),(0,r.watch)(()=>(0,r.toValue)(t),e=>{a.value.setCollection(e)},{deep:!0}),{fuse:a,results:(0,r.computed)(()=>{let i=(0,r.toValue)(n);if(i!=null&&i.matchAllWhenSearchEmpty&&!(0,r.toValue)(e))return(0,r.toValue)(t).map((e,t)=>({item:e,refIndex:t}));let o=i==null?void 0:i.resultLimit;return a.value.search((0,r.toValue)(e),o?{limit:o}:void 0)})}}function F(e,t,n={}){let{flush:i=`pre`,deep:a=!0,shallow:o=!1,onError:c=e=>{console.error(e)},writeDefaults:l=!0,serializer:u={read:e=>e,write:e=>e}}=n,f=(0,r.shallowRef)(!1),p=(o?r.shallowRef:r.ref)(t),m=(0,r.toValue)(t);async function h(){try{let t=await(0,d.get)(e);t===void 0?m!=null&&l&&await(0,d.set)(e,u.write(m)):p.value=u.read(t)}catch(e){c(e)}f.value=!0}h();async function g(){try{if(p.value==null)await(0,d.del)(e);else{let t=(0,r.toRaw)(p.value),n=u.write(t);await(0,d.update)(e,()=>n)}}catch(e){c(e)}}let{pause:_,resume:v}=(0,s.watchPausable)(p,()=>g(),{flush:i,deep:a});async function y(e){_(),p.value=e,await g(),v()}return{set:y,isFinished:f,data:p}}function I(e,t={}){let{onError:n,fallbackValue:i=null}=t,a=(e,t)=>{try{return(0,f.jwtDecode)(e,t)}catch(e){return n==null||n(e),i}};return{header:(0,r.computed)(()=>a((0,r.toValue)(e),{header:!0})),payload:(0,r.computed)(()=>a((0,r.toValue)(e)))}}function L(e=null,n){let i=(0,t.toRef)(e),a=(0,r.computed)({set:e=>e?p.default.start():p.default.done(),get:()=>typeof i.value==`number`&&i.value<1});n&&p.default.configure(n);let o=p.default.set;return p.default.set=e=>(i.value=e,o.call(p.default,e)),(0,r.watchEffect)(()=>{typeof i.value==`number`&&t.isClient&&o.call(p.default,i.value)}),(0,t.tryOnScopeDispose)(p.default.remove),{isLoading:a,progress:i,start:p.default.start,done:p.default.done,remove:()=>{i.value=null,p.default.remove()}}}function R(e,n){let i=(0,t.toRef)(e),a=(0,r.shallowRef)(``);return(0,r.watch)(i,async e=>{i.value&&t.isClient&&(a.value=await m.default.toDataURL(e,n))},{immediate:!0}),a}function z(e,t,n={}){let r,{document:i=s.defaultDocument,...a}=n,o={onUpdate:e=>{H(t,e.oldIndex,e.newIndex,e)}},c=()=>{let t=typeof e==`string`?i==null?void 0:i.querySelector(e):(0,s.unrefElement)(e);!t||r!==void 0||(r=new h.default(t,{...o,...a}))},l=()=>{r==null||r.destroy(),r=void 0};return(0,s.tryOnMounted)(c),(0,s.tryOnScopeDispose)(l),{stop:l,start:c,option:(e,t)=>{if(t!==void 0)r==null||r.option(e,t);else return r==null?void 0:r.option(e)}}}function B(e,t,n){let r=e.children[n];e.insertBefore(t,r)}function V(e){e.parentNode&&e.parentNode.removeChild(e)}function H(e,t,n,i=null){i!=null&&(V(i.item),B(i.from,i.item,t));let a=(0,r.isRef)(e),o=a?[...(0,r.toValue)(e)]:(0,r.toValue)(e);if(n>=0&&n<o.length){let i=o.splice(t,1)[0];(0,r.nextTick)(()=>{o.splice(n,0,i),a&&(e.value=o)})}}e.createCookies=k,e.insertNodeAt=B,e.moveArrayElement=H,e.removeNode=V,e.useAsyncValidator=T,e.useAxios=E,e.useChangeCase=O,e.useCookies=A,e.useDrauu=M,e.useFocusTrap=N,e.useFuse=P,e.useIDBKeyval=F,e.useJwt=I,e.useNProgress=L,e.useQRCode=R,e.useSortable=z})(this.VueUse=this.VueUse||{},VueUse,AsyncValidator,Vue,axios,changeCase,UniversalCookie,VueUse,Drauu,focusTrap,Fuse,idbKeyval,jwt_decode,nprogress,QRCode,Sortable);
|
|
1
|
+
(function(e,t,n,r,i,a,o,s,c,l,u,d,f,p,m,h){var g=Object.create,_=Object.defineProperty,v=Object.getOwnPropertyDescriptor,y=Object.getOwnPropertyNames,b=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty,S=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=y(t),a=0,o=i.length,s;a<o;a++)s=i[a],!x.call(e,s)&&s!==n&&_(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=v(t,s))||r.enumerable});return e},C=(e,t,n)=>(n=e==null?{}:g(b(e)),S(t||!e||!e.__esModule?_(n,`default`,{value:e,enumerable:!0}):n,e));t=C(t),n=C(n),r=C(r),i=C(i),a=C(a),o=C(o),s=C(s),c=C(c),l=C(l),u=C(u),d=C(d),f=C(f),p=C(p),m=C(m),h=C(h);let w=n.default.default||n.default;function T(e,n,i={}){let{validateOption:a={},immediate:o=!0,manual:s=!1}=i,c=(0,t.toRef)(e),l=(0,r.shallowRef)(null),u=(0,r.shallowRef)(!0),d=(0,r.shallowRef)(!o||s),f=(0,r.computed)(()=>{var e;return((e=l.value)==null?void 0:e.errors)||[]}),p=(0,r.computed)(()=>{var e;return((e=l.value)==null?void 0:e.fields)||{}}),m=(0,r.computed)(()=>new w((0,r.toValue)(n))),h=async()=>{u.value=!1,d.value=!1;try{await m.value.validate(c.value,a),d.value=!0,l.value=null}catch(e){l.value=e}finally{u.value=!0}return{pass:d.value,errorInfo:l.value,errors:f.value,errorFields:p.value}};s||(0,r.watch)([c,m],()=>h(),{immediate:o,deep:!0});let g={isFinished:u,pass:d,errors:f,errorInfo:l,errorFields:p,execute:h};function _(){return new Promise((e,n)=>{(0,t.until)(u).toBe(!0).then(()=>e(g)).catch(e=>n(e))})}return{...g,then(e,t){return _().then(e,t)}}}function E(...e){let n=typeof e[0]==`string`?e[0]:void 0,a=typeof n==`string`?1:0,o={immediate:!!a,shallow:!0,abortPrevious:!0},s={},c=i.default,l=o,u=e=>!!(e!=null&&e.request);e.length>0+a&&(u(e[0+a])?c=e[0+a]:s=e[0+a]),e.length>1+a&&u(e[1+a])&&(c=e[1+a]),(e.length===2+a&&!u(e[1+a])||e.length===3+a)&&(l=e[e.length-1]||o);let{shallow:d,onSuccess:f=t.noop,onError:p=t.noop,immediate:m,resetOnExecute:h=!1}=l,g=l.initialData,_=(0,r.shallowRef)(),v=(d?r.shallowRef:r.ref)(g),y=(0,r.shallowRef)(!1),b=(0,r.shallowRef)(!1),x=(0,r.shallowRef)(!1),S=(0,r.shallowRef)(),C=new AbortController,w=e=>{y.value||!b.value||(C.abort(e),C=new AbortController,x.value=!0,b.value=!1,y.value=!1)},T=e=>{b.value=e,y.value=!e},E=()=>{h&&(v.value=g)},D=()=>new Promise((e,n)=>{(0,t.until)(y).toBe(!0).then(()=>S.value?n(S.value):e(j))}),O={then:(...e)=>D().then(...e),catch:(...e)=>D().catch(...e)},k=0,A=(e=n,t={})=>{S.value=void 0;let r=typeof e==`string`?e:n==null?t.url:n;if(r===void 0)return S.value=new i.AxiosError(i.AxiosError.ERR_INVALID_URL),y.value=!0,O;E(),l.abortPrevious!==!1&&w(),T(!0),k+=1;let a=k;return x.value=!1,c(r,{...s,...typeof e==`object`?e:t,signal:C.signal}).then(e=>{if(x.value)return;_.value=e;let t=e.data;v.value=t,f(t)}).catch(e=>{S.value=e,p(e)}).finally(()=>{var e;(e=l.onFinish)==null||e.call(l),a===k&&T(!1)}),O};m&&n&&A();let j={response:_,data:v,error:S,isFinished:y,isLoading:b,cancel:w,isAborted:x,isCanceled:x,abort:w,execute:A};return{...j,...O}}let D=Object.entries(a).filter(([e,t])=>typeof t==`function`&&e.endsWith(`Case`)).reduce((e,[t,n])=>(e[t]=n,e),{});function O(e,t,n){let i=(0,r.computed)(()=>{let e=(0,r.toValue)(t);if(!D[e])throw Error(`Invalid change case type "${e}"`);return e});if(typeof e==`function`)return(0,r.computed)(()=>D[i.value]((0,r.toValue)(e),(0,r.toValue)(n)));let a=(0,r.ref)(e);return(0,r.computed)({get(){return D[i.value](a.value,(0,r.toValue)(n))},set(e){a.value=e}})}function k(e){let t=new o.default(e?e.headers.cookie:null);return(e,{doNotParse:n=!1,autoUpdateDependencies:r=!1}={})=>A(e,{doNotParse:n,autoUpdateDependencies:r},t)}function A(e,{doNotParse:n=!1,autoUpdateDependencies:i=!1}={},a=new o.default){let s=i?[...e||[]]:e,c=a.getAll({doNotParse:!0}),l=(0,r.shallowRef)(0),u=()=>{let e=a.getAll({doNotParse:!0});j(s||null,e,c)&&l.value++,c=e};return a.addChangeListener(u),(0,t.tryOnScopeDispose)(()=>{a.removeChangeListener(u)}),{get:(...e)=>(i&&s&&!s.includes(e[0])&&s.push(e[0]),l.value,a.get(e[0],{doNotParse:n,...e[1]})),getAll:(...e)=>(l.value,a.getAll({doNotParse:n,...e[0]})),set:(...e)=>a.set(...e),remove:(...e)=>a.remove(...e),addChangeListener:(...e)=>a.addChangeListener(...e),removeChangeListener:(...e)=>a.removeChangeListener(...e)}}function j(e,t,n){if(!e)return!0;for(let r of e)if(t[r]!==n[r])return!0;return!1}function M(e,n){let i=(0,r.ref)(),a=[],o=(0,s.createEventHook)(),l=(0,s.createEventHook)(),u=(0,s.createEventHook)(),d=(0,s.createEventHook)(),f=(0,s.createEventHook)(),p=(0,r.shallowRef)(!1),m=(0,r.shallowRef)(!1),h=(0,r.shallowRef)(!1),g=(0,r.shallowRef)(!1),_=(0,r.ref)({color:`black`,size:3,arrowEnd:!1,cornerRadius:0,dasharray:void 0,fill:`transparent`,mode:`draw`,...n==null?void 0:n.brush});(0,r.watch)(_,()=>{let e=i.value;e&&(e.brush=_.value,e.mode=_.value.mode)},{deep:!0});let v=()=>{var e;return(e=i.value)==null?void 0:e.undo()},y=()=>{var e;return(e=i.value)==null?void 0:e.redo()},b=()=>{var e;return(e=i.value)==null?void 0:e.clear()},x=()=>{var e;return(e=i.value)==null?void 0:e.cancel()},S=e=>{var t;return(t=i.value)==null?void 0:t.load(e)},C=()=>{var e;return(e=i.value)==null?void 0:e.dump()},w=()=>{var e;a.forEach(e=>e()),(e=i.value)==null||e.unmount()},T=()=>{i.value&&(p.value=i.value.canUndo(),m.value=i.value.canRedo(),h.value=i.value.altPressed,g.value=i.value.shiftPressed)};return(0,r.watch)(()=>(0,s.unrefElement)(e),e=>{!e||typeof SVGSVGElement>`u`||!(e instanceof SVGSVGElement)||(i.value&&w(),i.value=(0,c.createDrauu)({el:e,...n}),T(),a=[i.value.on(`canceled`,()=>l.trigger()),i.value.on(`committed`,e=>u.trigger(e)),i.value.on(`start`,()=>d.trigger()),i.value.on(`end`,()=>f.trigger()),i.value.on(`changed`,()=>{T(),o.trigger()})])},{flush:`post`}),(0,t.tryOnScopeDispose)(()=>w()),{drauuInstance:i,load:S,dump:C,clear:b,cancel:x,undo:v,redo:y,canUndo:p,canRedo:m,brush:_,onChanged:o.on,onCommitted:u.on,onStart:d.on,onEnd:f.on,onCanceled:l.on}}function N(e,n={}){let i,{immediate:a,...o}=n,c=(0,r.shallowRef)(!1),u=(0,r.shallowRef)(!1),d=e=>i&&i.activate(e),f=e=>i&&i.deactivate(e);return(0,r.watch)((0,r.computed)(()=>(0,s.toArray)((0,r.toValue)(e)).map(e=>{let t=(0,r.toValue)(e);return typeof t==`string`?t:(0,s.unrefElement)(t)}).filter(t.notNullish)),e=>{if(e.length)if(!i)i=(0,l.createFocusTrap)(e,{...o,onActivate(){c.value=!0,n.onActivate&&n.onActivate()},onDeactivate(){c.value=!1,n.onDeactivate&&n.onDeactivate()}}),a&&d();else{let t=i==null?void 0:i.active;i==null||i.updateContainerElements(e),!t&&a&&d()}},{flush:`post`}),(0,s.tryOnScopeDispose)(()=>f()),{hasFocus:c,isPaused:u,activate:d,deactivate:f,pause:()=>{i&&(i.pause(),u.value=!0)},unpause:()=>{i&&(i.unpause(),u.value=!1)}}}function P(e,t,n){let i=()=>{var e,i;return new u.default((e=(0,r.toValue)(t))==null?[]:e,(i=(0,r.toValue)(n))==null?void 0:i.fuseOptions)},a=(0,r.ref)(i());return(0,r.watch)(()=>{var e;return(e=(0,r.toValue)(n))==null?void 0:e.fuseOptions},()=>{a.value=i()},{deep:!0}),(0,r.watch)(()=>(0,r.toValue)(t),e=>{a.value.setCollection(e)},{deep:!0}),{fuse:a,results:(0,r.computed)(()=>{let i=(0,r.toValue)(n);if(i!=null&&i.matchAllWhenSearchEmpty&&!(0,r.toValue)(e))return(0,r.toValue)(t).map((e,t)=>({item:e,refIndex:t}));let o=i==null?void 0:i.resultLimit;return a.value.search((0,r.toValue)(e),o?{limit:o}:void 0)})}}function F(e,t,n={}){let{flush:i=`pre`,deep:a=!0,shallow:o=!1,onError:c=e=>{console.error(e)},writeDefaults:l=!0,serializer:u={read:e=>e,write:e=>e}}=n,f=(0,r.shallowRef)(!1),p=(o?r.shallowRef:r.ref)(t),m=(0,r.toValue)(t);async function h(){try{let t=await(0,d.get)(e);t===void 0?m!=null&&l&&await(0,d.set)(e,u.write(m)):p.value=u.read(t)}catch(e){c(e)}f.value=!0}h();async function g(){try{if(p.value==null)await(0,d.del)(e);else{let t=(0,r.toRaw)(p.value),n=u.write(t);await(0,d.update)(e,()=>n)}}catch(e){c(e)}}let{pause:_,resume:v}=(0,s.watchPausable)(p,()=>g(),{flush:i,deep:a});async function y(e){_(),p.value=e,await g(),v()}return{set:y,isFinished:f,data:p}}function I(e,t={}){let{onError:n,fallbackValue:i=null}=t,a=(e,t)=>{try{return(0,f.jwtDecode)(e,t)}catch(e){return n==null||n(e),i}};return{header:(0,r.computed)(()=>a((0,r.toValue)(e),{header:!0})),payload:(0,r.computed)(()=>a((0,r.toValue)(e)))}}function L(e=null,n){let i=(0,t.toRef)(e),a=(0,r.computed)({set:e=>e?p.default.start():p.default.done(),get:()=>typeof i.value==`number`&&i.value<1});n&&p.default.configure(n);let o=p.default.set;return p.default.set=e=>(i.value=e,o.call(p.default,e)),(0,r.watchEffect)(()=>{typeof i.value==`number`&&t.isClient&&o.call(p.default,i.value)}),(0,t.tryOnScopeDispose)(p.default.remove),{isLoading:a,progress:i,start:p.default.start,done:p.default.done,remove:()=>{i.value=null,p.default.remove()}}}function R(e,n){let i=(0,t.toRef)(e),a=(0,r.shallowRef)(``);return(0,r.watch)(i,async e=>{i.value&&t.isClient&&(a.value=await m.default.toDataURL(e,n))},{immediate:!0}),a}function z(e,t,n={}){let i,{document:a=s.defaultDocument,watchElement:o=!1,...c}=n,l={onUpdate:e=>{H(t,e.oldIndex,e.newIndex,e)}},u=(0,r.computed)(()=>typeof e==`string`?a==null?void 0:a.querySelector(e):(0,s.unrefElement)(e)),d=()=>{i==null||i.destroy(),i=void 0},f=e=>{!e||i!==void 0||(i=new h.default(e,{...l,...c}))},p=()=>{let e=u.value;e&&f(e)},m=(e,t)=>{if(t!==void 0)i==null||i.option(e,t);else return i==null?void 0:i.option(e)},g;return o&&typeof e!=`string`?g=(0,r.watch)(u,e=>{d(),e&&f(e)},{immediate:!0,flush:`post`}):(0,s.tryOnMounted)(p),(0,s.tryOnScopeDispose)(()=>{g==null||g(),d()}),{stop:()=>{d()},start:p,option:m}}function B(e,t,n){let r=e.children[n];e.insertBefore(t,r)}function V(e){e.parentNode&&e.parentNode.removeChild(e)}function H(e,t,n,i=null){i!=null&&(V(i.item),B(i.from,i.item,t));let a=(0,r.isRef)(e),o=a?[...(0,r.toValue)(e)]:(0,r.toValue)(e);if(n>=0&&n<o.length){let i=o.splice(t,1)[0];(0,r.nextTick)(()=>{o.splice(n,0,i),a&&(e.value=o)})}}e.createCookies=k,e.insertNodeAt=B,e.moveArrayElement=H,e.removeNode=V,e.useAsyncValidator=T,e.useAxios=E,e.useChangeCase=O,e.useCookies=A,e.useDrauu=M,e.useFocusTrap=N,e.useFuse=P,e.useIDBKeyval=F,e.useJwt=I,e.useNProgress=L,e.useQRCode=R,e.useSortable=z})(this.VueUse=this.VueUse||{},VueUse,AsyncValidator,Vue,axios,changeCase,UniversalCookie,VueUse,Drauu,focusTrap,Fuse,idbKeyval,jwt_decode,nprogress,QRCode,Sortable);
|
package/dist/index.js
CHANGED
|
@@ -9,6 +9,6 @@ import { t as useIDBKeyval } from "./useIDBKeyval-D_wVPeQ7.js";
|
|
|
9
9
|
import { t as useJwt } from "./useJwt-BB8OIN1z.js";
|
|
10
10
|
import { t as useNProgress } from "./useNProgress-ClU-n87O.js";
|
|
11
11
|
import { t as useQRCode } from "./useQRCode-DtYpMi-Z.js";
|
|
12
|
-
import { i as useSortable, n as moveArrayElement, r as removeNode, t as insertNodeAt } from "./useSortable-
|
|
12
|
+
import { i as useSortable, n as moveArrayElement, r as removeNode, t as insertNodeAt } from "./useSortable-Cc5LKbDD.js";
|
|
13
13
|
|
|
14
14
|
export { createCookies, insertNodeAt, moveArrayElement, removeNode, useAsyncValidator, useAxios, useChangeCase, useCookies, useDrauu, useFocusTrap, useFuse, useIDBKeyval, useJwt, useNProgress, useQRCode, useSortable };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { i as UseAsyncValidatorReturn, r as UseAsyncValidatorOptions } from "../index-BgoBW25H.js";
|
|
2
2
|
import { Rules } from "async-validator";
|
|
3
|
-
import * as
|
|
3
|
+
import * as vue6 from "vue";
|
|
4
4
|
import { Reactive, SlotsType } from "vue";
|
|
5
5
|
|
|
6
6
|
//#region useAsyncValidator/component.d.ts
|
|
@@ -12,8 +12,8 @@ interface UseAsyncValidatorProps {
|
|
|
12
12
|
interface UseAsyncValidatorSlots {
|
|
13
13
|
default: (data: Reactive<UseAsyncValidatorReturn>) => any;
|
|
14
14
|
}
|
|
15
|
-
declare const UseAsyncValidator:
|
|
15
|
+
declare const UseAsyncValidator: vue6.DefineSetupFnComponent<UseAsyncValidatorProps, Record<string, never>, SlotsType<UseAsyncValidatorSlots>, UseAsyncValidatorProps & {
|
|
16
16
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
17
|
-
},
|
|
17
|
+
}, vue6.PublicProps>;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { UseAsyncValidator, UseAsyncValidatorProps };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { n as UseFocusTrapReturn, t as UseFocusTrapOptions } from "../index-CJw_eFkJ.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as vue2 from "vue";
|
|
3
3
|
import { Reactive, SlotsType } from "vue";
|
|
4
4
|
import { RenderableComponent } from "@vueuse/core";
|
|
5
5
|
|
|
@@ -14,8 +14,8 @@ interface ComponentUseFocusTrapOptions extends UseFocusTrapProps {}
|
|
|
14
14
|
interface UseFocusTrapSlots {
|
|
15
15
|
default: (data: Reactive<UseFocusTrapReturn>) => any;
|
|
16
16
|
}
|
|
17
|
-
declare const UseFocusTrap:
|
|
17
|
+
declare const UseFocusTrap: vue2.DefineSetupFnComponent<UseFocusTrapProps, Record<string, never>, SlotsType<UseFocusTrapSlots>, UseFocusTrapProps & {
|
|
18
18
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
19
|
-
},
|
|
19
|
+
}, vue2.PublicProps>;
|
|
20
20
|
//#endregion
|
|
21
21
|
export { ComponentUseFocusTrapOptions, UseFocusTrap, UseFocusTrapProps };
|
package/dist/useFuse.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as useFuse, n as UseFuseOptions, r as UseFuseReturn, t as FuseOptions } from "./index-
|
|
1
|
+
import { i as useFuse, n as UseFuseOptions, r as UseFuseReturn, t as FuseOptions } from "./index-HJW_ZBEz.js";
|
|
2
2
|
export { FuseOptions, UseFuseOptions, UseFuseReturn, useFuse };
|
package/dist/useNProgress.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as UseNProgressReturn, r as useNProgress, t as UseNProgressOptions } from "./index-
|
|
1
|
+
import { n as UseNProgressReturn, r as useNProgress, t as UseNProgressOptions } from "./index-NPT77Hjg.js";
|
|
2
2
|
export { UseNProgressOptions, UseNProgressReturn, useNProgress };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { n as UseSortableReturn, t as UseSortableOptions } from "../index-
|
|
2
|
-
import * as
|
|
1
|
+
import { n as UseSortableReturn, t as UseSortableOptions } from "../index-DB_VAK7J.js";
|
|
2
|
+
import * as vue0 from "vue";
|
|
3
3
|
import { Reactive, SlotsType } from "vue";
|
|
4
4
|
import { RenderableComponent } from "@vueuse/core";
|
|
5
5
|
|
|
@@ -11,8 +11,8 @@ interface UseSortableProps extends RenderableComponent {
|
|
|
11
11
|
interface UseSortableSlots {
|
|
12
12
|
default: (data: Reactive<UseSortableReturn>) => any;
|
|
13
13
|
}
|
|
14
|
-
declare const UseSortable:
|
|
14
|
+
declare const UseSortable: vue0.DefineSetupFnComponent<UseSortableProps, Record<string, never>, SlotsType<UseSortableSlots>, UseSortableProps & {
|
|
15
15
|
[x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
|
|
16
|
-
},
|
|
16
|
+
}, vue0.PublicProps>;
|
|
17
17
|
//#endregion
|
|
18
18
|
export { UseSortable, UseSortableProps };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { isRef, nextTick, toValue } from "vue";
|
|
1
|
+
import { computed, isRef, nextTick, toValue, watch } from "vue";
|
|
2
2
|
import { defaultDocument, tryOnMounted, tryOnScopeDispose, unrefElement } from "@vueuse/core";
|
|
3
3
|
import Sortable from "sortablejs";
|
|
4
4
|
|
|
@@ -11,28 +11,46 @@ import Sortable from "sortablejs";
|
|
|
11
11
|
*/
|
|
12
12
|
function useSortable(el, list, options = {}) {
|
|
13
13
|
let sortable;
|
|
14
|
-
const { document = defaultDocument,...resetOptions } = options;
|
|
14
|
+
const { document = defaultDocument, watchElement = false,...resetOptions } = options;
|
|
15
15
|
const defaultOptions = { onUpdate: (e) => {
|
|
16
16
|
moveArrayElement(list, e.oldIndex, e.newIndex, e);
|
|
17
17
|
} };
|
|
18
|
-
const
|
|
19
|
-
|
|
18
|
+
const element = computed(() => typeof el === "string" ? document === null || document === void 0 ? void 0 : document.querySelector(el) : unrefElement(el));
|
|
19
|
+
const cleanup = () => {
|
|
20
|
+
sortable === null || sortable === void 0 || sortable.destroy();
|
|
21
|
+
sortable = void 0;
|
|
22
|
+
};
|
|
23
|
+
const initSortable = (target) => {
|
|
20
24
|
if (!target || sortable !== void 0) return;
|
|
21
25
|
sortable = new Sortable(target, {
|
|
22
26
|
...defaultOptions,
|
|
23
27
|
...resetOptions
|
|
24
28
|
});
|
|
25
29
|
};
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
|
|
30
|
+
const start = () => {
|
|
31
|
+
const target = element.value;
|
|
32
|
+
if (target) initSortable(target);
|
|
29
33
|
};
|
|
30
34
|
const option = (name, value) => {
|
|
31
35
|
if (value !== void 0) sortable === null || sortable === void 0 || sortable.option(name, value);
|
|
32
36
|
else return sortable === null || sortable === void 0 ? void 0 : sortable.option(name);
|
|
33
37
|
};
|
|
34
|
-
|
|
35
|
-
|
|
38
|
+
let stopWatch;
|
|
39
|
+
if (watchElement && typeof el !== "string") stopWatch = watch(element, (newElement) => {
|
|
40
|
+
cleanup();
|
|
41
|
+
if (newElement) initSortable(newElement);
|
|
42
|
+
}, {
|
|
43
|
+
immediate: true,
|
|
44
|
+
flush: "post"
|
|
45
|
+
});
|
|
46
|
+
else tryOnMounted(start);
|
|
47
|
+
const stop = () => {
|
|
48
|
+
cleanup();
|
|
49
|
+
};
|
|
50
|
+
tryOnScopeDispose(() => {
|
|
51
|
+
stopWatch === null || stopWatch === void 0 || stopWatch();
|
|
52
|
+
cleanup();
|
|
53
|
+
});
|
|
36
54
|
return {
|
|
37
55
|
stop,
|
|
38
56
|
start,
|
package/dist/useSortable.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as removeNode, i as moveArrayElement, n as UseSortableReturn, o as useSortable, r as insertNodeAt, t as UseSortableOptions } from "./index-
|
|
1
|
+
import { a as removeNode, i as moveArrayElement, n as UseSortableReturn, o as useSortable, r as insertNodeAt, t as UseSortableOptions } from "./index-DB_VAK7J.js";
|
|
2
2
|
export { UseSortableOptions, UseSortableReturn, insertNodeAt, moveArrayElement, removeNode, useSortable };
|
package/dist/useSortable.iife.js
CHANGED
|
@@ -36,28 +36,46 @@ vue = __toESM(vue);
|
|
|
36
36
|
*/
|
|
37
37
|
function useSortable(el, list, options = {}) {
|
|
38
38
|
let sortable;
|
|
39
|
-
const { document = __vueuse_core.defaultDocument,...resetOptions } = options;
|
|
39
|
+
const { document = __vueuse_core.defaultDocument, watchElement = false,...resetOptions } = options;
|
|
40
40
|
const defaultOptions = { onUpdate: (e) => {
|
|
41
41
|
moveArrayElement(list, e.oldIndex, e.newIndex, e);
|
|
42
42
|
} };
|
|
43
|
-
const
|
|
44
|
-
|
|
43
|
+
const element = (0, vue.computed)(() => typeof el === "string" ? document === null || document === void 0 ? void 0 : document.querySelector(el) : (0, __vueuse_core.unrefElement)(el));
|
|
44
|
+
const cleanup = () => {
|
|
45
|
+
sortable === null || sortable === void 0 || sortable.destroy();
|
|
46
|
+
sortable = void 0;
|
|
47
|
+
};
|
|
48
|
+
const initSortable = (target) => {
|
|
45
49
|
if (!target || sortable !== void 0) return;
|
|
46
50
|
sortable = new sortablejs.default(target, {
|
|
47
51
|
...defaultOptions,
|
|
48
52
|
...resetOptions
|
|
49
53
|
});
|
|
50
54
|
};
|
|
51
|
-
const
|
|
52
|
-
|
|
53
|
-
|
|
55
|
+
const start = () => {
|
|
56
|
+
const target = element.value;
|
|
57
|
+
if (target) initSortable(target);
|
|
54
58
|
};
|
|
55
59
|
const option = (name, value) => {
|
|
56
60
|
if (value !== void 0) sortable === null || sortable === void 0 || sortable.option(name, value);
|
|
57
61
|
else return sortable === null || sortable === void 0 ? void 0 : sortable.option(name);
|
|
58
62
|
};
|
|
59
|
-
|
|
60
|
-
(0,
|
|
63
|
+
let stopWatch;
|
|
64
|
+
if (watchElement && typeof el !== "string") stopWatch = (0, vue.watch)(element, (newElement) => {
|
|
65
|
+
cleanup();
|
|
66
|
+
if (newElement) initSortable(newElement);
|
|
67
|
+
}, {
|
|
68
|
+
immediate: true,
|
|
69
|
+
flush: "post"
|
|
70
|
+
});
|
|
71
|
+
else (0, __vueuse_core.tryOnMounted)(start);
|
|
72
|
+
const stop = () => {
|
|
73
|
+
cleanup();
|
|
74
|
+
};
|
|
75
|
+
(0, __vueuse_core.tryOnScopeDispose)(() => {
|
|
76
|
+
stopWatch === null || stopWatch === void 0 || stopWatch();
|
|
77
|
+
cleanup();
|
|
78
|
+
});
|
|
61
79
|
return {
|
|
62
80
|
stop,
|
|
63
81
|
start,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(e,t,n,r){var i=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=s(t),c=0,u=i.length,d;c<u;c++)d=i[c],!l.call(e,d)&&d!==n&&a(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=o(t,d))||r.enumerable});return e},d=(e,t,n)=>(n=e==null?{}:i(c(e)),u(t||!e||!e.__esModule?a(n,`default`,{value:e,enumerable:!0}):n,e));t=d(t),n=d(n),r=d(r);function f(e,
|
|
1
|
+
(function(e,t,n,r){var i=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=s(t),c=0,u=i.length,d;c<u;c++)d=i[c],!l.call(e,d)&&d!==n&&a(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=o(t,d))||r.enumerable});return e},d=(e,t,n)=>(n=e==null?{}:i(c(e)),u(t||!e||!e.__esModule?a(n,`default`,{value:e,enumerable:!0}):n,e));t=d(t),n=d(n),r=d(r);function f(e,i,a={}){let o,{document:s=t.defaultDocument,watchElement:c=!1,...l}=a,u={onUpdate:e=>{h(i,e.oldIndex,e.newIndex,e)}},d=(0,r.computed)(()=>typeof e==`string`?s==null?void 0:s.querySelector(e):(0,t.unrefElement)(e)),f=()=>{o==null||o.destroy(),o=void 0},p=e=>{!e||o!==void 0||(o=new n.default(e,{...u,...l}))},m=()=>{let e=d.value;e&&p(e)},g=(e,t)=>{if(t!==void 0)o==null||o.option(e,t);else return o==null?void 0:o.option(e)},_;return c&&typeof e!=`string`?_=(0,r.watch)(d,e=>{f(),e&&p(e)},{immediate:!0,flush:`post`}):(0,t.tryOnMounted)(m),(0,t.tryOnScopeDispose)(()=>{_==null||_(),f()}),{stop:()=>{f()},start:m,option:g}}function p(e,t,n){let r=e.children[n];e.insertBefore(t,r)}function m(e){e.parentNode&&e.parentNode.removeChild(e)}function h(e,t,n,i=null){i!=null&&(m(i.item),p(i.from,i.item,t));let a=(0,r.isRef)(e),o=a?[...(0,r.toValue)(e)]:(0,r.toValue)(e);if(n>=0&&n<o.length){let i=o.splice(t,1)[0];(0,r.nextTick)(()=>{o.splice(n,0,i),a&&(e.value=o)})}}e.insertNodeAt=p,e.moveArrayElement=h,e.removeNode=m,e.useSortable=f})(this.VueUse=this.VueUse||{},VueUse,Sortable,Vue);
|
package/dist/useSortable.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { i as useSortable, n as moveArrayElement, r as removeNode, t as insertNodeAt } from "./useSortable-
|
|
1
|
+
import { i as useSortable, n as moveArrayElement, r as removeNode, t as insertNodeAt } from "./useSortable-Cc5LKbDD.js";
|
|
2
2
|
|
|
3
3
|
export { insertNodeAt, moveArrayElement, removeNode, useSortable };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vueuse/integrations",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.2.0",
|
|
5
5
|
"description": "Integration wrappers for utility libraries",
|
|
6
6
|
"author": "Anthony Fu <https://github.com/antfu>",
|
|
7
7
|
"license": "MIT",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"axios": "^1",
|
|
54
54
|
"change-case": "^5",
|
|
55
55
|
"drauu": "^0.4",
|
|
56
|
-
"focus-trap": "^7",
|
|
56
|
+
"focus-trap": "^7 || ^8",
|
|
57
57
|
"fuse.js": "^7",
|
|
58
58
|
"idb-keyval": "^6",
|
|
59
59
|
"jwt-decode": "^4",
|
|
@@ -102,18 +102,18 @@
|
|
|
102
102
|
}
|
|
103
103
|
},
|
|
104
104
|
"dependencies": {
|
|
105
|
-
"@vueuse/core": "14.
|
|
106
|
-
"@vueuse/shared": "14.
|
|
105
|
+
"@vueuse/core": "14.2.0",
|
|
106
|
+
"@vueuse/shared": "14.2.0"
|
|
107
107
|
},
|
|
108
108
|
"devDependencies": {
|
|
109
109
|
"@types/nprogress": "^0.2.3",
|
|
110
|
-
"@types/qrcode": "^1.5.
|
|
111
|
-
"@types/sortablejs": "^1.15.
|
|
110
|
+
"@types/qrcode": "^1.5.6",
|
|
111
|
+
"@types/sortablejs": "^1.15.9",
|
|
112
112
|
"async-validator": "^4.2.5",
|
|
113
|
-
"axios": "^1.
|
|
113
|
+
"axios": "^1.13.4",
|
|
114
114
|
"change-case": "^5.4.4",
|
|
115
|
-
"drauu": "^0.
|
|
116
|
-
"focus-trap": "^
|
|
115
|
+
"drauu": "^1.0.0",
|
|
116
|
+
"focus-trap": "^8.0.0",
|
|
117
117
|
"fuse.js": "^7.1.0",
|
|
118
118
|
"idb-keyval": "^6.2.2",
|
|
119
119
|
"jwt-decode": "^4.0.0",
|