chore: upgrade dependencies. (halo-dev/console#237)

2020-08-30 15:23:31 +08:00 · 2020-08-30 15:23:31 +08:00 · 4e6a0a00d0
parent 8e38006e81
commit 4e6a0a00d0
21 changed files with 435 additions and 371 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -2601,34 +2601,6 @@
            "webpack-sources": "^1.4.3"
          }
        },
-        "vue-loader-v16": {
-          "version": "npm:vue-loader@16.0.0-beta.5",
-          "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.5.tgz",
-          "integrity": "sha512-ciWfzNefqWlmzKznCWY9hl+fPP4KlQ0A9MtHbJ/8DpyY+dAM8gDrjufIdxwTgC4szE4EZC3A6ip/BbrqM84GqA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "@types/mini-css-extract-plugin": "^0.9.1",
-            "chalk": "^3.0.0",
-            "hash-sum": "^2.0.0",
-            "loader-utils": "^1.2.3",
-            "merge-source-map": "^1.1.0",
-            "source-map": "^0.6.1"
-          },
-          "dependencies": {
-            "chalk": {
-              "version": "3.0.0",
-              "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
-              "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
-              "dev": true,
-              "optional": true,
-              "requires": {
-                "ansi-styles": "^4.1.0",
-                "supports-color": "^7.1.0"
-              }
-            }
-          }
-        },
        "wrap-ansi": {
          "version": "6.2.0",
          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
@ -3114,9 +3086,9 @@
      }
    },
    "ant-design-vue": {
-      "version": "1.6.4",
-      "resolved": "https://registry.npmjs.org/ant-design-vue/-/ant-design-vue-1.6.4.tgz",
-      "integrity": "sha512-BQ37Vcw6itMIsa+UFr+ad4I3Tx6ZYAPnComvWXQwWqDuVIW4A0M5X+nY/pTTIaH9cPSxMse8KUSUu0ibuYj3Ag==",
+      "version": "1.6.5",
+      "resolved": "https://registry.npmjs.org/ant-design-vue/-/ant-design-vue-1.6.5.tgz",
+      "integrity": "sha512-FzLrK+JuJUq+g4vd+UjFFi13ZdSsb11EZFapisFXilJxpc1LxqyunZu5AP4nr9vFLs3J4UX2A6q+Rp/Fi6JrLg==",
      "requires": {
        "@ant-design/icons": "^2.1.1",
        "@ant-design/icons-vue": "^2.0.0",
@ -16133,6 +16105,86 @@
        }
      }
    },
