From 94700624dd63a19b2c0ba1d500ec8f5f37e6e526 Mon Sep 17 00:00:00 2001
From: johnniang <johnniang@riseup.net>
Date: Fri, 19 Apr 2019 16:27:17 +0800
Subject: [PATCH] Refactor component registration

---
 src/components/Upload/Upload.vue     | 12 +++++
 src/components/index.js              | 17 ++++--
 src/main.js                          |  1 +
 src/views/interface/MenuList.vue     |  4 --
 src/views/interface/ThemeList.vue    |  1 +
 src/views/page/internal/LinkList.vue | 80 ++++++++++++++++++++--------
 6 files changed, 86 insertions(+), 29 deletions(-)
 create mode 100644 src/components/Upload/Upload.vue

diff --git a/src/components/Upload/Upload.vue b/src/components/Upload/Upload.vue
new file mode 100644
index 000000000..a8ebaf6fc
--- /dev/null
+++ b/src/components/Upload/Upload.vue
@@ -0,0 +1,12 @@
+<template>
+  <div>upload</div>
+</template>
+
+<script>
+export default {
+  name: 'Upload'
+}
+</script>
+
+<style>
+</style>
diff --git a/src/components/index.js b/src/components/index.js
index be59b47e2..190ec9a4f 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -1,3 +1,5 @@
+import Vue from 'vue'
+
 // pro components
 import AvatarList from '@/components/AvatarList'
 import Ellipsis from '@/components/Ellipsis'
@@ -9,17 +11,26 @@ import Trend from '@/components/Trend'
 import MultiTab from '@/components/MultiTab'
 import Result from '@/components/Result'
 import ExceptionPage from '@/components/Exception'
+import Upload from '@/components/Upload/Upload'
 
