x-essential-lib 0.2.14 → 0.3.1

package/dist/composables/hotkey.d.ts

@@ -0,0 +1 @@
+export declare function useHotkey(): {};

package/dist/composables/index.d.ts

@@ -1,3 +1,4 @@
 export * from './color';
+export * from './hotkey';
 export * from './system';
 export * from './viewStack';

package/dist/index.js

@@ -1,11 +1,11 @@
 (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 be, VForm as ke, 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 h, createTextVNode as k, toDisplayString as b, 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 { 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", () => {
+import { VAlert as we, VBtn as ye, VCard as ke, VCardActions as be, VCardText as Ce, VCardTitle as Ve, VDialog as De, VForm as Se, VTextField as qe } from "vuetify/lib/components/index.mjs";
+import { ref as f, computed as d, onMounted as q, onBeforeUnmount as R, defineComponent as O, watch as P, resolveComponent as v, openBlock as C, createBlock as $, unref as K, isRef as X, withKeys as L, withModifiers as M, withCtx as g, createVNode as h, createTextVNode as b, toDisplayString as k, createElementBlock as H, normalizeStyle as Re, pushScopeId as Oe, popScopeId as Ee, createElementVNode as _, reactive as Ie, Fragment as Te, renderList as je, inject as le } from "vue";
+import { useLocale as F, useTheme as N, useDisplay as Pe } from "vuetify/lib/framework.mjs";
+import { defineStore as ae } from "pinia";
+import { useI18n as Me } from "vue-i18n";
+import $e from "axios";
+const se = ae("viewMgr", () => {
   const e = f([]);
   function n() {
     return e.value.length <= 0;
@@ -42,7 +42,7 @@ function Ae(e) {
   } };
 }
 const c = Ae();
-async function gt(e) {
+async function xt(e) {
   return new Promise((n) => {
     setTimeout(n, e);
   });
@@ -57,7 +57,7 @@ async function G(e, n, t) {
   });
 }
 function J(e, n) {
-  const t = $e(), o = d({
+  const t = se(), o = d({
     get() {
       return t.hasView(e);
     },
@@ -67,13 +67,13 @@ function J(e, n) {
   }), r = (a) => {
     n == null || n(a), o.value = !0;
   };
-  return D(() => {
+  return q(() => {
     c.on(e, r);
-  }), A(() => {
+  }), R(() => {
     c.off(e, r);
   }), { open: o };
 }
-const Ee = /* @__PURE__ */ R({
+const Be = /* @__PURE__ */ O({
   __name: "index",
   setup(e) {
     const n = F(), { open: t } = J("confirmDlg"), o = f(""), r = f(""), a = f(), l = f(), s = d(() => {
@@ -89,28 +89,28 @@ const Ee = /* @__PURE__ */ R({
       var u;
       return ((u = l.value) == null ? void 0 : u.text) ?? n.t("confirm");
     });
-    let O = 0, q = !1;
-    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;
+    let E = 0, D = !1;
+    const A = (u) => {
+      o.value = u.title, r.value = u.text, a.value = u.cancel, l.value = u.confirm, E = u.seq, D = !1, t.value = !0;
     };
-    D(() => {
-      c.on("confirmDlg", M);
-    }), A(() => {
-      c.off("confirmDlg", M);
+    q(() => {
+      c.on("confirmDlg", A);
+    }), R(() => {
+      c.off("confirmDlg", A);
     });
     const B = () => {
-      t.value = !1, q || (c.emit("confirmDlgResult" + O, !0), q = !0);
+      t.value = !1, D || (c.emit("confirmDlgResult" + E, !0), D = !0);
     };
     return P(t, (u) => {
-      !u && !q && (c.emit("confirmDlgResult" + O, !1), q = !0);
+      !u && !D && (c.emit("confirmDlgResult" + E, !1), D = !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(), E(N, {
-        modelValue: z(t),
+      const S = v("v-card-title"), U = v("v-card-text"), I = v("v-btn"), i = v("v-card-actions"), x = v("v-card"), z = v("v-dialog");
+      return C(), $(z, {
+        modelValue: K(t),
         "onUpdate:modelValue": w[1] || (w[1] = (T) => X(t) ? t.value = T : null),
         onKeydown: [
-          w[2] || (w[2] = K($((T) => t.value = !1, ["stop", "prevent"]), ["esc"])),
-          K($(B, ["stop", "prevent"]), ["enter"])
+          w[2] || (w[2] = L(M((T) => t.value = !1, ["stop", "prevent"]), ["esc"])),
+          L(M(B, ["stop", "prevent"]), ["enter"])
         ],
         transition: "dialog-top-transition",
         "max-width": "600px"
@@ -120,13 +120,13 @@ const Ee = /* @__PURE__ */ R({
             default: g(() => [
               h(S, null, {
                 default: g(() => [
-                  k(b(o.value), 1)
+                  b(k(o.value), 1)
                 ]),
                 _: 1
               }),
               h(U, null, {
                 default: g(() => [
-                  k(b(r.value), 1)
+                  b(k(r.value), 1)
                 ]),
                 _: 1
               }),
@@ -138,7 +138,7 @@ const Ee = /* @__PURE__ */ R({
                     variant: "text"
                   }, {
                     default: g(() => [
-                      k(b(p.value), 1)
+                      b(k(p.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
@@ -148,7 +148,7 @@ const Ee = /* @__PURE__ */ R({
                     variant: "text"
                   }, {
                     default: g(() => [
-                      k(b(V.value), 1)
+                      b(k(V.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -163,7 +163,7 @@ const Ee = /* @__PURE__ */ R({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), Me = (e) => (qe("data-v-a8f3d91f"), e = e(), Se(), e), Be = /* @__PURE__ */ Me(() => /* @__PURE__ */ _("div", { class: "lds-spinner" }, [
+}), Ue = (e) => (Oe("data-v-a8f3d91f"), e = e(), Ee(), e), We = /* @__PURE__ */ Ue(() => /* @__PURE__ */ _("div", { class: "lds-spinner" }, [
   /* @__PURE__ */ _("div"),
   /* @__PURE__ */ _("div"),
   /* @__PURE__ */ _("div"),
@@ -176,9 +176,9 @@ const Ee = /* @__PURE__ */ R({
   /* @__PURE__ */ _("div"),
   /* @__PURE__ */ _("div"),
   /* @__PURE__ */ _("div")
-], -1)), Ue = [
-  Be
-], We = /* @__PURE__ */ R({
+], -1)), Ke = [
+  We
+], Le = /* @__PURE__ */ O({
   __name: "index",
   props: {
     zIndex: {
@@ -187,21 +187,21 @@ const Ee = /* @__PURE__ */ R({
     }
   },
   setup(e) {
-    const n = L(), t = e, o = d(() => ({
+    const n = N(), 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(o.value)
-    }, Ue, 4));
+      style: Re(o.value)
+    }, Ke, 4));
   }
-}), ae = (e, n) => {
+}), ce = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, r] of n)
     t[o] = r;
   return t;
-}, ze = /* @__PURE__ */ ae(We, [["__scopeId", "data-v-a8f3d91f"]]), Ke = /* @__PURE__ */ R({
+}, Ne = /* @__PURE__ */ ce(Le, [["__scopeId", "data-v-a8f3d91f"]]), ze = /* @__PURE__ */ O({
   __name: "item",
   props: {
     id: {
@@ -241,7 +241,7 @@ const Ee = /* @__PURE__ */ R({
       }
       return l;
     });
-    return D(() => {
+    return q(() => {
       setTimeout(() => {
         r("timeout", t.id);
       }, t.timeout);
@@ -249,7 +249,7 @@ const Ee = /* @__PURE__ */ R({
       l || r("timeout", t.id);
     }), (l, s) => {
       const p = v("v-alert");
-      return C(), E(p, {
+      return C(), $(p, {
         modelValue: o.value,
         "onUpdate:modelValue": s[0] || (s[0] = (m) => o.value = m),
         class: "mt-2",
@@ -264,13 +264,13 @@ const Ee = /* @__PURE__ */ R({
       }, null, 8, ["modelValue", "type", "icon", "text"]);
     };
   }
-}), Le = /* @__PURE__ */ R({
+}), He = /* @__PURE__ */ O({
   __name: "index",
   setup(e) {
-    const n = De({ items: [] });
-    D(() => {
+    const n = Ie({ items: [] });
+    q(() => {
       c.on("message", t);
-    }), A(() => {
+    }), R(() => {
       c.off("message", t);
     });
     const t = (s) => {
@@ -287,11 +287,11 @@ const Ee = /* @__PURE__ */ R({
       p >= 0 && n.items.splice(p, 1);
     };
     return (s, p) => (C(), H("div", {
-      onClick: p[0] || (p[0] = $(() => {
+      onClick: p[0] || (p[0] = M(() => {
       }, ["stop"])),
       class: "x-cont d-flex flex-column-reverse align-center"
     }, [
-      (C(!0), H(Re, null, Oe(n.items, (m) => (C(), E(Ke, {
+      (C(!0), H(Te, null, je(n.items, (m) => (C(), $(ze, {
         onTimeout: o,
         id: m.id,
         type: m.type,
@@ -301,16 +301,16 @@ const Ee = /* @__PURE__ */ R({
       }, null, 8, ["id", "type", "text", "timeout"]))), 128))
     ]));
   }
-}), Ne = /* @__PURE__ */ ae(Le, [["__scopeId", "data-v-70ed4b89"]]), He = /* @__PURE__ */ R({
+}), Xe = /* @__PURE__ */ ce(He, [["__scopeId", "data-v-70ed4b89"]]), Fe = /* @__PURE__ */ O({
   __name: "index",
   setup(e) {
-    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(() => {
+    const n = F(), { open: t } = J("promptDlg"), o = f(""), r = f(""), a = f(), l = f(), s = f(), p = f(""), m = f(), V = f(), E = d(() => {
       var i;
       return ((i = m.value) == null ? void 0 : i.color) ?? "primary";
-    }), q = d(() => {
+    }), D = d(() => {
       var i;
       return ((i = m.value) == null ? void 0 : i.text) ?? n.t("cancel");
-    }), M = d(() => {
+    }), A = d(() => {
       var i;
       return ((i = V.value) == null ? void 0 : i.color) ?? "primary";
     }), B = d(() => {
@@ -322,9 +322,9 @@ const Ee = /* @__PURE__ */ R({
       var x;
       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(() => {
+    q(() => {
       c.on("promptDlg", U);
-    }), A(() => {
+    }), R(() => {
       c.off("promptDlg", U);
     });
     const I = () => {
@@ -333,35 +333,35 @@ const Ee = /* @__PURE__ */ R({
     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(), E(ve, {
-        modelValue: z(t),
+      const z = v("v-card-title"), T = v("v-card-text"), ve = v("v-text-field"), ge = v("v-form"), Q = v("v-btn"), _e = v("v-card-actions"), he = v("v-card"), xe = v("v-dialog");
+      return C(), $(xe, {
+        modelValue: K(t),
         "onUpdate:modelValue": x[2] || (x[2] = (j) => X(t) ? t.value = j : null),
         onKeydown: [
-          x[3] || (x[3] = K($((j) => t.value = !1, ["stop", "prevent"]), ["esc"])),
-          K($(I, ["stop", "prevent"]), ["enter"])
+          x[3] || (x[3] = L(M((j) => t.value = !1, ["stop", "prevent"]), ["esc"])),
+          L(M(I, ["stop", "prevent"]), ["enter"])
         ],
         transition: "dialog-top-transition",
         "max-width": "600px"
       }, {
         default: g(() => [
-          h(me, null, {
+          h(he, null, {
             default: g(() => [
-              h(N, null, {
+              h(z, null, {
                 default: g(() => [
-                  k(b(o.value), 1)
+                  b(k(o.value), 1)
                 ]),
                 _: 1
               }),
               h(T, null, {
                 default: g(() => [
-                  k(b(r.value), 1)
+                  b(k(r.value), 1)
                 ]),
                 _: 1
               }),
-              h(pe, { class: "mx-3" }, {
+              h(ge, { class: "mx-3" }, {
                 default: g(() => [
-                  h(de, {
+                  h(ve, {
                     modelValue: p.value,
                     "onUpdate:modelValue": x[0] || (x[0] = (j) => p.value = j),
                     label: a.value,
@@ -373,25 +373,25 @@ const Ee = /* @__PURE__ */ R({
                 ]),
                 _: 1
               }),
-              h(fe, { class: "d-flex justify-end" }, {
+              h(_e, { class: "d-flex justify-end" }, {
                 default: g(() => [
                   h(Q, {
                     onClick: x[1] || (x[1] = (j) => t.value = !1),
-                    color: O.value,
+                    color: E.value,
                     variant: "text"
                   }, {
                     default: g(() => [
-                      k(b(q.value), 1)
+                      b(k(D.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
                   h(Q, {
                     onClick: I,
-                    color: M.value,
+                    color: A.value,
                     variant: "text"
                   }, {
                     default: g(() => [
-                      k(b(B.value), 1)
+                      b(k(B.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -406,7 +406,7 @@ const Ee = /* @__PURE__ */ R({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), Xe = { class: "mx-auto my-auto" }, Fe = { class: "d-flex align-center justify-center w-100 h-100" }, Ge = /* @__PURE__ */ R({
+}), Ge = { class: "mx-auto my-auto" }, Je = { class: "d-flex align-center justify-center w-100 h-100" }, Qe = /* @__PURE__ */ O({
   __name: "index",
   setup(e) {
     const n = F(), { open: t } = J("waitDlg"), o = () => {
@@ -414,29 +414,29 @@ const Ee = /* @__PURE__ */ R({
     }, r = () => {
       t.value = !1;
     };
-    return D(() => {
+    return q(() => {
       c.on("openWaitDlg", o), c.on("closeWaitDlg", r);
-    }), A(() => {
+    }), R(() => {
       c.off("openWaitDlg", o), c.off("closeWaitDlg", r);
     }), (a, l) => {
       const s = v("v-card"), p = v("v-dialog");
-      return C(), E(p, {
-        modelValue: z(t),
+      return C(), $(p, {
+        modelValue: K(t),
         "onUpdate:modelValue": l[0] || (l[0] = (m) => X(t) ? t.value = m : null),
         persistent: "",
         "no-click-animation": "",
         fullscreen: ""
       }, {
         default: g(() => [
-          _("div", Xe, [
+          _("div", Ge, [
             h(s, {
               width: "300px",
               height: "80px",
               loading: ""
             }, {
               default: g(() => [
-                _("div", Fe, [
-                  _("span", null, b(z(n).t("waitingResponse")), 1)
+                _("div", Je, [
+                  _("span", null, k(K(n).t("waitingResponse")), 1)
                 ])
               ]),
               _: 1
@@ -447,11 +447,11 @@ const Ee = /* @__PURE__ */ R({
       }, 8, ["modelValue"]);
     };
   }
-}), 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", be), e.component("v-form", ke), 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);
+}), Ye = (e) => {
+  e.component("v-alert", we), e.component("v-btn", ye), e.component("v-card", ke), e.component("v-card-actions", be), e.component("v-card-text", Ce), e.component("v-card-title", Ve), e.component("v-dialog", De), e.component("v-form", Se), e.component("v-text-field", qe), e.component("x-confirm-dlg", Be), e.component("x-loading", Ne), e.component("x-message", Xe), e.component("x-prompt-dlg", Fe), e.component("x-wait-dlg", Qe);
 };
-function _t() {
-  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");
+function wt() {
+  const e = N(), 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: n,
     secondaryColor: t,
@@ -462,14 +462,29 @@ function _t() {
     borderColor: s
   };
 }
-function ht() {
-  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 };
+var ie = {}, Y;
+(function(e) {
+  e.pop = "pop", e.push = "push";
+})(Y || (Y = {}));
+var Z;
+(function(e) {
+  e.back = "back", e.forward = "forward", e.unknown = "";
+})(Z || (Z = {}));
+var ee;
+(function(e) {
+  e[e.aborted = 4] = "aborted", e[e.cancelled = 8] = "cancelled", e[e.duplicated = 16] = "duplicated";
+})(ee || (ee = {}));
+const Ze = Symbol(ie.NODE_ENV !== "production" ? "router" : ""), et = Symbol(ie.NODE_ENV !== "production" ? "route location" : "");
+function ue() {
+  return le(Ze);
+}
+function tt() {
+  return le(et);
 }
-const xt = le(
+const nt = ae(
   "global",
   () => {
-    const e = L(), n = je(), t = f(!1);
+    const e = N(), n = Me(), t = f(!1);
     P(
       t,
       (l) => {
@@ -501,108 +516,123 @@ const xt = le(
     ]
   }
 );
-var Qe = {}, Y;
-(function(e) {
-  e.pop = "pop", e.push = "push";
-})(Y || (Y = {}));
-var Z;
-(function(e) {
-  e.back = "back", e.forward = "forward", e.unknown = "";
-})(Z || (Z = {}));
-var ee;
-(function(e) {
-  e[e.aborted = 4] = "aborted", e[e.cancelled = 8] = "cancelled", e[e.duplicated = 16] = "duplicated";
-})(ee || (ee = {}));
-const Ye = Symbol(Qe.NODE_ENV !== "production" ? "router" : "");
-function Ze() {
-  return Ie(Ye);
+function yt() {
+  const e = tt(), n = ue();
+  nt();
+  const t = se(), o = (a) => {
+    if (console.log("onKeydown", a), a.key === "Escape") {
+      r();
+      return;
+    }
+  }, r = () => {
+    var a;
+    if (!t.isEmpty()) {
+      t.hasView("waitDlg") || t.popView();
+      return;
+    }
+    e.meta.level === 0 ? (a = navigator == null ? void 0 : navigator.Backbutton) == null || a.goHome(
+      () => {
+      },
+      () => {
+      }
+    ) : n.back();
+  };
+  return q(() => {
+    window.addEventListener("keydown", o, !1), console.log("onMounted");
+  }), R(() => {
+    window.removeEventListener("keydown", o, !1), console.log("onBeforeUnmount");
+  }), {};
+}
+function kt() {
+  const e = N(), { width: n } = Pe(), 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 W = require("js-cookie");
-function wt(e) {
-  const n = Pe.create({
+function bt(e) {
+  const n = $e.create({
     timeout: 6e3
   });
   return n.defaults.baseURL = e.baseUrl, n.interceptors.request.use(
-    (t) => et(t),
+    (t) => ot(t),
     (t) => {
-      tt(t, e.onError);
+      rt(t, e.onError);
     }
   ), n.interceptors.response.use(
-    (t) => nt(t),
-    (t) => ot(t, e.onError)
+    (t) => lt(t),
+    (t) => at(t, e.onError)
   ), n;
 }
-function et(e) {
+function ot(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, n) {
+function rt(e, n) {
   console.error(e), n("request timeout");
 }
-function nt(e) {
+function lt(e) {
   return e.data;
 }
-function ot(e, n) {
+function at(e, n) {
   var r;
   const t = e.response;
   if (!t)
     return Promise.reject(e);
-  t.status === 401 && rt();
+  t.status === 401 && st();
   let o = (r = t.data) == null ? void 0 : r.message;
   return o || (o = {
     code: t.status,
     message: t.statusText
   }), n(o), Promise.reject(e);
 }
-function rt() {
-  W.remove("accessToken"), W.remove("refreshToken"), W.remove("activeOrg"), Ze().replace({ path: "/passport/login" });
+function st() {
+  W.remove("accessToken"), W.remove("refreshToken"), W.remove("activeOrg"), ue().replace({ path: "/passport/login" });
 }
 let te = Date.now();
-function se() {
+function de() {
   const e = Date.now();
   return e - te > 500 ? (te = e, !0) : !1;
 }
-let lt = 0;
-function ce() {
-  return ++lt;
+let ct = 0;
+function pe() {
+  return ++ct;
 }
-async function yt(e) {
-  if (!se())
+async function Ct(e) {
+  if (!de())
     return;
   let n = !1, t;
   const o = (a) => {
     t = a, n = !0;
-  }, r = ce();
+  }, r = pe();
   return c.on("confirmDlgResult" + r, o), c.emit("confirmDlg", { ...e, seq: r }), await G(() => n), c.off("confirmDlgResult" + r, o), t;
 }
-async function bt(e) {
-  if (!se())
+async function Vt(e) {
+  if (!de())
     return;
   let n = !1, t;
   const o = (a) => {
     t = a, n = !0;
-  }, r = ce();
+  }, r = pe();
   return c.on("promptDlgResult" + r, o), c.emit("promptDlg", { ...e, seq: r }), await G(() => n), c.off("promptDlgResult" + r, o), t;
 }
-function kt() {
+function Dt() {
   c.emit("openWaitDlg");
 }
-function Ct() {
+function St() {
   c.emit("closeWaitDlg");
 }
-function Vt(e, n) {
+function qt(e, n) {
   c.emit("message", { type: "error", text: e, timeout: n });
 }
-function qt(e, n) {
+function Rt(e, n) {
   c.emit("message", { type: "info", text: e, timeout: n });
 }
-function St(e, n) {
+function Ot(e, n) {
   c.emit("message", { type: "success", text: e, timeout: n });
 }
-function Dt(e, n) {
+function Et(e, n) {
   c.emit("message", { type: "warning", text: e, timeout: n });
 }
-function Rt(e) {
+function It(e) {
   var o, r;
   if (!window.appAppear) {
     window.appAppear = !0;
@@ -613,7 +643,7 @@ function Rt(e) {
     t.add("app-reset");
   }, 0));
 }
-let at = {};
+let it = {};
 function ne(e, n) {
   if (!e)
     return !1;
@@ -627,11 +657,11 @@ function ne(e, n) {
       return !1;
   }), Object.keys(t).length <= 0);
 }
-function Ot(e, n) {
-  const t = at[e];
+function Tt(e, n) {
+  const t = it[e];
   return t ? n ? (!ne(t.includes, n) || ne(t.excludes, n), !1) : !0 : !1;
 }
-const ie = require("js-cookie"), st = [
+const fe = require("js-cookie"), ut = [
   { path: "/passport/login", level: 0 },
   { path: "/passport/loginAccount", level: 1 },
   { path: "/passport/register", level: 1 },
@@ -651,10 +681,10 @@ const ie = require("js-cookie"), st = [
   { path: "/calc", level: 1, requiredState: "org" },
   { path: "/data", level: 1, requiredState: "org" }
 ];
-function ue(e) {
+function me(e) {
   let n, t = 0;
   const o = e.split("/");
-  return st.forEach((r) => {
+  return ut.forEach((r) => {
     const a = r.path.split("/");
     let l = 0;
     for (let s = 0; s < o.length && !(s >= a.length || o[s] !== a[s]); s++)
@@ -665,7 +695,7 @@ function ue(e) {
 function oe(e) {
   if (e === "/")
     return { app: "", path: "/", level: -1 };
-  const n = ue(e);
+  const n = me(e);
   if (!n)
     return { app: "invalidApp", path: "/invalidApp/invalidRoute", level: -1 };
   const t = e.split("/");
@@ -678,14 +708,14 @@ function y(e, n) {
     `~~~~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() {
-  return !!ie.get("accessToken");
+function dt() {
+  return !!fe.get("accessToken");
 }
-function it() {
-  return !!ie.get("activeOrg");
+function pt() {
+  return !!fe.get("activeOrg");
 }
-function It(e, n, t) {
-  const o = ct(), r = it(), a = ue(e.path);
+function jt(e, n, t) {
+  const o = dt(), r = pt(), a = me(e.path);
   if (!a) {
     t();
     return;
@@ -724,28 +754,29 @@ function It(e, n, t) {
   else
     y(e.path, n.path), t();
 }
-const Tt = { install: Je };
+const Pt = { install: Ye };
 export {
-  Rt as appAppear,
-  Ct as closeWaitDlg,
-  wt as createAxios,
-  Tt as default,
+  It as appAppear,
+  St as closeWaitDlg,
+  bt as createAxios,
+  Pt as default,
   c as eventBus,
-  Vt as messageError,
-  qt as messageInfo,
-  St as messageSuccess,
-  Dt as messageWarning,
-  It as onBeforeEach,
-  yt as openConfirmDlg,
-  bt as openPromptDlg,
-  kt as openWaitDlg,
+  qt as messageError,
+  Rt as messageInfo,
+  Ot as messageSuccess,
+  Et as messageWarning,
+  jt as onBeforeEach,
+  Ct as openConfirmDlg,
+  Vt as openPromptDlg,
+  Dt as openWaitDlg,
   re as routeTransName,
-  _t as useColor,
-  xt as useGlobalStore,
-  ht as useSystem,
-  $e as useViewMgrStore,
+  wt as useColor,
+  nt as useGlobalStore,
+  yt as useHotkey,
+  kt as useSystem,
+  se as useViewMgrStore,
   J as useViewStack,
-  Ot as verifyPermission,
-  gt as waitMs,
+  Tt as verifyPermission,
+  xt as waitMs,
   G as waitUtil
 };

package/package.json

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