af-mobile-client-vue3 1.6.31 → 1.6.32

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.6.31",
+  "version": "1.6.32",
   "packageManager": "pnpm@10.13.1",
   "description": "Vue + Vite component lib",
   "engines": {

package/src/components/core/Signature/AdaptiveSignatureField.vue

@@ -2,9 +2,9 @@
 import type { SignatureComponentExpose, SignatureComponentProps } from './signature'
 import XSignature from '@af-mobile-client-vue3/components/data/XSignature/index.vue'
 import { upload } from '@af-mobile-client-vue3/services/api/common'
-import { detectEnvironment } from '@af-mobile-client-vue3/utils/environment'
+import { isNativeApp } from '@af-mobile-client-vue3/utils/environment'
 import { showFailToast, Field as VanField } from 'vant'
-import { ref, watch } from 'vue'
+import { onMounted, ref, watch } from 'vue'
 import SignatureComponent from './SignatureComponent.vue'
 
 const props = withDefaults(defineProps<SignatureComponentProps & {
@@ -24,8 +24,12 @@ const emit = defineEmits<{
   signatureComplete: [data: any]
 }>()
 
-// 仅区分 App / 非 App：原生桥只在 App 可用，其余环境统一走 H5 签名
-const isApp = detectEnvironment().isApp
+// App / Flutter 壳走原生签字板；浏览器、微信等走 H5 签名
+const isApp = ref(isNativeApp())
+onMounted(() => {
+  // 部分 WebView 桥接注入略晚于首屏，挂载后再判一次
+  isApp.value = isNativeApp()
+})
 
 const nativeSignatureRef = ref<InstanceType<typeof SignatureComponent>>()
 const webSignatureImage = ref('')
@@ -37,7 +41,7 @@ const serviceName = props.serviceName || import.meta.env.VITE_APP_SYSTEM_NAME
 watch(
   () => props.imageList,
   (list) => {
-    if (isApp || !Array.isArray(list) || !list[0]?.url)
+    if (isApp.value || !Array.isArray(list) || !list[0]?.url)
       return
     webSignatureImage.value = list[0].url
   },
@@ -99,18 +103,18 @@ function handleWebSignatureClear() {
 
 defineExpose<SignatureComponentExpose>({
   clearSignature() {
-    if (isApp)
+    if (isApp.value)
       nativeSignatureRef.value?.clearSignature()
     else
       handleWebSignatureClear()
   },
   hasSignature() {
-    if (isApp)
+    if (isApp.value)
       return nativeSignatureRef.value?.hasSignature() ?? false
     return !!webSignatureData.value?.id || !!webSignatureImage.value
   },
   getSignatureData() {
-    if (isApp)
+    if (isApp.value)
       return nativeSignatureRef.value?.getSignatureData() ?? ''
     return webSignatureImage.value.replace(/^data:image\/\w+;base64,/, '')
   },
@@ -118,7 +122,7 @@ defineExpose<SignatureComponentExpose>({
     nativeSignatureRef.value?.previewSignature()
   },
   getSignatureList() {
-    if (isApp)
+    if (isApp.value)
       return nativeSignatureRef.value?.getSignatureList() ?? []
     if (!webSignatureData.value)
       return []
@@ -134,7 +138,7 @@ defineExpose<SignatureComponentExpose>({
 <template>
   <!-- App：原生签字板 -->
   <SignatureComponent
-    v-if="isApp"
+    v-if="isApp.value"
     ref="nativeSignatureRef"
     :label="label"
     :required="required"

package/src/utils/environment.ts

@@ -44,6 +44,33 @@ function inferPlatformFromUserAgent(userAgent: string): string {
   return 'unknown'
 }
 
+/**
+ * 获取 Flutter / 原生桥接所在的 window（微前端子应用需用 rawWindow）
+ */
+export function getNativeBridgeWindow(): Record<string, any> {
+  if (typeof window === 'undefined')
+    return {}
+  const w = window as any
+  if (w.__MICRO_APP_ENVIRONMENT__ && w.rawWindow)
+    return w.rawWindow
+  return w
+}
+
+/**
+ * 是否已注入 Flutter JS Bridge（如 showSignaturePad.postMessage）
+ */
+export function hasFlutterBridge(bridgeName = 'showSignaturePad'): boolean {
+  const win = getNativeBridgeWindow()
+  return typeof win[bridgeName]?.postMessage === 'function'
+}
+
+/**
+ * 是否在 App 原生壳内（含 Flutter WebView）
+ */
+export function isNativeApp(): boolean {
+  return detectEnvironment().isApp || hasFlutterBridge()
+}
+
 /**
  * 检测当前运行环境
  */
@@ -63,10 +90,11 @@ export function detectEnvironment(): EnvironmentInfo {
   // 检测微信小程序环境
   const isMiniprogram = isWechat && /miniprogram/i.test(userAgent)
 
-  // 检测App环境 - 使用括号明确优先级
+  // 检测App环境：UA 标识 / iOS WKWebView / Flutter JS Bridge
   const isApp = (
-    /myapp|customapp|afmobileview/.test(userAgent)
+    /myapp|customapp|afmobileview|flutter/i.test(userAgent)
     || (Object.prototype.hasOwnProperty.call(window, 'webkit') && !!(window as any).webkit?.messageHandlers)
+    || hasFlutterBridge()
   )
 
   // 检测浏览器环境