x-essential-lib 0.1.14 → 0.2.0

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { AxiosInstance } from 'axios'
 import { DefineComponent, ComputedRef, Ref } from 'vue'
 import { RouteLocationNormalized, NavigationGuardNext } from 'vue-router'
 
@@ -61,6 +62,13 @@ export declare function useSystem(): {
   compactWidth: ComputedRef<string>
 }
 
+type OnError = (error: any) => void
+
+export declare function createAxios(
+  baseUrl: string,
+  onError: OnError
+): AxiosInstance
+
 export declare function waitMs(ms: number): Promise<void>
 
 export declare function waitUtil(

package/dist/index.js

@@ -1,8 +1,9 @@
 (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.inner-left-enter-active,.inner-right-enter-active{transition:transform .35s ease}.inner-left-enter-from{transform:translate(-100%)}.inner-right-enter-from{transform:translate(100%)}.inner-left-enter-to,.inner-right-enter-to{transform:translate(0)}.x-cont[data-v-a8f3d91f]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.lds-spinner[data-v-a8f3d91f]{color:official;display:inline-block;position:relative;width:40px;height:40px}.lds-spinner div[data-v-a8f3d91f]{transform-origin:20px 20px;animation:lds-spinner-a8f3d91f 1.2s linear infinite}.lds-spinner div[data-v-a8f3d91f]:after{content:" ";display:block;position:absolute;top:3px;left:18px;width:2px;height:6px;border-radius:5%;background:#9e9e9e}.lds-spinner div[data-v-a8f3d91f]:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div[data-v-a8f3d91f]:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div[data-v-a8f3d91f]:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div[data-v-a8f3d91f]:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div[data-v-a8f3d91f]:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div[data-v-a8f3d91f]:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div[data-v-a8f3d91f]:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div[data-v-a8f3d91f]:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div[data-v-a8f3d91f]:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div[data-v-a8f3d91f]:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner-a8f3d91f{0%{opacity:1}to{opacity:0}}.x-cont[data-v-70ed4b89]{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:9999}')),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
-import { VBtn as ce, VCard as ie, VCardActions as ue, VCardText as de, VCardTitle as pe, VDialog as fe, VForm as me, VTextField as ve } from "vuetify/lib/components/index.mjs";
-import { defineComponent as S, useModel as K, ref as _, computed as d, onMounted as R, onBeforeUnmount as N, watch as L, resolveComponent as m, openBlock as V, createBlock as B, withKeys as E, withModifiers as $, withCtx as v, createVNode as h, createTextVNode as C, toDisplayString as k, createElementBlock as j, normalizeStyle as ge, pushScopeId as _e, popScopeId as he, createElementVNode as g, reactive as xe, Fragment as ye, renderList as we, unref as ke } from "vue";
-import { useLocale as z, useTheme as F, useDisplay as Ce } from "vuetify/lib/framework.mjs";
-function Ve(e) {
+import { VBtn as pe, VCard as fe, VCardActions as me, VCardText as ve, VCardTitle as ge, VDialog as _e, VForm as he, VTextField as xe } from "vuetify/lib/components/index.mjs";
+import { defineComponent as S, useModel as L, ref as _, computed as d, onMounted as $, onBeforeUnmount as U, watch as N, resolveComponent as m, openBlock as b, createBlock as A, withKeys as E, withModifiers as M, withCtx as v, createVNode as h, createTextVNode as C, toDisplayString as k, createElementBlock as K, normalizeStyle as ye, pushScopeId as we, popScopeId as ke, createElementVNode as g, reactive as Ce, Fragment as be, renderList as Ve, unref as qe, inject as De } from "vue";
+import { useLocale as H, useTheme as X, useDisplay as Se } from "vuetify/lib/framework.mjs";
+import Re from "axios";
+function Te(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(o, t) {
     var n = e.get(o);
     n ? n.push(t) : e.set(o, [t]);
@@ -11,29 +12,29 @@ function Ve(e) {
     n && (t ? n.splice(n.indexOf(t) >>> 0, 1) : e.set(o, []));
   }, emit: function(o, t) {
     var n = e.get(o);
-    n && n.slice().map(function(l) {
-      l(t);
-    }), (n = e.get("*")) && n.slice().map(function(l) {
-      l(o, t);
+    n && n.slice().map(function(r) {
+      r(t);
+    }), (n = e.get("*")) && n.slice().map(function(r) {
+      r(o, t);
     });
   } };
 }
-const i = Ve();
-async function Fe(e) {
+const i = Te();
+async function st(e) {
   return new Promise((o) => {
     setTimeout(o, e);
   });
 }
-async function H(e, o, t) {
+async function F(e, o, t) {
   const n = Date.now();
-  return new Promise((l) => {
-    const r = async () => {
-      e() ? l(!0) : o && Date.now() - n > o ? l(!1) : setTimeout(r, t ?? 30);
+  return new Promise((r) => {
+    const l = async () => {
+      e() ? r(!0) : o && Date.now() - n > o ? r(!1) : setTimeout(l, t ?? 30);
     };
-    r();
+    l();
   });
 }
-const be = /* @__PURE__ */ S({
+const Ie = /* @__PURE__ */ S({
   __name: "index",
   props: {
     modelValue: { type: Boolean },
@@ -41,41 +42,41 @@ const be = /* @__PURE__ */ S({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const o = z(), t = K(e, "modelValue"), n = _(""), l = _(""), r = _(), a = _(), s = d(() => {
+    const o = H(), t = L(e, "modelValue"), n = _(""), r = _(""), l = _(), a = _(), s = d(() => {
       var u;
-      return ((u = r.value) == null ? void 0 : u.color) ?? "primary";
+      return ((u = l.value) == null ? void 0 : u.color) ?? "primary";
     }), f = d(() => {
       var u;
-      return ((u = r.value) == null ? void 0 : u.text) ?? o.t("cancel");
+      return ((u = l.value) == null ? void 0 : u.text) ?? o.t("cancel");
     }), p = d(() => {
       var u;
       return ((u = a.value) == null ? void 0 : u.color) ?? "primary";
-    }), b = d(() => {
+    }), V = d(() => {
       var u;
       return ((u = a.value) == null ? void 0 : u.text) ?? o.t("confirm");
     });
-    let T = 0, D = !1;
-    const A = (u) => {
-      n.value = u.title, l.value = u.text, r.value = u.cancel, a.value = u.confirm, T = u.seq, D = !1, t.value = !0;
+    let R = 0, q = !1;
+    const B = (u) => {
+      n.value = u.title, r.value = u.text, l.value = u.cancel, a.value = u.confirm, R = u.seq, q = !1, t.value = !0;
     };
-    R(() => {
-      i.on("confirmDlg", A);
-    }), N(() => {
-      i.off("confirmDlg", A);
+    $(() => {
+      i.on("confirmDlg", B);
+    }), U(() => {
+      i.off("confirmDlg", B);
     });
     const O = () => {
-      t.value = !1, D || (i.emit("confirmDlgResult" + T, !0), D = !0);
+      t.value = !1, q || (i.emit("confirmDlgResult" + R, !0), q = !0);
     };
-    return L(t, (u) => {
-      !u && !D && (i.emit("confirmDlgResult" + T, !1), D = !0);
+    return N(t, (u) => {
+      !u && !q && (i.emit("confirmDlgResult" + R, !1), q = !0);
     }), (u, y) => {
-      const q = m("v-card-title"), W = m("v-card-text"), I = m("v-btn"), c = m("v-card-actions"), x = m("v-card"), U = m("v-dialog");
-      return V(), B(U, {
+      const D = m("v-card-title"), j = m("v-card-text"), T = m("v-btn"), c = m("v-card-actions"), x = m("v-card"), z = m("v-dialog");
+      return b(), A(z, {
         modelValue: t.value,
-        "onUpdate:modelValue": y[1] || (y[1] = (M) => t.value = M),
+        "onUpdate:modelValue": y[1] || (y[1] = (I) => t.value = I),
         onKeydown: [
-          y[2] || (y[2] = E($((M) => t.value = !1, ["stop", "prevent"]), ["esc"])),
-          E($(O, ["stop", "prevent"]), ["enter"])
+          y[2] || (y[2] = E(M((I) => t.value = !1, ["stop", "prevent"]), ["esc"])),
+          E(M(O, ["stop", "prevent"]), ["enter"])
         ],
         transition: "dialog-top-transition",
         "max-width": "600px"
@@ -83,22 +84,22 @@ const be = /* @__PURE__ */ S({
         default: v(() => [
           h(x, null, {
             default: v(() => [
-              h(q, null, {
+              h(D, null, {
                 default: v(() => [
                   C(k(n.value), 1)
                 ]),
                 _: 1
               }),
-              h(W, null, {
+              h(j, null, {
                 default: v(() => [
-                  C(k(l.value), 1)
+                  C(k(r.value), 1)
                 ]),
                 _: 1
               }),
               h(c, { class: "d-flex justify-end" }, {
                 default: v(() => [
-                  h(I, {
-                    onClick: y[0] || (y[0] = (M) => t.value = !1),
+                  h(T, {
+                    onClick: y[0] || (y[0] = (I) => t.value = !1),
                     color: s.value,
                     variant: "text"
                   }, {
@@ -107,13 +108,13 @@ const be = /* @__PURE__ */ S({
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  h(I, {
+                  h(T, {
                     onClick: O,
                     color: p.value,
                     variant: "text"
                   }, {
                     default: v(() => [
-                      C(k(b.value), 1)
+                      C(k(V.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -128,7 +129,7 @@ const be = /* @__PURE__ */ S({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), De = (e) => (_e("data-v-a8f3d91f"), e = e(), he(), e), qe = /* @__PURE__ */ De(() => /* @__PURE__ */ g("div", { class: "lds-spinner" }, [
+}), Pe = (e) => (we("data-v-a8f3d91f"), e = e(), ke(), e), Me = /* @__PURE__ */ Pe(() => /* @__PURE__ */ g("div", { class: "lds-spinner" }, [
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div"),
@@ -141,9 +142,9 @@ const be = /* @__PURE__ */ S({
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div"),
   /* @__PURE__ */ g("div")
-], -1)), Se = [
-  qe
-], Te = /* @__PURE__ */ S({
+], -1)), $e = [
+  Me
+], Ae = /* @__PURE__ */ S({
   __name: "index",
   props: {
     zIndex: {
@@ -152,21 +153,21 @@ const be = /* @__PURE__ */ S({
     }
   },
   setup(e) {
-    const o = F(), t = e, n = d(() => ({
+    const o = X(), t = e, n = d(() => ({
       background: o.current.value.dark ? "#1e1e1e" : "#ffffff",
       zIndex: t.zIndex
     }));
-    return (l, r) => (V(), j("div", {
+    return (r, l) => (b(), K("div", {
       class: "x-cont",
-      style: ge(n.value)
-    }, Se, 4));
+      style: ye(n.value)
+    }, $e, 4));
   }
-}), Y = (e, o) => {
+}), oe = (e, o) => {
   const t = e.__vccOpts || e;
-  for (const [n, l] of o)
-    t[n] = l;
+  for (const [n, r] of o)
+    t[n] = r;
   return t;
-}, Ie = /* @__PURE__ */ Y(Te, [["__scopeId", "data-v-a8f3d91f"]]), Me = /* @__PURE__ */ S({
+}, Be = /* @__PURE__ */ oe(Ae, [["__scopeId", "data-v-a8f3d91f"]]), Oe = /* @__PURE__ */ S({
   __name: "item",
   props: {
     id: {
@@ -188,7 +189,7 @@ const be = /* @__PURE__ */ S({
   },
   emits: ["timeout"],
   setup(e, { emit: o }) {
-    const t = e, n = _(!0), l = o, r = d(() => {
+    const t = e, n = _(!0), r = o, l = d(() => {
       let a = "";
       switch (t.type) {
         case "error":
@@ -206,20 +207,20 @@ const be = /* @__PURE__ */ S({
       }
       return a;
     });
-    return R(() => {
+    return $(() => {
       setTimeout(() => {
-        l("timeout", t.id);
+        r("timeout", t.id);
       }, t.timeout);
-    }), L(n, (a) => {
-      a || l("timeout", t.id);
+    }), N(n, (a) => {
+      a || r("timeout", t.id);
     }), (a, s) => {
       const f = m("v-alert");
-      return V(), B(f, {
+      return b(), A(f, {
         modelValue: n.value,
         "onUpdate:modelValue": s[0] || (s[0] = (p) => n.value = p),
         class: "mt-2",
         type: e.type,
-        icon: r.value,
+        icon: l.value,
         text: e.text,
         "max-width": "90%",
         width: "500px",
@@ -229,34 +230,34 @@ const be = /* @__PURE__ */ S({
       }, null, 8, ["modelValue", "type", "icon", "text"]);
     };
   }
-}), Pe = /* @__PURE__ */ S({
+}), je = /* @__PURE__ */ S({
   __name: "index",
   setup(e) {
-    const o = xe({ items: [] });
-    R(() => {
+    const o = Ce({ items: [] });
+    $(() => {
       i.on("message", t);
-    }), N(() => {
+    }), U(() => {
       i.off("message", t);
     });
     const t = (s) => {
-      r(s.type, s.text, s.timeout);
+      l(s.type, s.text, s.timeout);
     }, n = (s) => {
       a(s);
     };
-    let l = 0;
-    const r = (s, f, p) => {
-      const b = l++;
-      o.items.push({ id: b, type: s, text: f, timeout: p });
+    let r = 0;
+    const l = (s, f, p) => {
+      const V = r++;
+      o.items.push({ id: V, type: s, text: f, timeout: p });
     }, a = (s) => {
       const f = o.items.findIndex((p) => p.id === s);
       f >= 0 && o.items.splice(f, 1);
     };
-    return (s, f) => (V(), j("div", {
-      onClick: f[0] || (f[0] = $(() => {
+    return (s, f) => (b(), K("div", {
+      onClick: f[0] || (f[0] = M(() => {
       }, ["stop"])),
       class: "x-cont d-flex flex-column-reverse align-center"
     }, [
-      (V(!0), j(ye, null, we(o.items, (p) => (V(), B(Me, {
+      (b(!0), K(be, null, Ve(o.items, (p) => (b(), A(Oe, {
         onTimeout: n,
         id: p.id,
         type: p.type,
@@ -266,7 +267,7 @@ const be = /* @__PURE__ */ S({
       }, null, 8, ["id", "type", "text", "timeout"]))), 128))
     ]));
   }
-}), $e = /* @__PURE__ */ Y(Pe, [["__scopeId", "data-v-70ed4b89"]]), Re = /* @__PURE__ */ S({
+}), We = /* @__PURE__ */ oe(je, [["__scopeId", "data-v-70ed4b89"]]), Ee = /* @__PURE__ */ S({
   __name: "index",
   props: {
     modelValue: { type: Boolean },
@@ -274,67 +275,67 @@ const be = /* @__PURE__ */ S({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const o = z(), t = K(e, "modelValue"), n = _(""), l = _(""), r = _(), a = _(), s = _(), f = _(""), p = _(), b = _(), T = d(() => {
+    const o = H(), t = L(e, "modelValue"), n = _(""), r = _(""), l = _(), a = _(), s = _(), f = _(""), p = _(), V = _(), R = d(() => {
       var c;
       return ((c = p.value) == null ? void 0 : c.color) ?? "primary";
-    }), D = d(() => {
+    }), q = d(() => {
       var c;
       return ((c = p.value) == null ? void 0 : c.text) ?? o.t("cancel");
-    }), A = d(() => {
+    }), B = d(() => {
       var c;
-      return ((c = b.value) == null ? void 0 : c.color) ?? "primary";
+      return ((c = V.value) == null ? void 0 : c.color) ?? "primary";
     }), O = d(() => {
       var c;
-      return ((c = b.value) == null ? void 0 : c.text) ?? o.t("confirm");
+      return ((c = V.value) == null ? void 0 : c.text) ?? o.t("confirm");
     }), u = _();
-    let y = 0, q = !1;
-    const W = async (c) => {
+    let y = 0, D = !1;
+    const j = async (c) => {
       var x;
-      n.value = c.title, l.value = c.text, r.value = c.label, a.value = c.placeholder, s.value = c.rules, f.value = c.value, p.value = c.cancel, b.value = c.confirm, y = c.seq, q = !1, t.value = !0, await H(() => u.value !== void 0, 1e3), (x = u.value) == null || x.focus();
+      n.value = c.title, r.value = c.text, l.value = c.label, a.value = c.placeholder, s.value = c.rules, f.value = c.value, p.value = c.cancel, V.value = c.confirm, y = c.seq, D = !1, t.value = !0, await F(() => u.value !== void 0, 1e3), (x = u.value) == null || x.focus();
     };
-    R(() => {
-      i.on("promptDlg", W);
-    }), N(() => {
-      i.off("promptDlg", W);
+    $(() => {
+      i.on("promptDlg", j);
+    }), U(() => {
+      i.off("promptDlg", j);
     });
-    const I = () => {
-      t.value = !1, q || (i.emit("promptDlgResult" + y, f.value ?? ""), q = !0);
+    const T = () => {
+      t.value = !1, D || (i.emit("promptDlgResult" + y, f.value ?? ""), D = !0);
     };
-    return L(t, (c) => {
-      !c && !q && (i.emit("promptDlgResult" + y, void 0), q = !0);
+    return N(t, (c) => {
+      !c && !D && (i.emit("promptDlgResult" + y, void 0), D = !0);
     }), (c, x) => {
-      const U = m("v-card-title"), M = m("v-card-text"), ne = m("v-text-field"), le = m("v-form"), X = m("v-btn"), ae = m("v-card-actions"), re = m("v-card"), se = m("v-dialog");
-      return V(), B(se, {
+      const z = m("v-card-title"), I = m("v-card-text"), se = m("v-text-field"), ce = m("v-form"), J = m("v-btn"), ie = m("v-card-actions"), ue = m("v-card"), de = m("v-dialog");
+      return b(), A(de, {
         modelValue: t.value,
         "onUpdate:modelValue": x[2] || (x[2] = (P) => t.value = P),
         onKeydown: [
-          x[3] || (x[3] = E($((P) => t.value = !1, ["stop", "prevent"]), ["esc"])),
-          E($(I, ["stop", "prevent"]), ["enter"])
+          x[3] || (x[3] = E(M((P) => t.value = !1, ["stop", "prevent"]), ["esc"])),
+          E(M(T, ["stop", "prevent"]), ["enter"])
         ],
         transition: "dialog-top-transition",
         "max-width": "600px"
       }, {
         default: v(() => [
-          h(re, null, {
+          h(ue, null, {
             default: v(() => [
-              h(U, null, {
+              h(z, null, {
                 default: v(() => [
                   C(k(n.value), 1)
                 ]),
                 _: 1
               }),
-              h(M, null, {
+              h(I, null, {
                 default: v(() => [
-                  C(k(l.value), 1)
+                  C(k(r.value), 1)
                 ]),
                 _: 1
               }),
-              h(le, { class: "mx-3" }, {
+              h(ce, { class: "mx-3" }, {
                 default: v(() => [
-                  h(ne, {
+                  h(se, {
                     modelValue: f.value,
                     "onUpdate:modelValue": x[0] || (x[0] = (P) => f.value = P),
-                    label: r.value,
+                    label: l.value,
                     placeholder: a.value,
                     rules: s.value,
                     ref_key: "target",
@@ -343,21 +344,21 @@ const be = /* @__PURE__ */ S({
                 ]),
                 _: 1
               }),
-              h(ae, { class: "d-flex justify-end" }, {
+              h(ie, { class: "d-flex justify-end" }, {
                 default: v(() => [
-                  h(X, {
+                  h(J, {
                     onClick: x[1] || (x[1] = (P) => t.value = !1),
-                    color: T.value,
+                    color: R.value,
                     variant: "text"
                   }, {
                     default: v(() => [
-                      C(k(D.value), 1)
+                      C(k(q.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  h(X, {
-                    onClick: I,
-                    color: A.value,
+                  h(J, {
+                    onClick: T,
+                    color: B.value,
                     variant: "text"
                   }, {
                     default: v(() => [
@@ -376,7 +377,7 @@ const be = /* @__PURE__ */ S({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), Be = { class: "mx-auto my-auto" }, Ae = { class: "d-flex align-center justify-center w-100 h-100" }, Oe = /* @__PURE__ */ S({
+}), Ue = { class: "mx-auto my-auto" }, ze = { class: "d-flex align-center justify-center w-100 h-100" }, Ke = /* @__PURE__ */ S({
   __name: "index",
   props: {
     modelValue: { type: Boolean },
@@ -384,18 +385,18 @@ const be = /* @__PURE__ */ S({
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const o = z(), t = K(e, "modelValue"), n = () => {
+    const o = H(), t = L(e, "modelValue"), n = () => {
       t.value = !0;
-    }, l = () => {
+    }, r = () => {
       t.value = !1;
     };
-    return R(() => {
-      i.on("openWaitDlg", n), i.on("closeWaitDlg", l);
-    }), N(() => {
-      i.off("openWaitDlg", n), i.off("closeWaitDlg", l);
-    }), (r, a) => {
+    return $(() => {
+      i.on("openWaitDlg", n), i.on("closeWaitDlg", r);
+    }), U(() => {
+      i.off("openWaitDlg", n), i.off("closeWaitDlg", r);
+    }), (l, a) => {
       const s = m("v-card"), f = m("v-dialog");
-      return V(), B(f, {
+      return b(), A(f, {
         modelValue: t.value,
         "onUpdate:modelValue": a[0] || (a[0] = (p) => t.value = p),
         persistent: "",
@@ -403,15 +404,15 @@ const be = /* @__PURE__ */ S({
         fullscreen: ""
       }, {
         default: v(() => [
-          g("div", Be, [
+          g("div", Ue, [
             h(s, {
               width: "300px",
               height: "80px",
               loading: ""
             }, {
               default: v(() => [
-                g("div", Ae, [
-                  g("span", null, k(ke(o).t("waitingResponse")), 1)
+                g("div", ze, [
+                  g("span", null, k(qe(o).t("waitingResponse")), 1)
                 ])
               ]),
               _: 1
@@ -423,79 +424,135 @@ const be = /* @__PURE__ */ S({
     };
   }
 });
-function He() {
-  const e = F(), o = d(() => e.global.current.value.colors.primary), t = d(() => e.global.current.value.colors.secondary), n = d(() => e.current.value.dark ? "#2e2e2e" : "#bdbdbd"), l = d(() => e.current.value.dark ? "#272727" : "#eeeeee"), r = d(() => e.current.value.dark ? "#1e1e1e" : "#ffffff"), a = d(() => e.current.value.dark ? "#303030" : "#f6f6f6"), s = d(() => e.current.value.dark ? "#ffffff1f" : "#0000001f");
+function ct() {
+  const e = X(), o = d(() => e.global.current.value.colors.primary), t = d(() => e.global.current.value.colors.secondary), n = d(() => e.current.value.dark ? "#2e2e2e" : "#bdbdbd"), r = d(() => e.current.value.dark ? "#272727" : "#eeeeee"), l = d(() => e.current.value.dark ? "#1e1e1e" : "#ffffff"), a = d(() => e.current.value.dark ? "#303030" : "#f6f6f6"), s = d(() => e.current.value.dark ? "#ffffff1f" : "#0000001f");
   return {
     primaryColor: o,
     secondaryColor: t,
     backgroundColor0: n,
-    backgroundColor1: l,
-    backgroundColor2: r,
+    backgroundColor1: r,
+    backgroundColor2: l,
     highlightColor: a,
     borderColor: s
   };
 }
-function Xe() {
-  const e = F(), { width: o } = Ce(), t = d(() => e.current.value.dark), n = _(""), l = d(() => !!window.cordova), r = d(() => o.value <= 1280 ? o.value + "px" : o.value <= 1920 ? 1920 / 2.5 + "px" : 2560 / 2.5 + "px");
-  return { dark: t, routeTransName: n, sysBarAvail: l, compactWidth: r };
+function it() {
+  const e = X(), { width: o } = Se(), t = d(() => e.current.value.dark), n = _(""), r = d(() => !!window.cordova), l = d(() => o.value <= 1280 ? o.value + "px" : o.value <= 1920 ? 1920 / 2.5 + "px" : 2560 / 2.5 + "px");
+  return { dark: t, routeTransName: n, sysBarAvail: r, compactWidth: l };
+}
+var Le = {}, G;
+(function(e) {
+  e.pop = "pop", e.push = "push";
+})(G || (G = {}));
+var Q;
+(function(e) {
+  e.back = "back", e.forward = "forward", e.unknown = "";
+})(Q || (Q = {}));
+var Y;
+(function(e) {
+  e[e.aborted = 4] = "aborted", e[e.cancelled = 8] = "cancelled", e[e.duplicated = 16] = "duplicated";
+})(Y || (Y = {}));
+const Ne = Symbol(Le.NODE_ENV !== "production" ? "router" : "");
+function He() {
+  return De(Ne);
+}
+const W = require("js-cookie");
+function ut(e, o) {
+  const t = Re.create({
+    timeout: 6e3
+  });
+  return t.defaults.baseURL = e, t.interceptors.request.use(
+    (n) => Xe(n),
+    (n) => {
+      Fe(n, o);
+    }
+  ), t.interceptors.response.use(
+    (n) => Je(n),
+    (n) => Ge(n, o)
+  ), t;
+}
+function Xe(e) {
+  const o = W.get("accessToken") ?? "";
+  return e.headers.Authorization = "Basic " + o, e.headers["Content-Type"] = "application/json", e.data = JSON.stringify(e.data), e;
 }
-let G = Date.now();
-function Z() {
+function Fe(e, o) {
+  console.error(e), o("request timeout");
+}
+function Je(e) {
+  return e.data;
+}
+function Ge(e, o) {
+  var r;
+  const t = e.response;
+  if (!t)
+    return Promise.reject(e);
+  t.status === 401 && Qe();
+  let n = (r = t.data) == null ? void 0 : r.message;
+  return n || (n = {
+    code: t.status,
+    message: t.statusText
+  }), o(n), Promise.reject(e);
+}
+function Qe() {
+  W.remove("accessToken"), W.remove("refreshToken"), W.remove("activeOrg"), He().replace({ path: "/passport/login" });
+}
+let Z = Date.now();
+function ne() {
   const e = Date.now();
-  return e - G > 500 ? (G = e, !0) : !1;
+  return e - Z > 500 ? (Z = e, !0) : !1;
 }
-let We = 0;
-function ee() {
-  return ++We;
+let Ye = 0;
+function re() {
+  return ++Ye;
 }
-async function Ge(e) {
-  if (!Z())
+async function dt(e) {
+  if (!ne())
     return;
   let o = !1, t;
-  const n = (r) => {
-    t = r, o = !0;
-  }, l = ee();
-  return i.on("confirmDlgResult" + l, n), i.emit("confirmDlg", { ...e, seq: l }), await H(() => o), i.off("confirmDlgResult" + l, n), t;
+  const n = (l) => {
+    t = l, o = !0;
+  }, r = re();
+  return i.on("confirmDlgResult" + r, n), i.emit("confirmDlg", { ...e, seq: r }), await F(() => o), i.off("confirmDlgResult" + r, n), t;
 }
-async function Je(e) {
-  if (!Z())
+async function pt(e) {
+  if (!ne())
     return;
   let o = !1, t;
-  const n = (r) => {
-    t = r, o = !0;
-  }, l = ee();
-  return i.on("promptDlgResult" + l, n), i.emit("promptDlg", { ...e, seq: l }), await H(() => o), i.off("promptDlgResult" + l, n), t;
+  const n = (l) => {
+    t = l, o = !0;
+  }, r = re();
+  return i.on("promptDlgResult" + r, n), i.emit("promptDlg", { ...e, seq: r }), await F(() => o), i.off("promptDlgResult" + r, n), t;
 }
-function Qe() {
+function ft() {
   i.emit("openWaitDlg");
 }
-function Ye() {
+function mt() {
   i.emit("closeWaitDlg");
 }
-function Ze(e, o) {
+function vt(e, o) {
   i.emit("message", { type: "error", text: e, timeout: o });
 }
-function et(e, o) {
+function gt(e, o) {
   i.emit("message", { type: "info", text: e, timeout: o });
 }
-function tt(e, o) {
+function _t(e, o) {
   i.emit("message", { type: "success", text: e, timeout: o });
 }
-function ot(e, o) {
+function ht(e, o) {
   i.emit("message", { type: "warning", text: e, timeout: o });
 }
-function nt(e) {
-  var n, l;
+function xt(e) {
+  var n, r;
   if (!window.appAppear) {
     window.appAppear = !0;
     return;
   }
   const o = "single-spa-application:" + e, t = (n = document.getElementById(o)) == null ? void 0 : n.classList;
-  t && (t.remove("app-left", "app-right", "app-reset"), (l = window.routeExtras) != null && l.forward ? t.add("app-left") : t.add("app-right"), setTimeout(() => {
+  t && (t.remove("app-left", "app-right", "app-reset"), (r = window.routeExtras) != null && r.forward ? t.add("app-left") : t.add("app-right"), setTimeout(() => {
     t.add("app-reset");
   }, 0));
 }
-const te = require("js-cookie"), Ee = [
+const ae = require("js-cookie"), Ze = [
   { path: "/passport/login", level: 0 },
   { path: "/passport/loginAccount", level: 1 },
   { path: "/passport/register", level: 1 },
@@ -515,48 +572,48 @@ const te = require("js-cookie"), Ee = [
   { path: "/calc", level: 1, requiredState: "org" },
   { path: "/data", level: 1, requiredState: "org" }
 ];
-function oe(e) {
+function le(e) {
   let o, t = 0;
   const n = e.split("/");
-  return Ee.forEach((l) => {
-    const r = l.path.split("/");
+  return Ze.forEach((r) => {
+    const l = r.path.split("/");
     let a = 0;
-    for (let s = 0; s < n.length && !(s >= r.length || n[s] !== r[s]); s++)
+    for (let s = 0; s < n.length && !(s >= l.length || n[s] !== l[s]); s++)
       a++;
-    a >= t && (o = l, t = a);
+    a >= t && (o = r, t = a);
   }), o;
 }
-function J(e) {
+function ee(e) {
   if (e === "/")
     return { app: "", path: "/", level: -1 };
-  const o = oe(e);
+  const o = le(e);
   if (!o)
     return { app: "invalidApp", path: "/invalidApp/invalidRoute", level: -1 };
   const t = e.split("/");
   return console.assert(t.length >= 2), { app: t[1], path: o.path, level: o.level };
 }
-const Q = _("");
+const te = _("");
 function w(e, o) {
-  const t = J(e), n = J(o), l = t.app === n.app, r = t.path === n.path, a = t.level >= n.level;
+  const t = ee(e), n = ee(o), r = t.app === n.app, l = t.path === n.path, a = t.level >= n.level;
   console.info(
-    `~~~~before route change~~~~ ${n.path} -> ${t.path} inner=${l} forward=${a}`
-  ), l ? r ? Q.value = "" : Q.value = a ? "inner-left" : "inner-right" : window.routeExtras = { forward: a };
+    `~~~~before route change~~~~ ${n.path} -> ${t.path} inner=${r} forward=${a}`
+  ), r ? l ? te.value = "" : te.value = a ? "inner-left" : "inner-right" : window.routeExtras = { forward: a };
 }
-function Ne() {
-  return !!te.get("accessToken");
+function et() {
+  return !!ae.get("accessToken");
 }
-function Ue() {
-  return !!te.get("activeOrg");
+function tt() {
+  return !!ae.get("activeOrg");
 }
-function lt(e, o, t) {
-  const n = Ne(), l = Ue(), r = oe(e.path);
-  if (!r) {
+function yt(e, o, t) {
+  const n = et(), r = tt(), l = le(e.path);
+  if (!l) {
     t();
     return;
   }
-  if (r.requiredState === "auth")
+  if (l.requiredState === "auth")
     if (n)
-      if (l) {
+      if (r) {
         const a = "/main";
         w(a, o.path), t({ path: a });
       } else
@@ -565,9 +622,9 @@ function lt(e, o, t) {
       const a = "/passport/login";
       w(a, o.path), t({ path: a });
     }
-  else if (r.requiredState === "org")
+  else if (l.requiredState === "org")
     if (n)
-      if (l)
+      if (r)
         w(e.path, o.path), t();
       else {
         const a = "/org/joinOrCreate";
@@ -578,7 +635,7 @@ function lt(e, o, t) {
       w(a, o.path), t({ path: a });
     }
   else if (n)
-    if (l) {
+    if (r) {
       const a = "/main";
       w(a, o.path), t({ path: a });
     } else {
@@ -588,24 +645,25 @@ function lt(e, o, t) {
   else
     w(e.path, o.path), t();
 }
-const je = (e) => {
-  e.component("v-btn", ce), e.component("v-card", ie), e.component("v-card-actions", ue), e.component("v-card-text", de), e.component("v-card-title", pe), e.component("v-dialog", fe), e.component("v-form", me), e.component("v-text-field", ve), e.component("x-confirm-dlg", be), e.component("x-loading", Ie), e.component("x-message", $e), e.component("x-prompt-dlg", Re), e.component("x-wait-dlg", Oe);
-}, at = { install: je };
+const ot = (e) => {
+  e.component("v-btn", pe), e.component("v-card", fe), e.component("v-card-actions", me), e.component("v-card-text", ve), e.component("v-card-title", ge), e.component("v-dialog", _e), e.component("v-form", he), e.component("v-text-field", xe), e.component("x-confirm-dlg", Ie), e.component("x-loading", Be), e.component("x-message", We), e.component("x-prompt-dlg", Ee), e.component("x-wait-dlg", Ke);
+}, wt = { install: ot };
 export {
-  nt as appAppear,
-  Ye as closeWaitDlg,
-  at as default,
-  Ze as messageError,
-  et as messageInfo,
-  tt as messageSuccess,
-  ot as messageWarning,
-  lt as onBeforeEach,
-  Ge as openConfirmDlg,
-  Je as openPromptDlg,
-  Qe as openWaitDlg,
-  Q as routeTransName,
-  He as useColor,
-  Xe as useSystem,
-  Fe as waitMs,
-  H as waitUtil
+  xt as appAppear,
+  mt as closeWaitDlg,
+  ut as createAxios,
+  wt as default,
+  vt as messageError,
+  gt as messageInfo,
+  _t as messageSuccess,
+  ht as messageWarning,
+  yt as onBeforeEach,
+  dt as openConfirmDlg,
+  pt as openPromptDlg,
+  ft as openWaitDlg,
+  te as routeTransName,
+  ct as useColor,
+  it as useSystem,
+  st as waitMs,
+  F as waitUtil
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-essential-lib",
   "private": false,
-  "version": "0.1.14",
+  "version": "0.2.0",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,6 +26,7 @@
     "mitt": "^3.0.1"
   },
   "peerDependencies": {
+    "axios": "^1.6.8",
     "vue": "^3.4.23",
     "vue-router": "^4.3.2",
     "vuetify": "^3.5.16"