feat add github link

Author: lsustc

components.d.ts

@@ -86,6 +86,7 @@ declare module 'vue' {
     ElTree: typeof import('element-plus/es')['ElTree']
     ElUpload: typeof import('element-plus/es')['ElUpload']
     ElWatermark: typeof import('element-plus/es')['ElWatermark']
+    Github: typeof import('./src/components/icons/Github.vue')['default']
     HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
     IconCommunity: typeof import('./src/components/icons/IconCommunity.vue')['default']
     IconDocumentation: typeof import('./src/components/icons/IconDocumentation.vue')['default']

src/components/icons/Github.vue

@@ -0,0 +1,8 @@
+<template>
+  <svg viewBox="0 0 24 24" width="1.2em" height="1.2em" data-v-b5250014="">
+    <path
+      fill="currentColor"
+      d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.338 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.688c-.1-.25-.45-1.275.1-2.65c0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337c1.912-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z"
+    ></path>
+  </svg>
+</template>

src/views/ThemeEditor.vue

@@ -1,6 +1,13 @@
 <template>
   <el-row style="padding: 40px 20px 0 20px">
-    <el-col :span="6">主题编辑器</el-col>
+    <el-col :span="6">
+      <div class="flex items-center gap-2">
+        <span>主题编辑器</span>
+        <el-button type="primary" link @click="openGithub">
+          <Github style="color: rgb(48, 49, 51)" class="!w-5 !h-5" />
+        </el-button>
+      </div>
+    </el-col>
     <el-col :span="18" style="display: flex; justify-content: end; align-items: start">
       <el-switch
         v-model="isDark"
@@ -336,6 +343,7 @@ import color from '@/common/config/theme/color'
 import size from '@/common/config/theme/size'
 import style from '@/common/config/theme/style'
 import other from '@/common/config/theme/other'
+import Github from '@/components/icons/Github.vue'
 
 const activeName = ref('first')
 const activeNames = ref(['1'])
@@ -386,6 +394,10 @@ function saveObjectAsCss(filename: string) {
   URL.revokeObjectURL(url)
   document.body.removeChild(a)
 }
+
+const openGithub = () => {
+  window.open('https://github.com/DeepFundAI/element-plus-theme-editor', '_blank')
+}
 </script>
 <style lang="less" scoped>
 .editor-container {