From 73b0f2ca5a4e7da38ddf320827fb69409426a6fa Mon Sep 17 00:00:00 2001
From: yanglbme <szuyanglb@outlook.com>
Date: Thu, 12 Nov 2020 10:07:30 +0800
Subject: [PATCH] feat: update component

---
 README.md                                     |  6 +-
 .../CodemirrorEditor/uploadImgDialog.vue      | 94 +++++++++----------
 2 files changed, 50 insertions(+), 50 deletions(-)

diff --git a/README.md b/README.md
index 150ebed..df61e76 100644
--- a/README.md
+++ b/README.md
@@ -46,9 +46,9 @@ Markdown 文档自动即时渲染为微信图文，让你不再为微信文章
 
 | #   | 图床        | 使用时是否需要配置                                                 | 备注                                                                                                                   |
 | --- | ----------- | ------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------- |
-| 1   | 默认图床    | 否                                                                 | -                                                                                                                      |
-| 2   | GitHub 图床 | 配置 `Repo`、`Token` 参数                                          | [如何获取 GitHub token？](https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token) |
-| 3   | Gitee 图床  | 配置 `Repo`、`Token` 参数                                          | 不支持上传超过 1MB 的图片                                                                                              |
+| 1   | 默认        | 否                                                                 | -                                                                                                                      |
+| 2   | Gitee       | 配置 `Repo`、`Token` 参数                                          | 图片超过 1MB 无法正常展示                                                                                              |
+| 3   | GitHub      | 配置 `Repo`、`Token` 参数                                          | [如何获取 GitHub token？](https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token) |
 | 4   | 阿里云 OSS  | 配置 `AccessKey ID`、`AccessKey Secret`、`Bucket`、`Region` 等参数 | [如何使用阿里云 OSS？](https://help.aliyun.com/document_detail/31883.html)                                             |
 | 5   | 腾讯云 COS  | 配置 `SecretId`、`SecretKey`、`Bucket`、`Region` 等参数            | [如何使用腾讯云 COS？](https://cloud.tencent.com/document/product/436/38484)                                           |
 | 6   | 七牛云 Kodo | 配置 `AccessKey`、`SecretKey`、`Bucket`、`Domain`、`Region` 等参数 | [如何使用七牛云 Kodo？](https://developer.qiniu.com/kodo)                                                              |
diff --git a/src/components/CodemirrorEditor/uploadImgDialog.vue b/src/components/CodemirrorEditor/uploadImgDialog.vue
index e423353..55fe3ad 100644
--- a/src/components/CodemirrorEditor/uploadImgDialog.vue
+++ b/src/components/CodemirrorEditor/uploadImgDialog.vue
@@ -39,48 +39,6 @@
                     </div>
                 </el-upload>
             </el-tab-pane>
-            <el-tab-pane class="github-panel" label="GitHub 图床" name="github">
-                <el-form
-                    class="setting-form"
-                    ref="form"
-                    :model="formGitHub"
-                    label-position="right"
-                    label-width="140px"
-                >
-                    <el-form-item label="GitHub 仓库" :required="true">
-                        <el-input
-                            v-model.trim="formGitHub.repo"
-                            placeholder="如：github.com/yanglbme/resource"
-                        ></el-input>
-                    </el-form-item>
-                    <el-form-item label="分支">
-                        <el-input
-                            v-model.trim="formGitHub.branch"
-                            placeholder="如：release，可不填，默认 master"
-                        ></el-input>
-                    </el-form-item>
-                    <el-form-item label="Token" :required="true">
-                        <el-input
-                            v-model.trim="formGitHub.accessToken"
-                            show-password
-                            placeholder="如：cc1d0c1426d0fd0902bd2d7184b14da61b8abc46"
-                        ></el-input>
-                        <el-link
-                            type="primary"
-                            href="https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token"
-                            target="_blank"
-                            >如何获取 GitHub Token？</el-link
-                        >
-                    </el-form-item>
-                    <el-form-item>
-                        <el-button
-                            type="primary"
-                            @click="saveGitHubConfiguration"
-                            >保存配置</el-button
-                        >
-                    </el-form-item>
-                </el-form>
-            </el-tab-pane>
             <el-tab-pane class="github-panel" label="Gitee 图床" name="gitee">
                 <el-form
                     class="setting-form"
@@ -124,6 +82,48 @@
                     </el-form-item>
                 </el-form>
             </el-tab-pane>
+            <el-tab-pane class="github-panel" label="GitHub 图床" name="github">
+                <el-form
+                    class="setting-form"
+                    ref="form"
+                    :model="formGitHub"
+                    label-position="right"
+                    label-width="140px"
+                >
+                    <el-form-item label="GitHub 仓库" :required="true">
+                        <el-input
+                            v-model.trim="formGitHub.repo"
+                            placeholder="如：github.com/yanglbme/resource"
+                        ></el-input>
+                    </el-form-item>
+                    <el-form-item label="分支">
+                        <el-input
+                            v-model.trim="formGitHub.branch"
+                            placeholder="如：release，可不填，默认 master"
+                        ></el-input>
+                    </el-form-item>
+                    <el-form-item label="Token" :required="true">
+                        <el-input
+                            v-model.trim="formGitHub.accessToken"
+                            show-password
+                            placeholder="如：cc1d0c1426d0fd0902bd2d7184b14da61b8abc46"
+                        ></el-input>
+                        <el-link
+                            type="primary"
+                            href="https://docs.github.com/en/github/authenticating-to-github/creating-a-personal-access-token"
+                            target="_blank"
+                            >如何获取 GitHub Token？</el-link
+                        >
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button
+                            type="primary"
+                            @click="saveGitHubConfiguration"
+                            >保存配置</el-button
+                        >
+                    </el-form-item>
+                </el-form>
+            </el-tab-pane>
             <el-tab-pane class="github-panel" label="阿里云 OSS" name="aliOSS">
                 <el-form
                     class="setting-form"
@@ -356,16 +356,16 @@ export default {
             options: [
                 {
                     value: "default",
-                    label: "默认图床",
-                },
-                {
-                    value: "github",
-                    label: "GitHub",
+                    label: "默认",
                 },
                 {
                     value: "gitee",
                     label: "Gitee",
                 },
+                {
+                    value: "github",
+                    label: "GitHub",
+                },
                 {
                     value: "aliOSS",
                     label: "阿里云",