From 0886714c0f04d4143e4ed980206eb2e0271de5ef Mon Sep 17 00:00:00 2001
From: sws <1141121512@qq.com>
Date: Wed, 4 Sep 2024 18:17:11 +0800
Subject: [PATCH] =?UTF-8?q?1.=E4=BC=98=E5=8C=96=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/upload/index.vue | 12 +++++++++---
 src/main.ts                            | 10 +++++++---
 src/styles/common.scss                 |  8 ++++++++
 3 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/components/common/upload/index.vue b/src/components/common/upload/index.vue
index 0dbd985c..7c72faa8 100644
--- a/src/components/common/upload/index.vue
+++ b/src/components/common/upload/index.vue
@@ -111,10 +111,10 @@
                                         </div>
                                         <div class="text-line-1 name">
                                             <template v-if="edit_index !== -1 && edit_index === index">
-                                                <el-input v-model="item.original" type="text" placeholder="请输入内容" size="small" @change="edit_input_change" />
+                                                <el-input v-model="item.original" v-focus type="text" placeholder="请输入内容" size="small" @blur="edit_index = -1" @keydown="edit_input_keydown" @change="edit_input_change" />
                                             </template>
                                             <template v-else>
-                                                <div class="ptb-1 plr-7">
+                                                <div class="ptb-1 plr-7 c-pointer no-select" @dblclick="edit_index = index">
                                                     {{ item.original }}
                                                 </div>
                                             </template>
@@ -555,10 +555,16 @@ const edit_event = (item: any, index: number) => {
 // 输入框 输入完成
 const edit_input_change = (val: string) => {
     edit_index.value = -1;
-    UploadAPI.saveAttachmentName({ id: edit_id.value, original: val }).then((res) => {
+    UploadAPI.saveAttachmentName({ id: edit_id.value, original: val || '' }).then((res) => {
         ElMessage.success('修改成功!');
     });
 };
+const edit_input_keydown = (event: any) => {
+    // 阻止回车键默认事件
+    if (event.keyCode === 13) {
+        edit_index.value = -1;
+    }
+};
 
 // 删除图片/视频/文件
 const del_event = (item: uploadList) => {
diff --git a/src/main.ts b/src/main.ts
index 4c4110dd..7b108512 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -7,15 +7,19 @@ import Particles from 'vue3-particles';
 
 import common from '@/utils/common';
 //default styles
-import Vue3DraggableResizable from 'vue3-draggable-resizable'
-import 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css'
+import Vue3DraggableResizable from 'vue3-draggable-resizable';
+import 'vue3-draggable-resizable/dist/Vue3DraggableResizable.css';
 
 import '@/styles/index.scss';
 const app = createApp(App);
 
 // 将common设置为全局
 app.config.globalProperties.$common = common;
-
+app.directive('focus', {
+    mounted(el) {
+        el.querySelector('input').focus();
+    },
+});
 app.use(router);
 app.use(Particles);
 app.use(Vue3DraggableResizable);
diff --git a/src/styles/common.scss b/src/styles/common.scss
index 575e4e4b..ff2ea2af 100644
--- a/src/styles/common.scss
+++ b/src/styles/common.scss
@@ -263,3 +263,11 @@
     height: 0.8rem;
     background-color: #f0f2f5;
 }
+
+// 禁止双击选中
+.no-select {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
\ No newline at end of file