mamba-layout 0.6.0 → 0.8.0

package/dist/index.js

@@ -1,31 +1,27 @@
-import { default as o } from "./layout/BaseLayout.vue.js";
+import { default as t } from "./layout/BaseLayout.vue.js";
 import { useApp as a } from "./layout/hooks/useApp.js";
-import { injectLayoutContext as f, provideLayoutContext as s, useStateHook as p } from "./layout/hooks/useState.js";
-import { initTheme as x, setTheme as n, syncThemeFromSetting as i, toggleTheme as d, useTheme as l } from "./layout/hooks/useTheme.js";
-import { provideSetting as T, useSetting as h } from "./layout/hooks/useSetting.js";
-import { default as S } from "./components/UserAvatar/src/UserAvatar.vue.js";
-import { default as L } from "./layout/components/LayoutBreadcrumb.vue.js";
-import { default as A } from "./layout/components/TimezoneSelect.vue.js";
-import { default as C } from "./layout/components/UserInfo.vue.js";
-import { default as b } from "./locales/index.js";
-import { messages as k } from "./locales/messages.js";
+import { injectLayoutContext as s, provideLayoutContext as m, useStateHook as p } from "./layout/hooks/useState.js";
+import { useTheme as x } from "./layout/hooks/useTheme.js";
+import { provideSetting as n, useSetting as i } from "./layout/hooks/useSetting.js";
+import { default as y } from "./components/UserAvatar/src/UserAvatar.vue.js";
+import { default as S } from "./layout/components/LayoutBreadcrumb.vue.js";
+import { default as g } from "./layout/components/TimezoneSelect.vue.js";
+import { default as A } from "./layout/components/UserInfo.vue.js";
+import { default as C } from "./locales/index.js";
+import { messages as U } from "./locales/messages.js";
 export {
-  o as BaseLayout,
-  L as LayoutBreadcrumb,
-  A as TimezoneSelect,
-  S as UserAvatar,
-  C as UserInfo,
-  b as i18n,
-  x as initTheme,
-  f as injectLayoutContext,
-  k as messages,
-  s as provideLayoutContext,
-  T as provideSetting,
-  n as setTheme,
-  i as syncThemeFromSetting,
-  d as toggleTheme,
+  t as BaseLayout,
+  S as LayoutBreadcrumb,
+  g as TimezoneSelect,
+  y as UserAvatar,
+  A as UserInfo,
+  C as i18n,
+  s as injectLayoutContext,
+  U as messages,
+  m as provideLayoutContext,
+  n as provideSetting,
   a as useApp,
-  h as useSetting,
+  i as useSetting,
   p as useStateHook,
-  l as useTheme
+  x as useTheme
 };

package/dist/layout/hooks/index.js

@@ -1,17 +1,13 @@
 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";
+import { provideSetting as p, useSetting as u } from "./useSetting.js";
+import { injectLayoutContext as i, provideLayoutContext as m, useStateHook as n } from "./useState.js";
+import { 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,
+  i as injectLayoutContext,
+  m as provideLayoutContext,
+  p as provideSetting,
   o as useApp,
-  i as useSetting,
-  u as useStateHook,
-  S as useTheme
+  u as useSetting,
+  n as useStateHook,
+  s as useTheme
 };

package/dist/layout/hooks/useSetting.js

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

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

@@ -1,15 +1,11 @@
 export type ThemeMode = "light" | "dark";
-export declare function initTheme(fallback?: ThemeMode): ThemeMode;
-export declare function setTheme(value: ThemeMode, options?: {
-    persist?: boolean;
-}): void;
-export declare function toggleTheme(): void;
-export declare function syncThemeFromSetting(value?: ThemeMode): void;
 export declare function useTheme(): {
     theme: import('vue').Ref<ThemeMode, ThemeMode>;
     isDark: import('vue').ComputedRef<boolean>;
-    initTheme: typeof initTheme;
-    setTheme: typeof setTheme;
-    toggleTheme: typeof toggleTheme;
-    syncThemeFromSetting: typeof syncThemeFromSetting;
+    initTheme: (fallback?: ThemeMode) => ThemeMode;
+    setTheme: (value: ThemeMode, options?: {
+        persist?: boolean;
+    }) => void;
+    toggleTheme: () => void;
+    syncThemeFromSetting: (value?: ThemeMode) => void;
 };

package/dist/layout/hooks/useTheme.js

@@ -1,44 +1,37 @@
-import { computed as m, ref as o } from "vue";
-import { Storage as s } from "../../utils/repoUtils.js";
-const u = "theme", f = "(prefers-color-scheme: dark)", r = o("light"), n = o(!1);
-let a = !1;
-const d = (e) => e === "dark" || e === "light" ? e : null, h = () => typeof window > "u" || typeof window.matchMedia != "function" ? "light" : window.matchMedia(f).matches ? "dark" : "light", T = (e) => {
-  const t = d(s.get(u, null));
-  return t ? (n.value = !0, t) : e || h();
-}, c = (e) => {
-  typeof document > "u" || document.documentElement.classList.toggle("dark", e === "dark");
-};
-function l(e) {
-  const t = T(e);
-  return r.value = t, c(t), a = !0, t;
-}
-function i(e, t) {
-  r.value = e, c(e), (t == null ? void 0 : t.persist) !== !1 && (s.set(u, e, null), n.value = !0);
-}
-function g() {
-  i(r.value === "dark" ? "light" : "dark");
-}
-function k(e) {
-  if (!a) {
-    l(e);
-    return;
-  }
-  !n.value && e && i(e, { persist: !1 });
-}
-function w() {
+import { ref as m, computed as E } from "vue";
+import { Storage as l } from "../../utils/repoUtils.js";
+const r = m("light");
+function M() {
+  const o = "theme", u = "(prefers-color-scheme: dark)", n = m(!1);
+  let i = !1;
+  const d = (e) => e === "dark" || e === "light" ? e : null, f = () => typeof window > "u" || typeof window.matchMedia != "function" ? "light" : window.matchMedia(u).matches ? "dark" : "light", h = (e) => {
+    const t = d(l.get(o, null));
+    return t ? (n.value = !0, t) : e || f();
+  }, c = (e) => {
+    typeof document > "u" || document.documentElement.classList.toggle("dark", e === "dark");
+  }, a = (e) => {
+    const t = h(e);
+    return r.value = t, c(t), i = !0, t;
+  }, s = (e, t) => {
+    r.value = e, c(e), (t == null ? void 0 : t.persist) !== !1 && (l.set(o, e, null), n.value = !0);
+  }, T = () => {
+    s(r.value === "dark" ? "light" : "dark");
+  }, g = (e) => {
+    if (!i) {
+      a(e);
+      return;
+    }
+    !n.value && e && s(e, { persist: !1 });
+  }, k = E(() => r.value === "dark");
   return {
     theme: r,
-    isDark: m(() => r.value === "dark"),
-    initTheme: l,
-    setTheme: i,
-    toggleTheme: g,
-    syncThemeFromSetting: k
+    isDark: k,
+    initTheme: a,
+    setTheme: s,
+    toggleTheme: T,
+    syncThemeFromSetting: g
   };
 }
 export {
-  l as initTheme,
-  i as setTheme,
-  k as syncThemeFromSetting,
-  g as toggleTheme,
-  w as useTheme
+  M as useTheme
 };