@citruslime/vue-utils 1.3.0-beta.1 → 1.4.0-beta.0

package/dist/citrus-lime-vue-utils.es.js

@@ -1,5 +1,5 @@
 import { replacePlaceholders as Y } from "@citruslime/utils";
-import { toRef as se, readonly as re, customRef as le, ref as $, getCurrentScope as ce, onScopeDispose as fe, unref as de, watch as I, isRef as oe, shallowRef as q, computed as pe, reactive as he, toRefs as me } from "vue";
+import { toRef as se, readonly as re, customRef as le, ref as $, getCurrentScope as ce, onScopeDispose as fe, unref as de, watch as I, isRef as oe, shallowRef as W, computed as pe, reactive as he, toRefs as me } from "vue";
 const He = [
   "GET",
   "POST",
@@ -10,11 +10,11 @@ function $e(e, t, n = null, s = null) {
   return {
     url: e,
     type: t,
-    headers: n ?? ae,
+    headers: n ?? ie,
     hasBody: ye(t, s)
   };
 }
-function ae() {
+function ie() {
   return {
     accept: "application/json",
     "content-type": "application/json"
@@ -23,23 +23,23 @@ function ae() {
 function ye(e, t) {
   return !!(t === null && (e === "PUT" || e === "POST") || t);
 }
-function ie(e) {
+function ae(e) {
   return ce() ? (fe(e), !0) : !1;
 }
-function L() {
-  const e = /* @__PURE__ */ new Set(), t = (a) => {
-    e.delete(a);
+function q() {
+  const e = /* @__PURE__ */ new Set(), t = (i) => {
+    e.delete(i);
   };
   return {
-    on: (a) => {
-      e.add(a);
-      const r = () => t(a);
-      return ie(r), {
+    on: (i) => {
+      e.add(i);
+      const r = () => t(i);
+      return ae(r), {
         off: r
       };
     },
     off: t,
-    trigger: (a) => Promise.all(Array.from(e).map((r) => r(a)))
+    trigger: (i) => Promise.all(Array.from(e).map((r) => r(i)))
   };
 }
 function O(e) {
@@ -48,27 +48,27 @@ function O(e) {
 const ue = typeof window < "u", ve = () => {
 };
 function Z(e, t = !1, n = "Timeout") {
-  return new Promise((s, a) => {
-    setTimeout(t ? () => a(n) : s, e);
+  return new Promise((s, i) => {
+    setTimeout(t ? () => i(n) : s, e);
   });
 }
 function we(e, ...t) {
   return t.some((n) => n in e);
 }
-function R(...e) {
+function L(...e) {
   if (e.length !== 1)
     return se(...e);
   const t = e[0];
   return typeof t == "function" ? re(le(() => ({ get: t, set: ve }))) : $(t);
 }
 function k(e, t = !1) {
-  function n(i, { flush: u = "sync", deep: h = !1, timeout: p, throwOnTimeout: F } = {}) {
+  function n(a, { flush: u = "sync", deep: h = !1, timeout: p, throwOnTimeout: F } = {}) {
     let y = null;
     const D = [new Promise((E) => {
       y = I(
         e,
         (_) => {
-          i(_) !== t && (y == null || y(), E(_));
+          a(_) !== t && (y == null || y(), E(_));
         },
         {
           flush: u,
@@ -81,14 +81,14 @@ function k(e, t = !1) {
       Z(p, F).then(() => O(e)).finally(() => y == null ? void 0 : y())
     ), Promise.race(D);
   }
-  function s(i, u) {
-    if (!oe(i))
-      return n((_) => _ === i, u);
+  function s(a, u) {
+    if (!oe(a))
+      return n((_) => _ === a, u);
     const { flush: h = "sync", deep: p = !1, timeout: F, throwOnTimeout: y } = u ?? {};
     let w = null;
     const E = [new Promise((_) => {
       w = I(
-        [e, i],
+        [e, a],
         ([j, S]) => {
           t !== (j === S) && (w == null || w(), _(j));
         },
@@ -103,34 +103,34 @@ function k(e, t = !1) {
       Z(F, y).then(() => O(e)).finally(() => (w == null || w(), O(e)))
     ), Promise.race(E);
   }
-  function a(i) {
-    return n((u) => !!u, i);
+  function i(a) {
+    return n((u) => !!u, a);
   }
-  function r(i) {
-    return s(null, i);
+  function r(a) {
+    return s(null, a);
   }
-  function o(i) {
-    return s(void 0, i);
+  function o(a) {
+    return s(void 0, a);
   }
-  function b(i) {
-    return n(Number.isNaN, i);
+  function b(a) {
+    return n(Number.isNaN, a);
   }
-  function d(i, u) {
+  function l(a, u) {
     return n((h) => {
       const p = Array.from(h);
-      return p.includes(i) || p.includes(O(i));
+      return p.includes(a) || p.includes(O(a));
     }, u);
   }
-  function v(i) {
-    return g(1, i);
+  function v(a) {
+    return g(1, a);
   }
-  function g(i = 1, u) {
+  function g(a = 1, u) {
     let h = -1;
-    return n(() => (h += 1, h >= i), u);
+    return n(() => (h += 1, h >= a), u);
   }
   return Array.isArray(O(e)) ? {
     toMatch: n,
-    toContains: d,
+    toContains: l,
     changed: v,
     changedTimes: g,
     get not() {
@@ -139,7 +139,7 @@ function k(e, t = !1) {
   } : {
     toMatch: n,
     toBe: s,
-    toBeTruthy: a,
+    toBeTruthy: i,
     toBeNull: r,
     toBeNaN: b,
     toBeUndefined: o,
@@ -156,27 +156,27 @@ function Pe(e) {
 function be(e, t, n = {}) {
   const {
     immediate: s = !0
-  } = n, a = $(!1);
+  } = n, i = $(!1);
   let r = null;
   function o() {
     r && (clearTimeout(r), r = null);
   }
   function b() {
-    a.value = !1, o();
+    i.value = !1, o();
   }
-  function d(...v) {
-    o(), a.value = !0, r = setTimeout(() => {
-      a.value = !1, r = null, e(...v);
+  function l(...v) {
+    o(), i.value = !0, r = setTimeout(() => {
+      i.value = !1, r = null, e(...v);
     }, O(t));
   }
-  return s && (a.value = !0, ue && d()), ie(b), {
-    isPending: re(a),
-    start: d,
+  return s && (i.value = !0, ue && l()), ae(b), {
+    isPending: re(i),
+    start: l,
     stop: b
   };
 }
 const ge = ue ? window : void 0;
-var Te = Object.defineProperty, Oe = Object.defineProperties, Fe = Object.getOwnPropertyDescriptors, ee = Object.getOwnPropertySymbols, Ee = Object.prototype.hasOwnProperty, _e = Object.prototype.propertyIsEnumerable, te = (e, t, n) => t in e ? Te(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
+var Te = Object.defineProperty, Oe = Object.defineProperties, Fe = Object.getOwnPropertyDescriptors, ee = Object.getOwnPropertySymbols, Ee = Object.prototype.hasOwnProperty, _e = Object.prototype.propertyIsEnumerable, te = (e, t, n) => t in e ? Te(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, d = (e, t) => {
   for (var n in t || (t = {}))
     Ee.call(t, n) && te(e, n, t[n]);
   if (ee)
@@ -191,34 +191,34 @@ const je = {
 function ne(e) {
   return e && we(e, "immediate", "refetch", "initialData", "timeout", "beforeFetch", "afterFetch", "onFetchError", "fetch");
 }
-function W(e) {
+function R(e) {
   return typeof Headers < "u" && e instanceof Headers ? Object.fromEntries([...e.entries()]) : e;
 }
 function De(e, ...t) {
   var n;
   const s = typeof AbortController == "function";
-  let a = {}, r = { immediate: !0, refetch: !1, timeout: 0 };
+  let i = {}, r = { immediate: !0, refetch: !1, timeout: 0 };
   const o = {
     method: "GET",
     type: "text",
     payload: void 0
   };
-  t.length > 0 && (ne(t[0]) ? r = f(f({}, r), t[0]) : a = t[0]), t.length > 1 && ne(t[1]) && (r = f(f({}, r), t[1]));
+  t.length > 0 && (ne(t[0]) ? r = d(d({}, r), t[0]) : i = t[0]), t.length > 1 && ne(t[1]) && (r = d(d({}, r), t[1]));
   const {
     fetch: b = (n = ge) == null ? void 0 : n.fetch,
-    initialData: d,
+    initialData: l,
     timeout: v
-  } = r, g = L(), i = L(), u = L(), h = $(!1), p = $(!1), F = $(!1), y = $(null), w = q(null), D = q(null), E = q(d || null), _ = pe(() => s && p.value);
+  } = r, g = q(), a = q(), u = q(), h = $(!1), p = $(!1), F = $(!1), y = $(null), w = W(null), D = W(null), E = W(l || null), _ = pe(() => s && p.value);
   let j, S;
   const M = () => {
-    s && (j == null || j.abort(), j = new AbortController(), j.signal.onabort = () => F.value = !0, a = N(f({}, a), {
+    s && (j == null || j.abort(), j = new AbortController(), j.signal.onabort = () => F.value = !0, i = N(d({}, i), {
       signal: j.signal
     }));
-  }, K = (l) => {
-    p.value = l, h.value = !l;
+  }, K = (c) => {
+    p.value = c, h.value = !c;
   };
   v && (S = be(M, v, { immediate: !1 }));
-  const U = async (l = !1) => {
+  const U = async (c = !1) => {
     var P;
     M(), K(!0), D.value = null, y.value = null, F.value = !1;
     const m = {
@@ -226,7 +226,7 @@ function De(e, ...t) {
       headers: {}
     };
     if (o.payload) {
-      const J = W(m.headers);
+      const J = R(m.headers);
       o.payloadType && (J["Content-Type"] = (P = je[o.payloadType]) != null ? P : o.payloadType);
       const G = O(o.payload);
       m.body = o.payloadType === "json" ? JSON.stringify(G) : G;
@@ -234,7 +234,7 @@ function De(e, ...t) {
     let H = !1;
     const T = {
       url: O(e),
-      options: f(f({}, m), a),
+      options: d(d({}, m), i),
       cancel: () => {
         H = !0;
       }
@@ -246,27 +246,27 @@ function De(e, ...t) {
       var Q;
       b(
         T.url,
-        N(f(f({}, m), T.options), {
-          headers: f(f({}, W(m.headers)), W((Q = T.options) == null ? void 0 : Q.headers))
+        N(d(d({}, m), T.options), {
+          headers: d(d({}, R(m.headers)), R((Q = T.options) == null ? void 0 : Q.headers))
         })
-      ).then(async (c) => {
-        if (w.value = c, y.value = c.status, B = await c[o.type](), !c.ok)
-          throw E.value = d || null, new Error(c.statusText);
-        return r.afterFetch && ({ data: B } = await r.afterFetch({ data: B, response: c })), E.value = B, g.trigger(c), J(c);
-      }).catch(async (c) => {
-        let X = c.message || c.name;
-        return r.onFetchError && ({ error: X } = await r.onFetchError({ data: B, error: c, response: w.value })), D.value = X, i.trigger(c), l ? G(c) : J(null);
+      ).then(async (f) => {
+        if (w.value = f, y.value = f.status, B = await f[o.type](), !f.ok)
+          throw E.value = l || null, new Error(f.statusText);
+        return r.afterFetch && ({ data: B } = await r.afterFetch({ data: B, response: f })), E.value = B, g.trigger(f), J(f);
+      }).catch(async (f) => {
+        let X = f.message || f.name;
+        return r.onFetchError && ({ error: X } = await r.onFetchError({ data: B, error: f, response: w.value })), D.value = X, a.trigger(f), c ? G(f) : J(null);
       }).finally(() => {
         K(!1), S && S.stop(), u.trigger(null);
       });
     });
-  }, z = R(r.refetch);
+  }, z = L(r.refetch);
   I(
     [
       z,
-      R(e)
+      L(e)
     ],
-    ([l]) => l && U(),
+    ([c]) => c && U(),
     { deep: !0 }
   );
   const x = {
@@ -281,7 +281,7 @@ function De(e, ...t) {
     abort: M,
     execute: U,
     onFetchResponse: g.on,
-    onFetchError: i.on,
+    onFetchError: a.on,
     onFetchFinally: u.on,
     // method
     get: A("GET"),
@@ -298,19 +298,19 @@ function De(e, ...t) {
     arrayBuffer: C("arrayBuffer"),
     formData: C("formData")
   };
-  function A(l) {
+  function A(c) {
     return (P, m) => {
       if (!p.value) {
-        o.method = l, o.payload = P, o.payloadType = m, oe(o.payload) && I(
+        o.method = c, o.payload = P, o.payloadType = m, oe(o.payload) && I(
           [
             z,
-            R(o.payload)
+            L(o.payload)
           ],
           ([T]) => T && U(),
           { deep: !0 }
         );
         const H = O(o.payload);
-        return !m && H && Object.getPrototypeOf(H) === Object.prototype && !(H instanceof FormData) && (o.payloadType = "json"), N(f({}, x), {
+        return !m && H && Object.getPrototypeOf(H) === Object.prototype && !(H instanceof FormData) && (o.payloadType = "json"), N(d({}, x), {
           then(T, B) {
             return V().then(T, B);
           }
@@ -319,38 +319,38 @@ function De(e, ...t) {
     };
   }
   function V() {
-    return new Promise((l, P) => {
-      Pe(h).toBe(!0).then(() => l(x)).catch((m) => P(m));
+    return new Promise((c, P) => {
+      Pe(h).toBe(!0).then(() => c(x)).catch((m) => P(m));
     });
   }
-  function C(l) {
+  function C(c) {
     return () => {
       if (!p.value)
-        return o.type = l, N(f({}, x), {
+        return o.type = c, N(d({}, x), {
           then(P, m) {
             return V().then(P, m);
           }
         });
     };
   }
-  return r.immediate && Promise.resolve().then(() => U()), N(f({}, x), {
-    then(l, P) {
-      return V().then(l, P);
+  return r.immediate && Promise.resolve().then(() => U()), N(d({}, x), {
+    then(c, P) {
+      return V().then(c, P);
     }
   });
 }
 function Ce(e, t) {
   const n = {};
-  return Object.keys(e).forEach((a) => {
-    n[a] = (...r) => {
-      const o = e[a], b = o.type;
-      let d = `/api/${o.url}`;
-      o.hasBody ? d = Y(d, ...r.splice(1)) : d = Y(d, ...r);
+  return Object.keys(e).forEach((i) => {
+    n[i] = (...r) => {
+      const o = e[i], b = o.type;
+      let l = o.url;
+      l.startsWith("http") || (l = `/api/${l}`), o.hasBody ? l = Y(l, ...r.splice(1)) : l = Y(l, ...r);
       const v = {
-        ...ae(),
+        ...ie(),
         ...o.headers()
       }, g = De(
-        d,
+        l,
         {
           method: b
         },
@@ -386,8 +386,8 @@ function Ue(e = 500) {
     debouncer: null,
     timeout: e
   });
-  function n(s, ...a) {
-    t.debouncer !== null && window.clearTimeout(t.debouncer), t.debouncer = window.setTimeout(() => s(...a), t.timeout);
+  function n(s, ...i) {
+    t.debouncer !== null && window.clearTimeout(t.debouncer), t.debouncer = window.setTimeout(() => s(...i), t.timeout);
   }
   return {
     ...me(t),
@@ -397,7 +397,7 @@ function Ue(e = 500) {
 export {
   Ne as copy,
   $e as createEndpoint,
-  ae as getDefaultHeaders,
+  ie as getDefaultHeaders,
   He as requestTypes,
   Ce as useApi,
   Ue as useDebouncer

package/dist/citrus-lime-vue-utils.umd.js

@@ -1 +1 @@
-(function(p,$){typeof exports=="object"&&typeof module<"u"?$(exports,require("@citruslime/utils"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@citruslime/utils","vue"],$):(p=typeof globalThis<"u"?globalThis:p||self,$(p.CitrusLimeVueUtils={},p.CLUtils,p.Vue))})(this,function(p,$,s){"use strict";const ie=["GET","POST","PUT","DELETE"];function ae(e,t,n=null,u=null){return{url:e,type:t,headers:n??I,hasBody:se(t,u)}}function I(){return{accept:"application/json","content-type":"application/json"}}function se(e,t){return!!(t===null&&(e==="PUT"||e==="POST")||t)}function Q(e){return s.getCurrentScope()?(s.onScopeDispose(e),!0):!1}function L(){const e=new Set,t=i=>{e.delete(i)};return{on:i=>{e.add(i);const r=()=>t(i);return Q(r),{off:r}},off:t,trigger:i=>Promise.all(Array.from(e).map(r=>r(i)))}}function O(e){return typeof e=="function"?e():s.unref(e)}const X=typeof window<"u",le=()=>{};function Y(e,t=!1,n="Timeout"){return new Promise((u,i)=>{setTimeout(t?()=>i(n):u,e)})}function ue(e,...t){return t.some(n=>n in e)}function R(...e){if(e.length!==1)return s.toRef(...e);const t=e[0];return typeof t=="function"?s.readonly(s.customRef(()=>({get:t,set:le}))):s.ref(t)}function K(e,t=!1){function n(a,{flush:l="sync",deep:m=!1,timeout:y,throwOnTimeout:v}={}){let T=null;const A=[new Promise(_=>{T=s.watch(e,D=>{a(D)!==t&&(T==null||T(),_(D))},{flush:l,deep:m,immediate:!0})})];return y!=null&&A.push(Y(y,v).then(()=>O(e)).finally(()=>T==null?void 0:T())),Promise.race(A)}function u(a,l){if(!s.isRef(a))return n(D=>D===a,l);const{flush:m="sync",deep:y=!1,timeout:v,throwOnTimeout:T}=l??{};let b=null;const _=[new Promise(D=>{b=s.watch([e,a],([S,B])=>{t!==(S===B)&&(b==null||b(),D(S))},{flush:m,deep:y,immediate:!0})})];return v!=null&&_.push(Y(v,T).then(()=>O(e)).finally(()=>(b==null||b(),O(e)))),Promise.race(_)}function i(a){return n(l=>!!l,a)}function r(a){return u(null,a)}function o(a){return u(void 0,a)}function F(a){return n(Number.isNaN,a)}function h(a,l){return n(m=>{const y=Array.from(m);return y.includes(a)||y.includes(O(a))},l)}function P(a){return E(1,a)}function E(a=1,l){let m=-1;return n(()=>(m+=1,m>=a),l)}return Array.isArray(O(e))?{toMatch:n,toContains:h,changed:P,changedTimes:E,get not(){return K(e,!t)}}:{toMatch:n,toBe:u,toBeTruthy:i,toBeNull:r,toBeNaN:F,toBeUndefined:o,changed:P,changedTimes:E,get not(){return K(e,!t)}}}function ce(e){return K(e)}function fe(e,t,n={}){const{immediate:u=!0}=n,i=s.ref(!1);let r=null;function o(){r&&(clearTimeout(r),r=null)}function F(){i.value=!1,o()}function h(...P){o(),i.value=!0,r=setTimeout(()=>{i.value=!1,r=null,e(...P)},O(t))}return u&&(i.value=!0,X&&h()),Q(F),{isPending:s.readonly(i),start:h,stop:F}}const de=X?window:void 0;var pe=Object.defineProperty,he=Object.defineProperties,ye=Object.getOwnPropertyDescriptors,Z=Object.getOwnPropertySymbols,me=Object.prototype.hasOwnProperty,we=Object.prototype.propertyIsEnumerable,ee=(e,t,n)=>t in e?pe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,c=(e,t)=>{for(var n in t||(t={}))me.call(t,n)&&ee(e,n,t[n]);if(Z)for(var n of Z(t))we.call(t,n)&&ee(e,n,t[n]);return e},U=(e,t)=>he(e,ye(t));const Te={json:"application/json",text:"text/plain"};function te(e){return e&&ue(e,"immediate","refetch","initialData","timeout","beforeFetch","afterFetch","onFetchError","fetch")}function W(e){return typeof Headers<"u"&&e instanceof Headers?Object.fromEntries([...e.entries()]):e}function Pe(e,...t){var n;const u=typeof AbortController=="function";let i={},r={immediate:!0,refetch:!1,timeout:0};const o={method:"GET",type:"text",payload:void 0};t.length>0&&(te(t[0])?r=c(c({},r),t[0]):i=t[0]),t.length>1&&te(t[1])&&(r=c(c({},r),t[1]));const{fetch:F=(n=de)==null?void 0:n.fetch,initialData:h,timeout:P}=r,E=L(),a=L(),l=L(),m=s.ref(!1),y=s.ref(!1),v=s.ref(!1),T=s.ref(null),b=s.shallowRef(null),A=s.shallowRef(null),_=s.shallowRef(h||null),D=s.computed(()=>u&&y.value);let S,B;const k=()=>{u&&(S==null||S.abort(),S=new AbortController,S.signal.onabort=()=>v.value=!0,i=U(c({},i),{signal:S.signal}))},x=f=>{y.value=f,m.value=!f};P&&(B=fe(k,P,{immediate:!1}));const J=async(f=!1)=>{var g;k(),x(!0),A.value=null,T.value=null,v.value=!1;const w={method:o.method,headers:{}};if(o.payload){const V=W(w.headers);o.payloadType&&(V["Content-Type"]=(g=Te[o.payloadType])!=null?g:o.payloadType);const G=O(o.payload);w.body=o.payloadType==="json"?JSON.stringify(G):G}let N=!1;const j={url:O(e),options:c(c({},w),i),cancel:()=>{N=!0}};if(r.beforeFetch&&Object.assign(j,await r.beforeFetch(j)),N||!F)return x(!1),Promise.resolve(null);let C=null;return B&&B.start(),new Promise((V,G)=>{var re;F(j.url,U(c(c({},w),j.options),{headers:c(c({},W(w.headers)),W((re=j.options)==null?void 0:re.headers))})).then(async d=>{if(b.value=d,T.value=d.status,C=await d[o.type](),!d.ok)throw _.value=h||null,new Error(d.statusText);return r.afterFetch&&({data:C}=await r.afterFetch({data:C,response:d})),_.value=C,E.trigger(d),V(d)}).catch(async d=>{let oe=d.message||d.name;return r.onFetchError&&({error:oe}=await r.onFetchError({data:C,error:d,response:b.value})),A.value=oe,a.trigger(d),f?G(d):V(null)}).finally(()=>{x(!1),B&&B.stop(),l.trigger(null)})})},ne=R(r.refetch);s.watch([ne,R(e)],([f])=>f&&J(),{deep:!0});const M={isFinished:m,statusCode:T,response:b,error:A,data:_,isFetching:y,canAbort:D,aborted:v,abort:k,execute:J,onFetchResponse:E.on,onFetchError:a.on,onFetchFinally:l.on,get:H("GET"),put:H("PUT"),post:H("POST"),delete:H("DELETE"),patch:H("PATCH"),head:H("HEAD"),options:H("OPTIONS"),json:q("json"),text:q("text"),blob:q("blob"),arrayBuffer:q("arrayBuffer"),formData:q("formData")};function H(f){return(g,w)=>{if(!y.value){o.method=f,o.payload=g,o.payloadType=w,s.isRef(o.payload)&&s.watch([ne,R(o.payload)],([j])=>j&&J(),{deep:!0});const N=O(o.payload);return!w&&N&&Object.getPrototypeOf(N)===Object.prototype&&!(N instanceof FormData)&&(o.payloadType="json"),U(c({},M),{then(j,C){return z().then(j,C)}})}}}function z(){return new Promise((f,g)=>{ce(m).toBe(!0).then(()=>f(M)).catch(w=>g(w))})}function q(f){return()=>{if(!y.value)return o.type=f,U(c({},M),{then(g,w){return z().then(g,w)}})}}return r.immediate&&Promise.resolve().then(()=>J()),U(c({},M),{then(f,g){return z().then(f,g)}})}function be(e,t){const n={};return Object.keys(e).forEach(i=>{n[i]=(...r)=>{const o=e[i],F=o.type;let h=`/api/${o.url}`;o.hasBody?h=$.replacePlaceholders(h,...r.splice(1)):h=$.replacePlaceholders(h,...r);const P={...I(),...o.headers()},E=Pe(h,{method:F},{immediate:!1,beforeFetch({options:l}){return l.headers={...l.headers,...P},o.hasBody&&r.length&&(l.body=JSON.stringify(r[0])),{options:l}},onFetchError(l){return l!=null&&l.response&&t(l),l}});return{...ge(P)==="application/json"?E.json():E.text()}}}),n}function ge(e){return e.accept??"*/*"}function Oe(e){return JSON.parse(JSON.stringify(e))}function Fe(e=500){const t=s.reactive({debouncer:null,timeout:e});function n(u,...i){t.debouncer!==null&&window.clearTimeout(t.debouncer),t.debouncer=window.setTimeout(()=>u(...i),t.timeout)}return{...s.toRefs(t),debounce:n}}p.copy=Oe,p.createEndpoint=ae,p.getDefaultHeaders=I,p.requestTypes=ie,p.useApi=be,p.useDebouncer=Fe,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
+(function(h,$){typeof exports=="object"&&typeof module<"u"?$(exports,require("@citruslime/utils"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@citruslime/utils","vue"],$):(h=typeof globalThis<"u"?globalThis:h||self,$(h.CitrusLimeVueUtils={},h.CLUtils,h.Vue))})(this,function(h,$,s){"use strict";const ie=["GET","POST","PUT","DELETE"];function ae(e,t,n=null,u=null){return{url:e,type:t,headers:n??I,hasBody:se(t,u)}}function I(){return{accept:"application/json","content-type":"application/json"}}function se(e,t){return!!(t===null&&(e==="PUT"||e==="POST")||t)}function Q(e){return s.getCurrentScope()?(s.onScopeDispose(e),!0):!1}function L(){const e=new Set,t=i=>{e.delete(i)};return{on:i=>{e.add(i);const r=()=>t(i);return Q(r),{off:r}},off:t,trigger:i=>Promise.all(Array.from(e).map(r=>r(i)))}}function O(e){return typeof e=="function"?e():s.unref(e)}const X=typeof window<"u",le=()=>{};function Y(e,t=!1,n="Timeout"){return new Promise((u,i)=>{setTimeout(t?()=>i(n):u,e)})}function ue(e,...t){return t.some(n=>n in e)}function R(...e){if(e.length!==1)return s.toRef(...e);const t=e[0];return typeof t=="function"?s.readonly(s.customRef(()=>({get:t,set:le}))):s.ref(t)}function K(e,t=!1){function n(a,{flush:l="sync",deep:m=!1,timeout:y,throwOnTimeout:v}={}){let T=null;const A=[new Promise(_=>{T=s.watch(e,D=>{a(D)!==t&&(T==null||T(),_(D))},{flush:l,deep:m,immediate:!0})})];return y!=null&&A.push(Y(y,v).then(()=>O(e)).finally(()=>T==null?void 0:T())),Promise.race(A)}function u(a,l){if(!s.isRef(a))return n(D=>D===a,l);const{flush:m="sync",deep:y=!1,timeout:v,throwOnTimeout:T}=l??{};let b=null;const _=[new Promise(D=>{b=s.watch([e,a],([S,B])=>{t!==(S===B)&&(b==null||b(),D(S))},{flush:m,deep:y,immediate:!0})})];return v!=null&&_.push(Y(v,T).then(()=>O(e)).finally(()=>(b==null||b(),O(e)))),Promise.race(_)}function i(a){return n(l=>!!l,a)}function r(a){return u(null,a)}function o(a){return u(void 0,a)}function F(a){return n(Number.isNaN,a)}function c(a,l){return n(m=>{const y=Array.from(m);return y.includes(a)||y.includes(O(a))},l)}function P(a){return E(1,a)}function E(a=1,l){let m=-1;return n(()=>(m+=1,m>=a),l)}return Array.isArray(O(e))?{toMatch:n,toContains:c,changed:P,changedTimes:E,get not(){return K(e,!t)}}:{toMatch:n,toBe:u,toBeTruthy:i,toBeNull:r,toBeNaN:F,toBeUndefined:o,changed:P,changedTimes:E,get not(){return K(e,!t)}}}function ce(e){return K(e)}function fe(e,t,n={}){const{immediate:u=!0}=n,i=s.ref(!1);let r=null;function o(){r&&(clearTimeout(r),r=null)}function F(){i.value=!1,o()}function c(...P){o(),i.value=!0,r=setTimeout(()=>{i.value=!1,r=null,e(...P)},O(t))}return u&&(i.value=!0,X&&c()),Q(F),{isPending:s.readonly(i),start:c,stop:F}}const de=X?window:void 0;var pe=Object.defineProperty,he=Object.defineProperties,ye=Object.getOwnPropertyDescriptors,Z=Object.getOwnPropertySymbols,me=Object.prototype.hasOwnProperty,we=Object.prototype.propertyIsEnumerable,ee=(e,t,n)=>t in e?pe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,f=(e,t)=>{for(var n in t||(t={}))me.call(t,n)&&ee(e,n,t[n]);if(Z)for(var n of Z(t))we.call(t,n)&&ee(e,n,t[n]);return e},U=(e,t)=>he(e,ye(t));const Te={json:"application/json",text:"text/plain"};function te(e){return e&&ue(e,"immediate","refetch","initialData","timeout","beforeFetch","afterFetch","onFetchError","fetch")}function W(e){return typeof Headers<"u"&&e instanceof Headers?Object.fromEntries([...e.entries()]):e}function Pe(e,...t){var n;const u=typeof AbortController=="function";let i={},r={immediate:!0,refetch:!1,timeout:0};const o={method:"GET",type:"text",payload:void 0};t.length>0&&(te(t[0])?r=f(f({},r),t[0]):i=t[0]),t.length>1&&te(t[1])&&(r=f(f({},r),t[1]));const{fetch:F=(n=de)==null?void 0:n.fetch,initialData:c,timeout:P}=r,E=L(),a=L(),l=L(),m=s.ref(!1),y=s.ref(!1),v=s.ref(!1),T=s.ref(null),b=s.shallowRef(null),A=s.shallowRef(null),_=s.shallowRef(c||null),D=s.computed(()=>u&&y.value);let S,B;const k=()=>{u&&(S==null||S.abort(),S=new AbortController,S.signal.onabort=()=>v.value=!0,i=U(f({},i),{signal:S.signal}))},x=d=>{y.value=d,m.value=!d};P&&(B=fe(k,P,{immediate:!1}));const J=async(d=!1)=>{var g;k(),x(!0),A.value=null,T.value=null,v.value=!1;const w={method:o.method,headers:{}};if(o.payload){const V=W(w.headers);o.payloadType&&(V["Content-Type"]=(g=Te[o.payloadType])!=null?g:o.payloadType);const G=O(o.payload);w.body=o.payloadType==="json"?JSON.stringify(G):G}let N=!1;const j={url:O(e),options:f(f({},w),i),cancel:()=>{N=!0}};if(r.beforeFetch&&Object.assign(j,await r.beforeFetch(j)),N||!F)return x(!1),Promise.resolve(null);let C=null;return B&&B.start(),new Promise((V,G)=>{var re;F(j.url,U(f(f({},w),j.options),{headers:f(f({},W(w.headers)),W((re=j.options)==null?void 0:re.headers))})).then(async p=>{if(b.value=p,T.value=p.status,C=await p[o.type](),!p.ok)throw _.value=c||null,new Error(p.statusText);return r.afterFetch&&({data:C}=await r.afterFetch({data:C,response:p})),_.value=C,E.trigger(p),V(p)}).catch(async p=>{let oe=p.message||p.name;return r.onFetchError&&({error:oe}=await r.onFetchError({data:C,error:p,response:b.value})),A.value=oe,a.trigger(p),d?G(p):V(null)}).finally(()=>{x(!1),B&&B.stop(),l.trigger(null)})})},ne=R(r.refetch);s.watch([ne,R(e)],([d])=>d&&J(),{deep:!0});const M={isFinished:m,statusCode:T,response:b,error:A,data:_,isFetching:y,canAbort:D,aborted:v,abort:k,execute:J,onFetchResponse:E.on,onFetchError:a.on,onFetchFinally:l.on,get:H("GET"),put:H("PUT"),post:H("POST"),delete:H("DELETE"),patch:H("PATCH"),head:H("HEAD"),options:H("OPTIONS"),json:q("json"),text:q("text"),blob:q("blob"),arrayBuffer:q("arrayBuffer"),formData:q("formData")};function H(d){return(g,w)=>{if(!y.value){o.method=d,o.payload=g,o.payloadType=w,s.isRef(o.payload)&&s.watch([ne,R(o.payload)],([j])=>j&&J(),{deep:!0});const N=O(o.payload);return!w&&N&&Object.getPrototypeOf(N)===Object.prototype&&!(N instanceof FormData)&&(o.payloadType="json"),U(f({},M),{then(j,C){return z().then(j,C)}})}}}function z(){return new Promise((d,g)=>{ce(m).toBe(!0).then(()=>d(M)).catch(w=>g(w))})}function q(d){return()=>{if(!y.value)return o.type=d,U(f({},M),{then(g,w){return z().then(g,w)}})}}return r.immediate&&Promise.resolve().then(()=>J()),U(f({},M),{then(d,g){return z().then(d,g)}})}function be(e,t){const n={};return Object.keys(e).forEach(i=>{n[i]=(...r)=>{const o=e[i],F=o.type;let c=o.url;c.startsWith("http")||(c=`/api/${c}`),o.hasBody?c=$.replacePlaceholders(c,...r.splice(1)):c=$.replacePlaceholders(c,...r);const P={...I(),...o.headers()},E=Pe(c,{method:F},{immediate:!1,beforeFetch({options:l}){return l.headers={...l.headers,...P},o.hasBody&&r.length&&(l.body=JSON.stringify(r[0])),{options:l}},onFetchError(l){return l!=null&&l.response&&t(l),l}});return{...ge(P)==="application/json"?E.json():E.text()}}}),n}function ge(e){return e.accept??"*/*"}function Oe(e){return JSON.parse(JSON.stringify(e))}function Fe(e=500){const t=s.reactive({debouncer:null,timeout:e});function n(u,...i){t.debouncer!==null&&window.clearTimeout(t.debouncer),t.debouncer=window.setTimeout(()=>u(...i),t.timeout)}return{...s.toRefs(t),debounce:n}}h.copy=Oe,h.createEndpoint=ae,h.getDefaultHeaders=I,h.requestTypes=ie,h.useApi=be,h.useDebouncer=Fe,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@citruslime/vue-utils",
-    "version": "1.3.0-beta.1",
+    "version": "1.4.0-beta.0",
     "type": "module",
     "author": {
         "name": "Citrus-Lime Ltd",
@@ -33,9 +33,7 @@
         "build-types": "vue-tsc --declaration --emitDeclarationOnly --declarationDir ./dist --project ./tsconfig.app.json --composite false"
     },
     "dependencies": {
-        "@citruslime/utils": "^1.2.0-beta.0"
-    },
-    "peerDependencies": {
+        "@citruslime/utils": "^1.2.0-beta.0",
         "@vueuse/core": "^10.1.2",
         "vue": "^3.2.47"
     }