x-essential-lib 0.2.11 → 0.2.13

package/dist/index.js

@@ -1,57 +1,63 @@
 (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 { VAlert as ge, VBtn as _e, VCard as he, VCardActions as xe, VCardText as we, VCardTitle as ye, VDialog as ke, VForm as be, VTextField as Ce } from "vuetify/lib/components/index.mjs";
-import { ref as p, computed as d, onMounted as D, onBeforeUnmount as A, defineComponent as R, watch as P, resolveComponent as v, openBlock as C, createBlock as M, unref as z, isRef as X, withKeys as K, withModifiers as $, withCtx as g, createVNode as h, createTextVNode as b, toDisplayString as k, createElementBlock as H, normalizeStyle as Ve, pushScopeId as qe, popScopeId as Se, createElementVNode as _, reactive as De, Fragment as Re, renderList as Oe, inject as Ie } from "vue";
+import { VAlert as ge, VBtn as he, VCard as _e, VCardActions as xe, VCardText as we, VCardTitle as ye, VDialog as ke, VForm as be, VTextField as Ce } from "vuetify/lib/components/index.mjs";
+import { ref as f, computed as d, onMounted as D, onBeforeUnmount as A, defineComponent as R, watch as P, resolveComponent as v, openBlock as C, createBlock as E, unref as z, isRef as X, withKeys as K, withModifiers as $, withCtx as g, createVNode as _, createTextVNode as b, toDisplayString as k, createElementBlock as H, normalizeStyle as Ve, pushScopeId as qe, popScopeId as Se, createElementVNode as h, reactive as De, Fragment as Re, renderList as Oe, inject as Ie } from "vue";
 import { useLocale as F, useTheme as L, useDisplay as Te } from "vuetify/lib/framework.mjs";
 import { defineStore as le } from "pinia";
 import { useI18n as je } from "vue-i18n";
 import Pe from "axios";
 const $e = le("viewMgr", () => {
-  const e = p([]), o = d(() => (a) => e.value.find((l) => l === a) !== void 0);
-  function t(a) {
-    n(a), e.value.push(a);
+  const e = f([]);
+  function n() {
+    return e.value.length <= 0;
   }
-  function n(a) {
-    const l = e.value.findIndex((s) => s === a);
-    l !== -1 && e.value.splice(l, 1);
+  function t(l) {
+    return e.value.find((s) => s === l) !== void 0;
   }
-  function r() {
+  function o(l) {
+    r(l), e.value.push(l);
+  }
+  function r(l) {
+    const s = e.value.findIndex((p) => p === l);
+    s !== -1 && e.value.splice(s, 1);
+  }
+  function a() {
     e.value.pop();
   }
-  return { views: e, hasView: o, addView: t, delView: n, popView: r };
+  return { isEmpty: n, hasView: t, addView: o, delView: r, popView: a };
 });
 function Ae(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]);
-  }, off: function(o, t) {
-    var n = e.get(o);
-    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(r) {
+  return { all: e = e || /* @__PURE__ */ new Map(), on: function(n, t) {
+    var o = e.get(n);
+    o ? o.push(t) : e.set(n, [t]);
+  }, off: function(n, t) {
+    var o = e.get(n);
+    o && (t ? o.splice(o.indexOf(t) >>> 0, 1) : e.set(n, []));
+  }, emit: function(n, t) {
+    var o = e.get(n);
+    o && o.slice().map(function(r) {
       r(t);
-    }), (n = e.get("*")) && n.slice().map(function(r) {
-      r(o, t);
+    }), (o = e.get("*")) && o.slice().map(function(r) {
+      r(n, t);
     });
   } };
 }
 const c = Ae();
 async function gt(e) {
-  return new Promise((o) => {
-    setTimeout(o, e);
+  return new Promise((n) => {
+    setTimeout(n, e);
   });
 }
-async function G(e, o, t) {
-  const n = Date.now();
+async function G(e, n, t) {
+  const o = Date.now();
   return new Promise((r) => {
     const a = async () => {
-      e() ? r(!0) : o && Date.now() - n > o ? r(!1) : setTimeout(a, t ?? 30);
+      e() ? r(!0) : n && Date.now() - o > n ? r(!1) : setTimeout(a, t ?? 30);
     };
     a();
   });
 }
-function J(e, o) {
-  const t = $e(), n = d({
+function J(e, n) {
+  const t = $e(), o = d({
     get() {
       return t.hasView(e);
     },
@@ -59,38 +65,38 @@ function J(e, o) {
       a ? t.addView(e) : t.delView(e);
     }
   }), r = (a) => {
-    n.value = !0;
+    o.value = !0;
   };
   return D(() => {
     c.on(e, r);
   }), A(() => {
     c.off(e, r);
-  }), { open: n };
+  }), { open: o };
 }
-const Me = /* @__PURE__ */ R({
+const Ee = /* @__PURE__ */ R({
   __name: "index",
   setup(e) {
-    const o = F(), { open: t } = J("confirmDlg"), n = p(""), r = p(""), a = p(), l = p(), s = d(() => {
+    const n = F(), { open: t } = J("confirmDlg"), o = f(""), r = f(""), a = f(), l = f(), s = d(() => {
       var u;
       return ((u = a.value) == null ? void 0 : u.color) ?? "primary";
-    }), m = d(() => {
+    }), p = d(() => {
       var u;
-      return ((u = a.value) == null ? void 0 : u.text) ?? o.t("cancel");
-    }), f = d(() => {
+      return ((u = a.value) == null ? void 0 : u.text) ?? n.t("cancel");
+    }), m = d(() => {
       var u;
       return ((u = l.value) == null ? void 0 : u.color) ?? "primary";
     }), V = d(() => {
       var u;
-      return ((u = l.value) == null ? void 0 : u.text) ?? o.t("confirm");
+      return ((u = l.value) == null ? void 0 : u.text) ?? n.t("confirm");
     });
     let O = 0, q = !1;
-    const E = (u) => {
-      n.value = u.title, r.value = u.text, a.value = u.cancel, l.value = u.confirm, O = u.seq, q = !1, t.value = !0;
+    const M = (u) => {
+      o.value = u.title, r.value = u.text, a.value = u.cancel, l.value = u.confirm, O = u.seq, q = !1, t.value = !0;
     };
     D(() => {
-      c.on("confirmDlg", E);
+      c.on("confirmDlg", M);
     }), A(() => {
-      c.off("confirmDlg", E);
+      c.off("confirmDlg", M);
     });
     const B = () => {
       t.value = !1, q || (c.emit("confirmDlgResult" + O, !0), q = !0);
@@ -99,7 +105,7 @@ const Me = /* @__PURE__ */ R({
       !u && !q && (c.emit("confirmDlgResult" + O, !1), q = !0);
     }), (u, w) => {
       const S = v("v-card-title"), U = v("v-card-text"), I = v("v-btn"), i = v("v-card-actions"), x = v("v-card"), N = v("v-dialog");
-      return C(), M(N, {
+      return C(), E(N, {
         modelValue: z(t),
         "onUpdate:modelValue": w[1] || (w[1] = (T) => X(t) ? t.value = T : null),
         onKeydown: [
@@ -110,35 +116,35 @@ const Me = /* @__PURE__ */ R({
         "max-width": "600px"
       }, {
         default: g(() => [
-          h(x, null, {
+          _(x, null, {
             default: g(() => [
-              h(S, null, {
+              _(S, null, {
                 default: g(() => [
-                  b(k(n.value), 1)
+                  b(k(o.value), 1)
                 ]),
                 _: 1
               }),
-              h(U, null, {
+              _(U, null, {
                 default: g(() => [
                   b(k(r.value), 1)
                 ]),
                 _: 1
               }),
-              h(i, { class: "d-flex justify-end" }, {
+              _(i, { class: "d-flex justify-end" }, {
                 default: g(() => [
-                  h(I, {
+                  _(I, {
                     onClick: w[0] || (w[0] = (T) => t.value = !1),
                     color: s.value,
                     variant: "text"
                   }, {
                     default: g(() => [
-                      b(k(m.value), 1)
+                      b(k(p.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  h(I, {
+                  _(I, {
                     onClick: B,
-                    color: f.value,
+                    color: m.value,
                     variant: "text"
                   }, {
                     default: g(() => [
@@ -157,19 +163,19 @@ const Me = /* @__PURE__ */ R({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), Ee = (e) => (qe("data-v-a8f3d91f"), e = e(), Se(), e), Be = /* @__PURE__ */ Ee(() => /* @__PURE__ */ _("div", { class: "lds-spinner" }, [
-  /* @__PURE__ */ _("div"),
-  /* @__PURE__ */ _("div"),
-  /* @__PURE__ */ _("div"),
-  /* @__PURE__ */ _("div"),
-  /* @__PURE__ */ _("div"),
-  /* @__PURE__ */ _("div"),
-  /* @__PURE__ */ _("div"),
-  /* @__PURE__ */ _("div"),
-  /* @__PURE__ */ _("div"),
-  /* @__PURE__ */ _("div"),
-  /* @__PURE__ */ _("div"),
-  /* @__PURE__ */ _("div")
+}), Me = (e) => (qe("data-v-a8f3d91f"), e = e(), Se(), e), Be = /* @__PURE__ */ Me(() => /* @__PURE__ */ h("div", { class: "lds-spinner" }, [
+  /* @__PURE__ */ h("div"),
+  /* @__PURE__ */ h("div"),
+  /* @__PURE__ */ h("div"),
+  /* @__PURE__ */ h("div"),
+  /* @__PURE__ */ h("div"),
+  /* @__PURE__ */ h("div"),
+  /* @__PURE__ */ h("div"),
+  /* @__PURE__ */ h("div"),
+  /* @__PURE__ */ h("div"),
+  /* @__PURE__ */ h("div"),
+  /* @__PURE__ */ h("div"),
+  /* @__PURE__ */ h("div")
 ], -1)), Ue = [
   Be
 ], We = /* @__PURE__ */ R({
@@ -181,19 +187,19 @@ const Me = /* @__PURE__ */ R({
     }
   },
   setup(e) {
-    const o = L(), t = e, n = d(() => ({
-      background: o.current.value.dark ? "#1e1e1e" : "#ffffff",
+    const n = L(), t = e, o = d(() => ({
+      background: n.current.value.dark ? "#1e1e1e" : "#ffffff",
       zIndex: t.zIndex
     }));
     return (r, a) => (C(), H("div", {
       class: "x-cont",
-      style: Ve(n.value)
+      style: Ve(o.value)
     }, Ue, 4));
   }
-}), ae = (e, o) => {
+}), ae = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [n, r] of o)
-    t[n] = r;
+  for (const [o, r] of n)
+    t[o] = r;
   return t;
 }, ze = /* @__PURE__ */ ae(We, [["__scopeId", "data-v-a8f3d91f"]]), Ke = /* @__PURE__ */ R({
   __name: "item",
@@ -216,8 +222,8 @@ const Me = /* @__PURE__ */ R({
     }
   },
   emits: ["timeout"],
-  setup(e, { emit: o }) {
-    const t = e, n = p(!0), r = o, a = d(() => {
+  setup(e, { emit: n }) {
+    const t = e, o = f(!0), r = n, a = d(() => {
       let l = "";
       switch (t.type) {
         case "error":
@@ -239,13 +245,13 @@ const Me = /* @__PURE__ */ R({
       setTimeout(() => {
         r("timeout", t.id);
       }, t.timeout);
-    }), P(n, (l) => {
+    }), P(o, (l) => {
       l || r("timeout", t.id);
     }), (l, s) => {
-      const m = v("v-alert");
-      return C(), M(m, {
-        modelValue: n.value,
-        "onUpdate:modelValue": s[0] || (s[0] = (f) => n.value = f),
+      const p = v("v-alert");
+      return C(), E(p, {
+        modelValue: o.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (m) => o.value = m),
         class: "mt-2",
         type: e.type,
         icon: a.value,
@@ -261,7 +267,7 @@ const Me = /* @__PURE__ */ R({
 }), Le = /* @__PURE__ */ R({
   __name: "index",
   setup(e) {
-    const o = De({ items: [] });
+    const n = De({ items: [] });
     D(() => {
       c.on("message", t);
     }), A(() => {
@@ -269,52 +275,52 @@ const Me = /* @__PURE__ */ R({
     });
     const t = (s) => {
       a(s.type, s.text, s.timeout);
-    }, n = (s) => {
+    }, o = (s) => {
       l(s);
     };
     let r = 0;
-    const a = (s, m, f) => {
+    const a = (s, p, m) => {
       const V = r++;
-      o.items.push({ id: V, type: s, text: m, timeout: f });
+      n.items.push({ id: V, type: s, text: p, timeout: m });
     }, l = (s) => {
-      const m = o.items.findIndex((f) => f.id === s);
-      m >= 0 && o.items.splice(m, 1);
+      const p = n.items.findIndex((m) => m.id === s);
+      p >= 0 && n.items.splice(p, 1);
     };
-    return (s, m) => (C(), H("div", {
-      onClick: m[0] || (m[0] = $(() => {
+    return (s, p) => (C(), H("div", {
+      onClick: p[0] || (p[0] = $(() => {
       }, ["stop"])),
       class: "x-cont d-flex flex-column-reverse align-center"
     }, [
-      (C(!0), H(Re, null, Oe(o.items, (f) => (C(), M(Ke, {
-        onTimeout: n,
-        id: f.id,
-        type: f.type,
-        text: f.text,
-        timeout: f.timeout,
-        key: f.id
+      (C(!0), H(Re, null, Oe(n.items, (m) => (C(), E(Ke, {
+        onTimeout: o,
+        id: m.id,
+        type: m.type,
+        text: m.text,
+        timeout: m.timeout,
+        key: m.id
       }, null, 8, ["id", "type", "text", "timeout"]))), 128))
     ]));
   }
 }), Ne = /* @__PURE__ */ ae(Le, [["__scopeId", "data-v-70ed4b89"]]), He = /* @__PURE__ */ R({
   __name: "index",
   setup(e) {
-    const o = F(), { open: t } = J("promptDlg"), n = p(""), r = p(""), a = p(), l = p(), s = p(), m = p(""), f = p(), V = p(), O = d(() => {
+    const n = F(), { open: t } = J("promptDlg"), o = f(""), r = f(""), a = f(), l = f(), s = f(), p = f(""), m = f(), V = f(), O = d(() => {
       var i;
-      return ((i = f.value) == null ? void 0 : i.color) ?? "primary";
+      return ((i = m.value) == null ? void 0 : i.color) ?? "primary";
     }), q = d(() => {
       var i;
-      return ((i = f.value) == null ? void 0 : i.text) ?? o.t("cancel");
-    }), E = d(() => {
+      return ((i = m.value) == null ? void 0 : i.text) ?? n.t("cancel");
+    }), M = d(() => {
       var i;
       return ((i = V.value) == null ? void 0 : i.color) ?? "primary";
     }), B = d(() => {
       var i;
-      return ((i = V.value) == null ? void 0 : i.text) ?? o.t("confirm");
-    }), u = p();
+      return ((i = V.value) == null ? void 0 : i.text) ?? n.t("confirm");
+    }), u = f();
     let w = 0, S = !1;
     const U = async (i) => {
       var x;
-      n.value = i.title, r.value = i.text, a.value = i.label, l.value = i.placeholder, s.value = i.rules, m.value = i.value, f.value = i.cancel, V.value = i.confirm, w = i.seq, S = !1, t.value = !0, await G(() => u.value !== void 0, 1e3), (x = u.value) == null || x.focus();
+      o.value = i.title, r.value = i.text, a.value = i.label, l.value = i.placeholder, s.value = i.rules, p.value = i.value, m.value = i.cancel, V.value = i.confirm, w = i.seq, S = !1, t.value = !0, await G(() => u.value !== void 0, 1e3), (x = u.value) == null || x.focus();
     };
     D(() => {
       c.on("promptDlg", U);
@@ -322,13 +328,13 @@ const Me = /* @__PURE__ */ R({
       c.off("promptDlg", U);
     });
     const I = () => {
-      t.value = !1, S || (c.emit("promptDlgResult" + w, m.value ?? ""), S = !0);
+      t.value = !1, S || (c.emit("promptDlgResult" + w, p.value ?? ""), S = !0);
     };
     return P(t, (i) => {
       !i && !S && (c.emit("promptDlgResult" + w, void 0), S = !0);
     }), (i, x) => {
       const N = v("v-card-title"), T = v("v-card-text"), de = v("v-text-field"), pe = v("v-form"), Q = v("v-btn"), fe = v("v-card-actions"), me = v("v-card"), ve = v("v-dialog");
-      return C(), M(ve, {
+      return C(), E(ve, {
         modelValue: z(t),
         "onUpdate:modelValue": x[2] || (x[2] = (j) => X(t) ? t.value = j : null),
         onKeydown: [
@@ -339,25 +345,25 @@ const Me = /* @__PURE__ */ R({
         "max-width": "600px"
       }, {
         default: g(() => [
-          h(me, null, {
+          _(me, null, {
             default: g(() => [
-              h(N, null, {
+              _(N, null, {
                 default: g(() => [
-                  b(k(n.value), 1)
+                  b(k(o.value), 1)
                 ]),
                 _: 1
               }),
-              h(T, null, {
+              _(T, null, {
                 default: g(() => [
                   b(k(r.value), 1)
                 ]),
                 _: 1
               }),
-              h(pe, { class: "mx-3" }, {
+              _(pe, { class: "mx-3" }, {
                 default: g(() => [
-                  h(de, {
-                    modelValue: m.value,
-                    "onUpdate:modelValue": x[0] || (x[0] = (j) => m.value = j),
+                  _(de, {
+                    modelValue: p.value,
+                    "onUpdate:modelValue": x[0] || (x[0] = (j) => p.value = j),
                     label: a.value,
                     placeholder: l.value,
                     rules: s.value,
@@ -367,9 +373,9 @@ const Me = /* @__PURE__ */ R({
                 ]),
                 _: 1
               }),
-              h(fe, { class: "d-flex justify-end" }, {
+              _(fe, { class: "d-flex justify-end" }, {
                 default: g(() => [
-                  h(Q, {
+                  _(Q, {
                     onClick: x[1] || (x[1] = (j) => t.value = !1),
                     color: O.value,
                     variant: "text"
@@ -379,9 +385,9 @@ const Me = /* @__PURE__ */ R({
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  h(Q, {
+                  _(Q, {
                     onClick: I,
-                    color: E.value,
+                    color: M.value,
                     variant: "text"
                   }, {
                     default: g(() => [
@@ -403,34 +409,34 @@ const Me = /* @__PURE__ */ R({
 }), Xe = { class: "mx-auto my-auto" }, Fe = { class: "d-flex align-center justify-center w-100 h-100" }, Ge = /* @__PURE__ */ R({
   __name: "index",
   setup(e) {
-    const o = F(), { open: t } = J("waitDlg"), n = () => {
+    const n = F(), { open: t } = J("waitDlg"), o = () => {
       t.value = !0;
     }, r = () => {
       t.value = !1;
     };
     return D(() => {
-      c.on("openWaitDlg", n), c.on("closeWaitDlg", r);
+      c.on("openWaitDlg", o), c.on("closeWaitDlg", r);
     }), A(() => {
-      c.off("openWaitDlg", n), c.off("closeWaitDlg", r);
+      c.off("openWaitDlg", o), c.off("closeWaitDlg", r);
     }), (a, l) => {
-      const s = v("v-card"), m = v("v-dialog");
-      return C(), M(m, {
+      const s = v("v-card"), p = v("v-dialog");
+      return C(), E(p, {
         modelValue: z(t),
-        "onUpdate:modelValue": l[0] || (l[0] = (f) => X(t) ? t.value = f : null),
+        "onUpdate:modelValue": l[0] || (l[0] = (m) => X(t) ? t.value = m : null),
         persistent: "",
         "no-click-animation": "",
         fullscreen: ""
       }, {
         default: g(() => [
-          _("div", Xe, [
-            h(s, {
+          h("div", Xe, [
+            _(s, {
               width: "300px",
               height: "80px",
               loading: ""
             }, {
               default: g(() => [
-                _("div", Fe, [
-                  _("span", null, k(z(o).t("waitingResponse")), 1)
+                h("div", Fe, [
+                  h("span", null, k(z(n).t("waitingResponse")), 1)
                 ])
               ]),
               _: 1
@@ -442,28 +448,28 @@ const Me = /* @__PURE__ */ R({
     };
   }
 }), Je = (e) => {
-  e.component("v-alert", ge), e.component("v-btn", _e), e.component("v-card", he), e.component("v-card-actions", xe), e.component("v-card-text", we), e.component("v-card-title", ye), e.component("v-dialog", ke), e.component("v-form", be), e.component("v-text-field", Ce), e.component("x-confirm-dlg", Me), e.component("x-loading", ze), e.component("x-message", Ne), e.component("x-prompt-dlg", He), e.component("x-wait-dlg", Ge);
+  e.component("v-alert", ge), e.component("v-btn", he), e.component("v-card", _e), e.component("v-card-actions", xe), e.component("v-card-text", we), e.component("v-card-title", ye), e.component("v-dialog", ke), e.component("v-form", be), e.component("v-text-field", Ce), e.component("x-confirm-dlg", Ee), e.component("x-loading", ze), e.component("x-message", Ne), e.component("x-prompt-dlg", He), e.component("x-wait-dlg", Ge);
 };
-function _t() {
-  const e = L(), 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"), a = d(() => e.current.value.dark ? "#1e1e1e" : "#ffffff"), l = d(() => e.current.value.dark ? "#303030" : "#f6f6f6"), s = d(() => e.current.value.dark ? "#ffffff1f" : "#0000001f");
+function ht() {
+  const e = L(), n = d(() => e.global.current.value.colors.primary), t = d(() => e.global.current.value.colors.secondary), o = d(() => e.current.value.dark ? "#2e2e2e" : "#bdbdbd"), r = d(() => e.current.value.dark ? "#272727" : "#eeeeee"), a = d(() => e.current.value.dark ? "#1e1e1e" : "#ffffff"), l = d(() => e.current.value.dark ? "#303030" : "#f6f6f6"), s = d(() => e.current.value.dark ? "#ffffff1f" : "#0000001f");
   return {
-    primaryColor: o,
+    primaryColor: n,
     secondaryColor: t,
-    backgroundColor0: n,
+    backgroundColor0: o,
     backgroundColor1: r,
     backgroundColor2: a,
     highlightColor: l,
     borderColor: s
   };
 }
-function ht() {
-  const e = L(), { width: o } = Te(), t = d(() => e.global.name.value), n = 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, sysBarAvail: n, compactWidth: r };
+function _t() {
+  const e = L(), { width: n } = Te(), t = d(() => e.global.name.value), o = d(() => !!window.cordova), r = d(() => n.value <= 1280 ? n.value + "px" : n.value <= 1920 ? 1920 / 2.5 + "px" : 2560 / 2.5 + "px");
+  return { dark: t, sysBarAvail: o, compactWidth: r };
 }
 const xt = le(
   "global",
   () => {
-    const e = L(), o = je(), t = p(!1);
+    const e = L(), n = je(), t = f(!1);
     P(
       t,
       (l) => {
@@ -473,18 +479,18 @@ const xt = le(
         immediate: !0
       }
     );
-    const n = p("");
+    const o = f("en");
     P(
-      n,
+      o,
       (l) => {
-        o.locale.value = l;
+        n.locale.value = l;
       },
       {
         immediate: !0
       }
     );
-    const r = p({}), a = p("");
-    return { dark: t, locale: n, permissionObjects: r, permissionChecksum: a };
+    const r = f({}), a = f("");
+    return { dark: t, locale: o, permissionObjects: r, permissionChecksum: a };
   },
   {
     persist: [
@@ -513,40 +519,40 @@ function Ze() {
 }
 const W = require("js-cookie");
 function wt(e) {
-  const o = Pe.create({
+  const n = Pe.create({
     timeout: 6e3
   });
-  return o.defaults.baseURL = e.baseUrl, o.interceptors.request.use(
+  return n.defaults.baseURL = e.baseUrl, n.interceptors.request.use(
     (t) => et(t),
     (t) => {
       tt(t, e.onError);
     }
-  ), o.interceptors.response.use(
-    (t) => ot(t),
-    (t) => nt(t, e.onError)
-  ), o;
+  ), n.interceptors.response.use(
+    (t) => nt(t),
+    (t) => ot(t, e.onError)
+  ), n;
 }
 function et(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;
+  const n = W.get("accessToken") ?? "";
+  return e.headers.Authorization = "Basic " + n, e.headers["Content-Type"] = "application/json", e.data = JSON.stringify(e.data), e;
 }
-function tt(e, o) {
-  console.error(e), o("request timeout");
+function tt(e, n) {
+  console.error(e), n("request timeout");
 }
-function ot(e) {
+function nt(e) {
   return e.data;
 }
-function nt(e, o) {
+function ot(e, n) {
   var r;
   const t = e.response;
   if (!t)
     return Promise.reject(e);
   t.status === 401 && rt();
-  let n = (r = t.data) == null ? void 0 : r.message;
-  return n || (n = {
+  let o = (r = t.data) == null ? void 0 : r.message;
+  return o || (o = {
     code: t.status,
     message: t.statusText
-  }), o(n), Promise.reject(e);
+  }), n(o), Promise.reject(e);
 }
 function rt() {
   W.remove("accessToken"), W.remove("refreshToken"), W.remove("activeOrg"), Ze().replace({ path: "/passport/login" });
@@ -563,20 +569,20 @@ function ce() {
 async function yt(e) {
   if (!se())
     return;
-  let o = !1, t;
-  const n = (a) => {
-    t = a, o = !0;
+  let n = !1, t;
+  const o = (a) => {
+    t = a, n = !0;
   }, r = ce();
-  return c.on("confirmDlgResult" + r, n), c.emit("confirmDlg", { ...e, seq: r }), await G(() => o), c.off("confirmDlgResult" + r, n), t;
+  return c.on("confirmDlgResult" + r, o), c.emit("confirmDlg", { ...e, seq: r }), await G(() => n), c.off("confirmDlgResult" + r, o), t;
 }
 async function kt(e) {
   if (!se())
     return;
-  let o = !1, t;
-  const n = (a) => {
-    t = a, o = !0;
+  let n = !1, t;
+  const o = (a) => {
+    t = a, n = !0;
   }, r = ce();
-  return c.on("promptDlgResult" + r, n), c.emit("promptDlg", { ...e, seq: r }), await G(() => o), c.off("promptDlgResult" + r, n), t;
+  return c.on("promptDlgResult" + r, o), c.emit("promptDlg", { ...e, seq: r }), await G(() => n), c.off("promptDlgResult" + r, o), t;
 }
 function bt() {
   c.emit("openWaitDlg");
@@ -584,35 +590,35 @@ function bt() {
 function Ct() {
   c.emit("closeWaitDlg");
 }
-function Vt(e, o) {
-  c.emit("message", { type: "error", text: e, timeout: o });
+function Vt(e, n) {
+  c.emit("message", { type: "error", text: e, timeout: n });
 }
-function qt(e, o) {
-  c.emit("message", { type: "info", text: e, timeout: o });
+function qt(e, n) {
+  c.emit("message", { type: "info", text: e, timeout: n });
 }
-function St(e, o) {
-  c.emit("message", { type: "success", text: e, timeout: o });
+function St(e, n) {
+  c.emit("message", { type: "success", text: e, timeout: n });
 }
-function Dt(e, o) {
-  c.emit("message", { type: "warning", text: e, timeout: o });
+function Dt(e, n) {
+  c.emit("message", { type: "warning", text: e, timeout: n });
 }
 function Rt(e) {
-  var n, r;
+  var o, r;
   if (!window.appAppear) {
     window.appAppear = !0;
     return;
   }
-  const o = "single-spa-application:" + e, t = (n = document.getElementById(o)) == null ? void 0 : n.classList;
+  const n = "single-spa-application:" + e, t = (o = document.getElementById(n)) == null ? void 0 : o.classList;
   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));
 }
 let at = {};
-function oe(e, o) {
+function ne(e, n) {
   if (!e)
     return !1;
   let t = e;
-  return Object.keys(t).length <= 0 || (o.split("/").forEach((r) => {
+  return Object.keys(t).length <= 0 || (n.split("/").forEach((r) => {
     if (Object.keys(t).length <= 0)
       return !0;
     if (t[r])
@@ -621,9 +627,9 @@ function oe(e, o) {
       return !1;
   }), Object.keys(t).length <= 0);
 }
-function Ot(e, o) {
+function Ot(e, n) {
   const t = at[e];
-  return t ? o ? (!oe(t.includes, o) || oe(t.excludes, o), !1) : !0 : !1;
+  return t ? n ? (!ne(t.includes, n) || ne(t.excludes, n), !1) : !0 : !1;
 }
 const ie = require("js-cookie"), st = [
   { path: "/passport/login", level: 0 },
@@ -646,30 +652,30 @@ const ie = require("js-cookie"), st = [
   { path: "/data", level: 1, requiredState: "org" }
 ];
 function ue(e) {
-  let o, t = 0;
-  const n = e.split("/");
+  let n, t = 0;
+  const o = e.split("/");
   return st.forEach((r) => {
     const a = r.path.split("/");
     let l = 0;
-    for (let s = 0; s < n.length && !(s >= a.length || n[s] !== a[s]); s++)
+    for (let s = 0; s < o.length && !(s >= a.length || o[s] !== a[s]); s++)
       l++;
-    l >= t && (o = r, t = l);
-  }), o;
+    l >= t && (n = r, t = l);
+  }), n;
 }
-function ne(e) {
+function oe(e) {
   if (e === "/")
     return { app: "", path: "/", level: -1 };
-  const o = ue(e);
-  if (!o)
+  const n = ue(e);
+  if (!n)
     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 };
+  return console.assert(t.length >= 2), { app: t[1], path: n.path, level: n.level };
 }
-const re = p("");
-function y(e, o) {
-  const t = ne(e), n = ne(o), r = t.app === n.app, a = t.path === n.path, l = t.level >= n.level;
+const re = f("");
+function y(e, n) {
+  const t = oe(e), o = oe(n), r = t.app === o.app, a = t.path === o.path, l = t.level >= o.level;
   console.info(
-    `~~~~before route change~~~~ ${n.path} -> ${t.path} inner=${r} forward=${l}`
+    `~~~~before route change~~~~ ${o.path} -> ${t.path} inner=${r} forward=${l}`
   ), r ? a ? re.value = "" : re.value = l ? "inner-left" : "inner-right" : window.routeExtras = { forward: l };
 }
 function ct() {
@@ -678,45 +684,45 @@ function ct() {
 function it() {
   return !!ie.get("activeOrg");
 }
-function It(e, o, t) {
-  const n = ct(), r = it(), a = ue(e.path);
+function It(e, n, t) {
+  const o = ct(), r = it(), a = ue(e.path);
   if (!a) {
     t();
     return;
   }
   if (a.requiredState === "auth")
-    if (n)
+    if (o)
       if (r) {
         const l = "/main";
-        y(l, o.path), t({ path: l });
+        y(l, n.path), t({ path: l });
       } else
-        y(e.path, o.path), t();
+        y(e.path, n.path), t();
     else {
       const l = "/passport/login";
-      y(l, o.path), t({ path: l });
+      y(l, n.path), t({ path: l });
     }
   else if (a.requiredState === "org")
-    if (n)
+    if (o)
       if (r)
-        y(e.path, o.path), t();
+        y(e.path, n.path), t();
       else {
         const l = "/org/joinOrCreate";
-        y(l, o.path), t({ path: l });
+        y(l, n.path), t({ path: l });
       }
     else {
       const l = "/passport/login";
-      y(l, o.path), t({ path: l });
+      y(l, n.path), t({ path: l });
     }
-  else if (n)
+  else if (o)
     if (r) {
       const l = "/main";
-      y(l, o.path), t({ path: l });
+      y(l, n.path), t({ path: l });
     } else {
       const l = "/org/joinOrCreate";
-      y(l, o.path), t({ path: l });
+      y(l, n.path), t({ path: l });
     }
   else
-    y(e.path, o.path), t();
+    y(e.path, n.path), t();
 }
 const Tt = { install: Je };
 export {
@@ -734,9 +740,9 @@ export {
   kt as openPromptDlg,
   bt as openWaitDlg,
   re as routeTransName,
-  _t as useColor,
+  ht as useColor,
   xt as useGlobalStore,
-  ht as useSystem,
+  _t as useSystem,
   $e as useViewMgrStore,
   Ot as verifyPermission,
   gt as waitMs,

package/dist/store/viewMgr.d.ts

@@ -1,19 +1,19 @@
 export declare const useViewMgrStore: import("pinia").StoreDefinition<"viewMgr", import("pinia")._UnwrapAll<Pick<{
-    views: import("vue").Ref<string[]>;
-    hasView: import("vue").ComputedRef<(name: string) => boolean>;
+    isEmpty: () => boolean;
+    hasView: (name: string) => boolean;
     addView: (name: string) => void;
     delView: (name: string) => void;
     popView: () => void;
-}, "views">>, Pick<{
-    views: import("vue").Ref<string[]>;
-    hasView: import("vue").ComputedRef<(name: string) => boolean>;
+}, never>>, Pick<{
+    isEmpty: () => boolean;
+    hasView: (name: string) => boolean;
     addView: (name: string) => void;
     delView: (name: string) => void;
     popView: () => void;
-}, "hasView">, Pick<{
-    views: import("vue").Ref<string[]>;
-    hasView: import("vue").ComputedRef<(name: string) => boolean>;
+}, never>, Pick<{
+    isEmpty: () => boolean;
+    hasView: (name: string) => boolean;
     addView: (name: string) => void;
     delView: (name: string) => void;
     popView: () => void;
-}, "addView" | "delView" | "popView">>;
+}, "isEmpty" | "hasView" | "addView" | "delView" | "popView">>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-essential-lib",
   "private": false,
-  "version": "0.2.11",
+  "version": "0.2.13",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",