fix: setting button not show (#88)

packages/hooks/src/setting/useRootSetting.ts

@@ -14,43 +14,43 @@ export function useRootSetting() {
     () => appStore.transition.value.openPageLoading,
   )
 
-  const getOpenKeepAlive = computed(() => appStore.openKeepAlive)
+  const getOpenKeepAlive = computed(() => appStore.openKeepAlive.value)
 
   const getSettingButtonPosition = computed(
-    () => appStore.settingButtonPosition,
+    () => appStore.settingButtonPosition.value,
   )
 
-  const getCanEmbedIFramePage = computed(() => appStore.canEmbedIFramePage)
+  const getCanEmbedIFramePage = computed(() => appStore.canEmbedIFramePage.value)
 
-  const getPermissionMode = computed(() => appStore.permissionMode)
+  const getPermissionMode = computed(() => appStore.permissionMode.value)
 
   const getShowLogo = computed(() => appStore.logo.value.show)
 
   const getContentMode = computed(() => appStore.content.value.mode)
 
-  const getUseOpenBackTop = computed(() => appStore.useOpenBackTop)
+  const getUseOpenBackTop = computed(() => appStore.useOpenBackTop.value)
 
   const getShowSettingButton = computed(() => appStore.header.value.showSetting)
 
   const getShowFooter = computed(() => appStore.footer.value.show)
 
   const getShowBreadCrumb = computed(() => appStore.header.value.showBreadCrumb)
 
-  const getThemeColor = computed(() => appStore.themeColor)
+  const getThemeColor = computed(() => appStore.themeColor.value)
 
   const getShowBreadCrumbIcon = computed(
     () => appStore.header.value.showBreadCrumbIcon,
   )
 
   const getFullContent = computed(() => appStore.content.value.fullScreen)
 
-  const getColorWeak = computed(() => appStore.colorWeak)
+  const getColorWeak = computed(() => appStore.colorWeak.value)
 
-  const getGrayMode = computed(() => appStore.grayMode)
+  const getGrayMode = computed(() => appStore.grayMode.value)
 
-  const getLockTime = computed(() => appStore.lockTime)
+  const getLockTime = computed(() => appStore.lockTime.value)
 
-  const getShowDarkModeToggle = computed(() => appStore.showThemeModeToggle)
+  const getShowDarkModeToggle = computed(() => appStore.showThemeModeToggle.value)
 
   const getLayoutContentMode = computed(() =>
     appStore.content.value.mode === ContentLayoutEnum.FULL

packages/layouts/bridge.ts

@@ -11,17 +11,17 @@ import {
 } from '@vben/hooks'
 
 export interface ContextOptions {
-  useRootSetting: () => typeof useRootSetting
+  useRootSetting: typeof useRootSetting
   useAppStore: () => unknown
   useConfigStore: () => unknown
-  useHeaderSetting: () => typeof useHeaderSetting
-  useTabs: () => typeof useTabs
+  useHeaderSetting: typeof useHeaderSetting
+  useTabs: typeof useTabs
   useUserStore: () => unknown
   useAppInject: () => unknown
-  useMenuSetting: () => typeof useMenuSetting
-  useMultipleTabSetting: () => typeof useMultipleTabSetting
+  useMenuSetting: typeof useMenuSetting
+  useMultipleTabSetting: typeof useMultipleTabSetting
   useMultipleTabStore: () => unknown
-  useTransitionSetting: () => typeof useTransitionSetting
+  useTransitionSetting: typeof useTransitionSetting
   useLockStore: () => unknown
   useLockScreen: () => unknown
   listenerRouteChange: (
@@ -40,22 +40,22 @@ export interface ContextOptions {
 }
 
 export let context: ContextOptions = {
-  useRootSetting: () => useRootSetting,
+  useRootSetting,
   useAppStore: () => undefined,
   useConfigStore: () => undefined,
   useUserStore: () => undefined,
-  useHeaderSetting: () => useHeaderSetting,
-  useMenuSetting: () => useMenuSetting,
-  useMultipleTabSetting: () => useMultipleTabSetting,
-  useTransitionSetting: () => useTransitionSetting,
+  useHeaderSetting,
+  useMenuSetting,
+  useMultipleTabSetting,
+  useTransitionSetting,
   useLockStore: () => undefined,
   useLockScreen: () => undefined,
   useAppInject: () => undefined,
   useMultipleTabStore: () => undefined,
   listenerRouteChange: (listenerRouteChange: (route) => void, immediate?) =>
     true,
   usePromise: (fn: Function, config) => undefined,
-  useTabs: () => useTabs,
+  useTabs,
   useDesign: useDesign,
   getMenus: async () => ({}),
   getCurrentParentPath: async (currentPath: string) => ({}),