@das-fed/ui 6.4.0-test.8.2 → 7.0.0

package/packages/business-components/layout-breadcrumb/index.js

@@ -1,101 +1,110 @@
 import '@das-fed/ui/packages/business-components/layout-breadcrumb/style.css';
-import { ref as k, computed as q, watch as L, nextTick as I, defineComponent as M, unref as h, openBlock as U, createElementBlock as D, createVNode as N, createCommentVNode as T } from "vue";
-import { withInstall as x } from "@das-fed/utils/with-install/index";
+import { ref as S, computed as R, watch as L, nextTick as I, defineComponent as T, createElementBlock as N, createCommentVNode as U, unref as g, openBlock as x, createVNode as D } from "vue";
+import { withInstall as P } from "@das-fed/utils/with-install/index";
 import { DasBreadCrumb as O } from "@das-fed/ui/packages/components/breadcrumb/index";
-import { useRouter as P, useRoute as $ } from "vue-router";
-import { flatTree as S } from "@das-fed/utils/common-tools";
-import { getSubApps as A } from "@das-fed/utils/common-info";
-import { setThemeRule as j } from "@das-fed/web/packages/theme/index";
-const E = (r, i) => {
-  const c = k([]), m = q(() => [...c.value, ...r.data || []]), p = async (t, f) => {
-    var o;
-    await I();
-    const s = A(), u = [], b = f.menu || "", a = ((o = s.currentSubApp) == null ? void 0 : o.menus) ?? [];
-    if (!a || !a.length) return;
-    let e = null;
-    const d = S(a);
-    if (b ? e = d.find((n) => n.code === b) : e = d.find((n) => n.routeUrl && n.routeUrl === t), e) {
-      const n = e.code.split(".");
-      if (n.length === 3) {
-        const B = n.slice(0, 2).join("."), C = d.find((v) => v.code === B || v.originalCode === B);
-        u.push({ name: (C == null ? void 0 : C.name) ?? "", isMenu: !0, disabled: !0 });
+import { useRouter as $, useRoute as j } from "vue-router";
+import { flatTree as q } from "@das-fed/utils/common-tools";
+import { getSubApps as k } from "@das-fed/utils/common-info";
+import { setThemeRule as E } from "@das-fed/web/packages/theme/index";
+const J = (a, l) => {
+  const i = S([]), f = R(() => [...i.value, ...a.data || []]), p = () => new Promise((e) => {
+    const s = () => {
+      var n, t;
+      const { app: o = "" } = (u == null ? void 0 : u.query) || {}, d = ((t = (n = k()) == null ? void 0 : n.currentSubApp) == null ? void 0 : t.menus) ?? [];
+      if (o === k().currentSubAppCode && d.length) return e();
+      setTimeout(() => s(), 50);
+    };
+    s();
+  }), h = async (e, s) => {
+    var b, c;
+    await I(), await p();
+    const o = [], d = s.menu || "", n = ((c = (b = k()) == null ? void 0 : b.currentSubApp) == null ? void 0 : c.menus) ?? [];
+    if (!n || !n.length) return;
+    let t = null;
+    const r = q(n);
+    if (d ? t = r.find((m) => m.code === d) : t = r.find((m) => m.routeUrl && m.routeUrl === e), t) {
+      const m = t.code.split(".");
+      if (m.length === 3) {
+        const v = m.slice(0, 2).join("."), _ = r.find((A) => A.code === v || A.originalCode === v);
+        o.push({ name: (_ == null ? void 0 : _.name) ?? "", isMenu: !0, disabled: !0 });
       }
-      const R = {
-        name: (e == null ? void 0 : e.name) ?? "",
-        routerPath: (e == null ? void 0 : e.routeUrl) ?? "",
+      const M = {
+        name: (t == null ? void 0 : t.name) ?? "",
+        routerPath: (t == null ? void 0 : t.routeUrl) ?? "",
         isMenu: !0
       };
-      u.push(R);
+      o.push(M);
     }
-    c.value = u;
-  }, y = (t) => {
-    t.disabled || i("click-item", t);
-  }, _ = P(), l = $();
+    i.value = o;
+  }, C = (e) => {
+    e.disabled || l("click-item", e);
+  }, y = $(), u = j();
   L(
-    () => _.currentRoute.value,
-    (t) => {
-      const f = (t == null ? void 0 : t.path) ?? "", s = (t == null ? void 0 : t.query) ?? {};
-      p(f, s);
-    },
-    { immediate: !0 }
-  );
-  const g = k(!1);
+    () => y.currentRoute.value,
+    (e) => {
+      const s = (e == null ? void 0 : e.path) ?? "", o = (e == null ? void 0 : e.query) ?? {};
+      h(s, o);
+    }
+  ), h(u.path, u.query);
+  const B = S(!1);
   return L(
-    () => r.data,
+    () => a.data,
     () => {
       I(() => {
-        var a;
-        const t = A(), f = l.query.app || t.currentSubApp.code || "";
-        let s = l.query.menu || "";
-        if (!s) {
-          const e = ((a = t.currentSubApp) == null ? void 0 : a.menus) ?? [], d = S(e).find(
-            (o) => `/${(o == null ? void 0 : o.applicationPath) ?? ""}${(o == null ? void 0 : o.routeUrl) ?? ""}`.replace(/\/\//g, "/") === location.pathname
-          );
-          d && (s = d.code);
-        }
-        const u = JSON.parse(sessionStorage.getItem("breadcrumb") || "{}")[f], b = [];
-        for (let e in u) u[e] && b.push(e);
-        g.value = !!b.find((e) => s === e);
+        p().then(() => {
+          var t;
+          const e = k(), s = u.query.app || e.currentSubApp.code || "";
+          let o = u.query.menu || "";
+          if (!o) {
+            const r = ((t = e.currentSubApp) == null ? void 0 : t.menus) ?? [], b = q(r).find(
+              (c) => `/${(c == null ? void 0 : c.applicationPath) ?? ""}${(c == null ? void 0 : c.routeUrl) ?? ""}`.replace(/\/\//g, "/") === location.pathname
+            );
+            b && (o = b.code);
+          }
+          const d = JSON.parse(sessionStorage.getItem("breadcrumb") || "{}")[s], n = [];
+          for (let r in d) d[r] && n.push(r);
+          B.value = !!n.find((r) => o === r);
+        });
       });
     },
     { deep: !0, immediate: !0 }
   ), {
-    isShow: g,
-    breadcrumbList: m,
-    clickItem: y
+    isShow: B,
+    breadcrumbList: f,
+    clickItem: C
   };
-}, J = {
+}, z = {
   key: 0,
   class: "layout-breadcrumb"
-}, z = {
+}, F = {
   name: "LayoutBreadCrumb"
-}, F = /* @__PURE__ */ M({
-  ...z,
+}, G = /* @__PURE__ */ T({
+  ...F,
   props: {
     data: { default: () => [] }
   },
   emits: ["click-item"],
-  setup(r, { emit: i }) {
-    const c = r, m = i, { isShow: p, breadcrumbList: y, clickItem: _ } = E(c, m);
-    return (l, g) => h(p) && l.data && l.data.length ? (U(), D("div", J, [
-      N(h(O), {
-        data: h(y),
-        onClickItem: h(_)
+  setup(a, { emit: l }) {
+    const i = a, f = l, { isShow: p, breadcrumbList: h, clickItem: C } = J(i, f);
+    return (y, u) => g(p) && y.data && y.data.length ? (x(), N("div", z, [
+      D(g(O), {
+        data: g(h),
+        onClickItem: g(C)
       }, null, 8, ["data", "onClickItem"])
-    ])) : T("v-if", !0);
+    ])) : U("v-if", !0);
   }
-}), G = (r, i) => {
-  const c = r.__vccOpts || r;
-  for (const [m, p] of i)
-    c[m] = p;
-  return c;
-}, H = /* @__PURE__ */ G(F, [["__scopeId", "data-v-878cd70a"]]), K = {
+}), H = (a, l) => {
+  const i = a.__vccOpts || a;
+  for (const [f, p] of l)
+    i[f] = p;
+  return i;
+}, K = /* @__PURE__ */ H(G, [["__scopeId", "data-v-878cd70a"]]), Q = {
   "--das-layout-micro-container-bg-color": "#e2e7ef",
   "--das-layout-breadcrumb-bg-color": "#ffffff"
 };
-j(K);
-const ee = x(H), te = () => k(null);
+E(Q);
+const te = P(K), oe = () => S(null);
 export {
-  ee as DasLayoutBreadcrumb,
-  te as DasLayoutBreadcrumbRef
+  te as DasLayoutBreadcrumb,
+  oe as DasLayoutBreadcrumbRef
 };