mamba-layout 0.7.0 → 0.8.0

package/dist/index.js

@@ -1,35 +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 s, provideLayoutContext as f, useStateHook as p } from "./layout/hooks/useState.js";
-import { applyThemeClass as x, getBrowserPreferredTheme as l, initTheme as n, normalizeTheme as i, resolveTheme as d, setTheme as T, syncThemeFromSetting as h, toggleTheme as g, useTheme as y } from "./layout/hooks/useTheme.js";
-import { provideSetting as c, useSetting as v } from "./layout/hooks/useSetting.js";
-import { default as B } from "./components/UserAvatar/src/UserAvatar.vue.js";
-import { default as z } from "./layout/components/LayoutBreadcrumb.vue.js";
-import { default as U } from "./layout/components/TimezoneSelect.vue.js";
-import { default as j } from "./layout/components/UserInfo.vue.js";
-import { default as w } from "./locales/index.js";
-import { messages as H } 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,
-  z as LayoutBreadcrumb,
-  U as TimezoneSelect,
-  B as UserAvatar,
-  j as UserInfo,
-  x as applyThemeClass,
-  l as getBrowserPreferredTheme,
-  w as i18n,
-  n as initTheme,
+  t as BaseLayout,
+  S as LayoutBreadcrumb,
+  g as TimezoneSelect,
+  y as UserAvatar,
+  A as UserInfo,
+  C as i18n,
   s as injectLayoutContext,
-  H as messages,
-  i as normalizeTheme,
-  f as provideLayoutContext,
-  c as provideSetting,
-  d as resolveTheme,
-  T as setTheme,
-  h as syncThemeFromSetting,
-  g as toggleTheme,
+  U as messages,
+  m as provideLayoutContext,
+  n as provideSetting,
   a as useApp,
-  v as useSetting,
+  i as useSetting,
   p as useStateHook,
-  y as useTheme
+  x as useTheme
 };

package/dist/layout/hooks/index.js

@@ -1,21 +1,13 @@
 import { useApp as o } from "./useApp.js";
-import { provideSetting as m, useSetting as p } from "./useSetting.js";
-import { injectLayoutContext as h, provideLayoutContext as i, useStateHook as n } from "./useState.js";
-import { applyThemeClass as a, getBrowserPreferredTheme as g, initTheme as u, normalizeTheme as x, resolveTheme as f, setTheme as l, syncThemeFromSetting as y, toggleTheme as S, useTheme as d } 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 {
-  a as applyThemeClass,
-  g as getBrowserPreferredTheme,
-  u as initTheme,
-  h as injectLayoutContext,
-  x as normalizeTheme,
-  i as provideLayoutContext,
-  m as provideSetting,
-  f as resolveTheme,
-  l as setTheme,
-  y as syncThemeFromSetting,
-  S as toggleTheme,
+  i as injectLayoutContext,
+  m as provideLayoutContext,
+  p as provideSetting,
   o as useApp,
-  p as useSetting,
+  u as useSetting,
   n as useStateHook,
-  d as useTheme
+  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,19 +1,11 @@
 export type ThemeMode = "light" | "dark";
-export declare const normalizeTheme: (value: unknown) => ThemeMode | null;
-export declare const getBrowserPreferredTheme: () => ThemeMode;
-export declare const resolveTheme: (fallback?: ThemeMode) => ThemeMode;
-export declare const applyThemeClass: (value: ThemeMode) => void;
-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,48 +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 {
-  c as applyThemeClass,
-  h as getBrowserPreferredTheme,
-  l as initTheme,
-  d as normalizeTheme,
-  T as resolveTheme,
-  i as setTheme,
-  k as syncThemeFromSetting,
-  g as toggleTheme,
-  w as useTheme
+  M as useTheme
 };