mamba-layout 0.1.0

package/dist/layout/components/mobile/HeaderRightMobile.vue2.js

@@ -0,0 +1,50 @@
+import { defineComponent as u, computed as d, createElementBlock as _, openBlock as r, createVNode as i, createBlock as l, withCtx as n, createElementVNode as s } from "vue";
+import { useSetting as p } from "../../hooks/useSetting.js";
+import { redirectToLayoutLogin as f } from "../../utils/index.js";
+import a from "../NavIconBtn.vue.js";
+import g from "../ThemeToggle.vue.js";
+import h from "../TimezoneSelect.vue.js";
+import v from "./AsideUserMobilePopover.vue.js";
+const k = { class: "header-right-mobile" }, E = /* @__PURE__ */ u({
+  __name: "HeaderRightMobile",
+  setup(b) {
+    const t = p(), m = d(
+      () => {
+        var o, e;
+        return !!((o = t.value.user) != null && o.id || (e = t.value.user) != null && e.userId);
+      }
+    ), c = () => {
+      var o, e;
+      (e = (o = t.value).onLogin) != null && e.call(o) || f(t.value);
+    };
+    return (o, e) => (r(), _("div", k, [
+      i(h),
+      i(g),
+      m.value ? (r(), l(v, { key: 0 }, {
+        reference: n(() => [
+          i(a, { class: "header-right-mobile__action" }, {
+            default: n(() => e[0] || (e[0] = [
+              s("i", { class: "metisicon-yonghu1" }, null, -1)
+            ])),
+            _: 1,
+            __: [0]
+          })
+        ]),
+        _: 1
+      })) : (r(), l(a, {
+        key: 1,
+        class: "header-right-mobile__action",
+        onClick: c
+      }, {
+        default: n(() => e[1] || (e[1] = [
+          s("i", { class: "metisicon-yonghu1" }, null, -1)
+        ])),
+        _: 1,
+        __: [1]
+      }))
+    ]));
+  }
+});
+export {
+  E as default
+};

package/dist/layout/components/mobile/MobileMenuToggle.css

@@ -0,0 +1 @@
+.mobile-menu-toggle[data-v-3aac408b]{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border:0;border-right:1px solid var(--ui-topnav-border);background:var(--ui-topnav-accent);color:var(--ui-topnav-foreground);cursor:pointer;transition:background var(--ui-transition-fast),color var(--ui-transition-fast)}.mobile-menu-toggle[data-v-3aac408b]:hover{background:var(--ui-topnav-hover)}.mobile-menu-toggle__icon[data-v-3aac408b]{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:18px}

package/dist/layout/components/mobile/MobileMenuToggle.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+export default _default;

package/dist/layout/components/mobile/MobileMenuToggle.vue.js

@@ -0,0 +1,7 @@
+import o from "./MobileMenuToggle.vue2.js";
+/* empty css                      */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3aac408b"]]);
+export {
+  m as default
+};

package/dist/layout/components/mobile/MobileMenuToggle.vue2.js

