initial commit

2026-06-23 13:28:38 +07:00
commit 966ed115b2
590 changed files with 111412 additions and 0 deletions
@@ -0,0 +1,93 @@
+import { RouteTransitions, Skins } from '@core/enums'
+
+export const defineThemeConfig = userConfig => {
+  const localStorageTheme = localStorage.getItem(`${userConfig.app.title}-theme`)
+  const localStorageIsVerticalNavSemiDark = localStorage.getItem(`${userConfig.app.title}-isVerticalNavSemiDark`)
+
+  const localStorageSkin = (() => {
+    const storageValue = localStorage.getItem(`${userConfig.app.title}-skin`)
+    
+    return Object.values(Skins).find(v => v === storageValue)
+  })()
+
+  const localStorageTransition = (() => {
+    const storageValue = localStorage.getItem(`${userConfig.app.title}-transition`)
+    
+    return Object.values(RouteTransitions).find(v => v === storageValue)
+  })()
+
+  return {
+    themeConfig: {
+      app: {
+        title: userConfig.app.title,
+        logo: userConfig.app.logo,
+        contentWidth: ref(userConfig.app.contentWidth),
+        contentLayoutNav: ref(userConfig.app.contentLayoutNav),
+        overlayNavFromBreakpoint: userConfig.app.overlayNavFromBreakpoint,
+        enableI18n: userConfig.app.enableI18n,
+        theme: ref(localStorageTheme || userConfig.app.theme),
+        isRtl: ref(userConfig.app.isRtl),
+        skin: ref(localStorageSkin || userConfig.app.skin),
+        routeTransition: ref(localStorageTransition || userConfig.app.routeTransition),
+        iconRenderer: userConfig.app.iconRenderer,
+      },
+      navbar: {
+        type: ref(userConfig.navbar.type),
+        navbarBlur: ref(userConfig.navbar.navbarBlur),
+      },
+      footer: { type: ref(userConfig.footer.type) },
+      verticalNav: {
+        isVerticalNavCollapsed: ref(userConfig.verticalNav.isVerticalNavCollapsed),
+        defaultNavItemIconProps: userConfig.verticalNav.defaultNavItemIconProps,
+        isVerticalNavSemiDark: ref(localStorageIsVerticalNavSemiDark ? JSON.parse(localStorageIsVerticalNavSemiDark) : userConfig.verticalNav.isVerticalNavSemiDark),
+      },
+      horizontalNav: {
+        type: ref(userConfig.horizontalNav.type),
+        transition: userConfig.horizontalNav.transition,
+      },
+      icons: {
+        chevronDown: userConfig.icons.chevronDown,
+        chevronRight: userConfig.icons.chevronRight,
+        close: userConfig.icons.close,
+        verticalNavPinned: userConfig.icons.verticalNavPinned,
+        verticalNavUnPinned: userConfig.icons.verticalNavUnPinned,
+        sectionTitlePlaceholder: userConfig.icons.sectionTitlePlaceholder,
+      },
+    },
+    layoutConfig: {
+      app: {
+        title: userConfig.app.title,
+        logo: userConfig.app.logo,
+        contentWidth: userConfig.app.contentWidth,
+        contentLayoutNav: userConfig.app.contentLayoutNav,
+        overlayNavFromBreakpoint: userConfig.app.overlayNavFromBreakpoint,
+        enableI18n: userConfig.app.enableI18n,
+        isRtl: userConfig.app.isRtl,
+        iconRenderer: userConfig.app.iconRenderer,
+      },
+      navbar: {
+        type: userConfig.navbar.type,
+        navbarBlur: userConfig.navbar.navbarBlur,
+      },
+      footer: {
+        type: userConfig.footer.type,
+      },
+      verticalNav: {
+        isVerticalNavCollapsed: userConfig.verticalNav.isVerticalNavCollapsed,
+        defaultNavItemIconProps: userConfig.verticalNav.defaultNavItemIconProps,
+      },
+      horizontalNav: {
+        type: userConfig.horizontalNav.type,
+        transition: userConfig.horizontalNav.transition,
+      },
+      icons: {
+        chevronDown: userConfig.icons.chevronDown,
+        chevronRight: userConfig.icons.chevronRight,
+        close: userConfig.icons.close,
+        verticalNavPinned: userConfig.icons.verticalNavPinned,
+        verticalNavUnPinned: userConfig.icons.verticalNavUnPinned,
+        sectionTitlePlaceholder: userConfig.icons.sectionTitlePlaceholder,
+      },
+    },
+  }
+}