x-essential-lib 0.2.5 → 0.2.9

package/dist/index.js

@@ -1,9 +1,25 @@
 (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 pe, VBtn as fe, VCard as me, VCardActions as ve, VCardText as ge, VCardTitle as _e, VDialog as he, VForm as xe, VTextField as ye } from "vuetify/lib/components/index.mjs";
-import { defineComponent as S, useModel as L, ref as _, computed as d, onMounted as $, onBeforeUnmount as W, watch as N, resolveComponent as m, openBlock as C, createBlock as A, withKeys as U, withModifiers as M, withCtx as v, createVNode as h, createTextVNode as b, toDisplayString as k, createElementBlock as K, normalizeStyle as we, pushScopeId as ke, popScopeId as be, createElementVNode as g, reactive as Ce, Fragment as Ve, renderList as qe, unref as De, inject as Se } from "vue";
-import { useLocale as H, useTheme as X, useDisplay as Re } from "vuetify/lib/framework.mjs";
-import Te from "axios";
-function Ie(e) {
+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 { 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);
+  }
+  function n(a) {
+    const l = e.value.findIndex((s) => s === a);
+    l !== -1 && e.value.splice(l, 1);
+  }
+  function r() {
+    e.value.pop();
+  }
+  return { views: e, hasView: o, addView: t, delView: n, popView: r };
+});
+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]);
@@ -19,101 +35,113 @@ function Ie(e) {
     });
   } };
 }
