@done-coding/admin-core 0.8.3-alpha.0 → 0.9.1-alpha.0

package/es/components/app-layout/AppBreadcrumb.vue2.mjs

@@ -1,10 +1,7 @@
-import { ElBreadcrumb as b, ElBreadcrumbItem as w } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/breadcrumb/style/css";
-import "element-plus/es/components/breadcrumb-item/style/css";
-import { defineComponent as g, computed as o, watch as x, withDirectives as y, openBlock as n, createElementBlock as p, normalizeStyle as E, unref as m, createVNode as k, withCtx as u, Fragment as v, renderList as I, createBlock as F, createTextVNode as L, toDisplayString as S, vShow as A } from "vue";
-import { useRoute as C } from "vue-router";
-const $ = /* @__PURE__ */ g({
+import { defineComponent as _, computed as r, watch as v, withDirectives as w, openBlock as a, createElementBlock as m, normalizeStyle as B, createVNode as b, unref as s, withCtx as c, Fragment as g, renderList as x, createBlock as y, createTextVNode as k, toDisplayString as E, vShow as F } from "vue";
+import { useRoute as I } from "vue-router";
+import { ElBreadcrumb as L, ElBreadcrumbItem as S } from "element-plus";
+const N = /* @__PURE__ */ _({
   name: "AppBreadcrumb",
   __name: "AppBreadcrumb",
   props: {
@@ -12,46 +9,43 @@ const $ = /* @__PURE__ */ g({
     menuFlatList: {}
   },
   emits: ["show"],
-  setup(i, { emit: l }) {
-    const a = i, h = l, d = C(), c = o(() => d.matched.map((t) => a.menuFlatList.find(
-      (e) => e.path === t.path
-    )).filter((t) => t)), s = o(() => !!c.value.length), _ = o(() => ({
-      height: `${a.height}px`
+  setup(l, { emit: i }) {
+    const o = l, p = i, h = I(), n = r(() => h.matched.map((e) => o.menuFlatList.find(
+      (t) => t.path === e.path
+    )).filter((e) => e)), u = r(() => !!n.value.length), d = r(() => ({
+      height: `${o.height}px`
     }));
-    return x(
-      s,
-      (t) => {
-        h("show", t);
+    return v(
+      u,
+      (e) => {
+        p("show", e);
       },
       {
         immediate: !0
       }
-    ), (t, f) => {
-      const e = w, B = b;
-      return y((n(), p("div", {
-        class: "app-breadcrumb",
-        style: E(m(_))
-      }, [
-        k(B, { separator: "/" }, {
-          default: u(() => [
-            (n(!0), p(v, null, I(m(c), (r) => (n(), F(e, {
-              key: r.path,
-              to: r.path
-            }, {
-              default: u(() => [
-                L(S(r.title), 1)
-              ]),
-              _: 2
-            }, 1032, ["to"]))), 128))
-          ]),
-          _: 1
-        })
-      ], 4)), [
-        [A, m(s)]
-      ]);
-    };
+    ), (e, f) => w((a(), m("div", {
+      class: "app-breadcrumb",
+      style: B(d.value)
+    }, [
+      b(s(L), { separator: "/" }, {
+        default: c(() => [
+          (a(!0), m(g, null, x(n.value, (t) => (a(), y(s(S), {
+            key: t.path,
+            to: t.path
+          }, {
+            default: c(() => [
+              k(E(t.title), 1)
+            ]),
+            _: 2
+          }, 1032, ["to"]))), 128))
+        ]),
+        _: 1
+      })
+    ], 4)), [
+      [F, u.value]
+    ]);
   }
 });
 export {
-  $ as default
+  N as default
 };

package/es/components/app-layout/AppFooter.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./AppFooter.vue2.mjs";
 /* empty css                */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-393d9768"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bba5d0e4"]]);
 export {
-  _ as default
+  e as default
 };

package/es/components/app-layout/AppFooter.vue2.mjs

@@ -1,17 +1,17 @@
-import { defineComponent as r, inject as n, computed as p, openBlock as l, createElementBlock as s, normalizeStyle as m, unref as a, createElementVNode as c } from "vue";
-import { APP_LAYOUT_APP_STORE_KEY as f } from "../../inject/key.mjs";
-const S = /* @__PURE__ */ r({
+import { defineComponent as r, inject as p, computed as n, openBlock as l, createElementBlock as s, normalizeStyle as a, createElementVNode as m } from "vue";
+import { APP_LAYOUT_APP_STORE_KEY as c } from "../../inject/key.mjs";
+const d = /* @__PURE__ */ r({
   __name: "AppFooter",
   setup(_) {
-    const o = n(f), t = p(() => o.footerStyle);
-    return (i, e) => (l(), s("div", {
+    const o = p(c), t = n(() => o.footerStyle);
+    return (f, e) => (l(), s("div", {
       class: "app-footer",
-      style: m(a(t))
+      style: a(t.value)
     }, [...e[0] || (e[0] = [
-      c("div", { class: "app-footer-shim" }, null, -1)
+      m("div", { class: "app-footer-shim" }, null, -1)
     ])], 4));
   }
 });
 export {
-  S as default
+  d as default
 };

package/es/components/app-layout/AppHeader.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./AppHeader.vue2.mjs";
 /* empty css                */
 import p from "../../_virtual/_plugin-vue_export-helper.mjs";
-const e = /* @__PURE__ */ p(o, [["__scopeId", "data-v-ef3cc8a6"]]);
+const e = /* @__PURE__ */ p(o, [["__scopeId", "data-v-b47543cd"]]);
 export {
   e as default
 };

package/es/components/app-layout/AppHeader.vue2.mjs

@@ -1,12 +1,9 @@
-import { ElIcon as w, ElSwitch as E } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/switch/style/css";
-import "element-plus/es/components/icon/style/css";
-import { defineComponent as I, useCssVars as g, unref as o, inject as B, toRefs as P, computed as m, watch as V, nextTick as $, openBlock as r, createElementBlock as s, normalizeStyle as T, createElementVNode as d, renderSlot as v, normalizeClass as _, Fragment as b, renderList as x, createBlock as f, withCtx as A, resolveDynamicComponent as D, createCommentVNode as y, toDisplayString as L, createVNode as N } from "vue";
-import { Sunny as R, Moon as q } from "@element-plus/icons-vue";
-import { useRouter as z } from "vue-router";
-import { APP_LAYOUT_APP_STORE_KEY as F } from "../../inject/key.mjs";
-const O = { class: "app-header-shim" }, U = ["name", "onClick"], Y = { class: "app-header-userInfo" }, ee = /* @__PURE__ */ I({
+import { defineComponent as S, useCssVars as k, inject as h, computed as r, watch as w, nextTick as A, openBlock as a, createElementBlock as n, normalizeStyle as E, createElementVNode as c, renderSlot as v, normalizeClass as _, Fragment as B, renderList as I, createBlock as f, unref as $, withCtx as b, resolveDynamicComponent as L, createCommentVNode as y, toDisplayString as T, createVNode as V } from "vue";
+import { useRouter as x } from "vue-router";
+import { ElIcon as Y } from "element-plus";
+import D from "./AppTheme.vue.mjs";
+import { APP_LAYOUT_APP_STORE_KEY as N, APP_LAYOUT_BRIDGE_KEY as O } from "../../inject/key.mjs";
+const R = { class: "app-header-shim" }, q = ["name", "onClick"], z = { class: "app-header-userInfo" }, J = /* @__PURE__ */ S({
   __name: "AppHeader",
   props: {
     show: { type: Boolean },
@@ -15,27 +12,30 @@ const O = { class: "app-header-shim" }, U = ["name", "onClick"], Y = { class: "a
     activeModuleMenu: {},
     menuFlatList: {}
   },
-  setup(p) {
-    g((e) => ({
-      v3dfae5bc: o(u).baseColor,
-      v158cd0d2: o(u).primaryColor
+  setup(u) {
+    k((t) => ({
+      ae6f6fe0: l.value.left,
+      v4782742c: l.value.top,
+      v70971b33: l.value.right,
+      fcf1a792: p.value.baseColor,
+      d3910988: p.value.primaryColor
     }));
-    const c = p, i = B(F), { theme: u } = P(i), S = m(() => i.headerStyle), k = z(), h = `app-header-module_${Math.random().toString(36).substring(2)}`, C = m(() => c.menus), l = m({
+    const s = u, d = h(N), C = h(O), p = r(() => C.themeColors.value), g = r(() => d.headerStyle), l = r(() => d.viewportPadding), M = x(), m = `app-header-module_${Math.random().toString(36).substring(2)}`, P = r(() => s.menus), i = r({
       get() {
-        var e;
-        return (e = c.activeModuleMenu) == null ? void 0 : e.path;
+        var t;
+        return (t = s.activeModuleMenu) == null ? void 0 : t.path;
       },
-      set(e) {
-        var a, n;
-        ((n = (a = c.activeMenu) == null ? void 0 : a.parentPathList) == null ? void 0 : n[0]) !== e && k.push(e);
+      set(t) {
+        var o, e;
+        ((e = (o = s.activeMenu) == null ? void 0 : o.parentPathList) == null ? void 0 : e[0]) !== t && M.push(t);
       }
     });
-    return V(
-      l,
-      (e) => {
-        e && $(() => {
-          var a, n;
-          (n = (a = document.querySelector(`.${h}`)) == null ? void 0 : a.querySelector(`[name="${e}"]`)) == null || n.scrollIntoView({
+    return w(
+      i,
+      (t) => {
+        t && A(() => {
+          var o, e;
+          (e = (o = document.querySelector(`.${m}`)) == null ? void 0 : o.querySelector(`[name="${t}"]`)) == null || e.scrollIntoView({
             behavior: "smooth"
           });
         });
@@ -43,54 +43,45 @@ const O = { class: "app-header-shim" }, U = ["name", "onClick"], Y = { class: "a
       {
         immediate: !0
       }
-    ), (e, a) => {
-      const n = w, M = E;
-      return r(), s("div", {
-        class: "app-header",
-        style: T(o(S))
-      }, [
-        d("div", O, [
-          v(e.$slots, "left", {}, void 0, !0),
-          o(C) ? (r(), s("div", {
-            key: 0,
-            class: _(["app-header-module", h])
+    ), (t, o) => (a(), n("div", {
+      class: "app-header",
+      style: E(g.value)
+    }, [
+      c("div", R, [
+        v(t.$slots, "left", {}, void 0, !0),
+        P.value ? (a(), n("div", {
+          key: 0,
+          class: _(["app-header-module", m])
+        }, [
+          (a(!0), n(B, null, I(u.menus, (e) => (a(), n("div", {
+            key: e.path,
+            name: e.path,
+            class: _([
+              "app-header-module-item",
+              i.value === e.path ? "app-header-module-item_active" : ""
+            ]),
+            onClick: (F) => i.value = e.path
           }, [
-            (r(!0), s(b, null, x(p.menus, (t) => (r(), s("div", {
-              key: t.path,
-              name: t.path,
-              class: _([
-                "app-header-module-item",
-                o(l) === t.path ? "app-header-module-item_active" : ""
+            e.menuIcon ? (a(), f($(Y), {
+              key: 0,
+              class: "app-header-module-item__icon"
+            }, {
+              default: b(() => [
+                (a(), f(L(e.menuIcon)))
               ]),
-              onClick: (j) => l.value = t.path
-            }, [
-              t.menuIcon ? (r(), f(n, {
-                key: 0,
-                class: "app-header-module-item__icon"
-              }, {
-                default: A(() => [
-                  (r(), f(D(t.menuIcon)))
-                ]),
-                _: 2
-              }, 1024)) : y("", !0),
-              d("span", null, L(t.title), 1)
-            ], 10, U))), 128))
-          ])) : y("", !0),
-          d("div", Y, [
-            N(M, {
-              "model-value": o(i).isDarkTheme,
-              class: "app-header-userInfo__theme-switch",
-              "active-action-icon": o(q),
-              "inactive-action-icon": o(R),
-              "onUpdate:modelValue": a[0] || (a[0] = (t) => o(i).changeIsDarkTheme(!!t))
-            }, null, 8, ["model-value", "active-action-icon", "inactive-action-icon"]),
-            v(e.$slots, "right", {}, void 0, !0)
-          ])
+              _: 2
+            }, 1024)) : y("", !0),
+            c("span", null, T(e.title), 1)
+          ], 10, q))), 128))
+        ])) : y("", !0),
+        c("div", z, [
+          V(D),
+          v(t.$slots, "right", {}, void 0, !0)
         ])
-      ], 4);
-    };
+      ])
+    ], 4));
   }
 });
 export {
-  ee as default
+  J as default
 };

package/es/components/app-layout/AppLayout.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./AppLayout.vue2.mjs";
 /* empty css                */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6924f8b7"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7aeee1b9"]]);
 export {
-  f as default
+  r as default
 };

package/es/components/app-layout/AppLayout.vue2.mjs

@@ -1,17 +1,17 @@
-import { ElWatermark as F } from "element-plus/es";
-import "element-plus/es/components/base/style/css";
-import "element-plus/es/components/watermark/style/css";
-import { defineComponent as R, provide as d, computed as n, watch as f, openBlock as E, createElementBlock as P, normalizeClass as B, unref as o, createVNode as a, withCtx as r, renderSlot as u } from "vue";
-import H from "./AppBody.vue.mjs";
-import T from "./AppHeader.vue.mjs";
+import { defineComponent as P, provide as p, computed as n, watch as c, openBlock as F, createElementBlock as T, normalizeClass as R, createVNode as r, unref as a, withCtx as o, renderSlot as u } from "vue";
+import { ElWatermark as B } from "element-plus";
+import { useRoute as E, useRouter as H } from "vue-router";
+import y from "./AppBody.vue.mjs";
+import C from "./AppHeader.vue.mjs";
 import k from "./AppFooter.vue.mjs";
-import y from "./AppSidebar.vue.mjs";
-import $ from "../modal/ModalShelf.vue.mjs";
-import { useRoute as C, useRouter as Y } from "vue-router";
-import { APP_LAYOUT_BRIDGE_KEY as K, APP_LAYOUT_APP_STORE_KEY as O, APP_LAYOUT_USER_STORE_KEY as U } from "../../inject/key.mjs";
-import { flatRouteMetaResolveRaw as z } from "../../utils/router.mjs";
-import { useMenusDataDispatch as D } from "../../hooks/menus-dispatch.mjs";
-const te = /* @__PURE__ */ R({
+import O from "./AppSidebar.vue.mjs";
+import I from "../modal/ModalShelf.vue.mjs";
+import { APP_LAYOUT_BRIDGE_KEY as Y, APP_LAYOUT_APP_STORE_KEY as $, APP_LAYOUT_USER_STORE_KEY as D } from "../../inject/key.mjs";
+import { useAdminThemeApply as K } from "../../hooks/use-admin-theme-apply.mjs";
+import { useAdminViewportApply as U } from "../../hooks/use-admin-viewport-apply.mjs";
+import { flatRouteMetaResolveRaw as V } from "../../utils/router.mjs";
+import { useMenusDataDispatch as z } from "../../hooks/menus-dispatch.mjs";
+const re = /* @__PURE__ */ P({
   __name: "AppLayout",
   props: {
     adminBridge: {},
@@ -21,31 +21,36 @@ const te = /* @__PURE__ */ R({
     sidebarAboveHeader: { type: Boolean, default: !1 }
   },
   setup(m) {
-    const t = m, h = {
+    const t = m, f = {
       color: "rgba(0,0,0,0.08)",
       fontSize: 12
     };
-    d(K, t.adminBridge), d(O, t.appStore), d(U, t.userStore);
-    const l = n(() => t.adminBridge.generateRouteMetaRawTree(
+    p(Y, t.adminBridge), p($, t.appStore), p(D, t.userStore), K({
+      getThemeConfig: () => t.adminBridge.APP_THEME_CONFIG,
+      getThemeIsDark: () => t.adminBridge.themeIsDark.value
+    }), U({
+      getViewportConfig: () => t.adminBridge.APP_LAYOUT_VIEWPORT_CONFIG
+    });
+    const d = n(() => t.adminBridge.generateRouteMetaRawTree(
       t.adminBridge.getRoutes(),
       {
         parentPath: "",
-        filterFn: (e, i, p) => e.checkPermission ? e.menuShow && t.userStore.havePermissionByKey(e.permissionKey) : e.menuShow && (!p || i),
-        sortFn: (e, i) => e.menuSort - i.menuSort
+        filterFn: (e, s, w) => e.checkPermission ? e.menuShow && t.userStore.havePermissionByKey(e.permissionKey) : e.menuShow && (!w || s),
+        sortFn: (e, s) => e.menuSort - s.menuSort
       }
-    )), s = n(() => z(l.value)), {
-      sidebarMenus: c,
-      headerMenus: v,
-      activeMenu: S,
-      activeModuleMenu: _,
-      needRedirectToFirstChildMenu: g
-    } = D({
-      getMenus: () => l.value,
-      getMenuFlatList: () => s.value,
+    )), i = n(() => V(d.value)), {
+      sidebarMenus: l,
+      headerMenus: h,
+      activeMenu: v,
+      activeModuleMenu: g,
+      needRedirectToFirstChildMenu: S
+    } = z({
+      getMenus: () => d.value,
+      getMenuFlatList: () => i.value,
       getExtractLevel1ToHeader: () => t.appStore.extractLevel1ToHeader
-    }), M = n(() => t.userStore.isLogin), L = n(() => t.appStore.showHeader), b = n(() => t.appStore.showSidebar);
-    f(
-      () => c.value.length,
+    }), _ = n(() => t.userStore.isLogin), A = n(() => t.appStore.showHeader), M = n(() => t.appStore.showSidebar);
+    c(
+      () => l.value.length,
       (e) => {
         t.appStore.changeSidebarHasMenusStatus(!!e);
       },
@@ -53,75 +58,72 @@ const te = /* @__PURE__ */ R({
         immediate: !0
       }
     );
-    const w = C(), A = Y();
-    return f(
-      g,
+    const L = E(), b = H();
+    return c(
+      S,
       (e) => {
-        e && (console.log(`${w.path}需要重定向到${e.path}`), A.replace(e.path));
+        e && (console.log(`${L.path}需要重定向到${e.path}`), b.replace(e.path));
       },
       {
         immediate: !0
       }
-    ), (e, i) => {
-      const p = F;
-      return E(), P("div", {
-        class: B(["app-layout", {
-          "app-layout_noLogin": !o(M)
-        }])
-      }, [
-        a(p, {
-          content: m.watermarkContent,
-          font: h,
-          zIndex: 1e4
-        }, {
-          default: r(() => [
-            a(o($), { level: "app" }, {
-              default: r(() => [
-                a(H, { menuFlatList: o(s) }, {
-                  footer: r(() => [
-                    a(k)
-                  ]),
-                  _: 1
-                }, 8, ["menuFlatList"]),
-                a(y, {
-                  show: o(b),
-                  aboveHeader: m.sidebarAboveHeader,
-                  menus: o(c),
-                  menuFlatList: o(s)
-                }, {
-                  top: r(() => [
-                    u(e.$slots, "sidebar-top", {}, void 0, !0)
-                  ]),
-                  bottom: r(() => [
-                    u(e.$slots, "sidebar-bottom", {}, void 0, !0)
-                  ]),
-                  _: 3
-                }, 8, ["show", "aboveHeader", "menus", "menuFlatList"]),
-                a(T, {
-                  show: o(L),
-                  menus: o(v),
-                  activeMenu: o(S),
-                  activeModuleMenu: o(_),
-                  menuFlatList: o(s)
-                }, {
-                  left: r(() => [
-                    u(e.$slots, "header-left", {}, void 0, !0)
-                  ]),
-                  right: r(() => [
-                    u(e.$slots, "header-right", {}, void 0, !0)
-                  ]),
-                  _: 3
-                }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"])
-              ]),
-              _: 3
-            })
-          ]),
-          _: 3
-        }, 8, ["content"])
-      ], 2);
-    };
+    ), (e, s) => (F(), T("div", {
+      class: R(["app-layout", {
+        "app-layout_noLogin": !_.value
+      }])
+    }, [
+      r(a(B), {
+        content: m.watermarkContent,
+        font: f,
+        zIndex: 1e4
+      }, {
+        default: o(() => [
+          r(a(I), { level: "app" }, {
+            default: o(() => [
+              r(y, { menuFlatList: i.value }, {
+                footer: o(() => [
+                  r(k)
+                ]),
+                _: 1
+              }, 8, ["menuFlatList"]),
+              r(O, {
+                show: M.value,
+                aboveHeader: m.sidebarAboveHeader,
+                menus: a(l),
+                menuFlatList: i.value
+              }, {
+                top: o(() => [
+                  u(e.$slots, "sidebar-top", {}, void 0, !0)
+                ]),
+                bottom: o(() => [
+                  u(e.$slots, "sidebar-bottom", {}, void 0, !0)
+                ]),
+                _: 3
+              }, 8, ["show", "aboveHeader", "menus", "menuFlatList"]),
+              r(C, {
+                show: A.value,
+                menus: a(h),
+                activeMenu: a(v),
+                activeModuleMenu: a(g),
+                menuFlatList: i.value
+              }, {
+                left: o(() => [
+                  u(e.$slots, "header-left", {}, void 0, !0)
+                ]),
+                right: o(() => [
+                  u(e.$slots, "header-right", {}, void 0, !0)
+                ]),
+                _: 3
+              }, 8, ["show", "menus", "activeMenu", "activeModuleMenu", "menuFlatList"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["content"])
+    ], 2));
   }
 });
 export {
-  te as default
+  re as default
 };

package/es/components/app-layout/AppSidebar.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./AppSidebar.vue2.mjs";
 /* empty css                 */
 import p from "../../_virtual/_plugin-vue_export-helper.mjs";
-const a = /* @__PURE__ */ p(o, [["__scopeId", "data-v-37ff5e0c"]]);
+const e = /* @__PURE__ */ p(o, [["__scopeId", "data-v-2499f12e"]]);
 export {
-  a as default
+  e as default
 };