perf: 任务群聊中拖拽文件或者照片时并未有确认窗口

chuabo · Jan 25, 2022 · 7f14a82 · 7f14a82
1 parent b05db6d
commit 7f14a82
Show file tree

Hide file tree

Showing 9 changed files with 30 additions and 9 deletions.
diff --git a/electron/package.json b/electron/package.json
@@ -1,6 +1,6 @@
 {
     "name": "DooTask",
-    "version": "0.7.10",
+    "version": "0.7.13",
     "description": "DooTask is task management system.",
     "main": "main.js",
     "license": "MIT",

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "DooTask",
-    "version": "0.7.10",
+    "version": "0.7.13",
     "description": "DooTask is task management system.",
     "scripts": {
         "start": "./cmd dev",

diff --git a/public/css/app.css b/public/css/app.css
diff --git a/public/js/build/146.js b/public/js/build/146.js
diff --git a/public/js/build/161.js b/public/js/build/161.js
diff --git a/public/js/build/43.js b/public/js/build/43.js
diff --git a/public/js/build/893.js b/public/js/build/893.js
diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -344,8 +344,21 @@ export default {
             const postFiles = Array.prototype.slice.call(files);
             if (postFiles.length > 0) {
                 e.preventDefault();
-                postFiles.forEach((file) => {
-                    this.$refs.chatUpload.upload(file);
+                this.pasteFile = [];
+                this.pasteItem = [];
+                postFiles.some(file => {
+                    let reader = new FileReader();
+                    reader.readAsDataURL(file);
+                    reader.onload = ({target}) => {
+                        this.pasteFile.push(file)
+                        this.pasteItem.push({
+                            type: $A.getMiddle(file.type, null, '/'),
+                            name: file.name,
+                            size: file.size,
+                            result: target.result
+                        })
+                        this.pasteShow = true
+                    }
                 });
             }
         },

diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -445,10 +445,18 @@
 }
 
 .dialog-wrapper-paste {
+    margin-top: -4px;
     img {
         max-width: 100%;
         max-height: 1000px;
     }
+    > div,
+    > img {
+        display: flex;
+        flex-direction: column;
+        padding: 0;
+        margin: 4px 0;
+    }
 }
 
 @media (max-width: 768px) {