feat(web-antd): 实现电表数据实时推送功能

- 新增 WebSocket 服务，用于接收实时推送的电表数据

apps/web-antd/src/bootstrap.ts

@@ -1,30 +1,31 @@
-import { createApp, watchEffect } from 'vue';
+import { createApp, watchEffect } from 'vue'
 
-import { registerAccessDirective } from '@vben/access';
-import { registerLoadingDirective } from '@vben/common-ui/es/loading';
-import { preferences } from '@vben/preferences';
-import { initStores } from '@vben/stores';
-import '@vben/styles';
-import '@vben/styles/antd';
+import { registerAccessDirective } from '@vben/access'
+import { registerLoadingDirective } from '@vben/common-ui/es/loading'
+import { preferences } from '@vben/preferences'
+import { initStores } from '@vben/stores'
+import '@vben/styles'
+import '@vben/styles/antd'
 
-import { useTitle } from '@vueuse/core';
+import { useTitle } from '@vueuse/core'
 
-import { setupGlobalComponent } from '#/components/global';
-import { $t, setupI18n } from '#/locales';
+import { setupGlobalComponent } from '#/components/global'
+import { $t, setupI18n } from '#/locales'
 
-import { initComponentAdapter } from './adapter/component';
-import { initSetupVbenForm } from './adapter/form';
-import App from './app.vue';
-import { router } from './router';
+import { initComponentAdapter } from './adapter/component'
+import { initSetupVbenForm } from './adapter/form'
+import App from './app.vue'
+import { router } from './router'
+import { initWebSocket } from '#/api/websocket'
 
 
 
 async function bootstrap(namespace: string) {
   // 初始化组件适配器
-  await initComponentAdapter();
+  await initComponentAdapter()
 
   // 初始化表单组件
-  await initSetupVbenForm();
+  await initSetupVbenForm()
 
   // // 设置弹窗的默认配置
   // setDefaultModalProps({
@@ -35,49 +36,53 @@ async function bootstrap(namespace: string) {
   //   zIndex: 1020,
   // });
 
-  const app = createApp(App);
+
+  const app = createApp(App)
 
   // 全局组件
-  setupGlobalComponent(app);
+  setupGlobalComponent(app)
   // 注册v-loading指令
   registerLoadingDirective(app, {
     loading: 'loading', // 在这里可以自定义指令名称，也可以明确提供false表示不注册这个指令
     spinning: 'spinning',
-  });
+  })
 
 
   // 国际化 i18n 配置
-  await setupI18n(app);
+  await setupI18n(app)
 
   // 配置 pinia-tore
-  await initStores(app, { namespace });
+  await initStores(app, { namespace })
+
+  // 初始化WebSocket
+  initWebSocket()
 
   // 安装权限指令
-  registerAccessDirective(app);
+  registerAccessDirective(app)
 
   // 初始化 tippy
-  const { initTippy } = await import('@vben/common-ui/es/tippy');
-  initTippy(app);
+  const { initTippy } = await import('@vben/common-ui/es/tippy')
+  initTippy(app)
 
   // 配置路由及路由守卫
-  app.use(router);
+  app.use(router)
 
 
   // 配置Motion插件
-  const { MotionPlugin } = await import('@vben/plugins/motion');
-  app.use(MotionPlugin);
+  const { MotionPlugin } = await import('@vben/plugins/motion')
+  app.use(MotionPlugin)
 
   // 动态更新标题
   watchEffect(() => {
     if (preferences.app.dynamicTitle) {
-      const routeTitle = router.currentRoute.value.meta?.title;
+      const routeTitle = router.currentRoute.value.meta?.title
       const pageTitle =
-        (routeTitle ? `${$t(routeTitle)} - ` : '') + preferences.app.name;
-      useTitle(pageTitle);
+        (routeTitle ? `${$t(routeTitle)} - ` : '') + preferences.app.name
+      useTitle(pageTitle)
     }
-  });
+  })
 
-  app.mount('#app');
+  app.mount('#app')
 }
 
-export { bootstrap };
+export { bootstrap }