+    "vue-loader-v16": {
+      "version": "npm:vue-loader@16.0.0-beta.5",
+      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.0.0-beta.5.tgz",
+      "integrity": "sha512-ciWfzNefqWlmzKznCWY9hl+fPP4KlQ0A9MtHbJ/8DpyY+dAM8gDrjufIdxwTgC4szE4EZC3A6ip/BbrqM84GqA==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "@types/mini-css-extract-plugin": "^0.9.1",
+        "chalk": "^3.0.0",
+        "hash-sum": "^2.0.0",
+        "loader-utils": "^1.2.3",
+        "merge-source-map": "^1.1.0",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
+          "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "@types/color-name": "^1.1.1",
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+          "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true,
+          "optional": true
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
    "vue-ls": {
      "version": "3.2.1",
      "resolved": "https://registry.npmjs.org/vue-ls/-/vue-ls-3.2.1.tgz",
--- a/package.json
+++ b/package.json
@ -9,7 +9,7 @@
    "test:unit": "vue-cli-service test:unit"
  },
  "dependencies": {
-    "ant-design-vue": "^1.6.4",
+    "ant-design-vue": "^1.6.5",
    "axios": "^0.19.2",
    "enquire.js": "^2.1.6",
    "filepond": "^4.19.2",
--- a/src/components/Attachment/AttachmentSelectDrawer.vue
+++ b/src/components/Attachment/AttachmentSelectDrawer.vue
@ -57,16 +57,17 @@
      </div>
      <a-divider class="divider-transparent" />
      <div class="bottom-control">
-        <a-button
-          type="dashed"
-          class="mr-2"
-          v-if="isChooseAvatar"
-          @click="handleSelectGravatar"
-        >使用 Gravatar</a-button>
-        <a-button
-          @click="handleShowUploadModal"
-          type="primary"
-        >上传附件</a-button>
+        <a-space>
+          <a-button
+            type="dashed"
+            v-if="isChooseAvatar"
+            @click="handleSelectGravatar"
+          >使用 Gravatar</a-button>
+          <a-button
+            @click="handleShowUploadModal"
+            type="primary"
+          >上传附件</a-button>
+        </a-space>
      </div>
    </a-drawer>

--- a/src/core/lazy_lib/components_use.js
+++ b/src/core/lazy_lib/components_use.js
@ -49,7 +49,8 @@ import {
  Timeline,
  Steps,
  Empty,
-  Result
+  Result,
+  Space
 } from 'ant-design-vue'

 Vue.use(Anchor)
@ -100,6 +101,7 @@ Vue.use(Timeline)
 Vue.use(Steps)
 Vue.use(Empty)
 Vue.use(Result)
+Vue.use(Space)

 Vue.prototype.$message = message
 Vue.prototype.$notification = notification
--- a/src/views/attachment/AttachmentList.vue
+++ b/src/views/attachment/AttachmentList.vue
@ -74,12 +74,13 @@
                  :sm="24"
                >
                  <span class="table-page-search-submitButtons">
-                    <a-button
-                      type="primary"
-                      class="mr-2"
-                      @click="handleQuery()"
-                    >查询</a-button>
-                    <a-button @click="handleResetParam()">重置</a-button>
+                    <a-space>
+                      <a-button
+                        type="primary"
+                        @click="handleQuery()"
+                      >查询</a-button>
+                      <a-button @click="handleResetParam()">重置</a-button>
+                    </a-space>
                  </span>
                </a-col>
              </a-row>
--- a/src/views/attachment/components/AttachmentDetailDrawer.vue
+++ b/src/views/attachment/components/AttachmentDetailDrawer.vue
@ -126,34 +126,35 @@
    </a-row>
    <a-divider class="divider-transparent" />
    <div class="bottom-control">
-      <a-popconfirm
-        title="你确定要添加到图库？"
-        @confirm="handleAddToPhoto"
-        okText="确定"
-        cancelText="取消"
-        v-if="addToPhoto"
-      >
-        <a-button
-          type="dashed"
-          class="mr-2"
-        >添加到图库</a-button>
-      </a-popconfirm>
-      <a-popconfirm
-        title="你确定要删除该附件？"
-        @confirm="handleDeleteAttachment"
-        okText="确定"
-        cancelText="取消"
-      >
-        <ReactiveButton
-          type="danger"
-          @callback="handleDeletedCallback"
-          :loading="deleting"
-          :errored="deleteErrored"
-          text="删除"
-          loadedText="删除成功"
-          erroredText="删除失败"
-        ></ReactiveButton>
-      </a-popconfirm>
+      <a-space>
+        <a-popconfirm
+          title="你确定要添加到图库？"
+          @confirm="handleAddToPhoto"
+          okText="确定"
+          cancelText="取消"
+          v-if="addToPhoto"
+        >
+          <a-button
+            type="dashed"
+          >添加到图库</a-button>
+        </a-popconfirm>
+        <a-popconfirm
+          title="你确定要删除该附件？"
+          @confirm="handleDeleteAttachment"
+          okText="确定"
+          cancelText="取消"
+        >
+          <ReactiveButton
+            type="danger"
+            @callback="handleDeletedCallback"
+            :loading="deleting"
+            :errored="deleteErrored"
+            text="删除"
+            loadedText="删除成功"
+            erroredText="删除失败"
+          ></ReactiveButton>
+        </a-popconfirm>
+      </a-space>
    </div>
  </a-drawer>
 </template>
--- a/src/views/comment/components/CommentDetail.vue
+++ b/src/views/comment/components/CommentDetail.vue
@ -98,25 +98,25 @@
    </a-row>
    <a-divider class="divider-transparent" />
    <div class="bottom-control">
-      <a-button
-        type="dashed"
-        class="mr-2"
-        @click="handleEditComment"
-        v-if="!editable"
-      >编辑</a-button>
-      <a-button
-        type="primary"
-        class="mr-2"
-        @click="handleUpdateComment"
-        v-if="editable"
-      >保存</a-button>
-      <a-popconfirm
-        title="你确定要将此评论者加入黑名单？"
-        okText="确定"
-        cancelText="取消"
-      >
-        <a-button type="danger">加入黑名单</a-button>
-      </a-popconfirm>
+      <a-space>
+        <a-button
+          type="dashed"
+          @click="handleEditComment"
+          v-if="!editable"
+        >编辑</a-button>
+        <a-button
+          type="primary"
+          @click="handleUpdateComment"
+          v-if="editable"
+        >保存</a-button>
+        <a-popconfirm
+          title="你确定要将此评论者加入黑名单？"
+          okText="确定"
+          cancelText="取消"
+        >
+          <a-button type="danger">加入黑名单</a-button>
+        </a-popconfirm>
+      </a-space>
    </div>
  </a-drawer>
 </template>
--- a/src/views/comment/components/CommentTab.vue
+++ b/src/views/comment/components/CommentTab.vue
@ -43,12 +43,13 @@
              :sm="24"
            >
              <span class="table-page-search-submitButtons">
-                <a-button
-                  type="primary"
-                  class="mr-2"
-                  @click="handleQuery()"
-                >查询</a-button>
-                <a-button @click="handleResetParam()">重置</a-button>
+                <a-space>
+                  <a-button
+                    type="primary"
+                    @click="handleQuery()"
+                  >查询</a-button>
+                  <a-button @click="handleResetParam()">重置</a-button>
+                </a-space>
              </span>
            </a-col>
          </a-row>
--- a/src/views/interface/components/ThemeSettingDrawer.vue
+++ b/src/views/interface/components/ThemeSettingDrawer.vue
@ -207,29 +207,29 @@
      v-if="themeConfigurations.length>0"
      class="w-full"
    >
-      <a-button
-        v-if="!this.isMobile() && theme.activated && viewMode"
-        type="primary"
-        @click="toggleViewMode"
-        class="mr-2"
-        ghost
-      >普通模式</a-button>
-      <a-button
-        v-else-if="!this.isMobile() && theme.activated && !viewMode"
-        type="dashed"
-        @click="toggleViewMode"
-        class="mr-2"
-      >预览模式</a-button>
-      <ReactiveButton
-        type="primary"
-        @click="handleSaveSettings"
-        @callback="saveErrored=false"
-        :loading="saving"
-        :errored="saveErrored"
-        text="保存"
-        loadedText="保存成功"
-        erroredText="保存失败"
-      ></ReactiveButton>
+      <a-space>
+        <a-button
+          v-if="!this.isMobile() && theme.activated && viewMode"
+          type="primary"
+          @click="toggleViewMode"
+          ghost
+        >普通模式</a-button>
+        <a-button
+          v-else-if="!this.isMobile() && theme.activated && !viewMode"
+          type="dashed"
+          @click="toggleViewMode"
+        >预览模式</a-button>
+        <ReactiveButton
+          type="primary"
+          @click="handleSaveSettings"
+          @callback="saveErrored=false"
+          :loading="saving"
+          :errored="saveErrored"
+          text="保存"
+          loadedText="保存成功"
+          erroredText="保存失败"
+        ></ReactiveButton>
+      </a-space>
    </footer-tool-bar>
  </a-drawer>
 </template>
--- a/src/views/post/PostEdit.vue
+++ b/src/views/post/PostEdit.vue
@ -43,31 +43,30 @@
    <AttachmentDrawer v-model="attachmentDrawerVisible" />

    <footer-tool-bar :style="{ width: isSideMenu() && isDesktop() ? `calc(100% - ${sidebarOpened ? 256 : 80}px)` : '100%'}">
-      <ReactiveButton
-        type="danger"
-        class="mr-2"
-        @click="handleSaveDraft(false)"
-        @callback="draftSavederrored = false"
-        :loading="draftSaving"
-        :errored="draftSavederrored"
-        text="保存草稿"
-        loadedText="保存成功"
-        erroredText="保存失败"
-      ></ReactiveButton>
-      <a-button
-        @click="handlePreview"
-        class="mr-2"
-        :loading="previewSaving"
-      >预览</a-button>
-      <a-button
-        type="primary"
-        @click="postSettingVisible = true"
-        class="mr-2"
-      >发布</a-button>
-      <a-button
-        type="dashed"
-        @click="attachmentDrawerVisible = true"
-      >附件库</a-button>
+      <a-space>
+        <ReactiveButton
+          type="danger"
+          @click="handleSaveDraft(false)"
+          @callback="draftSavederrored = false"
+          :loading="draftSaving"
+          :errored="draftSavederrored"
+          text="保存草稿"
+          loadedText="保存成功"
+          erroredText="保存失败"
+        ></ReactiveButton>
+        <a-button
+          @click="handlePreview"
+          :loading="previewSaving"
+        >预览</a-button>
+        <a-button
+          type="primary"
+          @click="postSettingVisible = true"
+        >发布</a-button>
+        <a-button
+          type="dashed"
+          @click="attachmentDrawerVisible = true"
+        >附件库</a-button>
+      </a-space>
    </footer-tool-bar>
  </div>
 </template>
@ -110,9 +109,9 @@ export default {
  beforeRouteEnter(to, from, next) {
    // Get post id from query
    const postId = to.query.postId
-    next(vm => {
+    next((vm) => {
      if (postId) {
-        postApi.get(postId).then(response => {
+        postApi.get(postId).then((response) => {
          const post = response.data.data
          vm.postToStage = post
          vm.selectedTagIds = post.tagIds
@ -148,7 +147,7 @@ export default {
    } else {
      this.$confirm({
        title: '当前页面数据未保存，确定要离开吗？',
-        content: h => <div style="color:red;">如果离开当面页面，你的数据很可能会丢失！</div>,
+        content: (h) => <div style="color:red;">如果离开当面页面，你的数据很可能会丢失！</div>,
        onOk() {
          next()
        },
@ -210,7 +209,7 @@ export default {
            .catch(() => {
              this.draftSavederrored = true
            })
-            .then(response => {
+            .then((response) => {
              this.postToStage = response.data.data
            })
            .finally(() => {
@ -226,7 +225,7 @@ export default {
          .catch(() => {
            this.draftSavederrored = true
          })
-          .then(response => {
+          .then((response) => {
            this.postToStage = response.data.data
          })
          .finally(() => {
@ -244,11 +243,11 @@ export default {
      this.previewSaving = true
      if (this.postToStage.id) {
        // Update the post
-        postApi.update(this.postToStage.id, this.postToStage, false).then(response => {
+        postApi.update(this.postToStage.id, this.postToStage, false).then((response) => {
          this.$log.debug('Updated post', response.data.data)
          postApi
            .preview(this.postToStage.id)
-            .then(response => {
+            .then((response) => {
              window.open(response.data, '_blank')
            })
            .finally(() => {
@ -259,12 +258,12 @@ export default {
        })
      } else {
        // Create the post
-        postApi.create(this.postToStage, false).then(response => {
+        postApi.create(this.postToStage, false).then((response) => {
          this.$log.debug('Created post', response.data.data)
          this.postToStage = response.data.data
          postApi
            .preview(this.postToStage.id)
-            .then(response => {
+            .then((response) => {
              window.open(response.data, '_blank')
            })
            .finally(() => {
--- a/src/views/post/PostList.vue
+++ b/src/views/post/PostList.vue
@ -64,12 +64,13 @@
              :sm="24"
            >
              <span class="table-page-search-submitButtons">
-                <a-button
-                  type="primary"
-                  class="mr-2"
-                  @click="handleQuery()"
-                >查询</a-button>
-                <a-button @click="handleResetParam()">重置</a-button>
+                <a-space>
+                  <a-button
+                    type="primary"
+                    @click="handleQuery()"
+                  >查询</a-button>
+                  <a-button @click="handleResetParam()">重置</a-button>
+                </a-space>
              </span>
            </a-col>
          </a-row>
--- a/src/views/post/components/PostSettingDrawer.vue
+++ b/src/views/post/components/PostSettingDrawer.vue
@ -105,22 +105,22 @@
              />
            </a-form-item>
            <a-form-item>
-              <a-button
-                type="primary"
-                class="mr-2"
-                v-if="categoryFormVisible"
-                @click="handlerCreateCategory"
-              >保存</a-button>
-              <a-button
-                type="dashed"
-                class="mr-2"
-                v-if="!categoryFormVisible"
-                @click="categoryFormVisible = true"
-              >新增</a-button>
-              <a-button
-                v-if="categoryFormVisible"
-                @click="categoryFormVisible = false"
-              >取消</a-button>
+              <a-space>
+                <a-button
+                  type="primary"
+                  v-if="categoryFormVisible"
+                  @click="handlerCreateCategory"
+                >保存</a-button>
+                <a-button
+                  type="dashed"
+                  v-if="!categoryFormVisible"
+                  @click="categoryFormVisible = true"
+                >新增</a-button>
+                <a-button
+                  v-if="categoryFormVisible"
+                  @click="categoryFormVisible = false"
+                >取消</a-button>
+              </a-space>
            </a-form-item>
          </a-form>
        </div>
@ -276,32 +276,32 @@
    </a-drawer>

    <div class="bottom-control">
-      <a-button
-        class="mr-2"
-        type="dashed"
-        @click="advancedVisible = true"
-      >高级</a-button>
-      <ReactiveButton
-        type="danger"
-        v-if="saveDraftButton"
-        class="mr-2"
-        @click="handleDraftClick"
-        @callback="handleSavedCallback"
-        :loading="draftSaving"
-        :errored="draftSavedErrored"
-        text="保存草稿"
-        loadedText="保存成功"
-        erroredText="保存失败"
-      ></ReactiveButton>
-      <ReactiveButton
-        @click="handlePublishClick"
-        @callback="handleSavedCallback"
-        :loading="saving"
-        :errored="savedErrored"
-        :text="`${selectedPost.id?'保存':'发布'}`"
-        :loadedText="`${selectedPost.id?'保存':'发布'}成功`"
-        :erroredText="`${selectedPost.id?'保存':'发布'}失败`"
-      ></ReactiveButton>
+      <a-space>
+        <a-button
+          type="dashed"
+          @click="advancedVisible = true"
+        >高级</a-button>
+        <ReactiveButton
+          type="danger"
+          v-if="saveDraftButton"
+          @click="handleDraftClick"
+          @callback="handleSavedCallback"
+          :loading="draftSaving"
+          :errored="draftSavedErrored"
+          text="保存草稿"
+          loadedText="保存成功"
+          erroredText="保存失败"
+        ></ReactiveButton>
+        <ReactiveButton
+          @click="handlePublishClick"
+          @callback="handleSavedCallback"
+          :loading="saving"
+          :errored="savedErrored"
+          :text="`${selectedPost.id?'保存':'发布'}`"
+          :loadedText="`${selectedPost.id?'保存':'发布'}成功`"
+          :erroredText="`${selectedPost.id?'保存':'发布'}失败`"
+        ></ReactiveButton>
+      </a-space>
    </div>
  </a-drawer>
 </template>
--- a/src/views/sheet/SheetEdit.vue
+++ b/src/views/sheet/SheetEdit.vue
@ -38,31 +38,30 @@

    <AttachmentDrawer v-model="attachmentDrawerVisible" />
    <footer-tool-bar :style="{ width: isSideMenu() && isDesktop() ? `calc(100% - ${sidebarOpened ? 256 : 80}px)` : '100%'}">
-      <ReactiveButton
-        type="danger"
-        class="mr-2"
-        @click="handleSaveDraft(false)"
-        @callback="draftSavederrored = false"
-        :loading="draftSaving"
-        :errored="draftSavederrored"
-        text="保存草稿"
-        loadedText="保存成功"
-        erroredText="保存失败"
-      ></ReactiveButton>
-      <a-button
-        @click="handlePreview"
-        class="mr-2"
-        :loading="previewSaving"
-      >预览</a-button>
-      <a-button
-        type="primary"
-        class="mr-2"
-        @click="sheetSettingVisible = true"
-      >发布</a-button>
-      <a-button
-        type="dashed"
-        @click="attachmentDrawerVisible = true"
-      >附件库</a-button>
+      <a-space>
+        <ReactiveButton
+          type="danger"
+          @click="handleSaveDraft(false)"
+          @callback="draftSavederrored = false"
+          :loading="draftSaving"
+          :errored="draftSavederrored"
+          text="保存草稿"
+          loadedText="保存成功"
+          erroredText="保存失败"
+        ></ReactiveButton>
+        <a-button
+          @click="handlePreview"
+          :loading="previewSaving"
+        >预览</a-button>
+        <a-button
+          type="primary"
+          @click="sheetSettingVisible = true"
+        >发布</a-button>
+        <a-button
+          type="dashed"
+          @click="attachmentDrawerVisible = true"
+        >附件库</a-button>
+      </a-space>
    </footer-tool-bar>
  </div>
 </template>
--- a/src/views/sheet/components/SheetSettingDrawer.vue
+++ b/src/views/sheet/components/SheetSettingDrawer.vue
@ -192,32 +192,32 @@
    </a-drawer>

    <div class="bottom-control">
-      <a-button
-        class="mr-2"
-        type="dashed"
-        @click="advancedVisible = true"
-      >高级</a-button>
-      <ReactiveButton
-        type="danger"
-        v-if="saveDraftButton"
-        class="mr-2"
-        @click="handleDraftClick"
-        @callback="handleSavedCallback"
-        :loading="draftSaving"
-        :errored="draftSavedErrored"
-        text="保存草稿"
-        loadedText="保存成功"
-        erroredText="保存失败"
-      ></ReactiveButton>
-      <ReactiveButton
-        @click="handlePublishClick"
-        @callback="handleSavedCallback"
-        :loading="saving"
-        :errored="savedErrored"
-        :text="`${selectedSheet.id?'保存':'发布'}`"
-        :loadedText="`${selectedSheet.id?'保存':'发布'}成功`"
-        :erroredText="`${selectedSheet.id?'保存':'发布'}失败`"
-      ></ReactiveButton>
+      <a-space>
+        <a-button
+          type="dashed"
+          @click="advancedVisible = true"
+        >高级</a-button>
+        <ReactiveButton
+          type="danger"
+          v-if="saveDraftButton"
+          @click="handleDraftClick"
+          @callback="handleSavedCallback"
+          :loading="draftSaving"
+          :errored="draftSavedErrored"
+          text="保存草稿"
+          loadedText="保存成功"
+          erroredText="保存失败"
+        ></ReactiveButton>
+        <ReactiveButton
+          @click="handlePublishClick"
+          @callback="handleSavedCallback"
+          :loading="saving"
+          :errored="savedErrored"
+          :text="`${selectedSheet.id?'保存':'发布'}`"
+          :loadedText="`${selectedSheet.id?'保存':'发布'}成功`"
+          :erroredText="`${selectedSheet.id?'保存':'发布'}失败`"
+        ></ReactiveButton>
+      </a-space>
    </div>
  </a-drawer>
 </template>
--- a/src/views/sheet/independent/JournalList.vue
+++ b/src/views/sheet/independent/JournalList.vue
@ -43,12 +43,13 @@
                  :sm="24"
                >
                  <span class="table-page-search-submitButtons">
-                    <a-button
-                      type="primary"
-                      class="mr-2"
-                      @click="handleQuery()"
-                    >查询</a-button>
-                    <a-button @click="resetParam()">重置</a-button>
+                    <a-space>
+                      <a-button
+                        type="primary"
+                        @click="handleQuery()"
+                      >查询</a-button>
+                      <a-button @click="resetParam()">重置</a-button>
+                    </a-space>
                  </span>
                </a-col>
              </a-row>
--- a/src/views/sheet/independent/PhotoList.vue
+++ b/src/views/sheet/independent/PhotoList.vue
@ -46,12 +46,13 @@
                  :sm="24"
                >
                  <span class="table-page-search-submitButtons">
-                    <a-button
-                      type="primary"
-                      class="mr-2"
-                      @click="handleQuery()"
-                    >查询</a-button>
-                    <a-button @click="resetParam()">重置</a-button>
+                    <a-space>
+                      <a-button
+                        type="primary"
+                        @click="handleQuery()"
+                      >查询</a-button>
+                      <a-button @click="resetParam()">重置</a-button>
+                    </a-space>
                  </span>
                </a-col>
              </a-row>
@ -289,26 +290,26 @@
      />
      <a-divider class="divider-transparent" />
      <div class="bottom-control">
-        <a-button
-          type="dashed"
-          class="mr-2"
-          @click="editable = true"
-          v-if="!editable"
-        >编辑</a-button>
-        <a-button
-          type="primary"
-          class="mr-2"
-          @click="handleCreateOrUpdate"
-          v-else
-        >保存</a-button>
-        <a-popconfirm
-          title="你确定要删除该图片？"
-          okText="确定"
-          cancelText="取消"
-          @confirm="handleDeletePhoto"
-        >
-          <a-button type="danger">删除</a-button>
-        </a-popconfirm>
+        <a-space>
+          <a-button
+            type="dashed"
+            @click="editable = true"
+            v-if="!editable"
+          >编辑</a-button>
+          <a-button
+            type="primary"
+            @click="handleCreateOrUpdate"
+            v-else
+          >保存</a-button>
+          <a-popconfirm
+            title="你确定要删除该图片？"
+            okText="确定"
+            cancelText="取消"
+            @confirm="handleDeletePhoto"
+          >
+            <a-button type="danger">删除</a-button>
+          </a-popconfirm>
+        </a-space>
      </div>
    </a-drawer>
  </div>
--- a/src/views/system/components/BackupWorkDirDrawer.vue
+++ b/src/views/system/components/BackupWorkDirDrawer.vue
@ -56,24 +56,25 @@
    </a-row>
    <a-divider class="divider-transparent" />
    <div class="bottom-control">
-      <ReactiveButton
-        type="primary"
-        class="mr-2"
-        icon="download"
-        @click="handleBackupClick"
-        @callback="handleBackupedCallback"
-        :loading="backuping"
-        :errored="backupErrored"
-        text="备份"
-        loadedText="备份成功"
-        erroredText="备份失败"
-      ></ReactiveButton>
-      <a-button
-        type="dashed"
-        icon="reload"
-        :loading="loading"
-        @click="handleListBackups"
-      >刷新</a-button>
+      <a-space>
+        <ReactiveButton
+          type="primary"
+          icon="download"
+          @click="handleBackupClick"
+          @callback="handleBackupedCallback"
+          :loading="backuping"
+          :errored="backupErrored"
+          text="备份"
+          loadedText="备份成功"
+          erroredText="备份失败"
+        ></ReactiveButton>
+        <a-button
+          type="dashed"
+          icon="reload"
+          :loading="loading"
+          @click="handleListBackups"
+        >刷新</a-button>
+      </a-space>
    </div>
  </a-drawer>
 </template>
--- a/src/views/system/components/ExportDataDrawer.vue
+++ b/src/views/system/components/ExportDataDrawer.vue
@ -56,24 +56,25 @@
    </a-row>
    <a-divider class="divider-transparent" />
    <div class="bottom-control">
-      <ReactiveButton
-        type="primary"
-        class="mr-2"
-        icon="download"
-        @click="handleExportClick"
-        @callback="handleBackupedCallback"
-        :loading="backuping"
-        :errored="backupErrored"
-        text="备份"
-        loadedText="备份成功"
-        erroredText="备份失败"
-      ></ReactiveButton>
-      <a-button
-        type="dashed"
-        icon="reload"
-        :loading="loading"
-        @click="handleListBackups"
-      >刷新</a-button>
+      <a-space>
+        <ReactiveButton
+          type="primary"
+          icon="download"
+          @click="handleExportClick"
+          @callback="handleBackupedCallback"
+          :loading="backuping"
+          :errored="backupErrored"
+          text="备份"
+          loadedText="备份成功"
+          erroredText="备份失败"
+        ></ReactiveButton>
+        <a-button
+          type="dashed"
+          icon="reload"
+          :loading="loading"
+          @click="handleListBackups"
+        >刷新</a-button>
+      </a-space>
    </div>
  </a-drawer>
 </template>
--- a/src/views/system/developer/tabs/ApplicationConfig.vue
+++ b/src/views/system/developer/tabs/ApplicationConfig.vue
@ -15,25 +15,26 @@
        </a-spin>
      </a-form-item>
      <a-form-item>
-        <a-popconfirm
-          :title="'修改配置文件之后需重启才能生效，是否继续？'"
-          okText="确定"
-          cancelText="取消"
-          @confirm="handleUpdateConfig()"
-        >
-          <a-button
-            type="primary"
-            class="mr-2"
-          >保存</a-button>
-        </a-popconfirm>
-        <a-popconfirm
-          :title="'你确定要重启吗？'"
-          okText="确定"
-          cancelText="取消"
-          @confirm="handleRestartApplication()"
-        >
-          <a-button type="danger">重启</a-button>
-        </a-popconfirm>
+        <a-space>
+          <a-popconfirm
+            :title="'修改配置文件之后需重启才能生效，是否继续？'"
+            okText="确定"
+            cancelText="取消"
+            @confirm="handleUpdateConfig()"
+          >
+            <a-button
+              type="primary"
+            >保存</a-button>
+          </a-popconfirm>
+          <a-popconfirm
+            :title="'你确定要重启吗？'"
+            okText="确定"
+            cancelText="取消"
+            @confirm="handleRestartApplication()"
+          >
+            <a-button type="danger">重启</a-button>
+          </a-popconfirm>
+        </a-space>
      </a-form-item>
    </a-form>
  </div>
--- a/src/views/system/developer/tabs/OptionsList.vue
+++ b/src/views/system/developer/tabs/OptionsList.vue
@ -43,12 +43,13 @@
              :sm="24"
            >
              <span class="table-page-search-submitButtons">
-                <a-button
-                  type="primary"
-                  class="mr-2"
-                  @click="handleQuery()"
-                >查询</a-button>
-                <a-button @click="handleResetParam()">重置</a-button>
+                <a-space>
+                  <a-button
+                    type="primary"
+                    @click="handleQuery()"
+                  >查询</a-button>
+                  <a-button @click="handleResetParam()">重置</a-button>
+                </a-space>
              </span>
            </a-col>
          </a-row>
--- a/src/views/system/developer/tabs/RuntimeLogs.vue
+++ b/src/views/system/developer/tabs/RuntimeLogs.vue
@ -9,26 +9,27 @@
      </a-spin>
    </a-form-item>
    <a-form-item>
-      <a-select
-        defaultValue="200"
-        v-model="logLines"
-        @change="handleLoadLogsLines"
-        style="margin-right: 8px;width: 100px"
-      >
-        <a-select-option value="200">200 行</a-select-option>
-        <a-select-option value="500">500 行</a-select-option>
-        <a-select-option value="800">800 行</a-select-option>
-        <a-select-option value="1000">1000 行</a-select-option>
-      </a-select>
-      <a-button
-        type="primary"
-        class="mr-2"
-        @click="handleLoadLogsLines()"
-      >刷新</a-button>
-      <a-button
-        type="dashed"
-        @click="handleDownloadLogFile()"
-      >下载</a-button>
+      <a-space>
+        <a-select
+          defaultValue="200"
+          v-model="logLines"
+          @change="handleLoadLogsLines"
+          style="width: 100px"
+        >
+          <a-select-option value="200">200 行</a-select-option>
+          <a-select-option value="500">500 行</a-select-option>
+          <a-select-option value="800">800 行</a-select-option>
+          <a-select-option value="1000">1000 行</a-select-option>
+        </a-select>
+        <a-button
+          type="primary"
+          @click="handleLoadLogsLines()"
+        >刷新</a-button>
+        <a-button
+          type="dashed"
+          @click="handleDownloadLogFile()"
+        >下载</a-button>
+      </a-space>
    </a-form-item>
  </a-form>
 </template>