refactor: 重构多个组件以支持 Vue 3 语法和功能

- 将多个组件转换为 `<script setup>` 语法，提升可读性和性能
- 优化状态管理和事件处理逻辑，简化代码结构
- 更新样式和布局以适应新组件结构
- 添加新功能和修复已知问题，提升用户体验

pages/promotion/live/utils/liveMqtt.js

@@ -1,6 +1,7 @@
 /**
  * 直播 MQTT 连接管理（由 saas-uni-v3 useMqtt 迁移）
  */
+// #ifndef MP-WEIXIN
 import { createMqttClient } from "../mqtt/mqtt.js";
 
 export class LiveMqttService {
@@ -220,3 +221,20 @@ export class LiveMqttService {
     this.disconnectMqtt();
   }
 }
+// #endif
+
+// #ifdef MP-WEIXIN
+export class LiveMqttService {
+  constructor() {}
+  set messageHandlers() {}
+  setMessageHandlers() {}
+  initMqtt() {}
+  isConnected() {
+    return false;
+  }
+  get mqttClient() {
+    return null;
+  }
+  cleanup() {}
+}
+// #endif