Browse Source

编辑器-基础:各个input组件输入完毕后trim;合适时可用回车键表示输入完毕。

任一存 3 years ago
parent
commit
728140c74a

+ 12 - 2
packages/code/src/views/base/Toolbar.vue

@@ -18,7 +18,8 @@
           <div class="title-input-wrapper">
             <input
               v-model="info.name"
-              @blur="$store.commit('SetInfo',info)"
+              @blur="onTitleInputBlur"
+              @keydown.enter="onTitleInputEnter"
               type="text"
               maxlength="50"
               placeholder="请输入作品标题"
@@ -29,7 +30,7 @@
           <div class="jianjie-textarea-wrapper">
             <textarea
               v-model="info.description"
-              @blur="$store.commit('SetInfo',info)"
+              @blur="onDescriptionInputBlur"
               maxlength="500"
               placeholder="请输入作品简介"
               type="text"
@@ -140,6 +141,15 @@ export default {
       }
       this.isShowSettingCoverWindow = false
     },
+    onTitleInputBlur() {
+      this.info.name = this.info.name.trim()
+    },
+    onTitleInputEnter(e) {
+      e.target.blur()
+    },
+    onDescriptionInputBlur() {
+      this.info.description = this.info.description.trim()
+    }
   },
 }
 </script>

+ 4 - 0
packages/code/src/views/base/passwordSettings.vue

@@ -9,6 +9,7 @@
         :maxlength="20"
         oninput="value=value.replace(/\s+/g,'')"
         v-model="info.password"
+        @keydown.enter="onInputEnter"
       >
       <i class="iconfont" @click="canSee = !canSee" :class="canSee ? ' icon-editor_on' : 'icon-editor_off'"></i>
     </div>
@@ -33,6 +34,9 @@ export default {
     })
   },
   methods: {
+    onInputEnter(e) {
+      e.target.blur()
+    }
   }
 }
 </script>