af-mobile-client-vue3 1.5.63 → 1.5.65

package/compress.js

@@ -1,36 +1,36 @@
-import fs from 'node:fs'
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
-import * as tar from 'tar'
-
-// 当前文件所在目录
-const __filename = fileURLToPath(import.meta.url)
-const __dirname = path.dirname(__filename)
-
-// 压缩源目录名（即 build 后生成的目录名）
-const outputName = `dist_af-library-mobile-web`
-
-// 源目录路径
-const cwd = path.join(__dirname, 'dist', outputName)
-
-// 输出 tar.gz 文件路径
-const outputPath = path.join(__dirname, 'dist', `${outputName}.tar.gz`)
-
-if (!fs.existsSync(cwd)) {
-  console.error('❌ 目录不存在:', cwd)
-  // eslint-disable-next-line node/prefer-global/process
-  process.exit(1)
-}
-
-tar.c(
-  {
-    gzip: true,
-    file: outputPath,
-    cwd,
-  },
-  ['.'],
-).then(() => {
-  console.log(`✅ 压缩完成: ${outputPath}`)
-}).catch((err) => {
-  console.error('❌ 压缩失败:', err)
-})
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import * as tar from 'tar'
+
+// 当前文件所在目录
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+// 压缩源目录名（即 build 后生成的目录名）
+const outputName = `dist_af-library-mobile-web`
+
+// 源目录路径
+const cwd = path.join(__dirname, 'dist', outputName)
+
+// 输出 tar.gz 文件路径
+const outputPath = path.join(__dirname, 'dist', `${outputName}.tar.gz`)
+
+if (!fs.existsSync(cwd)) {
+  console.error('❌ 目录不存在:', cwd)
+  // eslint-disable-next-line node/prefer-global/process
+  process.exit(1)
+}
+
+tar.c(
+  {
+    gzip: true,
+    file: outputPath,
+    cwd,
+  },
+  ['.'],
+).then(() => {
+  console.log(`✅ 压缩完成: ${outputPath}`)
+}).catch((err) => {
+  console.error('❌ 压缩失败:', err)
+})

package/package.json

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

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

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 // import cameraIcon from '@af-mobile-client-vue3/assets/img/component/camera.png'
 import { deleteFile, upload } from '@af-mobile-client-vue3/services/api/common'
+import { detectEnvironment } from '@af-mobile-client-vue3/utils/environment'
 import { mobileUtil } from '@af-mobile-client-vue3/utils/mobileUtil'
 import { formatNow } from '@af-mobile-client-vue3/utils/timeUtil'
 import {
@@ -36,9 +37,8 @@ const emit = defineEmits(['updateFileList', 'updateAllFileList'])
 const imageList = ref<Array<any>>(props.imageList ?? [])
 
 const parentData: any = inject('provideParent')
-// 浏览器模式：隐藏的文件输入（选择 / 拍照）
+// 浏览器 / 微信内 H5：统一用隐藏 file input（与单独 camera input 行为等价，均为系统选图）
 const fileInputRef = ref<HTMLInputElement | undefined>()
-const cameraInputRef = ref<HTMLInputElement | undefined>()
 
 function openBrowserFilePicker() {
   if (fileInputRef.value) {
@@ -47,13 +47,6 @@ function openBrowserFilePicker() {
   }
 }
 
-function openBrowserCameraPicker() {
-  if (cameraInputRef.value) {
-    cameraInputRef.value.value = ''
-    cameraInputRef.value.click()
-  }
-}
-
 function emitUpdatesAfterChange() {
   // 新增：对外抛出完整与ID列表
   (emit as any)('updateAllFileList', imageList.value.filter(item => item.status === 'done').map(item => item))
@@ -378,6 +371,12 @@ const actionOptions = [
 function handleUploadAreaClick() {
   if (props.readonly)
     return
+  const env = detectEnvironment()
+  // 微信内：直接走浏览器式文件选择，不弹出拍照/上传菜单
+  if (env.isWechat || env.isMiniprogram) {
+    openBrowserFilePicker()
+    return
+  }
   if (props.attr?.uploadImage) {
     showActionSheet.value = true
   }
@@ -389,29 +388,21 @@ function handleUploadAreaClick() {
 function handleActionSelect(option: any) {
   showActionSheet.value = false
   if (option.key === 'camera') {
-    if (import.meta.env.VITE_APP_WEI_XIN) {
-      openBrowserCameraPicker()
-      return
-    }
     triggerCamera()
   }
   else if (option.key === 'file') {
-    if (import.meta.env.VITE_APP_WEI_XIN) {
-      openBrowserFilePicker()
-      return
-    }
+    // 手机文件上传
     mobileUtil.execute({
       funcName: 'photoAlbum',
       param: {},
       callbackFunc: (result: any) => {
-        console.log('>>>> result: ', result)
         if (result.status === 'success') {
           result.data?.photos.forEach((photo: any) => {
             handlePhotoUpload(photo)
           })
         }
         else {
-          // 浏览器模式：打开文件选择
+          // 手机文件选择失败，则走浏览器式文件选择
           openBrowserFilePicker()
         }
       },
@@ -441,7 +432,7 @@ defineExpose({
 
 <template>
   <div class="uploader-container">
-    <!-- 浏览器模式隐藏输入：文件选择 -->
+    <!-- 浏览器 / 微信 H5：统一隐藏文件选择（多选图片） -->
     <input
       ref="fileInputRef"
       type="file"
@@ -450,15 +441,6 @@ defineExpose({
       style="display:none"
       @change="(e:any) => handleBrowserFiles(e.target.files)"
     >
-    <!-- 浏览器模式隐藏输入：拍照（相机） -->
-    <input
-      ref="cameraInputRef"
-      type="file"
-      accept="image/*"
-      capture="environment"
-      style="display:none"
-      @change="(e:any) => handleBrowserFiles(e.target.files)"
-    >
     <van-uploader
       ref="uploaderRef"
       v-model="imageList"