x-essential-lib 0.6.4 → 0.6.5

package/dist/index.js

@@ -1,11 +1,11 @@
 (function(){"use strict";try{if(typeof document<"u"){var a=document.createElement("style");a.id="x-essential-lib",a.appendChild(document.createTextNode('.x-cont[data-v-7ab74c70]{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center}.lds-spinner[data-v-7ab74c70]{color:official;display:inline-block;position:relative;width:40px;height:40px}.lds-spinner div[data-v-7ab74c70]{transform-origin:20px 20px;animation:lds-spinner-7ab74c70 1.2s linear infinite}.lds-spinner div[data-v-7ab74c70]:after{content:" ";display:block;position:absolute;top:3px;left:18px;width:2px;height:6px;border-radius:5%;background:#9e9e9e}.lds-spinner div[data-v-7ab74c70]:nth-child(1){transform:rotate(0);animation-delay:-1.1s}.lds-spinner div[data-v-7ab74c70]:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div[data-v-7ab74c70]:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}.lds-spinner div[data-v-7ab74c70]:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}.lds-spinner div[data-v-7ab74c70]:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}.lds-spinner div[data-v-7ab74c70]:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}.lds-spinner div[data-v-7ab74c70]:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}.lds-spinner div[data-v-7ab74c70]:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}.lds-spinner div[data-v-7ab74c70]:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}.lds-spinner div[data-v-7ab74c70]:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}.lds-spinner div[data-v-7ab74c70]:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}.lds-spinner div[data-v-7ab74c70]:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner-7ab74c70{0%{opacity:1}to{opacity:0}}.x-item[data-v-d5cfe252]{width:600px}@media (max-width: 600px){.x-item[data-v-d5cfe252]{width:calc(100vw - 16px)}}.x-cont[data-v-d525e6f5]{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:9999}')),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { ref as d, defineComponent as T, computed as g, onMounted as V, onBeforeUnmount as I, watch as N, resolveComponent as h, openBlock as D, createBlock as O, withKeys as F, withModifiers as W, withCtx as w, createVNode as b, createTextVNode as E, toDisplayString as q, createElementBlock as J, normalizeStyle as ne, pushScopeId as fe, popScopeId as ge, createElementVNode as v, createCommentVNode as le, unref as re, Fragment as ve, renderList as me, getCurrentScope as he, onScopeDispose as we, watchEffect as ye, getCurrentInstance as xe } from "vue";
-import { useI18n as P } from "vue-i18n";
+import { ref as d, defineComponent as T, computed as g, onMounted as V, onBeforeUnmount as I, watch as Z, resolveComponent as h, openBlock as D, createBlock as O, withKeys as F, withModifiers as W, withCtx as w, createVNode as b, createTextVNode as E, toDisplayString as q, createElementBlock as Q, normalizeStyle as ne, pushScopeId as fe, popScopeId as ge, createElementVNode as v, createCommentVNode as le, unref as re, Fragment as ve, renderList as me, getCurrentScope as he, onScopeDispose as we, watchEffect as ye, getCurrentInstance as xe } from "vue";
+import { useI18n as Y } from "vue-i18n";
 import { defineStore as ce } from "pinia";
 import ke from "axios";
 import { useRouter as ue, useRoute as be } from "vue-router";
-import { useTheme as ee, useDisplay as Ce } from "vuetify";
-const Z = ce("global", () => {
+import { useTheme as P, useDisplay as Ce } from "vuetify";
+const G = ce("global", () => {
   const e = d(), a = d("en"), t = d({}), n = d(""), o = d("");
   return {
     dark: e,
@@ -72,7 +72,7 @@ var De = {
     );
   }
 };
-function Y(e, a) {
+function J(e, a) {
   function t(o, r, l) {
     if (!(typeof document > "u")) {
       l = X({}, 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);
@@ -110,10 +110,10 @@ function Y(e, a) {
         );
       },
       withAttributes: function(o) {
-        return Y(this.converter, X({}, this.attributes, o));
+        return J(this.converter, X({}, this.attributes, o));
       },
       withConverter: function(o) {
-        return Y(X({}, this.converter, o), this.attributes);
+        return J(X({}, this.converter, o), this.attributes);
       }
     },
     {
@@ -122,7 +122,7 @@ function Y(e, a) {
     }
   );
 }
-var j = Y(De, { path: "/" });
+var j = J(De, { path: "/" });
 function xt(e) {
   const a = ke.create({
     timeout: 6e3
@@ -186,7 +186,7 @@ async function kt(e) {
     setTimeout(a, e);
   });
 }
-async function G(e, a, t) {
+async function ee(e, a, t) {
   const n = Date.now();
   return new Promise((o) => {
     const r = async () => {
@@ -195,9 +195,11 @@ async function G(e, a, t) {
     r();
   });
 }
-async function Re(e, a) {
+function Re(e, a) {
   const t = document.getElementById("single-spa-application:" + e);
-  t && (t.classList.remove("app-left", "app-right", "app-reset"), a ? t.classList.add("app-left") : t.classList.add("app-right"), await G(() => t.hasChildNodes(), 5e3), t.classList.add("app-reset"));
+  t && (t.classList.remove("app-left", "app-right", "app-reset"), a ? t.classList.add("app-left") : t.classList.add("app-right"), setTimeout(() => {
+    t.classList.add("app-reset");
+  }, 50));
 }
 let ae = Date.now();
 function se() {
@@ -215,7 +217,7 @@ async function bt(e) {
   const n = (r) => {
     t = r, a = !0;
   }, o = pe();
-  return s.on("confirmDlgResult" + o, n), s.emit("confirmDlg", { ...e, seq: o }), await G(() => a), s.off("confirmDlgResult" + o, n), t;
+  return s.on("confirmDlgResult" + o, n), s.emit("confirmDlg", { ...e, seq: o }), await ee(() => a), s.off("confirmDlgResult" + o, n), t;
 }
 async function Ct(e) {
   if (!se())
@@ -224,7 +226,7 @@ async function Ct(e) {
   const n = (r) => {
     t = r, a = !0;
   }, o = pe();
-  return s.on("promptDlgResult" + o, n), s.emit("promptDlg", { ...e, seq: o }), await G(() => a), s.off("promptDlgResult" + o, n), t;
+  return s.on("promptDlgResult" + o, n), s.emit("promptDlg", { ...e, seq: o }), await ee(() => a), s.off("promptDlgResult" + o, n), t;
 }
 function Dt(e) {
   s.emit("openWaitDlg", { text: e });
@@ -377,9 +379,9 @@ function K(e) {
     l > 0 && l > t && (a = o, t = l);
   }), a;
 }
-const Q = d("");
+const N = d("");
 function L(e, a) {
-  const t = Z();
+  const t = G();
   a === "/" && (a = t.lastAppPath);
   const n = K(e), o = K(a);
   if (!n) {
@@ -389,7 +391,7 @@ function L(e, a) {
   if (console.info(`~~~~routeChange~~~~ ${a} -> ${e}`), !o)
     return;
   const r = n.app === o.app, l = n.path === o.path, c = n.level >= o.level;
-  r ? l ? Q.value = "" : Q.value = c ? "inner-left" : "inner-right" : (Q.value = "", Re(n.app, c));
+  r ? l ? N.value = "" : N.value = c ? "inner-left" : "inner-right" : (N.value = "", Re(n.app, c));
 }
 function je() {
   return !!j.get("accessToken");
@@ -440,7 +442,7 @@ function qt(e, a, t) {
 const Be = /* @__PURE__ */ T({
   __name: "index",
   setup(e) {
-    const { t: a } = P(), t = $(), n = g({
+    const { t: a } = Y(), t = $(), n = g({
       get() {
         return t.hasView("confirmDlg");
       },
@@ -461,7 +463,7 @@ const Be = /* @__PURE__ */ T({
     const M = () => {
       n.value = !1, y || (s.emit("confirmDlgResult" + _, !0), y = !0);
     };
-    return N(n, (m) => {
+    return Z(n, (m) => {
       !m && !y && (s.emit("confirmDlgResult" + _, !1), y = !0);
     }), (m, x) => {
       const C = h("v-card-text"), S = h("v-btn"), R = h("v-card-actions"), f = h("v-card"), k = h("v-dialog");
@@ -538,11 +540,11 @@ const Be = /* @__PURE__ */ T({
     zIndex: { default: 1 }
   },
   setup(e) {
-    const a = ee(), t = e, n = g(() => ({
+    const a = P(), t = e, n = g(() => ({
       background: a.current.value.dark ? "#1e1e1e" : "#ffffff",
       zIndex: t.zIndex
     }));
-    return (o, r) => (D(), J("div", {
+    return (o, r) => (D(), Q("div", {
       class: "x-cont",
       style: ne(n.value)
     }, $e, 4));
@@ -553,8 +555,8 @@ const Be = /* @__PURE__ */ T({
     t[n] = o;
   return t;
 }, ze = /* @__PURE__ */ te(He, [["__scopeId", "data-v-7ab74c70"]]);
-var Xe = "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z", Fe = "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z", Ke = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", Ne = "M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z", Ze = "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
-const Ge = /* @__PURE__ */ T({
+var Xe = "M13,13H11V7H13M13,17H11V15H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z", Fe = "M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z", Ke = "M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z", Ze = "M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z", Ge = "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z";
+const Ne = /* @__PURE__ */ T({
   __name: "item",
   props: {
     id: {},
@@ -572,9 +574,9 @@ const Ge = /* @__PURE__ */ T({
         case "success":
           return Fe;
         case "info":
-          return Ze;
+          return Ge;
         case "error":
-          return Ne;
+          return Ze;
         case "warning":
           return Xe;
         default:
@@ -585,7 +587,7 @@ const Ge = /* @__PURE__ */ T({
       setTimeout(() => {
         l("timeout", t.id);
       }, t.timeout);
-    }), N(r, (c) => {
+    }), Z(r, (c) => {
       c || l("timeout", t.id);
     }), (c, u) => {
       const p = h("v-icon"), _ = h("v-sheet");
@@ -613,7 +615,7 @@ const Ge = /* @__PURE__ */ T({
       }, 8, ["color"]);
     };
   }
-}), Qe = /* @__PURE__ */ te(Ge, [["__scopeId", "data-v-d5cfe252"]]), Je = /* @__PURE__ */ T({
+}), Qe = /* @__PURE__ */ te(Ne, [["__scopeId", "data-v-d5cfe252"]]), Je = /* @__PURE__ */ T({
   __name: "index",
   setup(e) {
     const a = d([]);
@@ -635,12 +637,12 @@ const Ge = /* @__PURE__ */ T({
       const u = a.value.findIndex((p) => p.id === c);
       u >= 0 && a.value.splice(u, 1);
     };
-    return (c, u) => (D(), J("div", {
+    return (c, u) => (D(), Q("div", {
       class: "x-cont d-flex flex-column-reverse align-center",
       onClick: u[0] || (u[0] = W(() => {
       }, ["stop"]))
     }, [
-      (D(!0), J(ve, null, me(a.value, (p) => (D(), O(Qe, {
+      (D(!0), Q(ve, null, me(a.value, (p) => (D(), O(Qe, {
         id: p.id,
         key: p.id,
         type: p.type,
@@ -653,7 +655,7 @@ const Ge = /* @__PURE__ */ T({
 }), Ye = /* @__PURE__ */ te(Je, [["__scopeId", "data-v-d525e6f5"]]), Pe = /* @__PURE__ */ T({
   __name: "index",
   setup(e) {
-    const { t: a } = P(), t = $(), n = g({
+    const { t: a } = Y(), t = $(), n = g({
       get() {
         return t.hasView("promptDlg");
       },
@@ -664,7 +666,7 @@ const Ge = /* @__PURE__ */ T({
     let x = 0, C = !1;
     const S = async (f) => {
       var k, A, H, z, B;
-      o.value = f.title, r.value = f.text, l.value = f.label, c.value = f.placeholder, u.value = f.rules, p.value = f.value, _.value = ((k = f.cancel) == null ? void 0 : k.color) ?? "primary", y.value = ((A = f.cancel) == null ? void 0 : A.text) ?? a("dlg.common.cancel"), i.value = ((H = f.confirm) == null ? void 0 : H.color) ?? "primary", M.value = ((z = f.confirm) == null ? void 0 : z.text) ?? a("dlg.common.confirm"), x = f.seq, C = !1, n.value = !0, await G(() => !!m.value, 1e3), (B = m.value) == null || B.focus();
+      o.value = f.title, r.value = f.text, l.value = f.label, c.value = f.placeholder, u.value = f.rules, p.value = f.value, _.value = ((k = f.cancel) == null ? void 0 : k.color) ?? "primary", y.value = ((A = f.cancel) == null ? void 0 : A.text) ?? a("dlg.common.cancel"), i.value = ((H = f.confirm) == null ? void 0 : H.color) ?? "primary", M.value = ((z = f.confirm) == null ? void 0 : z.text) ?? a("dlg.common.confirm"), x = f.seq, C = !1, n.value = !0, await ee(() => !!m.value, 1e3), (B = m.value) == null || B.focus();
     };
     V(() => {
       s.on("promptDlg", S);
@@ -674,7 +676,7 @@ const Ge = /* @__PURE__ */ T({
     const R = () => {
       n.value = !1, C || (s.emit("promptDlgResult" + x, p.value ?? ""), C = !0);
     };
-    return N(n, (f) => {
+    return Z(n, (f) => {
       !f && !C && (s.emit("promptDlgResult" + x, void 0), C = !0);
     }), (f, k) => {
       const A = h("v-card-text"), H = h("v-text-field"), z = h("v-form"), B = h("v-btn"), de = h("v-card-actions"), _e = h("v-card"), ie = h("v-dialog");
@@ -747,7 +749,7 @@ const Ge = /* @__PURE__ */ T({
 }), et = { class: "mx-auto my-auto" }, tt = { class: "w-100 h-100 d-flex align-center justify-center" }, at = { class: "text-body-1" }, ot = /* @__PURE__ */ T({
   __name: "index",
   setup(e) {
-    const { t: a } = P(), t = $(), n = g({
+    const { t: a } = Y(), t = $(), n = g({
       get() {
         return t.hasView("waitDlg");
       },
@@ -796,7 +798,7 @@ const Ge = /* @__PURE__ */ T({
   e.component("XConfirmDlg", Be), e.component("XLoading", ze), e.component("XMessage", Ye), e.component("XPromptDlg", Pe), e.component("XWaitDlg", ot);
 };
 function Rt() {
-  const e = ee(), a = g(() => e.global.current.value.colors.primary), t = g(() => e.global.current.value.colors.secondary), n = g(() => e.current.value.dark ? "#2e2e2e" : "#bdbdbd"), o = g(() => e.current.value.dark ? "#272727" : "#eeeeee"), r = 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 = P(), a = g(() => e.global.current.value.colors.primary), t = g(() => e.global.current.value.colors.secondary), n = g(() => e.current.value.dark ? "#2e2e2e" : "#bdbdbd"), o = g(() => e.current.value.dark ? "#272727" : "#eeeeee"), r = 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,
@@ -844,12 +846,12 @@ function _t(e) {
   return dt("(prefers-color-scheme: dark)", e);
 }
 function it() {
-  const e = Ce(), a = Z(), t = _t(), n = g(() => typeof a.dark == "boolean" ? a.dark : t.value), o = g(() => !!window.cordova), r = g(() => e.width.value <= 1280 ? e.width.value + "px" : e.width.value <= 1920 ? 1920 / 2.5 + "px" : 2560 / 2.5 + "px");
+  const e = Ce(), a = G(), t = _t(), n = g(() => typeof a.dark == "boolean" ? a.dark : t.value), o = g(() => !!window.cordova), r = g(() => e.width.value <= 1280 ? e.width.value + "px" : e.width.value <= 1920 ? 1920 / 2.5 + "px" : 2560 / 2.5 + "px");
   return { dark: n, sysBarAvail: o, compactWidth: r };
 }
 function It() {
-  const e = be(), a = ue(), t = ee(), { dark: n } = it(), o = Z(), r = $();
-  N(
+  const e = be(), a = ue(), t = P(), { dark: n } = it(), o = G(), r = $();
+  Z(
     n,
     (i) => {
       t.global.name.value = i ? "dark" : "light";
@@ -896,7 +898,7 @@ function It() {
   });
 }
 function Ot() {
-  const e = Z();
+  const e = G();
   function a(t, n) {
     const o = e.permissionObjects[t];
     return o ? n ? !(!oe(o.includes, n) || oe(o.excludes, n)) : !0 : !1;
@@ -955,14 +957,14 @@ export {
   bt as openConfirmDlg,
   Ct as openPromptDlg,
   Dt as openWaitDlg,
-  Q as routeTransName,
+  N as routeTransName,
   Rt as useColor,
-  Z as useGlobalStore,
+  G as useGlobalStore,
   It as useMicroApp,
   Ot as usePermission,
   it as useSystem,
   $ as useViewMgrStore,
   Et as useViewStack,
   kt as waitMs,
-  G as waitUtil
+  ee as waitUtil
 };

package/dist/utils/misc.d.ts

@@ -2,4 +2,4 @@ import { Emitter, EventType } from 'mitt';
 export declare const eventBus: Emitter<Record<EventType, unknown>>;
 export declare function waitMs(ms: number): Promise<void>;
 export declare function waitUtil(conditionFunc: () => boolean, timeout?: number, interval?: number): Promise<boolean>;
-export declare function appAppear(name: string, forward: boolean): Promise<void>;
+export declare function appAppear(name: string, forward: boolean): void;

package/package.json

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