fix(projects): fix customize info color

soybeanjs · Nov 14, 2023 · f0f0236 · f0f0236
1 parent ab60edc
commit f0f0236
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/layouts/modules/theme-drawer/modules/theme-color.vue b/src/layouts/modules/theme-drawer/modules/theme-color.vue
@@ -13,14 +13,18 @@ const themeStore = useThemeStore();
 function handleUpdateColor(color: string, key: App.Theme.ThemeColorKey) {
   themeStore.updateThemeColors(key, color);
 }
+
+function handleUpdateCustomizeInfoColor(checked: boolean) {
+  themeStore.updateIsCustomizeInfoColor(!checked);
+}
 </script>
 
 <template>
   <ADivider>{{ $t('theme.themeColor.title') }}</ADivider>
   <div class="flex-vertical-stretch gap-12px">
     <SettingItem v-for="(_, key) in themeStore.themeColors" :key="key" :label="$t(`theme.themeColor.${key}`)">
       <template v-if="key === 'info'" #suffix>
-        <ACheckbox v-model:checked="themeStore.isCustomizeInfoColor">
+        <ACheckbox :checked="!themeStore.isCustomizeInfoColor" @update:checked="handleUpdateCustomizeInfoColor">
           {{ $t('theme.themeColor.followPrimary') }}
         </ACheckbox>
       </template>

diff --git a/src/store/modules/theme/index.ts b/src/store/modules/theme/index.ts
@@ -90,6 +90,14 @@ export const useThemeStore = defineStore(SetupStoreId.Theme, () => {
     }
   }
 
+  /**
+   * update is customize info color
+   * @param customize
+   */
+  function updateIsCustomizeInfoColor(customize: boolean) {
+    settings.value.isCustomizeInfoColor = customize;
+  }
+
   /**
    * setup theme vars to html
    */
@@ -134,6 +142,7 @@ export const useThemeStore = defineStore(SetupStoreId.Theme, () => {
     antdTheme,
     setThemeLayout,
     themeColors,
-    updateThemeColors
+    updateThemeColors,
+    updateIsCustomizeInfoColor
   };
 });