refactor: setting operation via useAppConfig (#100)

* refactor: setting operation via useAppConfig * chore: format the value of JSON.stringify
vbenjs · Sep 12, 2023 · 7092779 · 7092779
1 parent 1e65c78
commit 7092779
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 49 deletions.
diff --git a/packages/hooks/src/config/useAppConfig.ts b/packages/hooks/src/config/useAppConfig.ts
@@ -39,7 +39,7 @@ export const useAppConfig = () => {
       if (!isSupported)
         return console.error('Your browser does not support Clipboard API')
       const source = reactive(_omit(appConfigOptions, ['openSettingDrawer']))
-      await copy(JSON.stringify(source))
+      await copy(JSON.stringify(source, null, 2))
     } catch (e) {
       console.error(e)
     }

diff --git a/packages/layouts/src/components/setting/components/FooterButtons.vue b/packages/layouts/src/components/setting/components/FooterButtons.vue
@@ -1,70 +1,27 @@
 <script lang="ts" setup>
 import { context } from '../../../../bridge'
 import { useI18n } from '@vben/locale'
-import { writeTextToClipboard } from '@vben/hooks'
-import { unref } from 'vue'
-import { resetRouter } from '@vben/router'
 
 const { t } = useI18n()
-const { useAppConfig, useConfigStore, useMultipleTabStore, useUserStore } =
-  context
-const appConfig = useAppConfig()
-const tabStore = useMultipleTabStore()
-const userStore = useUserStore()
-const configStore = useConfigStore()
 
-const handleCopy = () => {
-  writeTextToClipboard(
-    JSON.stringify(unref(configStore.getProjectConfig), null, 2),
-  )
-  // const { isSuccessRef } = useCopyToClipboard(
-  //   JSON.stringify(unref(configStore.getProjectConfig), null, 2),
-  // );
-  // unref(isSuccessRef) &&
-  // createSuccessModal({
-  //   title: t('layout.setting.operatingTitle'),
-  //   content: t('layout.setting.operatingContent'),
-  // });
-}
-
-const handleReset = () => {
-  try {
-    appConfig.resetAllConfig()
-    // configStore.resetAllConfig()
-    // const { colorWeak, grayMode } = defaultSetting;
-    // updateTheme(themeColor);
-    // updateColorWeak(colorWeak);
-    // updateGrayMode(grayMode);
-    // createMessage.success(t('layout.setting.resetSuccess'))
-  } catch (error: any) {
-    // createMessage.error(error);
-  }
-}
-
-const handleClearAndRedo = () => {
-  localStorage.clear()
-  resetRouter()
-  // permissionStore.resetState()
-  tabStore.resetState()
-  userStore.resetState()
-  location.reload()
-}
+const { useAppConfig } = context
+const { copyConfigs, resetAllConfig, clearAndRedo } = useAppConfig()
 </script>
 <template>
   <VbenSpace vertical>
-    <VbenButton type="info" block @click="handleCopy">
+    <VbenButton type="info" block @click="copyConfigs">
       <template #icon>
         <VbenIconify icon="ant-design:snippets-twotone" />
       </template>
       {{ t('layout.setting.copyBtn') }}
     </VbenButton>
-    <VbenButton type="warning" @click="handleReset" block>
+    <VbenButton type="warning" @click="resetAllConfig" block>
       <template #icon>
         <VbenIconify icon="ant-design:reload-outlined" />
       </template>
       {{ t('common.resetText') }}
     </VbenButton>
-    <VbenButton type="error" block @click="handleClearAndRedo">
+    <VbenButton type="error" block @click="clearAndRedo">
       <template #icon>
         <VbenIconify icon="ant-design:redo-outlined" />
       </template>