mamba-layout 0.1.0 → 0.3.0

package/dist/layout/hooks/useState.js

@@ -1,99 +1,100 @@
-import { ref as o, onActivated as j, onMounted as k, onUnmounted as H, watch as A } from "vue";
-import { useRoute as N } from "vue-router";
-import { createContext as O } from "../../utils/createContext.js";
-import { replaceName as W, tname as $, getRouteLastVisibleParentMenu as U } from "../../utils/repoUtils.js";
-import { useSetting as V } from "./useSetting.js";
-const [Q, q] = O("LayoutRoot");
+import { ref as o, onActivated as K, onMounted as N, onUnmounted as W, watch as y } from "vue";
+import { useRoute as j } from "vue-router";
+import { createContext as k } from "../../utils/createContext.js";
+import { replaceName as z, tname as B, getRouteLastVisibleParentMenu as D } from "../../utils/repoUtils.js";
+import { useSetting as H } from "./useSetting.js";
+const U = 1024, [Q, V] = k("LayoutRoot");
 function X() {
-  const s = N(), h = o([]), r = o(), I = o(), c = o(""), i = o(""), M = o(""), m = V(), C = o(!0), E = o(!1), B = o(), d = () => {
+  const s = j(), h = o([]), r = o(), C = o(), u = o(""), i = o(""), L = o(""), m = H(), M = o(!0), I = o(!1), O = o(), v = () => {
     var t;
-    return ((t = m.value.menus) == null ? void 0 : t.filter((v) => {
+    return ((t = m.value.menus) == null ? void 0 : t.filter((d) => {
       var n;
-      return ((n = v.meta) == null ? void 0 : n.appId) == i.value;
+      return ((n = d.meta) == null ? void 0 : n.appId) == i.value;
     })) || [];
-  }, b = (t, v, n = 0, f) => {
-    var P, x, R, L;
-    const l = f ? [...f] : [], p = [], w = [];
+  }, b = (t, d, n = 0, f) => {
+    var x, w, R, E;
+    const l = f ? [...f] : [], p = [], P = [];
     for (const e in t) {
       [...l], t[e];
-      const a = ((P = s.meta) == null ? void 0 : P.parent) || s.path, u = ((x = t[e].path) == null ? void 0 : x.replace(/\/:(\w+)/g, "/([^/]+)")) || "", T = new RegExp(`^${u}$`);
-      a == t[e].path ? p.push({ index: e, item: t[e] }) : T.test(a) && w.push({ index: e, item: t[e] });
+      const a = ((x = s.meta) == null ? void 0 : x.parent) || s.path, c = ((w = t[e].path) == null ? void 0 : w.replace(/\/:(\w+)/g, "/([^/]+)")) || "", $ = new RegExp(`^${c}$`);
+      a == t[e].path ? p.push({ index: e, item: t[e] }) : $.test(a) && P.push({ index: e, item: t[e] });
     }
-    const g = p.length > 0 ? p : w;
+    const g = p.length > 0 ? p : P;
     if (g.length > 0) {
       const e = g[0], a = [...l];
       a[n] = e.item, r.value = {
         ...e.item,
         paths: a.slice(0, n + 1)
-      }, i.value = ((R = e.item.meta) == null ? void 0 : R.appId) || "", I.value = v;
+      }, i.value = ((R = e.item.meta) == null ? void 0 : R.appId) || "", C.value = d;
     }
     for (const e in t)
-      if (t[e].children && ((L = t[e].children) != null && L.length)) {
-        const a = t[e].children || [], u = [...l];
-        u[n] = t[e], b(a, t[e], n + 1, u);
+      if (t[e].children && ((E = t[e].children) != null && E.length)) {
+        const a = t[e].children || [], c = [...l];
+        c[n] = t[e], b(a, t[e], n + 1, c);
       }
-    M.value = s.meta.parentPath || U(
+    L.value = s.meta.parentPath || D(
       s.path.toLowerCase(),
       m.value.menus || []
     ) || s.path;
-  }, y = () => {
-    var f, l, p, w, g, P, x, R, L, e;
+  }, A = () => {
+    var f, l, p, P, g, x, w, R, E, e;
     b(m.value.menus || []), i.value || (i.value = ((p = (l = (f = m.value.menus) == null ? void 0 : f.find(
       (a) => {
-        var u;
-        return (u = a.path) == null ? void 0 : u.startsWith(c.value);
+        var c;
+        return (c = a.path) == null ? void 0 : c.startsWith(u.value);
       }
     )) == null ? void 0 : l.meta) == null ? void 0 : p.appId) || "");
-    const t = ((w = r.value) == null ? void 0 : w.paths) || [], v = W(
-      $(((P = (g = r.value) == null ? void 0 : g.meta) == null ? void 0 : P.translations) || {}, "name")
-    ), n = ((x = r.value) == null ? void 0 : x.path) == ((R = t[1]) == null ? void 0 : R.path) ? "" : W($(((e = (L = t[1]) == null ? void 0 : L.meta) == null ? void 0 : e.translations) || {}, "name"));
-    document.title = v + (n ? ` - ${n}` : "");
-  }, z = () => {
-    c.value = "/" + (s.path.split("/").filter(Boolean).shift() || ""), y(), h.value = d();
+    const t = ((P = r.value) == null ? void 0 : P.paths) || [], d = z(
+      B(((x = (g = r.value) == null ? void 0 : g.meta) == null ? void 0 : x.translations) || {}, "name")
+    ), n = ((w = r.value) == null ? void 0 : w.path) == ((R = t[1]) == null ? void 0 : R.path) ? "" : z(B(((e = (E = t[1]) == null ? void 0 : E.meta) == null ? void 0 : e.translations) || {}, "name"));
+    document.title = d + (n ? ` - ${n}` : "");
+  }, T = () => {
+    u.value = "/" + (s.path.split("/").filter(Boolean).shift() || ""), A(), h.value = v();
   };
-  z(), j(() => {
-    z();
+  T(), K(() => {
+    T();
   });
   const S = () => {
-    E.value = window.innerWidth < 1024, C.value = window.innerWidth > 1024;
+    const t = window.innerWidth < U;
+    I.value = t, M.value = !t;
   };
-  return S(), k(() => {
+  return S(), N(() => {
     window.addEventListener("resize", S);
-  }), H(() => {
+  }), W(() => {
     window.removeEventListener("resize", S);
-  }), A(
-    () => c.value,
-    () => void (h.value = d())
-  ), A(
+  }), y(
+    () => u.value,
+    () => void (h.value = v())
+  ), y(
     () => [s.path, m.value.menus],
     () => {
-      M.value = "", r.value = void 0, c.value = "/" + (s.path.split("/").filter(Boolean).shift() || ""), y(), h.value = d(), E.value && (C.value = !1);
+      L.value = "", r.value = void 0, u.value = "/" + (s.path.split("/").filter(Boolean).shift() || ""), A(), h.value = v(), I.value && (M.value = !1);
     }
-  ), q({
+  ), V({
     menus: h,
     currentEndRoute: r,
-    currentTabPath: c,
+    currentTabPath: u,
     currentAppId: i,
-    defaultParentActive: M,
-    sideOpen: C,
-    isMobile: E,
-    getMenus: d,
-    currentEndParentRoute: I
+    defaultParentActive: L,
+    sideOpen: M,
+    isMobile: I,
+    getMenus: v,
+    currentEndParentRoute: C
   }), {
     menus: h,
     currentEndRoute: r,
-    currentTabPath: c,
+    currentTabPath: u,
     currentAppId: i,
-    defaultParentActive: M,
-    sideOpen: C,
-    isMobile: E,
-    getMenus: d,
-    currentEndParentRoute: I,
-    leftScrollRef: B
+    defaultParentActive: L,
+    sideOpen: M,
+    isMobile: I,
+    getMenus: v,
+    currentEndParentRoute: C,
+    leftScrollRef: O
   };
 }
 export {
   Q as injectLayoutContext,
-  q as provideLayoutContext,
+  V as provideLayoutContext,
   X as useStateHook
 };