refactor: migrate to Vant and set up auto-imports

- replace uni-ui drawer and icon components with Vant equivalents
- add unplugin-auto-import and unplugin-vue-components to Vite config
- update project dependencies to compatible versions
- generate auto-import and component type declaration files
- clean up deprecated imports and commented code in home page components
- fix App.vue to use lowercase router-view and script setup

src/App.vue

@@ -1,5 +1,7 @@
 <template>
-  <div class="app-viewport text-ink-900">
-    <RouterView />
-  </div>
+  <router-view />
 </template>
+
+<script setup lang="ts">
+
+</script>

src/pages/home/components/DrawerSection/index.vue

@@ -1,14 +1,14 @@
 <template>
-  <uni-drawer ref="drawerRef" mode="left" :width="320">
+  <van-popup v-model:show="show" ref="drawerRef" position="left">
     <div class="drawer-home">
       <div class="drawer-home-nav">
-        <uni-icons type="closeempty" size="22" color="#333333" class="close-icon" @click="close" />
+        <van-icon name="cross" size="22" color="#333333" class="close-icon" @click="close" />
         <span class="title">我的</span>
       </div>
 
-      <MineSetting ref="mineSettingRef" @close="close" />
+      <!-- <MineSetting ref="mineSettingRef" @close="close" /> -->
     </div>
-  </uni-drawer>
+  </van-popup>
 </template>
 
 <script setup>
@@ -20,10 +20,12 @@ const drawerRef = ref(null);
 
 // 监听抽屉显示事件
 const mineSettingRef = ref(null);
+const show = ref(false);
+
 const open = async () => {
   await checkToken();
 
-  drawerRef.value?.open?.();
+  show.value = true;
 
   try {
     await mineSettingRef.value?.getLoginUserPhoneInfo?.();
@@ -33,7 +35,7 @@ const open = async () => {
 };
 
 // 监听抽屉隐藏事件
-const close = () => drawerRef.value?.close?.();
+const close = () => show.value = false;
 
 defineExpose({
   open,

src/pages/home/index.vue

@@ -1,69 +1,70 @@
 <template>
   <div class="index-page w-full h-screen overflow-hidden bg-liner">
-    <ChatMainList @showDrawer="showDrawer" />
+    <!-- <ChatMainList @showDrawer="showDrawer" /> -->
 
     <!-- 日历组件 -->
-    <Calender :visible="calendarVisible" mode="single" :default-value="selectedDate" @close="handleCalendarClose"
-      @select="handleDateSelect" />
+    <!-- <Calender :visible="calendarVisible" mode="single" :default-value="selectedDate" @close="handleCalendarClose"
+      @select="handleDateSelect" /> -->
 
     <!-- 更多服务 -->
-    <MoreService />
+    <!-- <MoreService /> -->
 
     <!-- 抽屉组件 -->
     <DrawerSection ref="drawerRef" @close="closeDrawer" />
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { ref, onUnmounted, onMounted } from "vue";
-import { getUrlParams } from "@/utils/UrlParams";
-import { useAppStore } from "@/store";
-import { checkToken } from "@/hooks/useGoLogin";
-import ChatMainList from "./components/ChatMainList/index.vue";
-import MoreService from "./components/MoreService/index.vue";
+import { emitter } from '@/utils/events'
+// import { getUrlParams } from "@/utils/UrlParams";
+// import { useAppStore } from "@/store";
+// import { checkToken } from "@/hooks/useGoLogin";
+// import ChatMainList from "./components/ChatMainList/index.vue";
+// import MoreService from "./components/MoreService/index.vue";
 import DrawerSection from "./components/DrawerSection/index.vue";
-import Calender from "@/components/Calender/index.vue";
+// import Calender from "@/components/Calender/index.vue";
 
-const appStore = useAppStore();
-const calendarVisible = ref(false);
-const selectedDate = ref("");
+// const appStore = useAppStore();
+// const calendarVisible = ref(false);
+// const selectedDate = ref("");
 
-// 处理日历关闭
-const handleCalendarClose = () => {
-  calendarVisible.value = false;
-};
+// // 处理日历关闭
+// const handleCalendarClose = () => {
+//   calendarVisible.value = false;
+// };
 
-// 处理日期选择
-const handleDateSelect = (data) => {
-  selectedDate.value = data.date;
-  calendarVisible.value = false;
-  console.log("选择的日期:", data.date);
-  uni.$emit("selectCalendarDate", selectedDate.value); // 传回父组件
-};
+// // 处理日期选择
+// const handleDateSelect = (data) => {
+//   selectedDate.value = data.date;
+//   calendarVisible.value = false;
+//   console.log("选择的日期:", data.date);
+//   uni.$emit("selectCalendarDate", selectedDate.value); // 传回父组件
+// };
 
-const openCalendar = () => {
-  calendarVisible.value = true;
-};
+// const openCalendar = () => {
+//   calendarVisible.value = true;
+// };
 
 // 打开窗口
 const drawerRef = ref(null);
-const showDrawer = async (e) => {
-  await checkToken();
+const showDrawer = async () => {
+  // await checkToken();
 
   drawerRef.value?.open?.();
 };
 // 关闭窗口
-const closeDrawer = (e) => drawerRef.value?.close?.();
+const closeDrawer = () => drawerRef.value?.close?.();
 
-///获取到二维码原始链接内容
-const getWeixinMiniProgramParams = (e) => {
-  console.log("Params:", e);
-  if (e.q && e.q != "undefined") {
-    const qrUrl = decodeURIComponent(e.q);
-    const params = getUrlParams(qrUrl);
-    appStore.setSceneId(params.sceneId || params.tagId);
-  }
-};
+// ///获取到二维码原始链接内容
+// const getWeixinMiniProgramParams = (e) => {
+//   console.log("Params:", e);
+//   if (e.q && e.q != "undefined") {
+//     const qrUrl = decodeURIComponent(e.q);
+//     const params = getUrlParams(qrUrl);
+//     appStore.setSceneId(params.sceneId || params.tagId);
+//   }
+// };
 
 // TODO
 // onLoad((e) => {
@@ -71,13 +72,13 @@ const getWeixinMiniProgramParams = (e) => {
 // });
 
 onMounted(() => {
-  uni.$on("openCalendar", openCalendar);
-  uni.$on("SHOW_DRAWER", showDrawer);
+  // uni.$on("openCalendar", openCalendar);
+  emitter.on("SHOW_DRAWER", showDrawer);
 });
 
 onUnmounted(() => {
-  uni.$off("openCalendar", openCalendar);
-  uni.$off("SHOW_DRAWER", showDrawer);
+  // uni.$off("openCalendar", openCalendar);
+  emitter.off("SHOW_DRAWER", showDrawer);
 });
 </script>