fix(KeyBoard): display bugs

src/components/Mask.vue

@@ -336,7 +336,7 @@ async function checkUpdate() {
             top: button.posY - 14 + 'px',
           }"
         >
-          {{ button.key }}
+          {{ button.type === "Fire" ? "Fire" : button.key }}
         </div>
       </template>
     </div>

src/components/keyboard/KeyCommon.vue

@@ -267,7 +267,7 @@ function showSetting() {
         <NInput
           type="textarea"
           style="flex-grow: 1"
-          placeholder="$t('pages.KeyBoard.KeyCommon.macroModal.placeholder')"
+          :placeholder="$t('pages.KeyBoard.KeyCommon.macroModal.placeholder')"
           v-model:value="editedMacroRaw.down"
           @update:value="macroEditedFlag = true"
           round

src/components/keyboard/KeyFire.vue

@@ -84,6 +84,11 @@ function showSetting() {
   settingPosY.value = Math.min(keyMapping.value.posY - 40, maxHeight);
   keyboardStore.showButtonSettingFlag = true;
 }
+
+function changeDragSetting() {
+  keyMapping.value.drag = !keyMapping.value.drag;
+  keyboardStore.edited = true;
+}
 </script>
 
 <template>
@@ -143,7 +148,7 @@ function showSetting() {
   >
     <NH4 prefix="bar">{{ $t("pages.KeyBoard.KeyFire.fire") }}</NH4>
     <NCheckbox
-      @click="keyMapping.drag = !keyMapping.drag"
+      @click="changeDragSetting"
       :checked="keyMapping.drag"
       style="margin-bottom: 20px"
       >{{ $t("pages.KeyBoard.KeyFire.drag") }}</NCheckbox