@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.
@@ -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
- type UseSortableOptions = Options & ConfigurableDocument;
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 vue7 from "vue";
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: vue7.Ref<{
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 vue5 from "vue";
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: vue5.WritableComputedRef<boolean, boolean>;
14
- progress: vue5.Ref<number | null | undefined, number | null | undefined>;
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-BNQzWj9J.js";
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-BzCjewPQ.js";
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-CDFJRy7j.js";
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 };
@@ -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 start = () => {
689
- const target = typeof el === "string" ? document === null || document === void 0 ? void 0 : document.querySelector(el) : (0, __vueuse_core.unrefElement)(el);
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 stop = () => {
697
- sortable === null || sortable === void 0 || sortable.destroy();
698
- sortable = void 0;
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
- (0, __vueuse_core.tryOnMounted)(start);
705
- (0, __vueuse_core.tryOnScopeDispose)(stop);
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,
@@ -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-jtnNPDb0.js";
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 vue0 from "vue";
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: vue0.DefineSetupFnComponent<UseAsyncValidatorProps, Record<string, never>, SlotsType<UseAsyncValidatorSlots>, UseAsyncValidatorProps & {
15
+ declare const UseAsyncValidator: vue6.DefineSetupFnComponent<UseAsyncValidatorProps, Record<string, never>, SlotsType<UseAsyncValidatorSlots>, UseAsyncValidatorProps & {
16
16
  [x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
17
- }, vue0.PublicProps>;
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 vue3 from "vue";
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: vue3.DefineSetupFnComponent<UseFocusTrapProps, Record<string, never>, SlotsType<UseFocusTrapSlots>, UseFocusTrapProps & {
17
+ declare const UseFocusTrap: vue2.DefineSetupFnComponent<UseFocusTrapProps, Record<string, never>, SlotsType<UseFocusTrapSlots>, UseFocusTrapProps & {
18
18
  [x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
19
- }, vue3.PublicProps>;
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-BNQzWj9J.js";
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 };
@@ -1,2 +1,2 @@
1
- import { n as UseNProgressReturn, r as useNProgress, t as UseNProgressOptions } from "./index-BzCjewPQ.js";
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-CDFJRy7j.js";
2
- import * as vue1 from "vue";
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: vue1.DefineSetupFnComponent<UseSortableProps, Record<string, never>, SlotsType<UseSortableSlots>, UseSortableProps & {
14
+ declare const UseSortable: vue0.DefineSetupFnComponent<UseSortableProps, Record<string, never>, SlotsType<UseSortableSlots>, UseSortableProps & {
15
15
  [x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
16
- }, vue1.PublicProps>;
16
+ }, vue0.PublicProps>;
17
17
  //#endregion
18
18
  export { UseSortable, UseSortableProps };
@@ -1,4 +1,4 @@
1
- import { i as useSortable } from "../useSortable-jtnNPDb0.js";
1
+ import { i as useSortable } from "../useSortable-Cc5LKbDD.js";
2
2
  import { defineComponent, h, reactive, shallowRef } from "vue";
3
3
  import { useVModel } from "@vueuse/core";
4
4
 
@@ -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 start = () => {
19
- const target = typeof el === "string" ? document === null || document === void 0 ? void 0 : document.querySelector(el) : unrefElement(el);
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 stop = () => {
27
- sortable === null || sortable === void 0 || sortable.destroy();
28
- sortable = void 0;
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
- tryOnMounted(start);
35
- tryOnScopeDispose(stop);
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,
@@ -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-CDFJRy7j.js";
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 };
@@ -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 start = () => {
44
- const target = typeof el === "string" ? document === null || document === void 0 ? void 0 : document.querySelector(el) : (0, __vueuse_core.unrefElement)(el);
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 stop = () => {
52
- sortable === null || sortable === void 0 || sortable.destroy();
53
- sortable = void 0;
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
- (0, __vueuse_core.tryOnMounted)(start);
60
- (0, __vueuse_core.tryOnScopeDispose)(stop);
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,r,i={}){let a,{document:o=t.defaultDocument,...s}=i,c={onUpdate:e=>{h(r,e.oldIndex,e.newIndex,e)}},l=()=>{let r=typeof e==`string`?o==null?void 0:o.querySelector(e):(0,t.unrefElement)(e);!r||a!==void 0||(a=new n.default(r,{...c,...s}))},u=()=>{a==null||a.destroy(),a=void 0};return(0,t.tryOnMounted)(l),(0,t.tryOnScopeDispose)(u),{stop:u,start:l,option:(e,t)=>{if(t!==void 0)a==null||a.option(e,t);else return a==null?void 0:a.option(e)}}}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);
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);
@@ -1,3 +1,3 @@
1
- import { i as useSortable, n as moveArrayElement, r as removeNode, t as insertNodeAt } from "./useSortable-jtnNPDb0.js";
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.0.0",
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.0.0",
106
- "@vueuse/shared": "14.0.0"
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.5",
111
- "@types/sortablejs": "^1.15.8",
110
+ "@types/qrcode": "^1.5.6",
111
+ "@types/sortablejs": "^1.15.9",
112
112
  "async-validator": "^4.2.5",
113
- "axios": "^1.12.2",
113
+ "axios": "^1.13.4",
114
114
  "change-case": "^5.4.4",
115
- "drauu": "^0.4.3",
116
- "focus-trap": "^7.6.5",
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",