From f08432f992454223dd3df6356fb55ee3babf12e0 Mon Sep 17 00:00:00 2001
From: LynnL4 <lht856@foxmail.com>
Date: Thu, 14 Sep 2023 20:05:15 +0800
Subject: [PATCH] chore: typo

---
 src/components/navbar/index.vue               |  4 +--
 src/senseCraft/serial.ts                      |  2 +-
 src/senseCraft/types.ts                       |  2 +-
 src/views/firmware/index.vue                  | 14 ++++----
 src/views/setup/process/components/device.vue | 34 +++++++++----------
 5 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/src/components/navbar/index.vue b/src/components/navbar/index.vue
index 9b8a947..7176c7b 100644
--- a/src/components/navbar/index.vue
+++ b/src/components/navbar/index.vue
@@ -146,7 +146,7 @@
           v-else
           type="primary"
           :loading="loading"
-          :disabled="deviceStore.deviceStatus === DeviceStatus.Burning"
+          :disabled="deviceStore.deviceStatus === DeviceStatus.Flashing"
           @click="handleConnect"
           >{{ $t('workplace.device.btn.connect') }}</a-button
         >
@@ -287,8 +287,8 @@
     }
 
     .focus {
-      background-color: #165dff;
       color: #fff;
+      background-color: #165dff;
     }
 
     .trigger-btn,
diff --git a/src/senseCraft/serial.ts b/src/senseCraft/serial.ts
index afad6e6..db724aa 100644
--- a/src/senseCraft/serial.ts
+++ b/src/senseCraft/serial.ts
@@ -53,7 +53,7 @@ export default class Serial extends Device {
       // 如果当前在esp连接，需要断开
       if (
         (this.deviceStore.deviceStatus === DeviceStatus.EspConnected ||
-          this.deviceStore.deviceStatus === DeviceStatus.Burning) &&
+          this.deviceStore.deviceStatus === DeviceStatus.Flashing) &&
         this.transport
       ) {
         await this.transport.disconnect();
diff --git a/src/senseCraft/types.ts b/src/senseCraft/types.ts
index 1f30a0f..3d7a67c 100644
--- a/src/senseCraft/types.ts
+++ b/src/senseCraft/types.ts
@@ -2,7 +2,7 @@ export enum DeviceStatus {
   UnConnected = 0, // 设备串口未连接
   SerialConnected = 1, // 串口连接状态，可以下发指令
   EspConnected = 2, // esp连接状态，可以烧录固件和模型
-  Burning = 3, // 烧录状态，不能做别的操作
+  Flashing = 3, // 烧录状态，不能做别的操作
 }
 
 export interface Bin {
diff --git a/src/views/firmware/index.vue b/src/views/firmware/index.vue
index a192ddd..e6b84d6 100644
--- a/src/views/firmware/index.vue
+++ b/src/views/firmware/index.vue
@@ -23,8 +23,8 @@
             <div class="list-item-content">
               <div class="list-item-address">
                 <a-input
-                  :style="{ width: '150px' }"
                   v-model="item.address"
+                  :style="{ width: '150px' }"
                   :placeholder="$t('workplace.firmware.address')"
                   allow-clear
                 />
@@ -193,9 +193,9 @@
     }
 
     let result;
-    deviceStore.setDeviceStatus(DeviceStatus.Burning);
+    deviceStore.setDeviceStatus(DeviceStatus.Flashing);
     try {
-      loadingTip.value = 'Burning';
+      loadingTip.value = 'Flashing';
       const flashOptions: FlashOptions = {
         fileArray,
         flashSize: 'keep',
@@ -279,8 +279,8 @@
 
 <style lang="less">
   .arco-list-medium .arco-list-content-wrapper .arco-list-header {
-    background-color: var(--color-neutral-2);
     padding: 6px 20px;
+    background-color: var(--color-neutral-2);
   }
 </style>
 
@@ -311,8 +311,8 @@
 
         .list-item-content {
           display: flex;
-          justify-content: space-between;
           align-items: center;
+          justify-content: space-between;
         }
 
         .list-item-address {
@@ -327,10 +327,10 @@
     }
 
     .bottom {
-      height: 60px;
       display: flex;
-      justify-content: center;
       align-items: center;
+      justify-content: center;
+      height: 60px;
       margin-top: 30px;
 
       .burn-btn {
diff --git a/src/views/setup/process/components/device.vue b/src/views/setup/process/components/device.vue
index d498332..48712a3 100644
--- a/src/views/setup/process/components/device.vue
+++ b/src/views/setup/process/components/device.vue
@@ -90,7 +90,7 @@
             },
           ]"
           :onclick="() => handleSelectedModel(index)"
-          :virtualIndex="index"
+          :virtual-index="index"
         >
           <div>
             <div class="carousel-item">
@@ -363,9 +363,9 @@
     }
 
     let result;
-    deviceStore.setDeviceStatus(DeviceStatus.Burning);
+    deviceStore.setDeviceStatus(DeviceStatus.Flashing);
     try {
-      loadingTip.value = 'Burning';
+      loadingTip.value = 'Flashing';
       const flashOptions: FlashOptions = {
         fileArray,
         flashSize: 'keep',
@@ -591,16 +591,16 @@
   }
 
   .models-item-title {
-    margin-top: 30px;
     display: flex;
-    justify-content: space-between;
     align-items: center;
+    justify-content: space-between;
+    margin-top: 30px;
   }
 
   .item-card-bottom {
+    flex: 1;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
-    flex: 1;
   }
 
   .slidePrevClass {
@@ -611,15 +611,15 @@
     width: 40vw;
     margin: 30px auto;
     padding: 0 45px;
+
     --swiper-navigation-size: 26px;
     // --swiper-navigation-color: #fff;
-
     .carousel-item-wrapper {
+      flex-shrink: 0;
       // width: 150px;
       // height: 150px;
       border: 1px solid var(--color-neutral-3);
       border-radius: var(--border-radius-small);
-      flex-shrink: 0;
       cursor: pointer;
     }
 
@@ -640,12 +640,12 @@
     }
 
     .carousel-item-name {
-      height: 35px;
-      text-align: center;
       display: flex;
-      justify-content: center;
       align-items: center;
+      justify-content: center;
+      height: 35px;
       margin: 0 5px;
+      text-align: center;
     }
 
     .carousel-item-selected {
@@ -657,9 +657,9 @@
   .custom-model-wrapper {
     width: 150px;
     height: 150px;
+    margin-left: 45px;
     border: 1px solid var(--color-neutral-3);
     border-radius: var(--border-radius-small);
-    margin-left: 45px;
 
     .custom-model-image {
       width: 100%;
@@ -667,12 +667,12 @@
     }
 
     .custom-model-name {
-      height: 25%;
-      text-align: center;
       display: flex;
-      justify-content: center;
       align-items: center;
+      justify-content: center;
+      height: 25%;
       margin: 0 5px;
+      text-align: center;
     }
   }
 
@@ -682,10 +682,10 @@
   }
 
   .bottom {
-    height: 60px;
     display: flex;
-    justify-content: center;
     align-items: center;
+    justify-content: center;
+    height: 60px;
   }
 
   .grid-left {