verce-vue-test 0.0.29 → 0.0.31

package/mini2.0-main/src/core/mxApi/index.ts

@@ -161,17 +161,47 @@ export const showOptionMenu = (): void => MXWebui('showOptionMenu')
 export const setCustomHeaderMenu = (...args: unknown[]): void =>
   MXWebui('setCustomHeaderMenu', ...args)
 
+/** 超时兜底：原生回调未触发时自动执行 onError */
+function withCallbackTimeout<T extends (...args: any[]) => void>(
+  onSuccess: T,
+  onError: (reason: string) => void,
+  ms: number,
+  label: string,
+): T {
+  const timer = setTimeout(() => onError(`[MX] ${label} 超时(${ms}ms)`), ms)
+  return ((...args: unknown[]) => {
+    clearTimeout(timer)
+    onSuccess(...args)
+  }) as unknown as T
+}
+
 /** 获取当前登录用户信息 */
-export const getCurrentUser = (): Promise<MXUser> =>
-  new Promise((resolve) => {
-    MXCommon('getCurrentUser', resolve)
-  })
+export const getCurrentUser = (
+  onSuccess: (user: MXUser) => void,
+  onError?: (reason: string) => void,
+  timeout = 5000,
+): void => {
+  MXCommon('getCurrentUser', withCallbackTimeout(
+    onSuccess,
+    (reason) => { console.error(reason); onError?.(reason) },
+    timeout,
+    'getCurrentUser',
+  ))
+}
 
 /** 从原生客户端获取加密密钥 */
-export const getEncryptString = (): Promise<string> =>
-  new Promise((resolve) => {
-    MXCommon('getEncryptString', resolve)
-  })
+export const getEncryptString = (
+  onSuccess: (secret: string) => void,
+  onError?: (reason: string) => void,
+  timeout = 5000,
+): void => {
+  MXCommon('getEncryptString', withCallbackTimeout(
+    onSuccess,
+    (reason) => { console.error(reason); onError?.(reason) },
+    timeout,
+    'getEncryptString',
+  ))
+}
 
 /** 打开原生选人组件 */
 export const MXSelectUsers = (
@@ -187,9 +217,10 @@ export const MXSelectUsers = (
  * 原生 AJAX 请求
  *
  * 使用原生应用的 HTTP 客户端发起请求，绕过浏览器同源策略限制。
+ * ajax 本身通过 success/error 回调，保留 Promise 包装；回调未触发时 15s 超时 reject。
  */
-export const ajax = <T = unknown>(params: Omit<MXAjaxParams, 'success' | 'error'>): Promise<MXAjaxResponse<T>> =>
-  new Promise((resolve, reject) => {
+export const ajax = <T = unknown>(params: Omit<MXAjaxParams, 'success' | 'error'>): Promise<MXAjaxResponse<T>> => {
+  const request = new Promise<MXAjaxResponse<T>>((resolve, reject) => {
     const requestParams: MXAjaxParams = {
       ...params,
       url: `${import.meta.env.VITE_API_BASE_URL || ''}${params.url}`,
@@ -205,6 +236,13 @@ export const ajax = <T = unknown>(params: Omit<MXAjaxParams, 'success' | 'error'
     MXCommon('ajax', requestParams)
   })
 
+  const timeout = new Promise<MXAjaxResponse<T>>((_, reject) =>
+    setTimeout(() => reject(new Error(`[MX] ajax ${params.type} ${params.url} 超时`)), 15000),
+  )
+
+  return Promise.race([request, timeout])
+}
+
 /** 原生 GET 请求 */
 export const ajaxGet = <T = unknown>(url: string, query?: Record<string, unknown>): Promise<MXAjaxResponse<T>> => {
   const queryString = query

package/mini2.0-main/src/main.ts

@@ -6,6 +6,7 @@ import 'vant/lib/index.css'
 import App from './App.vue'
 import router from './router'
 import { useAppStore } from '@/stores/app'
+import { hideWebViewTitle } from '@/core/mxApi'
 
 const app = createApp(App)
 const pinia = createPinia()
@@ -25,4 +26,9 @@ if (import.meta.env.VITE_APP_ENV === 'test' && appStore.isNative) {
   new VConsole()
 }
 
+// 原生环境：隐藏原生标题栏
+if (appStore.isNative) {
+  hideWebViewTitle()
+}
+
 app.mount('#app')

package/mini2.0-main/src/stores/user.ts

@@ -13,7 +13,7 @@ export const useUserStore = defineStore(
     // -------------------------------- State --------------------------------
 
     /** 登录凭证，登录成功后由后端返回，后续请求通过请求头携带 */
-    const token = ref('7')
+    const token = ref('')
 
     // ------------------------------ Actions --------------------------------
 

package/mini2.0-main/src/views/login/index.vue

@@ -18,18 +18,23 @@ const form = ref({
 const loading = ref(false)
 
 // 原生环境：从客户端获取密钥，直接交换 token
-onMounted(async () => {
+onMounted(() => {
   if (!appStore.isNative) return
 
   loading.value = true
-  try {
-    const secret = await getEncryptString()
-    console.log(secret)
-  } catch {
-    // 错误已由 request.ts 拦截器统一处理
-  } finally {
-    loading.value = false
-  }
+  getEncryptString(
+    (secret) => {
+      loading.value = false
+      console.log(secret)
+      // TODO: 用 secret 自动换取 token 并跳转首页
+    },
+    (reason) => {
+      loading.value = false
+      console.error(reason)
+      showToast({ message: '获取设备凭证失败，请手动登录', duration: 3000 })
+      appStore.isNative = false
+    },
+  )
 })
 
 async function onSubmit() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "verce-vue-test",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "private": false,
   "type": "module",
   "scripts": {