-const i = Ie();
-async function ct(e) {
+const c = Ae();
+async function gt(e) {
   return new Promise((o) => {
     setTimeout(o, e);
   });
 }
-async function F(e, o, t) {
+async function G(e, o, t) {
   const n = Date.now();
   return new Promise((r) => {
-    const l = async () => {
-      e() ? r(!0) : o && Date.now() - n > o ? r(!1) : setTimeout(l, t ?? 30);
+    const a = async () => {
+      e() ? r(!0) : o && Date.now() - n > o ? r(!1) : setTimeout(a, t ?? 30);
     };
-    l();
+    a();
   });
 }
-const Pe = /* @__PURE__ */ S({
+function J(e, o) {
+  const t = $e(), n = d({
+    get() {
+      return t.hasView(e);
+    },
+    set(a) {
+      a ? t.addView(e) : t.delView(e);
+    }
+  }), r = (a) => {
+    n.value = !0;
+  };
+  return D(() => {
+    c.on(e, r);
+  }), A(() => {
+    c.off(e, r);
+  }), { open: n };
+}
+const Me = /* @__PURE__ */ R({
   __name: "index",
-  props: {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
   setup(e) {
-    const o = H(), t = L(e, "modelValue"), n = _(""), r = _(""), l = _(), a = _(), s = d(() => {
+    const o = F(), { open: t } = J("confirmDlg"), n = p(""), r = p(""), a = p(), l = p(), s = d(() => {
       var u;
-      return ((u = l.value) == null ? void 0 : u.color) ?? "primary";
-    }), f = d(() => {
+      return ((u = a.value) == null ? void 0 : u.color) ?? "primary";
+    }), m = d(() => {
       var u;
-      return ((u = l.value) == null ? void 0 : u.text) ?? o.t("cancel");
-    }), p = d(() => {
+      return ((u = a.value) == null ? void 0 : u.text) ?? o.t("cancel");
+    }), f = d(() => {
       var u;
-      return ((u = a.value) == null ? void 0 : u.color) ?? "primary";
+      return ((u = l.value) == null ? void 0 : u.color) ?? "primary";
     }), V = d(() => {
       var u;
-      return ((u = a.value) == null ? void 0 : u.text) ?? o.t("confirm");
+      return ((u = l.value) == null ? void 0 : u.text) ?? o.t("confirm");
     });
-    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;
+    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;
     };
-    $(() => {
-      i.on("confirmDlg", B);
-    }), W(() => {
-      i.off("confirmDlg", B);
+    D(() => {
+      c.on("confirmDlg", E);
+    }), A(() => {
+      c.off("confirmDlg", E);
     });
-    const O = () => {
-      t.value = !1, q || (i.emit("confirmDlgResult" + R, !0), q = !0);
+    const B = () => {
+      t.value = !1, q || (c.emit("confirmDlgResult" + O, !0), q = !0);
     };
-    return N(t, (u) => {
-      !u && !q && (i.emit("confirmDlgResult" + R, !1), q = !0);
-    }), (u, y) => {
-      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 C(), A(z, {
-        modelValue: t.value,
-        "onUpdate:modelValue": y[1] || (y[1] = (I) => t.value = I),
+    return P(t, (u) => {
+      !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, {
+        modelValue: z(t),
+        "onUpdate:modelValue": w[1] || (w[1] = (T) => X(t) ? t.value = T : null),
         onKeydown: [
-          y[2] || (y[2] = U(M((I) => t.value = !1, ["stop", "prevent"]), ["esc"])),
-          U(M(O, ["stop", "prevent"]), ["enter"])
+          w[2] || (w[2] = K($((T) => t.value = !1, ["stop", "prevent"]), ["esc"])),
+          K($(B, ["stop", "prevent"]), ["enter"])
         ],
         transition: "dialog-top-transition",
         "max-width": "600px"
       }, {
-        default: v(() => [
+        default: g(() => [
           h(x, null, {
-            default: v(() => [
-              h(D, null, {
-                default: v(() => [
+            default: g(() => [
+              h(S, null, {
+                default: g(() => [
                   b(k(n.value), 1)
                 ]),
                 _: 1
               }),
-              h(j, null, {
-                default: v(() => [
+              h(U, null, {
+                default: g(() => [
                   b(k(r.value), 1)
                 ]),
                 _: 1
               }),
-              h(c, { class: "d-flex justify-end" }, {
-                default: v(() => [
-                  h(T, {
-                    onClick: y[0] || (y[0] = (I) => t.value = !1),
+              h(i, { class: "d-flex justify-end" }, {
+                default: g(() => [
+                  h(I, {
+                    onClick: w[0] || (w[0] = (T) => t.value = !1),
                     color: s.value,
                     variant: "text"
                   }, {
-                    default: v(() => [
-                      b(k(f.value), 1)
+                    default: g(() => [
+                      b(k(m.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  h(T, {
-                    onClick: O,
-                    color: p.value,
+                  h(I, {
+                    onClick: B,
+                    color: f.value,
                     variant: "text"
                   }, {
-                    default: v(() => [
+                    default: g(() => [
                       b(k(V.value), 1)
                     ]),
                     _: 1
@@ -129,22 +157,22 @@ const Pe = /* @__PURE__ */ S({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), Me = (e) => (ke("data-v-a8f3d91f"), e = e(), be(), e), $e = /* @__PURE__ */ Me(() => /* @__PURE__ */ g("div", { class: "lds-spinner" }, [
-  /* @__PURE__ */ g("div"),
-  /* @__PURE__ */ g("div"),
-  /* @__PURE__ */ g("div"),
-  /* @__PURE__ */ g("div"),
-  /* @__PURE__ */ g("div"),
-  /* @__PURE__ */ g("div"),
-  /* @__PURE__ */ g("div"),
-  /* @__PURE__ */ g("div"),
-  /* @__PURE__ */ g("div"),
-  /* @__PURE__ */ g("div"),
-  /* @__PURE__ */ g("div"),
-  /* @__PURE__ */ g("div")
-], -1)), Ae = [
-  $e
-], Be = /* @__PURE__ */ S({
+}), 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")
+], -1)), Ue = [
+  Be
+], We = /* @__PURE__ */ R({
   __name: "index",
   props: {
     zIndex: {
@@ -153,21 +181,21 @@ const Pe = /* @__PURE__ */ S({
     }
   },
   setup(e) {
-    const o = X(), t = e, n = d(() => ({
+    const o = L(), t = e, n = d(() => ({
       background: o.current.value.dark ? "#1e1e1e" : "#ffffff",
       zIndex: t.zIndex
     }));
-    return (r, l) => (C(), K("div", {
+    return (r, a) => (C(), H("div", {
       class: "x-cont",
-      style: we(n.value)
-    }, Ae, 4));
+      style: Ve(n.value)
+    }, Ue, 4));
   }
-}), oe = (e, o) => {
+}), ae = (e, o) => {
   const t = e.__vccOpts || e;
   for (const [n, r] of o)
     t[n] = r;
   return t;
-}, Oe = /* @__PURE__ */ oe(Be, [["__scopeId", "data-v-a8f3d91f"]]), je = /* @__PURE__ */ S({
+}, ze = /* @__PURE__ */ ae(We, [["__scopeId", "data-v-a8f3d91f"]]), Ke = /* @__PURE__ */ R({
   __name: "item",
   props: {
     id: {
@@ -189,38 +217,38 @@ const Pe = /* @__PURE__ */ S({
   },
   emits: ["timeout"],
   setup(e, { emit: o }) {
-    const t = e, n = _(!0), r = o, l = d(() => {
-      let a = "";
+    const t = e, n = p(!0), r = o, a = d(() => {
+      let l = "";
       switch (t.type) {
         case "error":
-          a = "cancel";
+          l = "cancel";
           break;
         case "info":
-          a = "info";
+          l = "info";
           break;
         case "success":
-          a = "check-circle";
+          l = "check-circle";
           break;
         case "warning":
-          a = "error";
+          l = "error";
           break;
       }
-      return a;
+      return l;
     });
-    return $(() => {
+    return D(() => {
       setTimeout(() => {
         r("timeout", t.id);
       }, t.timeout);
-    }), N(n, (a) => {
-      a || r("timeout", t.id);
-    }), (a, s) => {
-      const f = m("v-alert");
-      return C(), A(f, {
+    }), P(n, (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] = (p) => n.value = p),
+        "onUpdate:modelValue": s[0] || (s[0] = (f) => n.value = f),
         class: "mt-2",
         type: e.type,
-        icon: l.value,
+        icon: a.value,
         text: e.text,
         "max-width": "90%",
         width: "500px",
@@ -230,113 +258,108 @@ const Pe = /* @__PURE__ */ S({
       }, null, 8, ["modelValue", "type", "icon", "text"]);
     };
   }
-}), Ee = /* @__PURE__ */ S({
+}), Le = /* @__PURE__ */ R({
   __name: "index",
   setup(e) {
-    const o = Ce({ items: [] });
-    $(() => {
-      i.on("message", t);
-    }), W(() => {
-      i.off("message", t);
+    const o = De({ items: [] });
+    D(() => {
+      c.on("message", t);
+    }), A(() => {
+      c.off("message", t);
     });
     const t = (s) => {
-      l(s.type, s.text, s.timeout);
+      a(s.type, s.text, s.timeout);
     }, n = (s) => {
-      a(s);
+      l(s);
     };
     let r = 0;
-    const l = (s, f, p) => {
+    const a = (s, m, f) => {
       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);
+      o.items.push({ id: V, type: s, text: m, timeout: f });
+    }, l = (s) => {
+      const m = o.items.findIndex((f) => f.id === s);
+      m >= 0 && o.items.splice(m, 1);
     };
-    return (s, f) => (C(), K("div", {
-      onClick: f[0] || (f[0] = M(() => {
+    return (s, m) => (C(), H("div", {
+      onClick: m[0] || (m[0] = $(() => {
       }, ["stop"])),
       class: "x-cont d-flex flex-column-reverse align-center"
     }, [
-      (C(!0), K(Ve, null, qe(o.items, (p) => (C(), A(je, {
+      (C(!0), H(Re, null, Oe(o.items, (f) => (C(), M(Ke, {
         onTimeout: n,
-        id: p.id,
-        type: p.type,
-        text: p.text,
-        timeout: p.timeout,
-        key: p.id
+        id: f.id,
+        type: f.type,
+        text: f.text,
+        timeout: f.timeout,
+        key: f.id
       }, null, 8, ["id", "type", "text", "timeout"]))), 128))
     ]));
   }
-}), Ue = /* @__PURE__ */ oe(Ee, [["__scopeId", "data-v-70ed4b89"]]), We = /* @__PURE__ */ S({
+}), Ne = /* @__PURE__ */ ae(Le, [["__scopeId", "data-v-70ed4b89"]]), He = /* @__PURE__ */ R({
   __name: "index",
-  props: {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
   setup(e) {
-    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";
+    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(() => {
+      var i;
+      return ((i = f.value) == null ? void 0 : i.color) ?? "primary";
     }), q = d(() => {
-      var c;
-      return ((c = p.value) == null ? void 0 : c.text) ?? o.t("cancel");
+      var i;
+      return ((i = f.value) == null ? void 0 : i.text) ?? o.t("cancel");
+    }), E = d(() => {
+      var i;
+      return ((i = V.value) == null ? void 0 : i.color) ?? "primary";
     }), B = d(() => {
-      var c;
-      return ((c = V.value) == null ? void 0 : c.color) ?? "primary";
-    }), O = d(() => {
-      var c;
-      return ((c = V.value) == null ? void 0 : c.text) ?? o.t("confirm");
-    }), u = _();
-    let y = 0, D = !1;
-    const j = async (c) => {
+      var i;
+      return ((i = V.value) == null ? void 0 : i.text) ?? o.t("confirm");
+    }), u = p();
+    let w = 0, S = !1;
+    const U = async (i) => {
       var x;
-      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();
+      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();
     };
-    $(() => {
-      i.on("promptDlg", j);
-    }), W(() => {
-      i.off("promptDlg", j);
+    D(() => {
+      c.on("promptDlg", U);
+    }), A(() => {
+      c.off("promptDlg", U);
     });
-    const T = () => {
-      t.value = !1, D || (i.emit("promptDlgResult" + y, f.value ?? ""), D = !0);
+    const I = () => {
+      t.value = !1, S || (c.emit("promptDlgResult" + w, m.value ?? ""), S = !0);
     };
-    return N(t, (c) => {
-      !c && !D && (i.emit("promptDlgResult" + y, void 0), D = !0);
-    }), (c, x) => {
-      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 C(), A(de, {
-        modelValue: t.value,
-        "onUpdate:modelValue": x[2] || (x[2] = (P) => t.value = P),
+    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, {
+        modelValue: z(t),
+        "onUpdate:modelValue": x[2] || (x[2] = (j) => X(t) ? t.value = j : null),
         onKeydown: [
-          x[3] || (x[3] = U(M((P) => t.value = !1, ["stop", "prevent"]), ["esc"])),
-          U(M(T, ["stop", "prevent"]), ["enter"])
+          x[3] || (x[3] = K($((j) => t.value = !1, ["stop", "prevent"]), ["esc"])),
+          K($(I, ["stop", "prevent"]), ["enter"])
         ],
         transition: "dialog-top-transition",
         "max-width": "600px"
       }, {
-        default: v(() => [
-          h(ue, null, {
-            default: v(() => [
-              h(z, null, {
-                default: v(() => [
+        default: g(() => [
+          h(me, null, {
+            default: g(() => [
+              h(N, null, {
+                default: g(() => [
                   b(k(n.value), 1)
                 ]),
                 _: 1
               }),
-              h(I, null, {
-                default: v(() => [
+              h(T, null, {
+                default: g(() => [
                   b(k(r.value), 1)
                 ]),
                 _: 1
               }),
-              h(ce, { class: "mx-3" }, {
-                default: v(() => [
-                  h(se, {
-                    modelValue: f.value,
-                    "onUpdate:modelValue": x[0] || (x[0] = (P) => f.value = P),
-                    label: l.value,
-                    placeholder: a.value,
+              h(pe, { class: "mx-3" }, {
+                default: g(() => [
+                  h(de, {
+                    modelValue: m.value,
+                    "onUpdate:modelValue": x[0] || (x[0] = (j) => m.value = j),
+                    label: a.value,
+                    placeholder: l.value,
                     rules: s.value,
                     ref_key: "target",
                     ref: u
@@ -344,25 +367,25 @@ const Pe = /* @__PURE__ */ S({
                 ]),
                 _: 1
               }),
-              h(ie, { class: "d-flex justify-end" }, {
-                default: v(() => [
-                  h(J, {
-                    onClick: x[1] || (x[1] = (P) => t.value = !1),
-                    color: R.value,
+              h(fe, { class: "d-flex justify-end" }, {
+                default: g(() => [
+                  h(Q, {
+                    onClick: x[1] || (x[1] = (j) => t.value = !1),
+                    color: O.value,
                     variant: "text"
                   }, {
-                    default: v(() => [
+                    default: g(() => [
                       b(k(q.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"]),
-                  h(J, {
-                    onClick: T,
-                    color: B.value,
+                  h(Q, {
+                    onClick: I,
+                    color: E.value,
                     variant: "text"
                   }, {
-                    default: v(() => [
-                      b(k(O.value), 1)
+                    default: g(() => [
+                      b(k(B.value), 1)
                     ]),
                     _: 1
                   }, 8, ["color"])
@@ -377,42 +400,37 @@ const Pe = /* @__PURE__ */ S({
       }, 8, ["modelValue", "onKeydown"]);
     };
   }
-}), ze = { class: "mx-auto my-auto" }, Ke = { class: "d-flex align-center justify-center w-100 h-100" }, Le = /* @__PURE__ */ S({
+}), Xe = { class: "mx-auto my-auto" }, Fe = { class: "d-flex align-center justify-center w-100 h-100" }, Ge = /* @__PURE__ */ R({
   __name: "index",
-  props: {
-    modelValue: { type: Boolean },
-    modelModifiers: {}
-  },
-  emits: ["update:modelValue"],
   setup(e) {
-    const o = H(), t = L(e, "modelValue"), n = () => {
+    const o = F(), { open: t } = J("waitDlg"), n = () => {
       t.value = !0;
     }, r = () => {
       t.value = !1;
     };
-    return $(() => {
-      i.on("openWaitDlg", n), i.on("closeWaitDlg", r);
-    }), W(() => {
-      i.off("openWaitDlg", n), i.off("closeWaitDlg", r);
-    }), (l, a) => {
-      const s = m("v-card"), f = m("v-dialog");
-      return C(), A(f, {
-        modelValue: t.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (p) => t.value = p),
+    return D(() => {
+      c.on("openWaitDlg", n), c.on("closeWaitDlg", r);
+    }), A(() => {
+      c.off("openWaitDlg", n), c.off("closeWaitDlg", r);
+    }), (a, l) => {
+      const s = v("v-card"), m = v("v-dialog");
+      return C(), M(m, {
+        modelValue: z(t),
+        "onUpdate:modelValue": l[0] || (l[0] = (f) => X(t) ? t.value = f : null),
         persistent: "",
         "no-click-animation": "",
         fullscreen: ""
       }, {
-        default: v(() => [
-          g("div", ze, [
+        default: g(() => [
+          _("div", Xe, [
             h(s, {
               width: "300px",
               height: "80px",
               loading: ""
             }, {
-              default: v(() => [
-                g("div", Ke, [
-                  g("span", null, k(De(o).t("waitingResponse")), 1)
+              default: g(() => [
+                _("div", Fe, [
+                  _("span", null, k(z(o).t("waitingResponse")), 1)
                 ])
               ]),
               _: 1
@@ -423,125 +441,162 @@ const Pe = /* @__PURE__ */ S({
       }, 8, ["modelValue"]);
     };
   }
-});
-function it() {
-  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");
+}), 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);
+};
+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");
   return {
     primaryColor: o,
     secondaryColor: t,
     backgroundColor0: n,
     backgroundColor1: r,
-    backgroundColor2: l,
-    highlightColor: a,
+    backgroundColor2: a,
+    highlightColor: l,
     borderColor: s
   };
 }
-function ut() {
-  const e = X(), { width: o } = Re(), t = d(() => e.current.value.dark), n = d(() => !!window.cordova), r = d(() => o.value <= 1280 ? o.value + "px" : o.value <= 1920 ? 1920 / 2.5 + "px" : 2560 / 2.5 + "px");
+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 };
 }
-var Ne = {}, G;
+const xt = le(
+  "global",
+  () => {
+    const e = L(), o = je(), t = p(!1);
+    P(
+      t,
+      (l) => {
+        e.global.name.value = l ? "dark" : "light";
+      },
+      {
+        immediate: !0
+      }
+    );
+    const n = p("");
+    P(
+      n,
+      (l) => {
+        o.locale.value = l;
+      },
+      {
+        immediate: !0
+      }
+    );
+    const r = p({}), a = p("");
+    return { dark: t, locale: n, permissionObjects: r, permissionChecksum: a };
+  },
+  {
+    persist: [
+      {
+        storage: localStorage,
+        paths: ["dark", "locale", "permissionObjects", "permissionChecksum"]
+      }
+    ]
+  }
+);
+var Qe = {}, Y;
 (function(e) {
   e.pop = "pop", e.push = "push";
-})(G || (G = {}));
-var Q;
+})(Y || (Y = {}));
+var Z;
 (function(e) {
   e.back = "back", e.forward = "forward", e.unknown = "";
-})(Q || (Q = {}));
-var Y;
+})(Z || (Z = {}));
+var ee;
 (function(e) {
   e[e.aborted = 4] = "aborted", e[e.cancelled = 8] = "cancelled", e[e.duplicated = 16] = "duplicated";
-})(Y || (Y = {}));
-const He = Symbol(Ne.NODE_ENV !== "production" ? "router" : "");
-function Xe() {
-  return Se(He);
+})(ee || (ee = {}));
+const Ye = Symbol(Qe.NODE_ENV !== "production" ? "router" : "");
+function Ze() {
+  return Ie(Ye);
 }
-const E = require("js-cookie");
-function dt(e) {
-  const o = Te.create({
+const W = require("js-cookie");
+function wt(e) {
+  const o = Pe.create({
     timeout: 6e3
   });
   return o.defaults.baseURL = e.baseUrl, o.interceptors.request.use(
-    (t) => Fe(t),
+    (t) => et(t),
     (t) => {
-      Je(t, e.onError);
+      tt(t, e.onError);
     }
   ), o.interceptors.response.use(
-    (t) => Ge(t),
-    (t) => Qe(t, e.onError)
+    (t) => ot(t),
+    (t) => nt(t, e.onError)
   ), o;
 }
-function Fe(e) {
-  const o = E.get("accessToken") ?? "";
+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;
 }
-function Je(e, o) {
+function tt(e, o) {
   console.error(e), o("request timeout");
 }
-function Ge(e) {
+function ot(e) {
   return e.data;
 }
-function Qe(e, o) {
+function nt(e, o) {
   var r;
   const t = e.response;
   if (!t)
     return Promise.reject(e);
-  t.status === 401 && Ye();
+  t.status === 401 && rt();
   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 Ye() {
-  E.remove("accessToken"), E.remove("refreshToken"), E.remove("activeOrg"), Xe().replace({ path: "/passport/login" });
+function rt() {
+  W.remove("accessToken"), W.remove("refreshToken"), W.remove("activeOrg"), Ze().replace({ path: "/passport/login" });
 }
-let Z = Date.now();
-function ne() {
+let te = Date.now();
+function se() {
   const e = Date.now();
-  return e - Z > 500 ? (Z = e, !0) : !1;
+  return e - te > 500 ? (te = e, !0) : !1;
 }
-let Ze = 0;
-function re() {
-  return ++Ze;
+let lt = 0;
+function ce() {
+  return ++lt;
 }
-async function pt(e) {
-  if (!ne())
+async function yt(e) {
+  if (!se())
     return;
   let o = !1, 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;
+  const n = (a) => {
+    t = a, o = !0;
+  }, r = ce();
+  return c.on("confirmDlgResult" + r, n), c.emit("confirmDlg", { ...e, seq: r }), await G(() => o), c.off("confirmDlgResult" + r, n), t;
 }
-async function ft(e) {
-  if (!ne())
+async function kt(e) {
+  if (!se())
     return;
   let o = !1, 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;
+  const n = (a) => {
+    t = a, o = !0;
+  }, r = ce();
+  return c.on("promptDlgResult" + r, n), c.emit("promptDlg", { ...e, seq: r }), await G(() => o), c.off("promptDlgResult" + r, n), t;
 }
-function mt() {
-  i.emit("openWaitDlg");
+function bt() {
+  c.emit("openWaitDlg");
 }
-function vt() {
-  i.emit("closeWaitDlg");
+function Ct() {
+  c.emit("closeWaitDlg");
 }
-function gt(e, o) {
-  i.emit("message", { type: "error", text: e, timeout: o });
+function Vt(e, o) {
+  c.emit("message", { type: "error", text: e, timeout: o });
 }
-function _t(e, o) {
-  i.emit("message", { type: "info", text: e, timeout: o });
+function qt(e, o) {
+  c.emit("message", { type: "info", text: e, timeout: o });
 }
-function ht(e, o) {
-  i.emit("message", { type: "success", text: e, timeout: o });
+function St(e, o) {
+  c.emit("message", { type: "success", text: e, timeout: o });
 }
-function xt(e, o) {
-  i.emit("message", { type: "warning", text: e, timeout: o });
+function Dt(e, o) {
+  c.emit("message", { type: "warning", text: e, timeout: o });
 }
-function yt(e) {
+function Rt(e) {
   var n, r;
   if (!window.appAppear) {
     window.appAppear = !0;
@@ -552,7 +607,25 @@ function yt(e) {
     t.add("app-reset");
   }, 0));
 }
-const ae = require("js-cookie"), et = [
+let at = {};
+function oe(e, o) {
+  if (!e)
+    return !1;
+  let t = e;
+  return Object.keys(t).length <= 0 || (o.split("/").forEach((r) => {
+    if (Object.keys(t).length <= 0)
+      return !0;
+    if (t[r])
+      t = t[r];
+    else
+      return !1;
+  }), Object.keys(t).length <= 0);
+}
+function Ot(e, o) {
+  const t = at[e];
+  return t ? o ? (!oe(t.includes, o) || oe(t.excludes, o), !1) : !0 : !1;
+}
+const ie = require("js-cookie"), st = [
   { path: "/passport/login", level: 0 },
   { path: "/passport/loginAccount", level: 1 },
   { path: "/passport/register", level: 1 },
@@ -572,99 +645,100 @@ const ae = require("js-cookie"), et = [
   { path: "/calc", level: 1, requiredState: "org" },
   { path: "/data", level: 1, requiredState: "org" }
 ];
-function le(e) {
+function ue(e) {
   let o, t = 0;
   const n = e.split("/");
-  return et.forEach((r) => {
-    const l = r.path.split("/");
-    let a = 0;
-    for (let s = 0; s < n.length && !(s >= l.length || n[s] !== l[s]); s++)
-      a++;
-    a >= t && (o = r, t = a);
+  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++)
+      l++;
+    l >= t && (o = r, t = l);
   }), o;
 }
-function ee(e) {
+function ne(e) {
   if (e === "/")
     return { app: "", path: "/", level: -1 };
-  const o = le(e);
+  const o = ue(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 te = _("");
-function w(e, o) {
-  const t = ee(e), n = ee(o), r = t.app === n.app, l = t.path === n.path, a = t.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;
   console.info(
-    `~~~~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 };
+    `~~~~before route change~~~~ ${n.path} -> ${t.path} inner=${r} forward=${l}`
+  ), r ? a ? re.value = "" : re.value = l ? "inner-left" : "inner-right" : window.routeExtras = { forward: l };
 }
-function tt() {
-  return !!ae.get("accessToken");
+function ct() {
+  return !!ie.get("accessToken");
 }
-function ot() {
-  return !!ae.get("activeOrg");
+function it() {
+  return !!ie.get("activeOrg");
 }
-function wt(e, o, t) {
-  const n = tt(), r = ot(), l = le(e.path);
-  if (!l) {
+function It(e, o, t) {
+  const n = ct(), r = it(), a = ue(e.path);
+  if (!a) {
     t();
     return;
   }
-  if (l.requiredState === "auth")
+  if (a.requiredState === "auth")
     if (n)
       if (r) {
-        const a = "/main";
-        w(a, o.path), t({ path: a });
+        const l = "/main";
+        y(l, o.path), t({ path: l });
       } else
-        w(e.path, o.path), t();
+        y(e.path, o.path), t();
     else {
-      const a = "/passport/login";
-      w(a, o.path), t({ path: a });
+      const l = "/passport/login";
+      y(l, o.path), t({ path: l });
     }
-  else if (l.requiredState === "org")
+  else if (a.requiredState === "org")
     if (n)
       if (r)
-        w(e.path, o.path), t();
+        y(e.path, o.path), t();
       else {
-        const a = "/org/joinOrCreate";
-        w(a, o.path), t({ path: a });
+        const l = "/org/joinOrCreate";
+        y(l, o.path), t({ path: l });
       }
     else {
-      const a = "/passport/login";
-      w(a, o.path), t({ path: a });
+      const l = "/passport/login";
+      y(l, o.path), t({ path: l });
     }
   else if (n)
     if (r) {
-      const a = "/main";
-      w(a, o.path), t({ path: a });
+      const l = "/main";
+      y(l, o.path), t({ path: l });
     } else {
-      const a = "/org/joinOrCreate";
-      w(a, o.path), t({ path: a });
+      const l = "/org/joinOrCreate";
+      y(l, o.path), t({ path: l });
     }
   else
-    w(e.path, o.path), t();
+    y(e.path, o.path), t();
 }
-const nt = (e) => {
-  e.component("v-alert", pe), e.component("v-btn", fe), e.component("v-card", me), e.component("v-card-actions", ve), e.component("v-card-text", ge), e.component("v-card-title", _e), e.component("v-dialog", he), e.component("v-form", xe), e.component("v-text-field", ye), e.component("x-confirm-dlg", Pe), e.component("x-loading", Oe), e.component("x-message", Ue), e.component("x-prompt-dlg", We), e.component("x-wait-dlg", Le);
-}, kt = { install: nt };
+const Tt = { install: Je };
 export {
-  yt as appAppear,
-  vt as closeWaitDlg,
-  dt as createAxios,
-  kt as default,
-  i as eventBus,
-  gt as messageError,
-  _t as messageInfo,
-  ht as messageSuccess,
-  xt as messageWarning,
-  wt as onBeforeEach,
-  pt as openConfirmDlg,
-  ft as openPromptDlg,
-  mt as openWaitDlg,
-  te as routeTransName,
-  it as useColor,
-  ut as useSystem,
-  ct as waitMs,
-  F as waitUtil
+  Rt as appAppear,
+  Ct as closeWaitDlg,
+  wt as createAxios,
+  Tt as default,
+  c as eventBus,
+  Vt as messageError,
+  qt as messageInfo,
+  St as messageSuccess,
+  Dt as messageWarning,
+  It as onBeforeEach,
+  yt as openConfirmDlg,
+  kt as openPromptDlg,
+  bt as openWaitDlg,
+  re as routeTransName,
+  _t as useColor,
+  xt as useGlobalStore,
+  ht as useSystem,
+  $e as useViewMgrStore,
+  Ot as verifyPermission,
+  gt as waitMs,
+  G as waitUtil
 };