feat：图片模式添加下载按钮

fix：下载完成后,反选

Author: willnewii

app/src/renderer/components/Main/ResourceGrid.vue

@@ -68,6 +68,8 @@
                     </div>
                     <span v-else class="image">其他类型</span>
                     <div class="btn">
+                        <Button type="ghost" shape="circle" size="small" icon="ios-download"
+                                @click="handleDownload(index,$event)" style="background: #FFFFFF"></Button>
                         <Button type="ghost" shape="circle" size="small" icon="clipboard"
                                 @click="copy(index,$event)" style="background: #FFFFFF"></Button>
                         <Button type="error" shape="circle" size="small" icon="trash-b"
@@ -105,6 +107,16 @@
             return {
                 self: this,
             }
+        },
+        methods: {
+            handleDownload(index) {
+                let item = this.bucket.files[index];
+
+                this.bucket.selection = [item];
+                this.downloadFiles();
+
+                event.stopPropagation();
+            }
         }
     };
 </script>

app/src/renderer/components/Main/ResourceTable.vue

@@ -7,7 +7,7 @@
 </style>
 <template>
     <div class="layout-content">
-        <Table border :columns="columns" :context="self"
+        <Table ref="table" border :columns="columns" :context="self"
                :height="tableHeight" :data="bucket.files" no-data-text="暂无数据"
                @on-selection-change="onSelectionChange"></Table>
         <Modal

app/src/renderer/mixins/mixin-resource.js

@@ -60,6 +60,8 @@ export default {
                 this.$electron.ipcRenderer.send('downloadFile', util.getQiniuUrl(this.bucket.domains[0], this.bucket.selection[0].key), option);
                 this.bucket.selection.shift();
             } else {
+                this.$refs['table'] && this.$refs['table'].selectAll(false);
+
                 this.$Message.info('文件下载完成');
             }
         },