@@ -0,0 +1,31 @@
+import { defineComponent as l, resolveComponent as c, createElementBlock as i, openBlock as m, createElementVNode as r, createVNode as o, withCtx as s, unref as _ } from "vue";
+import { Expand as a } from "@element-plus/icons-vue";
+import { injectLayoutContext as p } from "../../hooks/useState.js";
+const u = { class: "mobile-menu-toggle__icon" }, v = /* @__PURE__ */ l({
+  __name: "MobileMenuToggle",
+  setup(d) {
+    const { sideOpen: e } = p(), t = () => {
+      e.value = !e.value;
+    };
+    return (f, g) => {
+      const n = c("el-icon");
+      return m(), i("button", {
+        type: "button",
+        class: "mobile-menu-toggle",
+        onClick: t
+      }, [
+        r("div", u, [
+          o(n, null, {
+            default: s(() => [
+              o(_(a))
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  v as default
+};

package/dist/layout/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useApp';
+export * from './useSetting';
+export * from './useState';
+export * from './useTheme';

package/dist/layout/hooks/index.js

@@ -0,0 +1,17 @@
+import { useApp as o } from "./useApp.js";
+import { provideSetting as m, useSetting as i } from "./useSetting.js";
+import { injectLayoutContext as p, provideLayoutContext as s, useStateHook as u } from "./useState.js";
+import { initTheme as g, setTheme as h, syncThemeFromSetting as T, toggleTheme as f, useTheme as S } from "./useTheme.js";
+export {
+  g as initTheme,
+  p as injectLayoutContext,
+  s as provideLayoutContext,
+  m as provideSetting,
+  h as setTheme,
+  T as syncThemeFromSetting,
+  f as toggleTheme,
+  o as useApp,
+  i as useSetting,
+  u as useStateHook,
+  S as useTheme
+};

package/dist/layout/hooks/useApp.d.ts

@@ -0,0 +1,6 @@
+import { LayoutApp } from './useSetting';
+export declare function useApp(): {
+    appList: import('vue').ComputedRef<LayoutApp[]>;
+    getAppPath: (app?: LayoutApp) => string;
+    findAppById: (appId?: string) => LayoutApp | undefined;
+};

package/dist/layout/hooks/useApp.js

@@ -0,0 +1,20 @@
+import { computed as p } from "vue";
+import { useSetting as s } from "./useSetting.js";
+function d() {
+  const o = s(), n = p(() => o.value.appList || []);
+  return {
+    appList: n,
+    getAppPath: (t) => (t == null ? void 0 : t.path) || "",
+    findAppById: (t) => {
+      if (t)
+        return r(n.value, t);
+    }
+  };
+}
+const r = (o, n) => o.reduce(
+  (i, e) => i || (e.appId === n ? e : r(e.children || [], n)),
+  void 0
+);
+export {
+  d as useApp
+};

package/dist/layout/hooks/useSetting.d.ts

@@ -0,0 +1,62 @@
+import { Ref } from 'vue';
+import { RouteItem } from '../../utils/repoUtils';
+export type { RouteItem };
+export type LayoutMenuItem = RouteItem;
+export interface LayoutUser {
+    id?: string;
+    userId?: string;
+    username?: string;
+    name?: string;
+    nickname?: string;
+    email?: string;
+    avatar?: string;
+    userType?: string;
+    roles?: string[];
+    permissions?: string[];
+    [key: string]: unknown;
+}
+export interface LayoutApp {
+    appId: string;
+    displayAppId?: string;
+    name: string;
+    desc?: string;
+    path?: string;
+    icon?: string;
+    children?: LayoutApp[];
+    [key: string]: unknown;
+}
+export declare function useSetting(): Ref<SettingConfig, SettingConfig>;
+export declare const provideSetting: (config: Partial<SettingConfig>) => Partial<SettingConfig> | undefined;
+export interface SettingConfig {
+    layout: "vertical" | "classic" | "transverse" | "columns" | "comprehensive" | "idc";
+    menus?: LayoutMenuItem[];
+    accountMenu?: LayoutMenuItem[];
+    user?: LayoutUser | null;
+    appList?: LayoutApp[];
+    onLogin?: () => unknown;
+    onLogout?: () => unknown | Promise<unknown>;
+    theme?: "dark" | "light";
+    title: string;
+    logo: string;
+    themeColor?: Partial<ThemeColor>;
+    tabs?: boolean | string;
+    pageType?: "card" | "common";
+    logoPath?: string;
+    hideDoc?: boolean;
+    docOperatorPath?: string;
+    docUserPath?: string;
+    loginPath?: string;
+    userCenterPath?: string;
+    [key: string]: unknown;
+}
+export interface TabItem {
+    path: string;
+    name: string;
+}
+export interface ThemeColor extends Record<string, string> {
+    colorPrimary: string;
+    headerBg: string;
+    headerColor: string;
+    asideBg: string;
+    asideColor: string;
+}

package/dist/layout/hooks/useSetting.js

@@ -0,0 +1,24 @@
+import { unref as m, ref as n } from "vue";
+import { deepMerge as u } from "../../utils/repoUtils.js";
+import { syncThemeFromSetting as a } from "./useTheme.js";
+import { setLayoutStyle as i } from "../utils/index.js";
+const t = n({
+  menus: [],
+  layout: "classic",
+  title: "",
+  logo: "",
+  tabs: "tab",
+  pageType: "common"
+});
+function l() {
+  return t;
+}
+const g = (o) => {
+  const e = l(), r = o && m(o) || {};
+  if (!(e != null && e.value)) return r;
+  t.value = u(e.value, r), a(t.value.theme), i(t.value);
+};
+export {
+  g as provideSetting,
+  l as useSetting
+};