大量的代码格式化

Web/src/components/Bill/BillForm.vue

@@ -6,8 +6,12 @@
         <van-field label="时间">
           <template #input>
             <div style="display: flex; gap: 16px">
-              <div @click="showDatePicker = true">{{ form.date }}</div>
-              <div @click="showTimePicker = true">{{ form.time }}</div>
+              <div @click="showDatePicker = true">
+                {{ form.date }}
+              </div>
+              <div @click="showTimePicker = true">
+                {{ form.time }}
+              </div>
             </div>
           </template>
         </van-field>
@@ -37,9 +41,9 @@
         <van-field name="type" label="类型">
           <template #input>
             <van-radio-group v-model="form.type" direction="horizontal" @change="handleTypeChange">
-              <van-radio :name="0">支出</van-radio>
-              <van-radio :name="1">收入</van-radio>
-              <van-radio :name="2">不计</van-radio>
+              <van-radio :name="0"> 支出 </van-radio>
+              <van-radio :name="1"> 收入 </van-radio>
+              <van-radio :name="2"> 不计 </van-radio>
             </van-radio-group>
           </template>
         </van-field>
@@ -47,23 +51,20 @@
         <!-- 分类 -->
         <van-field name="category" label="分类">
           <template #input>
-            <span v-if="!categoryName" style="color: var(--van-text-color-3);">请选择分类</span>
+            <span v-if="!categoryName" style="color: var(--van-text-color-3)">请选择分类</span>
             <span v-else>{{ categoryName }}</span>
           </template>
         </van-field>
-        
+
         <!-- 分类选择组件 -->
-        <ClassifySelector
-          v-model="categoryName"
-          :type="form.type"
-        />
+        <ClassifySelector v-model="categoryName" :type="form.type" />
       </van-cell-group>
 
       <div class="actions">
         <van-button round block type="primary" native-type="submit" :loading="loading">
           {{ submitText }}
         </van-button>
-        <slot name="actions"></slot>
+        <slot name="actions" />
       </div>
     </van-form>
 
@@ -137,7 +138,7 @@ const initForm = async () => {
   if (props.initialData) {
     isSyncing.value = true
     const { occurredAt, amount, reason, type, classify } = props.initialData
-    
+
     if (occurredAt) {
       const dt = dayjs(occurredAt)
       form.value.date = dt.format('YYYY-MM-DD')
@@ -145,11 +146,17 @@ const initForm = async () => {
       currentDate.value = form.value.date.split('-')
       currentTime.value = form.value.time.split(':')
     }
-    
-    if (amount !== undefined) form.value.amount = amount
-    if (reason !== undefined) form.value.note = reason
-    if (type !== undefined) form.value.type = type
-    
+
+    if (amount !== undefined) {
+      form.value.amount = amount
+    }
+    if (reason !== undefined) {
+      form.value.note = reason
+    }
+    if (type !== undefined) {
+      form.value.type = type
+    }
+
     // 如果有传入分类名称，尝试设置
     if (classify) {
       categoryName.value = classify
@@ -166,9 +173,13 @@ onMounted(() => {
 })
 
 // 监听 initialData 变化 (例如重新解析后)
-watch(() => props.initialData, () => {
-  initForm()
-}, { deep: true })
+watch(
+  () => props.initialData,
+  () => {
+    initForm()
+  },
+  { deep: true }
+)
 
 const handleTypeChange = (newType) => {
   if (!isSyncing.value) {
@@ -197,7 +208,7 @@ const handleSubmit = () => {
   }
 
   const fullDateTime = `${form.value.date}T${form.value.time}:00`
-  
+
   const payload = {
     occurredAt: fullDateTime,
     classify: categoryName.value,
@@ -205,7 +216,7 @@ const handleSubmit = () => {
     reason: form.value.note || '',
     type: form.value.type
   }
-  
+
   emit('submit', payload)
 }