大量的代码格式化

Web/src/components/PopupContainer.vue

@@ -13,10 +13,12 @@
       <div class="popup-header-fixed">
         <!-- 标题行 (无子标题且有操作时使用 Grid 布局) -->
         <div class="header-title-row" :class="{ 'has-actions': !subtitle && hasActions }">
-          <h3 class="popup-title">{{ title }}</h3>
+          <h3 class="popup-title">
+            {{ title }}
+          </h3>
           <!-- 无子标题时，操作按钮与标题同行 -->
           <div v-if="!subtitle && hasActions" class="header-actions-inline">
-            <slot name="header-actions"></slot>
+            <slot name="header-actions" />
           </div>
         </div>
 
@@ -24,18 +26,18 @@
         <div v-if="subtitle" class="header-stats">
           <span class="stats-text" v-html="subtitle" />
           <!-- 额外操作插槽 -->
-          <slot v-if="hasActions" name="header-actions"></slot>
+          <slot v-if="hasActions" name="header-actions" />
         </div>
       </div>
 
       <!-- 内容区域（可滚动） -->
       <div class="popup-scroll-content">
-        <slot></slot>
+        <slot />
       </div>
 
       <!-- 底部页脚，固定不可滚动 -->
       <div v-if="slots.footer" class="popup-footer-fixed">
-        <slot name="footer"></slot>
+        <slot name="footer" />
       </div>
     </div>
   </van-popup>
@@ -47,24 +49,24 @@ import { computed, useSlots } from 'vue'
 const props = defineProps({
   modelValue: {
     type: Boolean,
-    required: true,
+    required: true
   },
   title: {
     type: String,
-    default: '',
+    default: ''
   },
   subtitle: {
     type: String,
-    default: '',
+    default: ''
   },
   height: {
     type: String,
-    default: '80%',
+    default: '80%'
   },
   closeable: {
     type: Boolean,
-    default: true,
-  },
+    default: true
+  }
 })
 
 const emit = defineEmits(['update:modelValue'])
@@ -74,7 +76,7 @@ const slots = useSlots()
 // 双向绑定
 const visible = computed({
   get: () => props.modelValue,
-  set: (value) => emit('update:modelValue', value),
+  set: (value) => emit('update:modelValue', value)
 })
 
 // 判断是否有操作按钮