From 50a2800277f1ba6e217375685652461486834268 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Wed, 11 Mar 2020 13:48:24 +0800
Subject: [PATCH] refactor: remove recovery. (#93)

---
 src/api/recovery.js                 |  15 ----
 src/components/Upload/Upload.vue    | 112 ----------------------------
 src/components/index.js             |   2 -
 src/core/lazy_lib/components_use.js |   2 -
 src/views/system/Installation.vue   |  56 +-------------
 5 files changed, 1 insertion(+), 186 deletions(-)
 delete mode 100644 src/api/recovery.js
 delete mode 100644 src/components/Upload/Upload.vue

diff --git a/src/api/recovery.js b/src/api/recovery.js
deleted file mode 100644
index 2f3bf2d5..00000000
--- a/src/api/recovery.js
+++ /dev/null
@@ -1,15 +0,0 @@
-import service from '@/utils/service'
-
-const baseUrl = '/api/admin/recoveries'
-
-const recoveryApi = {}
-
-recoveryApi.migrate = formData => {
-  return service({
-    url: `${baseUrl}/migrations/v0_4_3`,
-    data: formData,
-    method: 'post'
-  })
-}
-
-export default recoveryApi
diff --git a/src/components/Upload/Upload.vue b/src/components/Upload/Upload.vue
deleted file mode 100644
index 31006ac8..00000000
--- a/src/components/Upload/Upload.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<template>
-  <div>
-    <a-upload-dragger
-      v-if="draggable"
-      :name="name"
-      :multiple="multiple"
-      :accept="accept"
-      :customRequest="handleUpload"
-      :remove="handleRemove"
-      @change="handleChange"
-    >
-      <slot
-        role="button"
-        class="ant-upload ant-upload-btn"
-      />
-    </a-upload-dragger>
-    <a-upload
-      v-else
-      :name="name"
-      :multiple="multiple"
-      :accept="accept"
-      :customRequest="handleUpload"
-      :remove="handleRemove"
-      @change="handleChange"
-    >
-      <slot />
-    </a-upload>
-  </div>
-</template>
-
-<script>
-import axios from 'axios'
-
-export default {
-  name: 'Upload',
-  props: {
-    name: {
-      type: String,
-      required: false,
-      default: 'file'
-    },
-    multiple: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
-    draggable: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    accept: {
-      type: String,
-      required: false,
-      default: ''
-    },
-    uploadHandler: {
-      type: Function,
-      required: true
-    }
-  },
-  methods: {
-    handleChange(info) {
-      this.$emit('change', info)
-    },
-    handleRemove(file) {
-      this.$log.debug('Removed file', file)
-      this.$emit('remove', file)
-    },
-    handleUpload(option) {
-      this.$log.debug('Uploading option', option)
-      const CancelToken = axios.CancelToken
-      const source = CancelToken.source()
-
-      const data = new FormData()
-      data.append(this.name, option.file)
-
-      this.uploadHandler(
-        data,
-        progressEvent => {
-          if (progressEvent.total > 0) {
-            progressEvent.percent = (progressEvent.loaded / progressEvent.total) * 100
-          }
-          this.$log.debug('Uploading percent: ', progressEvent.percent)
-          option.onProgress(progressEvent)
-        },
-        source.token,
-        option.file
-      )
-        .then(response => {
-          this.$log.debug('Uploaded successfully', response)
-          option.onSuccess(response, option.file)
-          this.$emit('success', response, option.file)
-        })
-        .catch(error => {
-          this.$log.debug('Failed to upload file', error)
-          option.onError(error, error.response)
-          this.$emit('failure', error, option.file)
-        })
-      return {
-        abort: () => {
-          this.$log.debug('Upload operation aborted by the user')
-          source.cancel('Upload operation canceled by the user.')
-        }
-      }
-    }
-  }
-}
-</script>
-
-<style>
-</style>
diff --git a/src/components/index.js b/src/components/index.js
index 8cecd912..ad3322d3 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -3,13 +3,11 @@ import Vue from 'vue'
 // pro components
 import Ellipsis from '@/components/Ellipsis'
 import FooterToolbar from '@/components/FooterToolbar'
-import Upload from '@/components/Upload/Upload'
 import FilePondUpload from '@/components/Upload/FilePondUpload'
 
 const _components = {
   Ellipsis,
   FooterToolbar,
-  Upload,
   FilePondUpload
 }
 
diff --git a/src/core/lazy_lib/components_use.js b/src/core/lazy_lib/components_use.js
index 0003392e..da5befa0 100644
--- a/src/core/lazy_lib/components_use.js
+++ b/src/core/lazy_lib/components_use.js
@@ -41,7 +41,6 @@ import {
   Tag,
   TimePicker,
   Tooltip,
-  Upload,
   Drawer,
   Skeleton,
   Comment,
@@ -91,7 +90,6 @@ Vue.use(Tabs)
 Vue.use(Tag)
 Vue.use(TimePicker)
 Vue.use(Tooltip)
-Vue.use(Upload)
 Vue.use(Skeleton)
 Vue.use(Comment)
 Vue.use(ConfigProvider)
diff --git a/src/views/system/Installation.vue b/src/views/system/Installation.vue
index 019910c2..f699f0c5 100644
--- a/src/views/system/Installation.vue
+++ b/src/views/system/Installation.vue
@@ -24,8 +24,6 @@
               </a-step>
               <a-step title="博客信息">
               </a-step>
-              <a-step title="数据迁移">
-              </a-step>
             </a-steps>
             <a-divider dashed />
             <!-- Blogger info -->
@@ -161,30 +159,6 @@
               </a-form-item>
             </a-form>
 
-            <!-- Data migration -->
-            <div v-show="stepCurrent == 2">
-              <a-alert
-                style="margin-bottom: 1rem"
-                message="如果有迁移需求，请点击并选择'迁移文件'"
-                type="info"
-                class="animated fadeInUp"
-              />
-              <Upload
-                :name="migrationUploadName"
-                accept="application/json"
-                :uploadHandler="handleMigrationUpload"
-                @remove="handleMigrationFileRemove"
-                class="animated fadeIn"
-                :style="{'animation-delay': '0.2s'}"
-              >
-                <p class="ant-upload-drag-icon">
-                  <a-icon type="inbox" />
-                </p>
-                <p class="ant-upload-text">点击选择文件或将文件拖拽到此处</p>
-                <p class="ant-upload-hint">仅支持单个文件上传</p>
-              </Upload>
-            </div>
-
             <a-row
               class="install-action"
               type="flex"
@@ -220,14 +194,11 @@
 
 <script>
 import adminApi from '@/api/admin'
-import recoveryApi from '@/api/recovery'
 
 export default {
   data() {
     return {
       installation: {},
-      migrationUploadName: 'file',
-      migrationData: null,
       stepCurrent: 0,
       bloggerForm: this.$form.createForm(this)
     }
@@ -255,22 +226,6 @@ export default {
         }
       })
     },
-    handleMigrationUpload(data) {
-      this.$log.debug('Selected data', data)
-      this.migrationData = data
-      return new Promise((resolve, reject) => {
-        this.$log.debug('Handle uploading')
-        resolve()
-      })
-    },
-    handleMigrationFileRemove(file) {
-      this.$log.debug('Removed file', file)
-      this.$log.debug('Migration file from data', this.migrationData.get(this.migrationUploadName))
-      if (this.migrationData.get(this.migrationUploadName).uid === file.uid) {
-        this.migrationData = null
-        this.migrationFile = null
-      }
-    },
     install() {
       adminApi.install(this.installation).then(response => {
         this.$log.debug('Installation response', response)
@@ -292,16 +247,7 @@ export default {
         return
       }
 
-      // Handle migration
-      if (this.migrationData) {
-        recoveryApi.migrate(this.migrationData).then(response => {
-          this.$log.debug('Migrated successfullly')
-          this.$message.success('数据迁移成功！')
-          this.install()
-        })
-      } else {
-        this.install()
-      }
+      this.install()
     }
   }
 }