af-mobile-client-vue3 1.6.40 → 1.6.41

package/package.json

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

package/src/components/core/ImageUploader/index.vue

@@ -4,11 +4,9 @@ import type { NativePickedFile } from '@af-mobile-client-vue3/utils/nativeFilePi
 import { deleteFile, upload } from '@af-mobile-client-vue3/services/api/common'
 import { detectEnvironment } from '@af-mobile-client-vue3/utils/environment'
 import { buildInputAccept, getFileTypeMeta, getUploadFormType, isImageFileName } from '@af-mobile-client-vue3/utils/fileType'
-import { mobileUtil } from '@af-mobile-client-vue3/utils/mobileUtil'
+import { mobileUtil } from '@af-mobile-client-vue3/utils/mobileUtil'
 import {
-
   openNativeFilePicker,
-  shouldUseDocumentPickerPanel,
   triggerBrowserFileInput,
 } from '@af-mobile-client-vue3/utils/nativeFilePicker'
 import { toDataUrl } from '@af-mobile-client-vue3/utils/resourceUrl'
@@ -51,8 +49,6 @@ const imageList = ref<Array<any>>(props.imageList ?? [])
 const parentData: any = inject('provideParent')
 const imageInputRef = ref<HTMLInputElement | undefined>()
 const documentInputRef = ref<HTMLInputElement | undefined>()
-const documentPanelInputRef = ref<HTMLInputElement | undefined>()
-const showDocumentPickerPopup = ref(false)
 
 const documentAccept = computed(() => buildInputAccept(props.attr?.accept))
 
@@ -64,12 +60,6 @@ function openDocumentFilePicker() {
   triggerBrowserFileInput(documentInputRef.value)
 }
 
-function onDocumentPanelInputChange(e: Event) {
-  const input = e.target as HTMLInputElement
-  handleBrowserDocumentFiles(input.files)
-  showDocumentPickerPopup.value = false
-}
-
 function emitUpdatesAfterChange() {
   // 新增：对外抛出完整与ID列表
   (emit as any)('updateAllFileList', imageList.value.filter(item => item.status === 'done').map(item => item))
@@ -283,12 +273,7 @@ function triggerDocumentPicker() {
   if (startedNative)
     return
 
-  // App WebView 内 hidden input 的 programmatic click 无效，改用用户直接点击的弹层
-  if (shouldUseDocumentPickerPanel()) {
-    showDocumentPickerPopup.value = true
-    return
-  }
-
+  // 与「相册中选择」一致：ActionSheet 点击后立即调起系统文件选择器
   openDocumentFilePicker()
 }
 
@@ -644,7 +629,7 @@ defineExpose({
       type="file"
       multiple
       accept="image/*"
-      style="display:none"
+      class="hidden-file-input"
       @change="(e:any) => handleBrowserImageFiles(e.target.files)"
     >
     <!-- 通用文件选择（PDF / Word 等） -->
@@ -653,7 +638,7 @@ defineExpose({
       type="file"
       multiple
       :accept="documentAccept"
-      style="display:none"
+      class="hidden-file-input"
       @change="(e:any) => handleBrowserDocumentFiles(e.target.files)"
     >
     <van-uploader
@@ -696,35 +681,6 @@ defineExpose({
       cancel-text="取消"
       @select="handleActionSelect"
     />
-
-    <!-- App 内文件选择：用户直接点击 label 触发系统文件管理器 -->
-    <van-popup
-      v-model:show="showDocumentPickerPopup"
-      position="bottom"
-      round
-      teleport="body"
-      safe-area-inset-bottom
-    >
-      <div class="document-picker-panel">
-        <div class="document-picker-title">
-          选择文件
-        </div>
-        <p class="document-picker-tip">
-          支持 PDF、Word、Excel 等格式
-        </p>
-        <label class="document-picker-btn">
-          点击选择文件
-          <input
-            ref="documentPanelInputRef"
-            type="file"
-            multiple
-            :accept="documentAccept"
-            class="document-picker-input"
-            @change="onDocumentPanelInputChange"
-          >
-        </label>
-      </div>
-    </van-popup>
   </div>
 </template>
 
@@ -738,6 +694,19 @@ defineExpose({
   // 该属性会影响表单布局
   // gap: 16px;
 }
+
+/* WebView 内 display:none 会导致 file input 无法被程序化触发，改用视觉隐藏 */
+.hidden-file-input {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 1px;
+  height: 1px;
+  opacity: 0;
+  overflow: hidden;
+  pointer-events: none;
+  z-index: -1;
+}
 /* 让自定义上传按钮可点击：关闭 Vant 覆盖在上方的透明 input 的事件捕获 */
 :deep(.custom-trigger-uploader .van-uploader__input) {
   pointer-events: none;
@@ -809,44 +778,4 @@ defineExpose({
     overflow: hidden;
   }
 }
-
-.document-picker-panel {
-  padding: 20px 16px 28px;
-  text-align: center;
-}
-
-.document-picker-title {
-  font-size: 16px;
-  font-weight: 600;
-  color: #323233;
-  margin-bottom: 8px;
-}
-
-.document-picker-tip {
-  font-size: 13px;
-  color: #969799;
-  margin: 0 0 20px;
-}
-
-.document-picker-btn {
-  display: block;
-  position: relative;
-  width: 100%;
-  padding: 12px 0;
-  font-size: 15px;
-  color: #fff;
-  background: #1989fa;
-  border-radius: 8px;
-  cursor: pointer;
-  overflow: hidden;
-}
-
-.document-picker-input {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  cursor: pointer;
-}
 </style>

package/src/utils/nativeFilePicker.ts

@@ -1,4 +1,4 @@
-import { getNativeBridgeWindow, hasFlutterBridge, isNativeApp } from './environment'
+import { getNativeBridgeWindow, hasFlutterBridge } from './environment'
 import { mobileUtil } from './mobileUtil'
 
 /** 原生文件选择桥接名（按优先级） */
@@ -82,11 +82,6 @@ export function triggerBrowserFileInput(input: HTMLInputElement | undefined | nu
   return true
 }
 
-/** 是否应使用「点击选择文件」弹层（App WebView 内 hidden input 程序化 click 常无效） */
-export function shouldUseDocumentPickerPanel(): boolean {
-  return isNativeApp() && !hasNativeFilePicker()
-}
-
 /** 调试：列出当前 window 上已注入的桥接名 */
 export function listNativeBridges(): string[] {
   const win = getNativeBridgeWindow()