x-essential-lib 0.5.6 → 0.5.7

package/dist/index.js

@@ -1,20 +1,29 @@
 (function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.id="x-essential-lib",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-f4ad116e]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.lds-spinner[data-v-f4ad116e]{color:official;display:inline-block;position:relative;width:40px;height:40px}.lds-spinner div[data-v-f4ad116e]{transform-origin:20px 20px;animation:lds-spinner-f4ad116e 1.2s linear infinite}.lds-spinner div[data-v-f4ad116e]:after{content:" ";display:block;position:absolute;top:3px;left:18px;width:2px;height:6px;border-radius:5%;background:#9e9e9e}.lds-spinner div[data-v-f4ad116e]:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div[data-v-f4ad116e]:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div[data-v-f4ad116e]:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div[data-v-f4ad116e]:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div[data-v-f4ad116e]:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div[data-v-f4ad116e]:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div[data-v-f4ad116e]:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div[data-v-f4ad116e]:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div[data-v-f4ad116e]:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div[data-v-f4ad116e]:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div[data-v-f4ad116e]:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div[data-v-f4ad116e]:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner-f4ad116e{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 { ref as i, computed as g, onMounted as V, onBeforeUnmount as O, defineComponent as M, watch as J, resolveComponent as h, openBlock as R, createBlock as B, unref as z, isRef as X, withKeys as L, withModifiers as K, withCtx as w, createVNode as k, createTextVNode as A, toDisplayString as T, createElementBlock as F, normalizeStyle as ve, pushScopeId as me, popScopeId as he, createElementVNode as m, reactive as we, Fragment as ye, renderList as xe, createCommentVNode as ke } from "vue";
-import { useLocale as G, useTheme as Q, useDisplay as be } from "vuetify";
+import { ref as i, watch as F, computed as g, onMounted as V, onBeforeUnmount as O, defineComponent as M, resolveComponent as h, openBlock as R, createBlock as E, unref as W, isRef as G, withKeys as z, withModifiers as K, withCtx as w, createVNode as k, createTextVNode as A, toDisplayString as T, createElementBlock as J, normalizeStyle as ve, pushScopeId as me, popScopeId as he, createElementVNode as m, reactive as we, Fragment as ye, renderList as xe, createCommentVNode as ke } from "vue";
+import { useTheme as H, useLocale as Q, useDisplay as be } from "vuetify";
 import { defineStore as re } from "pinia";
 import Ce from "axios";
 import { useRouter as le, useRoute as De } from "vue-router";
 const ne = re(
   "global",
   () => {
-    const e = i(!0), a = i(1), t = i(), r = i("en"), o = i({}), n = i("");
-    return {
-      running: e,
-      mainActive: a,
-      dark: t,
-      locale: r,
-      permissionObjects: o,
-      permissionChecksum: n
+    const e = H(), a = i(!0), t = i(1), r = i(), o = i("en"), n = i({}), l = i("");
+    return F(
+      r,
+      () => {
+        const c = !!r.value;
+        c ? StatusBar == null || StatusBar.styleLightContent() : StatusBar == null || StatusBar.styleDefault(), e.global.name.value = c ? "dark" : "light";
+      },
+      {
+        immediate: !0
+      }
+    ), {
+      running: a,
+      mainActive: t,
+      dark: r,
+      locale: o,
+      permissionObjects: n,
+      permissionChecksum: l
     };
   },
   {
@@ -69,7 +78,7 @@ const ne = re(
   };
 });
 /*! js-cookie v3.0.5 | MIT */
-function W(e) {
+function L(e) {
   for (var a = 1; a < arguments.length; a++) {
     var t = arguments[a];
     for (var r in t)
@@ -88,10 +97,10 @@ var Se = {
     );
   }
 };
-function H(e, a) {
+function X(e, a) {
   function t(o, n, l) {
     if (!(typeof document > "u")) {
-      l = W({}, a, l), typeof l.expires == "number" && (l.expires = new Date(Date.now() + l.expires * 864e5)), l.expires && (l.expires = l.expires.toUTCString()), o = encodeURIComponent(o).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
+      l = L({}, a, l), typeof l.expires == "number" && (l.expires = new Date(Date.now() + l.expires * 864e5)), l.expires && (l.expires = l.expires.toUTCString()), o = encodeURIComponent(o).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
       var c = "";
       for (var u in l)
         l[u] && (c += "; " + u, l[u] !== !0 && (c += "=" + l[u].split(";")[0]));
@@ -120,16 +129,16 @@ function H(e, a) {
         t(
           o,
           "",
-          W({}, n, {
+          L({}, n, {
             expires: -1
           })
         );
       },
       withAttributes: function(o) {
-        return H(this.converter, W({}, this.attributes, o));
+        return X(this.converter, L({}, this.attributes, o));
       },
       withConverter: function(o) {
-        return H(W({}, this.converter, o), this.attributes);
+        return X(L({}, this.converter, o), this.attributes);
       }
     },
     {
@@ -138,7 +147,7 @@ function H(e, a) {
     }
   );
 }
-var E = H(Se, { path: "/" });
+var B = X(Se, { path: "/" });
 function rt(e) {
   const a = Ce.create({
     timeout: 6e3
@@ -154,7 +163,7 @@ function rt(e) {
   ), a;
 }
 function qe(e) {
-  const a = E.get("accessToken") ?? "";
+  const a = B.get("accessToken") ?? "";
   return e.headers.Authorization = "Basic " + a, e.headers["Content-Type"] = "application/json", e.data = JSON.stringify(e.data), e;
 }
 function Ve(e, a) {
@@ -176,7 +185,7 @@ function Oe(e, a) {
   }), a(r), Promise.reject(e);
 }
 function Te() {
-  E.remove("accessToken"), E.remove("refreshToken"), E.remove("activeOrg"), le().replace({ path: "/passport/login" });
+  B.remove("accessToken"), B.remove("refreshToken"), B.remove("activeOrg"), le().replace({ path: "/passport/login" });
 }
 function je(e) {
   return { all: e = e || /* @__PURE__ */ new Map(), on: function(a, t) {
@@ -279,7 +288,7 @@ function te(e, a) {
       return !1;
   }), Object.keys(t).length <= 0);
 }
-const Ee = [
+const Be = [
   { path: "/passport/login", level: 0 },
   { path: "/passport/loginAccount", level: 1 },
   { path: "/passport/register", level: 1 },
@@ -301,7 +310,7 @@ const Ee = [
 function N(e) {
   let a, t = 0;
   const r = e.split("/").filter((o) => o.trim() !== "");
-  return Ee.forEach((o) => {
+  return Be.forEach((o) => {
     const n = o.path.split("/").filter((c) => c.trim() !== "");
     let l = 0;
     for (let c = 0; c < r.length && !(c >= n.length || r[c] !== n[c]); c++)
@@ -325,14 +334,14 @@ function q(e, a) {
     `~~~~before route change~~~~ ${r.path} -> ${t.path} inner=${o} forward=${l}`
   ), o ? n ? oe.value = "" : oe.value = l ? "inner-left" : "inner-right" : window.routeExtras = { forward: l };
 }
-function Be() {
-  return !!E.get("accessToken");
+function Ee() {
+  return !!B.get("accessToken");
 }
 function Me() {
-  return !!E.get("activeOrg");
+  return !!B.get("activeOrg");
 }
 function gt(e, a, t) {
-  const r = Be(), o = Me(), n = N(e.path);
+  const r = Ee(), o = Me(), n = N(e.path);
   if (!n) {
     t();
     return;
@@ -391,7 +400,7 @@ function Z(e, a) {
 const Ue = /* @__PURE__ */ M({
   __name: "index",
   setup(e) {
-    const a = G(), { open: t } = Z("confirmDlg"), r = i(""), o = i(""), n = i(), l = i(), c = g(() => {
+    const a = Q(), { open: t } = Z("confirmDlg"), r = i(""), o = i(""), n = i(), l = i(), c = g(() => {
       var p;
       return ((p = n.value) == null ? void 0 : p.color) ?? "primary";
     }), u = g(() => {
@@ -416,16 +425,16 @@ const Ue = /* @__PURE__ */ M({
     const f = () => {
       t.value = !1, b || (s.emit("confirmDlgResult" + D, !0), b = !0);
     };
-    return J(t, (p) => {
+    return F(t, (p) => {
       !p && !b && (s.emit("confirmDlgResult" + D, !1), b = !0);
     }), (p, y) => {
       const C = h("v-card-text"), S = h("v-btn"), I = h("v-card-actions"), d = h("v-card"), x = h("v-dialog");
-      return R(), B(x, {
-        modelValue: z(t),
-        "onUpdate:modelValue": y[1] || (y[1] = (U) => X(t) ? t.value = U : null),
+      return R(), E(x, {
+        modelValue: W(t),
+        "onUpdate:modelValue": y[1] || (y[1] = (U) => G(t) ? t.value = U : null),
         onKeydown: [
-          y[2] || (y[2] = L(K((U) => t.value = !1, ["stop", "prevent"]), ["esc"])),
-          L(K(f, ["stop", "prevent"]), ["enter"])
+          y[2] || (y[2] = z(K((U) => t.value = !1, ["stop", "prevent"]), ["esc"])),
+          z(K(f, ["stop", "prevent"]), ["enter"])
         ],
         transition: "dialog-top-transition",
         "max-width": "600px"
@@ -485,9 +494,9 @@ const Ue = /* @__PURE__ */ M({
   /* @__PURE__ */ m("div"),
   /* @__PURE__ */ m("div"),
   /* @__PURE__ */ m("div")
-], -1)), We = [
+], -1)), Le = [
   Ke
-], ze = /* @__PURE__ */ M({
+], We = /* @__PURE__ */ M({
   __name: "index",
   props: {
     zIndex: {
@@ -496,21 +505,21 @@ const Ue = /* @__PURE__ */ M({
     }
   },
   setup(e) {
-    const a = Q(), t = e, r = g(() => ({
+    const a = H(), t = e, r = g(() => ({
       background: a.current.value.dark ? "#1e1e1e" : "#ffffff",
       zIndex: t.zIndex
     }));
-    return (o, n) => (R(), F("div", {
+    return (o, n) => (R(), J("div", {
       class: "x-cont",
       style: ve(r.value)
-    }, We, 4));
+    }, Le, 4));
   }
 }), pe = (e, a) => {
   const t = e.__vccOpts || e;
   for (const [r, o] of a)
     t[r] = o;
   return t;
-}, Le = /* @__PURE__ */ pe(ze, [["__scopeId", "data-v-f4ad116e"]]), Ne = /* @__PURE__ */ M({
+}, ze = /* @__PURE__ */ pe(We, [["__scopeId", "data-v-f4ad116e"]]), Ne = /* @__PURE__ */ M({
   __name: "item",
   props: {
     id: {
@@ -554,11 +563,11 @@ const Ue = /* @__PURE__ */ M({
       setTimeout(() => {
         o("timeout", t.id);
       }, t.timeout);
-    }), J(r, (l) => {
+    }), F(r, (l) => {
       l || o("timeout", t.id);
     }), (l, c) => {
       const u = h("v-alert");
-      return R(), B(u, {
+      return R(), E(u, {
         modelValue: r.value,
         "onUpdate:modelValue": c[0] || (c[0] = (_) => r.value = _),
         class: "mt-2",
@@ -595,12 +604,12 @@ const Ue = /* @__PURE__ */ M({
       const u = a.items.findIndex((_) => _.id === c);
       u >= 0 && a.items.splice(u, 1);
     };
-    return (c, u) => (R(), F("div", {
+    return (c, u) => (R(), J("div", {
       onClick: u[0] || (u[0] = K(() => {
       }, ["stop"])),
       class: "x-cont d-flex flex-column-reverse align-center"
     }, [
-      (R(!0), F(ye, null, xe(a.items, (_) => (R(), B(Ne, {
+      (R(!0), J(ye, null, xe(a.items, (_) => (R(), E(Ne, {
         onTimeout: r,
         id: _.id,
         type: _.type,
@@ -613,7 +622,7 @@ const Ue = /* @__PURE__ */ M({
 }), He = /* @__PURE__ */ pe(Fe, [["__scopeId", "data-v-70ed4b89"]]), Je = /* @__PURE__ */ M({
   __name: "index",
   setup(e) {
-    const a = G(), { open: t } = Z("promptDlg"), r = i(""), o = i(""), n = i(), l = i(), c = i(), u = i(""), _ = i(), v = i(), D = g(() => {
+    const a = Q(), { open: t } = Z("promptDlg"), r = i(""), o = i(""), n = i(), l = i(), c = i(), u = i(""), _ = i(), v = i(), D = g(() => {
       var d;
       return ((d = _.value) == null ? void 0 : d.color) ?? "primary";
     }), b = g(() => {
@@ -639,16 +648,16 @@ const Ue = /* @__PURE__ */ M({
     const I = () => {
       t.value = !1, C || (s.emit("promptDlgResult" + y, u.value ?? ""), C = !0);
     };
-    return J(t, (d) => {
+    return F(t, (d) => {
       !d && !C && (s.emit("promptDlgResult" + y, void 0), C = !0);
     }), (d, x) => {
       const U = h("v-card-text"), _e = h("v-text-field"), de = h("v-form"), P = h("v-btn"), ie = h("v-card-actions"), fe = h("v-card"), ge = h("v-dialog");
-      return R(), B(ge, {
-        modelValue: z(t),
-        "onUpdate:modelValue": x[2] || (x[2] = ($) => X(t) ? t.value = $ : null),
+      return R(), E(ge, {
+        modelValue: W(t),
+        "onUpdate:modelValue": x[2] || (x[2] = ($) => G(t) ? t.value = $ : null),
         onKeydown: [
-          x[3] || (x[3] = L(K(($) => t.value = !1, ["stop", "prevent"]), ["esc"])),
-          L(K(I, ["stop", "prevent"]), ["enter"])
+          x[3] || (x[3] = z(K(($) => t.value = !1, ["stop", "prevent"]), ["esc"])),
+          z(K(I, ["stop", "prevent"]), ["enter"])
         ],
         transition: "dialog-top-transition",
         "max-width": "600px"
@@ -656,7 +665,7 @@ const Ue = /* @__PURE__ */ M({
         default: w(() => [
           k(fe, { title: r.value }, {
             default: w(() => [
-              o.value ? (R(), B(U, { key: 0 }, {
+              o.value ? (R(), E(U, { key: 0 }, {
                 default: w(() => [
                   A(T(o.value), 1)
                 ]),
@@ -712,7 +721,7 @@ const Ue = /* @__PURE__ */ M({
 }), Xe = { class: "mx-auto my-auto" }, Ge = { class: "d-flex align-center justify-center w-100 h-100" }, Qe = /* @__PURE__ */ M({
   __name: "index",
   setup(e) {
-    const a = G(), { open: t } = Z("waitDlg"), r = () => {
+    const a = Q(), { open: t } = Z("waitDlg"), r = () => {
       t.value = !0;
     }, o = () => {
       t.value = !1;
@@ -723,9 +732,9 @@ const Ue = /* @__PURE__ */ M({
       s.off("openWaitDlg", r), s.off("closeWaitDlg", o);
     }), (n, l) => {
       const c = h("v-card"), u = h("v-dialog");
-      return R(), B(u, {
-        modelValue: z(t),
-        "onUpdate:modelValue": l[0] || (l[0] = (_) => X(t) ? t.value = _ : null),
+      return R(), E(u, {
+        modelValue: W(t),
+        "onUpdate:modelValue": l[0] || (l[0] = (_) => G(t) ? t.value = _ : null),
         persistent: "",
         "no-click-animation": "",
         fullscreen: ""
@@ -739,7 +748,7 @@ const Ue = /* @__PURE__ */ M({
             }, {
               default: w(() => [
                 m("div", Ge, [
-                  m("span", null, T(z(a).t("waitingResponse")), 1)
+                  m("span", null, T(W(a).t("waitingResponse")), 1)
                 ])
               ]),
               _: 1
@@ -751,10 +760,10 @@ const Ue = /* @__PURE__ */ M({
     };
   }
 }), Ye = (e) => {
-  e.component("x-confirm-dlg", Ue), e.component("x-loading", Le), e.component("x-message", He), e.component("x-prompt-dlg", Je), e.component("x-wait-dlg", Qe);
+  e.component("x-confirm-dlg", Ue), e.component("x-loading", ze), e.component("x-message", He), e.component("x-prompt-dlg", Je), e.component("x-wait-dlg", Qe);
 };
 function vt() {
-  const e = Q(), a = g(() => e.global.current.value.colors.primary), t = g(() => e.global.current.value.colors.secondary), r = g(() => e.current.value.dark ? "#2e2e2e" : "#bdbdbd"), o = g(() => e.current.value.dark ? "#272727" : "#eeeeee"), n = g(() => e.current.value.dark ? "#1e1e1e" : "#ffffff"), l = g(() => e.current.value.dark ? "#303030" : "#f6f6f6"), c = g(() => e.current.value.dark ? "#ffffff1f" : "#0000001f");
+  const e = H(), a = g(() => e.global.current.value.colors.primary), t = g(() => e.global.current.value.colors.secondary), r = g(() => e.current.value.dark ? "#2e2e2e" : "#bdbdbd"), o = g(() => e.current.value.dark ? "#272727" : "#eeeeee"), n = g(() => e.current.value.dark ? "#1e1e1e" : "#ffffff"), l = g(() => e.current.value.dark ? "#303030" : "#f6f6f6"), c = g(() => e.current.value.dark ? "#ffffff1f" : "#0000001f");
   return {
     primaryColor: a,
     secondaryColor: t,
@@ -856,7 +865,7 @@ function ht() {
   return { verifyPermission: a };
 }
 function wt() {
-  const e = Q(), a = be(), t = g(() => e.current.value.dark), r = g(() => !!window.cordova), o = g(() => a.width.value <= 1280 ? a.width.value + "px" : a.width.value <= 1920 ? 1920 / 2.5 + "px" : 2560 / 2.5 + "px");
+  const e = H(), a = be(), t = g(() => e.current.value.dark), r = g(() => !!window.cordova), o = g(() => a.width.value <= 1280 ? a.width.value + "px" : a.width.value <= 1920 ? 1920 / 2.5 + "px" : 2560 / 2.5 + "px");
   return { dark: t, sysBarAvail: r, compactWidth: o };
 }
 const yt = { install: Ye };

package/package.json

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