-export {
+const _components = {
   AvatarList,
   Trend,
   Ellipsis,
   FooterToolbar,
   NumberInfo,
   DescriptionList,
-  DescriptionList as DetailList,
   Tree,
   MultiTab,
   Result,
-  ExceptionPage
+  ExceptionPage,
+  Upload
 }
+
+const components = {}
+
+Object.keys(_components).forEach(key => {
+  components[key] = Vue.component(key, _components[key])
+})
+
+export default components
diff --git a/src/main.js b/src/main.js
index ddef4d912..31b6b4c96 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,6 +8,7 @@ import './logger'
 import './core/lazy_use'
 import bootstrap from './core/bootstrap'
 import '@/utils/filter' // global filter
+import './components'
 import animated from 'animate.css'
 
 Vue.config.productionTip = false
diff --git a/src/views/interface/MenuList.vue b/src/views/interface/MenuList.vue
index c54e5e46c..eeaa1cd07 100644
--- a/src/views/interface/MenuList.vue
+++ b/src/views/interface/MenuList.vue
@@ -111,7 +111,6 @@
 </template>
 
 <script>
-import { Ellipsis } from '@/components'
 import menuApi from '@/api/menu'
 const columns = [
   {
@@ -138,9 +137,6 @@ const columns = [
   }
 ]
 export default {
-  components: {
-    Ellipsis
-  },
   data() {
     return {
       data: [],
diff --git a/src/views/interface/ThemeList.vue b/src/views/interface/ThemeList.vue
index ec8b33870..b0271a0ab 100644
--- a/src/views/interface/ThemeList.vue
+++ b/src/views/interface/ThemeList.vue
@@ -150,6 +150,7 @@
     >
       <a-tabs defaultActiveKey="1">
         <a-tab-pane tab="本地上传" key="1">
+          <upload />
           <a-upload-dragger
             name="file"
             :multiple="true"
diff --git a/src/views/page/internal/LinkList.vue b/src/views/page/internal/LinkList.vue
index de6a8e3cb..f458fb778 100644
--- a/src/views/page/internal/LinkList.vue
+++ b/src/views/page/internal/LinkList.vue
@@ -7,29 +7,51 @@
         :md="10"
         :sm="24"
         :xs="24"
-        :style="{ 'padding-bottom': '12px' }">
+        :style="{ 'padding-bottom': '12px' }"
+      >
         <a-card :title="title">
           <a-form layout="horizontal">
             <a-form-item label="网站名称：">
-              <a-input v-model="link.name"/>
+              <a-input v-model="link.name" />
             </a-form-item>
-            <a-form-item label="网站地址：" help="* 需要加上 http://">
-              <a-input v-model="link.url"/>
+            <a-form-item
+              label="网站地址："
+              help="* 需要加上 http://"
+            >
+              <a-input v-model="link.url" />
             </a-form-item>
             <a-form-item label="Logo：">
-              <a-input v-model="link.logo"/>
+              <a-input v-model="link.logo" />
             </a-form-item>
-            <a-form-item label="分组：" help="* 非必填">
-              <a-input v-model="link.team"/>
+            <a-form-item
+              label="分组："
+              help="* 非必填"
+            >
+              <a-input v-model="link.team" />
             </a-form-item>
             <a-form-item label="描述：">
-              <a-input type="textarea" :autosize="{ minRows: 5 }" v-model="link.description"/>
+              <a-input
+                type="textarea"
+                :autosize="{ minRows: 5 }"
+                v-model="link.description"
+              />
             </a-form-item>
             <a-form-item>
-              <a-button type="primary" @click="handleSaveClick" v-if="formType==='create'">保存</a-button>
+              <a-button
+                type="primary"
+                @click="handleSaveClick"
+                v-if="formType==='create'"
+              >保存</a-button>
               <a-button-group v-else>
-                <a-button type="primary" @click="handleSaveClick">更新</a-button>
-                <a-button type="dashed" @click="addLink" v-if="formType==='update'">返回添加</a-button>
+                <a-button
+                  type="primary"
+                  @click="handleSaveClick"
+                >更新</a-button>
+                <a-button
+                  type="dashed"
+                  @click="addLink"
+                  v-if="formType==='update'"
+                >返回添加</a-button>
               </a-button-group>
             </a-form-item>
           </a-form>
@@ -41,7 +63,8 @@
         :md="14"
         :sm="24"
         :xs="24"
-        :style="{ 'padding-bottom': '12px' }">
+        :style="{ 'padding-bottom': '12px' }"
+      >
         <a-card title="所有友情链接">
           <a-table
             :columns="columns"
@@ -49,13 +72,30 @@
             :loading="loading"
             :rowKey="link => link.id"
           >
-            <template slot="url" slot-scope="text">
-              <a target="_blank" :href="text">{{ text }}</a>
+            <template
+              slot="url"
+              slot-scope="text"
+            >
+              <a
+                target="_blank"
+                :href="text"
+              >{{ text }}</a>
             </template>
-            <ellipsis :length="15" tooltip slot="name" slot-scope="text">{{ text }}</ellipsis>
-            <span slot="action" slot-scope="text, record">
-              <a href="javascript:;" @click="editLink(record.id)">编辑</a>
-              <a-divider type="vertical"/>
+            <ellipsis
+              :length="15"
+              tooltip
+              slot="name"
+              slot-scope="text"
+            >{{ text }}</ellipsis>
+            <span
+              slot="action"
+              slot-scope="text, record"
+            >
+              <a
+                href="javascript:;"
+                @click="editLink(record.id)"
+              >编辑</a>
+              <a-divider type="vertical" />
               <a-popconfirm
                 :title="'你确定要删除【' + record.name + '】链接？'"
                 @confirm="deleteLink(record.id)"
@@ -73,7 +113,6 @@
 </template>
 
 <script>
-import { Ellipsis } from '@/components'
 import linkApi from '@/api/link'
 const columns = [
   {
@@ -97,9 +136,6 @@ const columns = [
   }
 ]
 export default {
-  components: {
-    Ellipsis
-  },
   data() {
     return {
       title: '添加友情链接',