@citruslime/vue-utils 1.2.0-beta.0 → 1.2.0-beta.2

package/README.md

@@ -11,8 +11,8 @@ A TypeScript package containing various utilities for Vue-based projects. Used b
 
 ## Install
 
-`npm install @citruslime/vue-utils vue@next`
+`npm install @citruslime/vue-utils vue`
 
 or
 
-`yarn add @citruslime/vue-utils vue@next`
+`yarn add @citruslime/vue-utils vue`

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

@@ -1,47 +1,47 @@
-import "@citruslime/utils";
-import { computed as ce, ref as B, readonly as pe, unref as ye, getCurrentScope as he, onScopeDispose as me, watch as G, isRef as X, shallowRef as M, reactive as Oe, toRefs as ve } from "vue";
-const Je = [
+import { replacePlaceholders as ne } from "@citruslime/utils";
+import { computed as fe, ref as B, readonly as ye, unref as he, getCurrentScope as me, onScopeDispose as Oe, watch as G, isRef as X, shallowRef as M, reactive as ve, toRefs as ge } from "vue";
+const Ke = [
   "GET",
   "POST",
   "PUT",
   "DELETE"
 ];
-function Ke(e, t, n = null, s = null) {
+function Le(e, t, n = null, s = null) {
   return {
     url: e,
     type: t,
-    headers: n ?? ge(),
-    hasBody: we(t, s)
+    headers: n ?? we(),
+    hasBody: be(t, s)
   };
 }
-function ge() {
+function we() {
   return {
     Accept: "application/json",
     "Content-Type": "application/json"
   };
 }
-function we(e, t) {
+function be(e, t) {
   return !!(t === null && (e === "PUT" || e === "POST") || t);
 }
-var ne;
+var re;
 const Y = typeof window < "u";
-Y && ((ne = window == null ? void 0 : window.navigator) != null && ne.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+Y && ((re = window == null ? void 0 : window.navigator) != null && re.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function E(e) {
-  return typeof e == "function" ? e() : ye(e);
+  return typeof e == "function" ? e() : he(e);
 }
-function re(e, t = !1, n = "Timeout") {
+function oe(e, t = !1, n = "Timeout") {
   return new Promise((s, a) => {
     setTimeout(t ? () => a(n) : s, e);
   });
 }
-function be(e) {
+function Te(e) {
   return e;
 }
 function Pe(e, ...t) {
   return t.some((n) => n in e);
 }
-function fe(e) {
-  return he() ? (me(e), !0) : !1;
+function de(e) {
+  return me() ? (Oe(e), !0) : !1;
 }
 function W() {
   const e = [], t = (a) => {
@@ -52,7 +52,7 @@ function W() {
     on: (a) => {
       e.push(a);
       const r = () => t(a);
-      return fe(r), {
+      return de(r), {
         off: r
       };
     },
@@ -63,7 +63,7 @@ function W() {
   };
 }
 function V(e) {
-  return typeof e == "function" ? ce(e) : B(e);
+  return typeof e == "function" ? fe(e) : B(e);
 }
 function q(e, t = !1) {
   function n(i, { flush: u = "sync", deep: h = !1, timeout: d, throwOnTimeout: F } = {}) {
@@ -77,7 +77,7 @@ function q(e, t = !1) {
         immediate: !0
       });
     })];
-    return d != null && C.push(re(d, F).then(() => E(e)).finally(() => p == null ? void 0 : p())), Promise.race(C);
+    return d != null && C.push(oe(d, F).then(() => E(e)).finally(() => p == null ? void 0 : p())), Promise.race(C);
   }
   function s(i, u) {
     if (!X(i))
@@ -85,15 +85,15 @@ function q(e, t = !1) {
     const { flush: h = "sync", deep: d = !1, timeout: F, throwOnTimeout: p } = u ?? {};
     let v = null;
     const j = [new Promise((I) => {
-      v = G([e, i], ([P, N]) => {
-        t !== (P === N) && (v == null || v(), I(P));
+      v = G([e, i], ([T, N]) => {
+        t !== (T === N) && (v == null || v(), I(T));
       }, {
         flush: h,
         deep: d,
         immediate: !0
       });
     })];
-    return F != null && j.push(re(F, p).then(() => E(e)).finally(() => (v == null || v(), E(e)))), Promise.race(j);
+    return F != null && j.push(oe(F, p).then(() => E(e)).finally(() => (v == null || v(), E(e)))), Promise.race(j);
   }
   function a(i) {
     return n((u) => Boolean(u), i);
@@ -142,10 +142,10 @@ function q(e, t = !1) {
     }
   };
 }
-function Te(e) {
+function _e(e) {
   return q(e);
 }
-function _e(e, t, n = {}) {
+function Ee(e, t, n = {}) {
   const {
     immediate: s = !0
   } = n, a = B(!1);
@@ -161,34 +161,34 @@ function _e(e, t, n = {}) {
       a.value = !1, r = null, e(...O);
     }, E(t));
   }
-  return s && (a.value = !0, Y && y()), fe(w), {
-    isPending: pe(a),
+  return s && (a.value = !0, Y && y()), de(w), {
+    isPending: ye(a),
     start: y,
     stop: w
   };
 }
-const Ee = Y ? window : void 0, R = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, z = "__vueuse_ssr_handlers__";
+const Fe = Y ? window : void 0, R = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, z = "__vueuse_ssr_handlers__";
 R[z] = R[z] || {};
 R[z];
-var Fe = Object.defineProperty, je = Object.defineProperties, Ie = Object.getOwnPropertyDescriptors, oe = Object.getOwnPropertySymbols, Ce = Object.prototype.hasOwnProperty, Ne = Object.prototype.propertyIsEnumerable, ae = (e, t, n) => t in e ? Fe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
+var je = Object.defineProperty, Ie = Object.defineProperties, Ce = Object.getOwnPropertyDescriptors, ae = Object.getOwnPropertySymbols, Ne = Object.prototype.hasOwnProperty, Se = Object.prototype.propertyIsEnumerable, ie = (e, t, n) => t in e ? je(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, f = (e, t) => {
   for (var n in t || (t = {}))
-    Ce.call(t, n) && ae(e, n, t[n]);
-  if (oe)
-    for (var n of oe(t))
-      Ne.call(t, n) && ae(e, n, t[n]);
+    Ne.call(t, n) && ie(e, n, t[n]);
+  if (ae)
+    for (var n of ae(t))
+      Se.call(t, n) && ie(e, n, t[n]);
   return e;
-}, H = (e, t) => je(e, Ie(t));
-const Se = {
+}, H = (e, t) => Ie(e, Ce(t));
+const Ae = {
   json: "application/json",
   text: "text/plain"
 };
-function ie(e) {
+function ue(e) {
   return e && Pe(e, "immediate", "refetch", "initialData", "timeout", "beforeFetch", "afterFetch", "onFetchError", "fetch");
 }
 function k(e) {
   return typeof Headers < "u" && e instanceof Headers ? Object.fromEntries([...e.entries()]) : e;
 }
-function Ae(e, ...t) {
+function Be(e, ...t) {
   var n;
   const s = typeof AbortController == "function";
   let a = {}, r = { immediate: !0, refetch: !1, timeout: 0 };
@@ -197,23 +197,23 @@ function Ae(e, ...t) {
     type: "text",
     payload: void 0
   };
-  t.length > 0 && (ie(t[0]) ? r = f(f({}, r), t[0]) : a = t[0]), t.length > 1 && ie(t[1]) && (r = f(f({}, r), t[1]));
+  t.length > 0 && (ue(t[0]) ? r = f(f({}, r), t[0]) : a = t[0]), t.length > 1 && ue(t[1]) && (r = f(f({}, r), t[1]));
   const {
-    fetch: w = (n = Ee) == null ? void 0 : n.fetch,
+    fetch: w = (n = Fe) == null ? void 0 : n.fetch,
     initialData: y,
     timeout: O
-  } = r, b = W(), i = W(), u = W(), h = B(!1), d = B(!1), F = B(!1), p = B(null), v = M(null), C = M(null), j = M(y), I = ce(() => s && d.value);
-  let P, N;
+  } = r, b = W(), i = W(), u = W(), h = B(!1), d = B(!1), F = B(!1), p = B(null), v = M(null), C = M(null), j = M(y), I = fe(() => s && d.value);
+  let T, N;
   const J = () => {
-    s && P && (P.abort(), P = void 0);
+    s && T && (T.abort(), T = void 0);
   }, K = (l) => {
     d.value = l, h.value = !l;
   };
-  O && (N = _e(J, O, { immediate: !1 }));
+  O && (N = Ee(J, O, { immediate: !1 }));
   const $ = async (l = !1) => {
     var g;
-    K(!0), C.value = null, p.value = null, F.value = !1, s && (J(), P = new AbortController(), P.signal.onabort = () => F.value = !0, a = H(f({}, a), {
-      signal: P.signal
+    K(!0), C.value = null, p.value = null, F.value = !1, s && (J(), T = new AbortController(), T.signal.onabort = () => F.value = !0, a = H(f({}, a), {
+      signal: T.signal
     }));
     const m = {
       method: o.method,
@@ -221,25 +221,25 @@ function Ae(e, ...t) {
     };
     if (o.payload) {
       const Q = k(m.headers);
-      o.payloadType && (Q["Content-Type"] = (g = Se[o.payloadType]) != null ? g : o.payloadType);
+      o.payloadType && (Q["Content-Type"] = (g = Ae[o.payloadType]) != null ? g : o.payloadType);
       const U = E(o.payload);
       m.body = o.payloadType === "json" ? JSON.stringify(U) : U;
     }
     let A = !1;
-    const T = {
+    const P = {
       url: E(e),
       options: f(f({}, m), a),
       cancel: () => {
         A = !0;
       }
     };
-    if (r.beforeFetch && Object.assign(T, await r.beforeFetch(T)), A || !w)
+    if (r.beforeFetch && Object.assign(P, await r.beforeFetch(P)), A || !w)
       return K(!1), Promise.resolve(null);
     let _ = null;
     return N && N.start(), new Promise((Q, U) => {
       var ee;
-      w(T.url, H(f(f({}, m), T.options), {
-        headers: f(f({}, k(m.headers)), k((ee = T.options) == null ? void 0 : ee.headers))
+      w(P.url, H(f(f({}, m), P.options), {
+        headers: f(f({}, k(m.headers)), k((ee = P.options) == null ? void 0 : ee.headers))
       })).then(async (c) => {
         if (v.value = c, p.value = c.status, _ = await c[o.type](), r.afterFetch && p.value >= 200 && p.value < 300 && ({ data: _ } = await r.afterFetch({ data: _, response: c })), j.value = _, !c.ok)
           throw new Error(c.statusText);
@@ -289,11 +289,11 @@ function Ae(e, ...t) {
         o.method = l, o.payload = g, o.payloadType = m, X(o.payload) && G([
           Z,
           V(o.payload)
-        ], ([T]) => T && $(), { deep: !0 });
+        ], ([P]) => P && $(), { deep: !0 });
         const A = E(o.payload);
         return !m && A && Object.getPrototypeOf(A) === Object.prototype && !(A instanceof FormData) && (o.payloadType = "json"), H(f({}, x), {
-          then(T, _) {
-            return L().then(T, _);
+          then(P, _) {
+            return L().then(P, _);
           }
         });
       }
@@ -301,7 +301,7 @@ function Ae(e, ...t) {
   }
   function L() {
     return new Promise((l, g) => {
-      Te(h).toBe(!0).then(() => l(x)).catch((m) => g(m));
+      _e(h).toBe(!0).then(() => l(x)).catch((m) => g(m));
     });
   }
   function D(l) {
@@ -320,19 +320,19 @@ function Ae(e, ...t) {
     }
   });
 }
-var ue;
+var se;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(ue || (ue = {}));
-var Be = Object.defineProperty, se = Object.getOwnPropertySymbols, De = Object.prototype.hasOwnProperty, He = Object.prototype.propertyIsEnumerable, le = (e, t, n) => t in e ? Be(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, $e = (e, t) => {
+})(se || (se = {}));
+var De = Object.defineProperty, le = Object.getOwnPropertySymbols, He = Object.prototype.hasOwnProperty, $e = Object.prototype.propertyIsEnumerable, ce = (e, t, n) => t in e ? De(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, xe = (e, t) => {
   for (var n in t || (t = {}))
-    De.call(t, n) && le(e, n, t[n]);
-  if (se)
-    for (var n of se(t))
-      He.call(t, n) && le(e, n, t[n]);
+    He.call(t, n) && ce(e, n, t[n]);
+  if (le)
+    for (var n of le(t))
+      $e.call(t, n) && ce(e, n, t[n]);
   return e;
 };
-const xe = {
+const Qe = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -358,21 +358,21 @@ const xe = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-$e({
-  linear: be
-}, xe);
-function Le(e, t) {
+xe({
+  linear: Te
+}, Qe);
+function Me(e, t) {
   const n = {};
   return Object.keys(e).forEach((a) => {
     n[a] = (...r) => {
       const o = e[a], w = o.type;
       let y = `/api/${o.url}`;
-      o.hasBody ? y = y.replacePlaceholders(...r.splice(1)) : y = y.replacePlaceholders(...r);
+      o.hasBody ? y = ne(y, ...r.splice(1)) : y = ne(y, ...r);
       const O = {
         Accept: "application/json",
         "Content-Type": "application/json",
-        ...de(o.headers)
-      }, b = Ae(
+        ...pe(o.headers)
+      }, b = Be(
         y,
         {
           method: w
@@ -393,24 +393,24 @@ function Le(e, t) {
         }
       );
       return {
-        ...Qe(O) === "application/json" ? b.json() : b.text()
+        ...Ue(O) === "application/json" ? b.json() : b.text()
       };
     };
   }), n;
 }
-function Qe(e) {
-  const t = de(e);
+function Ue(e) {
+  const t = pe(e);
   return (t == null ? void 0 : t.accept) ?? "";
 }
-function de(e) {
+function pe(e) {
   let t = {};
   return X(e) ? t = e.value : t = e, t;
 }
-function Me(e) {
+function We(e) {
   return JSON.parse(JSON.stringify(e));
 }
-function We(e = 500) {
-  const t = Oe({
+function Ve(e = 500) {
+  const t = ve({
     debouncer: null,
     timeout: e
   });
@@ -418,14 +418,14 @@ function We(e = 500) {
     t.debouncer !== null && window.clearTimeout(t.debouncer), t.debouncer = window.setTimeout(() => s(...a), t.timeout);
   }
   return {
-    ...ve(t),
+    ...ge(t),
     debounce: n
   };
 }
 export {
-  Me as copy,
-  Ke as createEndpoint,
-  Je as requestTypes,
-  Le as useApi,
-  We as useDebouncer
+  We as copy,
+  Le as createEndpoint,
+  Ke as requestTypes,
+  Me as useApi,
+  Ve as useDebouncer
 };

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

@@ -1 +1 @@
-(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,$,u){"use strict";const fe=["GET","POST","PUT","DELETE"];function de(e,t,n=null,l=null){return{url:e,type:t,headers:n??pe(),hasBody:ye(t,l)}}function pe(){return{Accept:"application/json","Content-Type":"application/json"}}function ye(e,t){return!!(t===null&&(e==="PUT"||e==="POST")||t)}var Y;const R=typeof window<"u";R&&((Y=window==null?void 0:window.navigator)!=null&&Y.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function P(e){return typeof e=="function"?e():u.unref(e)}function Z(e,t=!1,n="Timeout"){return new Promise((l,a)=>{setTimeout(t?()=>a(n):l,e)})}function he(e){return e}function me(e,...t){return t.some(n=>n in e)}function ee(e){return u.getCurrentScope()?(u.onScopeDispose(e),!0):!1}function q(){const e=[],t=a=>{const r=e.indexOf(a);r!==-1&&e.splice(r,1)};return{on:a=>{e.push(a);const r=()=>t(a);return ee(r),{off:r}},off:t,trigger:a=>{e.forEach(r=>r(a))}}}function J(e){return typeof e=="function"?u.computed(e):u.ref(e)}function M(e,t=!1){function n(i,{flush:s="sync",deep:O=!1,timeout:p,throwOnTimeout:I}={}){let y=null;const A=[new Promise(C=>{y=u.watch(e,S=>{i(S)!==t&&(y==null||y(),C(S))},{flush:s,deep:O,immediate:!0})})];return p!=null&&A.push(Z(p,I).then(()=>P(e)).finally(()=>y==null?void 0:y())),Promise.race(A)}function l(i,s){if(!u.isRef(i))return n(S=>S===i,s);const{flush:O="sync",deep:p=!1,timeout:I,throwOnTimeout:y}=s??{};let g=null;const C=[new Promise(S=>{g=u.watch([e,i],([E,D])=>{t!==(E===D)&&(g==null||g(),S(E))},{flush:O,deep:p,immediate:!0})})];return I!=null&&C.push(Z(I,y).then(()=>P(e)).finally(()=>(g==null||g(),P(e)))),Promise.race(C)}function a(i){return n(s=>Boolean(s),i)}function r(i){return l(null,i)}function o(i){return l(void 0,i)}function _(i){return n(Number.isNaN,i)}function m(i,s){return n(O=>{const p=Array.from(O);return p.includes(i)||p.includes(P(i))},s)}function T(i){return v(1,i)}function v(i=1,s){let O=-1;return n(()=>(O+=1,O>=i),s)}return Array.isArray(P(e))?{toMatch:n,toContains:m,changed:T,changedTimes:v,get not(){return M(e,!t)}}:{toMatch:n,toBe:l,toBeTruthy:a,toBeNull:r,toBeNaN:_,toBeUndefined:o,changed:T,changedTimes:v,get not(){return M(e,!t)}}}function Oe(e){return M(e)}function we(e,t,n={}){const{immediate:l=!0}=n,a=u.ref(!1);let r=null;function o(){r&&(clearTimeout(r),r=null)}function _(){a.value=!1,o()}function m(...T){o(),a.value=!0,r=setTimeout(()=>{a.value=!1,r=null,e(...T)},P(t))}return l&&(a.value=!0,R&&m()),ee(_),{isPending:u.readonly(a),start:m,stop:_}}const Te=R?window:void 0,V=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},K="__vueuse_ssr_handlers__";V[K]=V[K]||{},V[K];var ge=Object.defineProperty,be=Object.defineProperties,Pe=Object.getOwnPropertyDescriptors,te=Object.getOwnPropertySymbols,_e=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable,ne=(e,t,n)=>t in e?ge(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,c=(e,t)=>{for(var n in t||(t={}))_e.call(t,n)&&ne(e,n,t[n]);if(te)for(var n of te(t))ve.call(t,n)&&ne(e,n,t[n]);return e},H=(e,t)=>be(e,Pe(t));const Ee={json:"application/json",text:"text/plain"};function re(e){return e&&me(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 Fe(e,...t){var n;const l=typeof AbortController=="function";let a={},r={immediate:!0,refetch:!1,timeout:0};const o={method:"GET",type:"text",payload:void 0};t.length>0&&(re(t[0])?r=c(c({},r),t[0]):a=t[0]),t.length>1&&re(t[1])&&(r=c(c({},r),t[1]));const{fetch:_=(n=Te)==null?void 0:n.fetch,initialData:m,timeout:T}=r,v=q(),i=q(),s=q(),O=u.ref(!1),p=u.ref(!1),I=u.ref(!1),y=u.ref(null),g=u.shallowRef(null),A=u.shallowRef(null),C=u.shallowRef(m),S=u.computed(()=>l&&p.value);let E,D;const k=()=>{l&&E&&(E.abort(),E=void 0)},z=f=>{p.value=f,O.value=!f};T&&(D=we(k,T,{immediate:!1}));const Q=async(f=!1)=>{var b;z(!0),A.value=null,y.value=null,I.value=!1,l&&(k(),E=new AbortController,E.signal.onabort=()=>I.value=!0,a=H(c({},a),{signal:E.signal}));const w={method:o.method,headers:{}};if(o.payload){const G=W(w.headers);o.payloadType&&(G["Content-Type"]=(b=Ee[o.payloadType])!=null?b:o.payloadType);const L=P(o.payload);w.body=o.payloadType==="json"?JSON.stringify(L):L}let B=!1;const F={url:P(e),options:c(c({},w),a),cancel:()=>{B=!0}};if(r.beforeFetch&&Object.assign(F,await r.beforeFetch(F)),B||!_)return z(!1),Promise.resolve(null);let j=null;return D&&D.start(),new Promise((G,L)=>{var le;_(F.url,H(c(c({},w),F.options),{headers:c(c({},W(w.headers)),W((le=F.options)==null?void 0:le.headers))})).then(async d=>{if(g.value=d,y.value=d.status,j=await d[o.type](),r.afterFetch&&y.value>=200&&y.value<300&&({data:j}=await r.afterFetch({data:j,response:d})),C.value=j,!d.ok)throw new Error(d.statusText);return v.trigger(d),G(d)}).catch(async d=>{let ce=d.message||d.name;return r.onFetchError&&({data:j,error:ce}=await r.onFetchError({data:j,error:d,response:g.value})),C.value=j,A.value=ce,i.trigger(d),f?L(d):G(null)}).finally(()=>{z(!1),D&&D.stop(),s.trigger(null)})})},ue=J(r.refetch);u.watch([ue,J(e)],([f])=>f&&Q(),{deep:!0});const x={isFinished:O,statusCode:y,response:g,error:A,data:C,isFetching:p,canAbort:S,aborted:I,abort:k,execute:Q,onFetchResponse:v.on,onFetchError:i.on,onFetchFinally:s.on,get:N("GET"),put:N("PUT"),post:N("POST"),delete:N("DELETE"),patch:N("PATCH"),head:N("HEAD"),options:N("OPTIONS"),json:U("json"),text:U("text"),blob:U("blob"),arrayBuffer:U("arrayBuffer"),formData:U("formData")};function N(f){return(b,w)=>{if(!p.value){o.method=f,o.payload=b,o.payloadType=w,u.isRef(o.payload)&&u.watch([ue,J(o.payload)],([F])=>F&&Q(),{deep:!0});const B=P(o.payload);return!w&&B&&Object.getPrototypeOf(B)===Object.prototype&&!(B instanceof FormData)&&(o.payloadType="json"),H(c({},x),{then(F,j){return X().then(F,j)}})}}}function X(){return new Promise((f,b)=>{Oe(O).toBe(!0).then(()=>f(x)).catch(w=>b(w))})}function U(f){return()=>{if(!p.value)return o.type=f,H(c({},x),{then(b,w){return X().then(b,w)}})}}return r.immediate&&setTimeout(Q,0),H(c({},x),{then(f,b){return X().then(f,b)}})}var oe;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(oe||(oe={}));var je=Object.defineProperty,ae=Object.getOwnPropertySymbols,Ie=Object.prototype.hasOwnProperty,Ce=Object.prototype.propertyIsEnumerable,ie=(e,t,n)=>t in e?je(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Se=(e,t)=>{for(var n in t||(t={}))Ie.call(t,n)&&ie(e,n,t[n]);if(ae)for(var n of ae(t))Ce.call(t,n)&&ie(e,n,t[n]);return e};Se({linear:he},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});function Ae(e,t){const n={};return Object.keys(e).forEach(a=>{n[a]=(...r)=>{const o=e[a],_=o.type;let m=`/api/${o.url}`;o.hasBody?m=m.replacePlaceholders(...r.splice(1)):m=m.replacePlaceholders(...r);const T={Accept:"application/json","Content-Type":"application/json",...se(o.headers)},v=Fe(m,{method:_},{immediate:!1,beforeFetch({options:s}){return s.headers={...s.headers,...T},o.hasBody&&r.length&&(s.body=JSON.stringify(r[0])),{options:s}},onFetchError(s){return s!=null&&s.response&&t(s),s}});return{...De(T)==="application/json"?v.json():v.text()}}}),n}function De(e){const t=se(e);return(t==null?void 0:t.accept)??""}function se(e){let t={};return u.isRef(e)?t=e.value:t=e,t}function Ne(e){return JSON.parse(JSON.stringify(e))}function Be(e=500){const t=u.reactive({debouncer:null,timeout:e});function n(l,...a){t.debouncer!==null&&window.clearTimeout(t.debouncer),t.debouncer=window.setTimeout(()=>l(...a),t.timeout)}return{...u.toRefs(t),debounce:n}}h.copy=Ne,h.createEndpoint=de,h.requestTypes=fe,h.useApi=Ae,h.useDebouncer=Be,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});
+(function(h,B){typeof exports=="object"&&typeof module<"u"?B(exports,require("@citruslime/utils"),require("vue")):typeof define=="function"&&define.amd?define(["exports","@citruslime/utils","vue"],B):(h=typeof globalThis<"u"?globalThis:h||self,B(h.CitrusLimeVueUtils={},h.CLUtils,h.Vue))})(this,function(h,B,u){"use strict";const fe=["GET","POST","PUT","DELETE"];function de(e,t,n=null,l=null){return{url:e,type:t,headers:n??pe(),hasBody:ye(t,l)}}function pe(){return{Accept:"application/json","Content-Type":"application/json"}}function ye(e,t){return!!(t===null&&(e==="PUT"||e==="POST")||t)}var Y;const R=typeof window<"u";R&&((Y=window==null?void 0:window.navigator)!=null&&Y.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function P(e){return typeof e=="function"?e():u.unref(e)}function Z(e,t=!1,n="Timeout"){return new Promise((l,a)=>{setTimeout(t?()=>a(n):l,e)})}function he(e){return e}function me(e,...t){return t.some(n=>n in e)}function ee(e){return u.getCurrentScope()?(u.onScopeDispose(e),!0):!1}function q(){const e=[],t=a=>{const r=e.indexOf(a);r!==-1&&e.splice(r,1)};return{on:a=>{e.push(a);const r=()=>t(a);return ee(r),{off:r}},off:t,trigger:a=>{e.forEach(r=>r(a))}}}function J(e){return typeof e=="function"?u.computed(e):u.ref(e)}function M(e,t=!1){function n(i,{flush:s="sync",deep:O=!1,timeout:p,throwOnTimeout:I}={}){let y=null;const A=[new Promise(C=>{y=u.watch(e,S=>{i(S)!==t&&(y==null||y(),C(S))},{flush:s,deep:O,immediate:!0})})];return p!=null&&A.push(Z(p,I).then(()=>P(e)).finally(()=>y==null?void 0:y())),Promise.race(A)}function l(i,s){if(!u.isRef(i))return n(S=>S===i,s);const{flush:O="sync",deep:p=!1,timeout:I,throwOnTimeout:y}=s??{};let g=null;const C=[new Promise(S=>{g=u.watch([e,i],([E,D])=>{t!==(E===D)&&(g==null||g(),S(E))},{flush:O,deep:p,immediate:!0})})];return I!=null&&C.push(Z(I,y).then(()=>P(e)).finally(()=>(g==null||g(),P(e)))),Promise.race(C)}function a(i){return n(s=>Boolean(s),i)}function r(i){return l(null,i)}function o(i){return l(void 0,i)}function _(i){return n(Number.isNaN,i)}function m(i,s){return n(O=>{const p=Array.from(O);return p.includes(i)||p.includes(P(i))},s)}function T(i){return v(1,i)}function v(i=1,s){let O=-1;return n(()=>(O+=1,O>=i),s)}return Array.isArray(P(e))?{toMatch:n,toContains:m,changed:T,changedTimes:v,get not(){return M(e,!t)}}:{toMatch:n,toBe:l,toBeTruthy:a,toBeNull:r,toBeNaN:_,toBeUndefined:o,changed:T,changedTimes:v,get not(){return M(e,!t)}}}function Oe(e){return M(e)}function we(e,t,n={}){const{immediate:l=!0}=n,a=u.ref(!1);let r=null;function o(){r&&(clearTimeout(r),r=null)}function _(){a.value=!1,o()}function m(...T){o(),a.value=!0,r=setTimeout(()=>{a.value=!1,r=null,e(...T)},P(t))}return l&&(a.value=!0,R&&m()),ee(_),{isPending:u.readonly(a),start:m,stop:_}}const Te=R?window:void 0,V=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},K="__vueuse_ssr_handlers__";V[K]=V[K]||{},V[K];var ge=Object.defineProperty,be=Object.defineProperties,Pe=Object.getOwnPropertyDescriptors,te=Object.getOwnPropertySymbols,_e=Object.prototype.hasOwnProperty,ve=Object.prototype.propertyIsEnumerable,ne=(e,t,n)=>t in e?ge(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,c=(e,t)=>{for(var n in t||(t={}))_e.call(t,n)&&ne(e,n,t[n]);if(te)for(var n of te(t))ve.call(t,n)&&ne(e,n,t[n]);return e},U=(e,t)=>be(e,Pe(t));const Ee={json:"application/json",text:"text/plain"};function re(e){return e&&me(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 Fe(e,...t){var n;const l=typeof AbortController=="function";let a={},r={immediate:!0,refetch:!1,timeout:0};const o={method:"GET",type:"text",payload:void 0};t.length>0&&(re(t[0])?r=c(c({},r),t[0]):a=t[0]),t.length>1&&re(t[1])&&(r=c(c({},r),t[1]));const{fetch:_=(n=Te)==null?void 0:n.fetch,initialData:m,timeout:T}=r,v=q(),i=q(),s=q(),O=u.ref(!1),p=u.ref(!1),I=u.ref(!1),y=u.ref(null),g=u.shallowRef(null),A=u.shallowRef(null),C=u.shallowRef(m),S=u.computed(()=>l&&p.value);let E,D;const k=()=>{l&&E&&(E.abort(),E=void 0)},z=f=>{p.value=f,O.value=!f};T&&(D=we(k,T,{immediate:!1}));const Q=async(f=!1)=>{var b;z(!0),A.value=null,y.value=null,I.value=!1,l&&(k(),E=new AbortController,E.signal.onabort=()=>I.value=!0,a=U(c({},a),{signal:E.signal}));const w={method:o.method,headers:{}};if(o.payload){const G=W(w.headers);o.payloadType&&(G["Content-Type"]=(b=Ee[o.payloadType])!=null?b:o.payloadType);const L=P(o.payload);w.body=o.payloadType==="json"?JSON.stringify(L):L}let H=!1;const F={url:P(e),options:c(c({},w),a),cancel:()=>{H=!0}};if(r.beforeFetch&&Object.assign(F,await r.beforeFetch(F)),H||!_)return z(!1),Promise.resolve(null);let j=null;return D&&D.start(),new Promise((G,L)=>{var le;_(F.url,U(c(c({},w),F.options),{headers:c(c({},W(w.headers)),W((le=F.options)==null?void 0:le.headers))})).then(async d=>{if(g.value=d,y.value=d.status,j=await d[o.type](),r.afterFetch&&y.value>=200&&y.value<300&&({data:j}=await r.afterFetch({data:j,response:d})),C.value=j,!d.ok)throw new Error(d.statusText);return v.trigger(d),G(d)}).catch(async d=>{let ce=d.message||d.name;return r.onFetchError&&({data:j,error:ce}=await r.onFetchError({data:j,error:d,response:g.value})),C.value=j,A.value=ce,i.trigger(d),f?L(d):G(null)}).finally(()=>{z(!1),D&&D.stop(),s.trigger(null)})})},ue=J(r.refetch);u.watch([ue,J(e)],([f])=>f&&Q(),{deep:!0});const x={isFinished:O,statusCode:y,response:g,error:A,data:C,isFetching:p,canAbort:S,aborted:I,abort:k,execute:Q,onFetchResponse:v.on,onFetchError:i.on,onFetchFinally:s.on,get:N("GET"),put:N("PUT"),post:N("POST"),delete:N("DELETE"),patch:N("PATCH"),head:N("HEAD"),options:N("OPTIONS"),json:$("json"),text:$("text"),blob:$("blob"),arrayBuffer:$("arrayBuffer"),formData:$("formData")};function N(f){return(b,w)=>{if(!p.value){o.method=f,o.payload=b,o.payloadType=w,u.isRef(o.payload)&&u.watch([ue,J(o.payload)],([F])=>F&&Q(),{deep:!0});const H=P(o.payload);return!w&&H&&Object.getPrototypeOf(H)===Object.prototype&&!(H instanceof FormData)&&(o.payloadType="json"),U(c({},x),{then(F,j){return X().then(F,j)}})}}}function X(){return new Promise((f,b)=>{Oe(O).toBe(!0).then(()=>f(x)).catch(w=>b(w))})}function $(f){return()=>{if(!p.value)return o.type=f,U(c({},x),{then(b,w){return X().then(b,w)}})}}return r.immediate&&setTimeout(Q,0),U(c({},x),{then(f,b){return X().then(f,b)}})}var oe;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(oe||(oe={}));var je=Object.defineProperty,ae=Object.getOwnPropertySymbols,Ie=Object.prototype.hasOwnProperty,Ce=Object.prototype.propertyIsEnumerable,ie=(e,t,n)=>t in e?je(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Se=(e,t)=>{for(var n in t||(t={}))Ie.call(t,n)&&ie(e,n,t[n]);if(ae)for(var n of ae(t))Ce.call(t,n)&&ie(e,n,t[n]);return e};Se({linear:he},{easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]});function Ae(e,t){const n={};return Object.keys(e).forEach(a=>{n[a]=(...r)=>{const o=e[a],_=o.type;let m=`/api/${o.url}`;o.hasBody?m=B.replacePlaceholders(m,...r.splice(1)):m=B.replacePlaceholders(m,...r);const T={Accept:"application/json","Content-Type":"application/json",...se(o.headers)},v=Fe(m,{method:_},{immediate:!1,beforeFetch({options:s}){return s.headers={...s.headers,...T},o.hasBody&&r.length&&(s.body=JSON.stringify(r[0])),{options:s}},onFetchError(s){return s!=null&&s.response&&t(s),s}});return{...De(T)==="application/json"?v.json():v.text()}}}),n}function De(e){const t=se(e);return(t==null?void 0:t.accept)??""}function se(e){let t={};return u.isRef(e)?t=e.value:t=e,t}function Ne(e){return JSON.parse(JSON.stringify(e))}function Be(e=500){const t=u.reactive({debouncer:null,timeout:e});function n(l,...a){t.debouncer!==null&&window.clearTimeout(t.debouncer),t.debouncer=window.setTimeout(()=>l(...a),t.timeout)}return{...u.toRefs(t),debounce:n}}h.copy=Ne,h.createEndpoint=de,h.requestTypes=fe,h.useApi=Ae,h.useDebouncer=Be,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@citruslime/vue-utils",
-    "version": "1.2.0-beta.0",
+    "version": "1.2.0-beta.2",
     "type": "module",
     "author": {
         "name": "Citrus-Lime Ltd",
@@ -30,7 +30,7 @@
         "build": "vite build && copyfiles -u 2 \"dist/src/**/*\" dist && del-cli dist/src"
     },
     "dependencies": {
-        "@citruslime/utils": "~0.0.0"
+        "@citruslime/utils": "^1.1.1-beta.0"
     },
     "peerDependencies": {
         "@vueuse/core": "^9.13.0",