Merge pull request #14 from snowords/master

优化项目配置相关内容

src/components/Setting/src/Setting.vue

@@ -108,38 +108,38 @@ watch(
 
 // 拷贝
 const copyConfig = async () => {
-  const { copy, copied } = useClipboard({
+  const { copy, copied, isSupported } = useClipboard({
     source: `
-// 面包屑
+      // 面包屑
-breadcrumb: ${appStore.getBreadcrumb},
+      breadcrumb: ${appStore.getBreadcrumb},
-// 面包屑图标
+      // 面包屑图标
-breadcrumbIcon: ${appStore.getBreadcrumbIcon},
+      breadcrumbIcon: ${appStore.getBreadcrumbIcon},
-// 折叠图标
+      // 折叠图标
-hamburger: ${appStore.getHamburger},
+      hamburger: ${appStore.getHamburger},
-// 全屏图标
+      // 全屏图标
-screenfull: ${appStore.getScreenfull},
+      screenfull: ${appStore.getScreenfull},
-// 尺寸图标
+      // 尺寸图标
-size: ${appStore.getSize},
+      size: ${appStore.getSize},
-// 多语言图标
+      // 多语言图标
-locale: ${appStore.getLocale},
+      locale: ${appStore.getLocale},
-// 标签页
+      // 标签页
-tagsView: ${appStore.getTagsView},
+      tagsView: ${appStore.getTagsView},
-// logo
+      // logo
-logo: ${appStore.getLogo},
+      logo: ${appStore.getLogo},
-// 固定header
+      // 固定header
-fixedHeader: ${appStore.getFixedHeader},
+      fixedHeader: ${appStore.getFixedHeader},
-// 页脚
+      // 页脚
-footer: ${appStore.getFooter},
+      footer: ${appStore.getFooter},
-// 灰色模式
+      // 灰色模式
-greyMode: ${appStore.getGreyMode},
+      greyMode: ${appStore.getGreyMode},
-// layout布局
+      // layout布局
-layout: '${appStore.getLayout}',
+      layout: '${appStore.getLayout}',
-// 暗黑模式
+      // 暗黑模式
-isDark: ${appStore.getIsDark},
+      isDark: ${appStore.getIsDark},
-// 组件尺寸
+      // 组件尺寸
-currentSize: '${appStore.getCurrentSize}',
+      currentSize: '${appStore.getCurrentSize}',
-// 主题相关
+      // 主题相关
-theme: {
+      theme: {
         // 主题色
         elColorPrimary: '${appStore.getTheme.elColorPrimary}',
         // 左侧菜单边框颜色
@@ -168,13 +168,17 @@ theme: {
         topHeaderHoverColor: '${appStore.getTheme.topHeaderHoverColor}',
         // 头部边框颜色
         topToolBorderColor: '${appStore.getTheme.topToolBorderColor}'
-}
+      }
     `
   })
+  if (!isSupported) {
+    ElMessage.error(t('setting.copyFailed'))
+  } else {
     await copy()
     if (unref(copied)) {
       ElMessage.success(t('setting.copySuccess'))
     }
+  }
 }
 
 // 清空缓存

src/components/Setting/src/components/InterfaceDisplay.vue

@@ -3,6 +3,7 @@ import { ElSwitch } from 'element-plus'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useAppStore } from '@/store/modules/app'
 import { computed, ref, watch } from 'vue'
+import { setCssVar } from '@/utils'
 import { useDesign } from '@/hooks/web/useDesign'
 
 const { getPrefixCls } = useDesign()
@@ -59,6 +60,8 @@ const localeChange = (show: boolean) => {
 const tagsView = ref(appStore.getTagsView)
 
 const tagsViewChange = (show: boolean) => {
+  // 切换标签栏显示时，同步切换标签栏的高度
+  setCssVar('--tags-view-height', show ? '35px' : '0px')
   appStore.setTagsView(show)
 }
 

src/locales/en.ts

@@ -70,6 +70,7 @@ export default {
     copy: 'Copy',
     clearAndReset: 'Clear cache and reset',
     copySuccess: 'Copy success',
+    copyFailed: 'Copy failed',
     footer: 'Footer'
   },
   size: {

src/locales/zh-CN.ts

@@ -70,6 +70,7 @@ export default {
     copy: '拷贝',
     clearAndReset: '清除缓存并且重置',
     copySuccess: '拷贝成功',
+    copyFailed: '拷贝失败',
     footer: '页脚'
   },
   size: {