Update App.vue

muzihuaner · Mar 28, 2024 · a78a882 · a78a882
1 parent f27c4f8
commit a78a882
Showing 1 changed file with 26 additions and 5 deletions.
diff --git a/assets/App.vue b/assets/App.vue
@@ -40,7 +40,7 @@
         </button>
         <Menu
           v-model="showMenu"
-          :items="[{ text: '名称A-Z' }, { text: '大小↑' } ,{ text: '大小↓' }]"
+          :items="[{ text: '名称A-Z' }, { text: '大小↑' } ,{ text: '大小↓' }, { text: '粘贴' }]"
           @click="onMenuClick"
         />
       </div>
@@ -173,6 +173,11 @@
             <span>下载</span>
           </a>
         </li>
+        <li>
+          <button @click="clipboard = focusedItem.key">
+            <span>复制</span>
+          </button>
+        </li>
         <li>
           <button @click="copyLink(`/raw/${focusedItem.key}`)">
             <span>复制链接</span>
@@ -205,6 +210,7 @@ export default {
     cwd: new URL(window.location).searchParams.get("p") || "",
     files: [],
     folders: [],
+    clipboard: null,
     focusedItem: null,
     loading: false,
     order: null,
@@ -242,6 +248,13 @@ export default {
       navigator.clipboard.writeText(url.toString());
     },
 
+    async copyPaste(source, target) {
+      const uploadUrl = `/api/write/items/${target}`;
+      await axios.put(uploadUrl, "", {
+        headers: { "x-amz-copy-source": encodeURIComponent(source) },
+      });
+    },
+
     async createFolder() {
       try {
         const folderName = window.prompt("请输入文件夹名称");
@@ -311,6 +324,8 @@ export default {
         case "大小↓":
           this.order = "大小↓";
           break;
+        case "粘贴":
+          return this.pasteFile();
       }
       this.files.sort((a, b) => {
         if (this.order === "大小↑") {
@@ -334,6 +349,15 @@ export default {
       window.open(filePath);
     },
 
+    async pasteFile() {
+      if (!this.clipboard) return;
+      let newName = window.prompt("Rename to:");
+      if (newName === null) return;
+      if (newName === "") newName = this.clipboard.split("/").pop();
+      await this.copyPaste(this.clipboard, `${this.cwd}${newName}`);
+      this.fetchFiles();
+    },
+
     async processUploadQueue() {
       if (!this.uploadQueue.length) {
         this.fetchFiles();
@@ -404,10 +428,7 @@ export default {
     async renameFile(key) {
       const newName = window.prompt("重命名为:");
       if (!newName) return;
-      const uploadUrl = `/api/write/items/${this.cwd}${newName}`;
-      await axios.put(uploadUrl, "", {
-        headers: { "x-amz-copy-source": encodeURIComponent(key) },
-      });
+      await this.copyPaste(key, `${this.cwd}${newName}`);
       await axios.delete(`/api/write/items/${key}`);
       this.fetchFiles();
     },