af-mobile-client-vue3 1.5.63 → 1.5.64

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.64",
   "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"

package/src/components/data/step/person-select.vue

@@ -1,168 +1,168 @@
-<script setup lang="ts">
-import {
-  Field as VanField,
-  Picker as VanPicker,
-  Popup as VanPopup,
-  Search as VanSearch,
-} from 'vant'
-import { computed, inject, onMounted, ref } from 'vue'
-
-const workflowHandleWrap: any = inject('workflowHandleWrap')
-
-const showPicker = ref(false)
-
-const showMultiplePicker = ref(false)
-
-const branchChargePersons = ref({})
-
-const isInit = ref(false)
-
-// 用于 filterOption 的本地输入缓存（vant 不自带 filter）
-const filterKeyword = ref('')
-
-const customFieldName = {
-  text: 'label',
-  value: 'value',
-}
-
-const selectedNode = ref(undefined)
-
-const selectedOptions = computed(() => {
-  if (!selectedNode.value) {
-    return []
-  }
-  return filterOptions(selectedNode.value.chargePersonOptions)
-})
-
-onMounted(() => {
-  isInit.value = false
-  if (workflowHandleWrap.branchNodes.value) {
-    // 初始化初始值
-    for (const node of workflowHandleWrap.branchNodes.value) {
-      branchChargePersons.value[node.stepId] = {
-        handler: '',
-        handlerId: '',
-      }
-    }
-  }
-  isInit.value = true
-})
-
-function setBranchPersonValue(stepId, value, options, selectedOptions) {
-  if (!stepId)
-    return
-  if (!workflowHandleWrap.branchChargePersons.value) {
-    workflowHandleWrap.branchChargePersons.value = {}
-  }
-  if (!workflowHandleWrap.branchChargePersons.value[stepId]) {
-    workflowHandleWrap.branchChargePersons.value[stepId] = {}
-  }
-  if (workflowHandleWrap.branchChargePersons.value[stepId]) {
-    branchChargePersons.value[stepId] = {
-      handler: options.find(item => item.value === value)?.label,
-      handlerId: value,
-    }
-    Object.assign(workflowHandleWrap.branchChargePersons.value[stepId], branchChargePersons.value[stepId])
-  }
-  workflowHandleWrap.checkedNextStepPerson.value = selectedOptions[0].value
-  workflowHandleWrap.checkedNextStepPersonName.value = selectedOptions[0].label
-}
-
-function getBranchSelectionLabel() {
-  if (workflowHandleWrap.needMultipleBranchSelection.value) {
-    return '分支处理人'
-  }
-  else if (workflowHandleWrap.calculatedTargetNode.value) {
-    return `${workflowHandleWrap.getStepNameByStepId(workflowHandleWrap.calculatedTargetNode.value)}处理人`
-  }
-  else {
-    return '处理人'
-  }
-}
-
-// vant 没有原生 filter-option，因此需要本地筛选
-function filterOptions(options) {
-  if (!filterKeyword.value)
-    return options
-  return options.filter(option => option.label.toLowerCase().includes(filterKeyword.value.toLowerCase()))
-}
-
-// 搜索回调函数
-function search(val: string) {
-  filterKeyword.value = val || ''
-}
-</script>
-
-<template>
-  <div v-if="workflowHandleWrap.isNeedSelectPerson.value && isInit">
-    <!-- 多分支选择 -->
-    <template v-if="workflowHandleWrap.needMultipleBranchSelection.value && workflowHandleWrap.branchNodes.value.length > 0">
-      <template v-for="node in workflowHandleWrap.branchNodes.value" :key="node.stepId">
-        <VanField
-          v-model="branchChargePersons[node.stepId].handler"
-          :label="`${node.stepName}处理人`"
-          is-link
-          clickable
-          required
-          placeholder="请选择处理人"
-          @click="selectedNode = node; showMultiplePicker = true;"
-        />
-      </template>
-      <VanPopup v-model:show="showMultiplePicker" position="bottom">
-        <!-- 搜索框 -->
-        <VanSearch
-          v-model="filterKeyword"
-          placeholder="搜索"
-          @clear="() => search('')"
-          @update:model-value="search"
-        />
-        <VanPicker
-          :columns="selectedOptions"
-          :columns-field-names="customFieldName"
-          value-key="label"
-          @confirm="(val) => {
-            setBranchPersonValue(selectedNode.stepId, val.selectedValues[0], selectedNode.chargePersonOptions, val.selectedOptions)
-            showMultiplePicker = false;
-          }"
-          @cancel="showMultiplePicker = false;"
-        />
-      </VanPopup>
-    </template>
-
-    <!-- 单分支选择 -->
-    <template v-else>
-      <VanField
-        v-model="workflowHandleWrap.checkedNextStepPersonName.value"
-        :label="getBranchSelectionLabel()"
-        label-width="auto"
-        is-link
-        clickable
-        required
-        placeholder="请选择处理人"
-        @click="showPicker = true"
-      />
-      <VanPopup v-model:show="showPicker" position="bottom">
-        <!-- 搜索框 -->
-        <VanSearch
-          v-model="filterKeyword"
-          placeholder="搜索"
-          @clear="() => search('')"
-          @update:model-value="search"
-        />
-        <VanPicker
-          :columns="filterOptions(workflowHandleWrap.nextStepPersonOptions.value)"
-          :columns-field-names="customFieldName"
-          @confirm="(val) => {
-            setBranchPersonValue(workflowHandleWrap.calculatedTargetNode.value, val.selectedValues[0], workflowHandleWrap.nextStepPersonOptions.value, val.selectedOptions)
-            showPicker = false;
-          }"
-          @cancel="showPicker = false;"
-        />
-      </VanPopup>
-    </template>
-  </div>
-</template>
-
-<style scoped>
-/* 保持你的样式或根据 vant 移动端自行优化 */
-</style>
+<script setup lang="ts">
+import {
+  Field as VanField,
+  Picker as VanPicker,
+  Popup as VanPopup,
+  Search as VanSearch,
+} from 'vant'
+import { computed, inject, onMounted, ref } from 'vue'
+
+const workflowHandleWrap: any = inject('workflowHandleWrap')
+
+const showPicker = ref(false)
+
+const showMultiplePicker = ref(false)
+
+const branchChargePersons = ref({})
+
+const isInit = ref(false)
+
+// 用于 filterOption 的本地输入缓存（vant 不自带 filter）
+const filterKeyword = ref('')
+
+const customFieldName = {
+  text: 'label',
+  value: 'value',
+}
+
+const selectedNode = ref(undefined)
+
+const selectedOptions = computed(() => {
+  if (!selectedNode.value) {
+    return []
+  }
+  return filterOptions(selectedNode.value.chargePersonOptions)
+})
+
+onMounted(() => {
+  isInit.value = false
+  if (workflowHandleWrap.branchNodes.value) {
+    // 初始化初始值
+    for (const node of workflowHandleWrap.branchNodes.value) {
+      branchChargePersons.value[node.stepId] = {
+        handler: '',
+        handlerId: '',
+      }
+    }
+  }
+  isInit.value = true
+})
+
+function setBranchPersonValue(stepId, value, options, selectedOptions) {
+  if (!stepId)
+    return
+  if (!workflowHandleWrap.branchChargePersons.value) {
+    workflowHandleWrap.branchChargePersons.value = {}
+  }
+  if (!workflowHandleWrap.branchChargePersons.value[stepId]) {
+    workflowHandleWrap.branchChargePersons.value[stepId] = {}
+  }
+  if (workflowHandleWrap.branchChargePersons.value[stepId]) {
+    branchChargePersons.value[stepId] = {
+      handler: options.find(item => item.value === value)?.label,
+      handlerId: value,
+    }
+    Object.assign(workflowHandleWrap.branchChargePersons.value[stepId], branchChargePersons.value[stepId])
+  }
+  workflowHandleWrap.checkedNextStepPerson.value = selectedOptions[0].value
+  workflowHandleWrap.checkedNextStepPersonName.value = selectedOptions[0].label
+}
+
+function getBranchSelectionLabel() {
+  if (workflowHandleWrap.needMultipleBranchSelection.value) {
+    return '分支处理人'
+  }
+  else if (workflowHandleWrap.calculatedTargetNode.value) {
+    return `${workflowHandleWrap.getStepNameByStepId(workflowHandleWrap.calculatedTargetNode.value)}处理人`
+  }
+  else {
+    return '处理人'
+  }
+}
+
+// vant 没有原生 filter-option，因此需要本地筛选
+function filterOptions(options) {
+  if (!filterKeyword.value)
+    return options
+  return options.filter(option => option.label.toLowerCase().includes(filterKeyword.value.toLowerCase()))
+}
+
+// 搜索回调函数
+function search(val: string) {
+  filterKeyword.value = val || ''
+}
+</script>
+
+<template>
+  <div v-if="workflowHandleWrap.isNeedSelectPerson.value && isInit">
+    <!-- 多分支选择 -->
+    <template v-if="workflowHandleWrap.needMultipleBranchSelection.value && workflowHandleWrap.branchNodes.value.length > 0">
+      <template v-for="node in workflowHandleWrap.branchNodes.value" :key="node.stepId">
+        <VanField
+          v-model="branchChargePersons[node.stepId].handler"
+          :label="`${node.stepName}处理人`"
+          is-link
+          clickable
+          required
+          placeholder="请选择处理人"
+          @click="selectedNode = node; showMultiplePicker = true;"
+        />
+      </template>
+      <VanPopup v-model:show="showMultiplePicker" position="bottom">
+        <!-- 搜索框 -->
+        <VanSearch
+          v-model="filterKeyword"
+          placeholder="搜索"
+          @clear="() => search('')"
+          @update:model-value="search"
+        />
+        <VanPicker
+          :columns="selectedOptions"
+          :columns-field-names="customFieldName"
+          value-key="label"
+          @confirm="(val) => {
+            setBranchPersonValue(selectedNode.stepId, val.selectedValues[0], selectedNode.chargePersonOptions, val.selectedOptions)
+            showMultiplePicker = false;
+          }"
+          @cancel="showMultiplePicker = false;"
+        />
+      </VanPopup>
+    </template>
+
+    <!-- 单分支选择 -->
+    <template v-else>
+      <VanField
+        v-model="workflowHandleWrap.checkedNextStepPersonName.value"
+        :label="getBranchSelectionLabel()"
+        label-width="auto"
+        is-link
+        clickable
+        required
+        placeholder="请选择处理人"
+        @click="showPicker = true"
+      />
+      <VanPopup v-model:show="showPicker" position="bottom">
+        <!-- 搜索框 -->
+        <VanSearch
+          v-model="filterKeyword"
+          placeholder="搜索"
+          @clear="() => search('')"
+          @update:model-value="search"
+        />
+        <VanPicker
+          :columns="filterOptions(workflowHandleWrap.nextStepPersonOptions.value)"
+          :columns-field-names="customFieldName"
+          @confirm="(val) => {
+            setBranchPersonValue(workflowHandleWrap.calculatedTargetNode.value, val.selectedValues[0], workflowHandleWrap.nextStepPersonOptions.value, val.selectedOptions)
+            showPicker = false;
+          }"
+          @cancel="showPicker = false;"
+        />
+      </VanPopup>
+    </template>
+  </div>
+</template>
+
+<style scoped>
+/* 保持你的样式或根据 vant 移动端自行优化 */
+</style>

package/src/stores/modules/step.ts

@@ -1,88 +1,88 @@
-import { defineStore } from 'pinia'
-import { ref } from 'vue'
-
-export interface StepToolsInfo {
-  workflowId: string
-  stepDefines: any
-  formData: any
-  currentStepData: any
-  readOnly: boolean
-  callbackFunction: Function
-  businessData: any
-}
-
-export const useStepStore = defineStore('apply-step', () => {
-  const stepState = ref<StepToolsInfo>({
-    workflowId: '0',
-    stepDefines: undefined,
-    formData: undefined,
-    currentStepData: undefined,
-    readOnly: false,
-    callbackFunction: () => {
-      return true
-    },
-    businessData: undefined,
-  })
-  const getWorkflowId = () => {
-    return stepState.value.workflowId || '0'
-  }
-  const getStepDefines = () => {
-    return stepState.value.stepDefines || {}
-  }
-  const getFormData = () => {
-    return stepState.value.formData || {}
-  }
-  const getReadOnly = () => {
-    return stepState.value.readOnly || false
-  }
-  const getCurrentStepData = () => {
-    return stepState.value.currentStepData || {}
-  }
-  const getCallbackFunction = () => {
-    return stepState.value.callbackFunction || undefined
-  }
-  const getBusinessData = () => {
-    return stepState.value.businessData || {}
-  }
-  const setWorkflowId = (workflowId: string) => {
-    stepState.value.workflowId = workflowId
-  }
-  const setStepDefines = (stepDefines: any) => {
-    stepState.value.stepDefines = stepDefines
-  }
-  const setFormData = (formData: any) => {
-    stepState.value.formData = formData
-  }
-  const setCurrentStepData = (currentStepData: any) => {
-    stepState.value.currentStepData = currentStepData
-  }
-  const setReadOnly = (readOnly: boolean) => {
-    stepState.value.readOnly = readOnly
-  }
-  const setCallbackFunction = (callbackFunction: Function) => {
-    stepState.value.callbackFunction = callbackFunction
-  }
-  const setBusinessData = (businessData: any) => {
-    stepState.value.businessData = businessData
-  }
-
-  return {
-    stepState,
-    getWorkflowId,
-    getStepDefines,
-    getFormData,
-    getCurrentStepData,
-    getReadOnly,
-    getCallbackFunction,
-    getBusinessData,
-    setWorkflowId,
-    setStepDefines,
-    setFormData,
-    setCurrentStepData,
-    setReadOnly,
-    setCallbackFunction,
-    setBusinessData,
-  }
-})
-
-export default useStepStore
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+
+export interface StepToolsInfo {
+  workflowId: string
+  stepDefines: any
+  formData: any
+  currentStepData: any
+  readOnly: boolean
+  callbackFunction: Function
+  businessData: any
+}
+
+export const useStepStore = defineStore('apply-step', () => {
+  const stepState = ref<StepToolsInfo>({
+    workflowId: '0',
+    stepDefines: undefined,
+    formData: undefined,
+    currentStepData: undefined,
+    readOnly: false,
+    callbackFunction: () => {
+      return true
+    },
+    businessData: undefined,
+  })
+  const getWorkflowId = () => {
+    return stepState.value.workflowId || '0'
+  }
+  const getStepDefines = () => {
+    return stepState.value.stepDefines || {}
+  }
+  const getFormData = () => {
+    return stepState.value.formData || {}
+  }
+  const getReadOnly = () => {
+    return stepState.value.readOnly || false
+  }
+  const getCurrentStepData = () => {
+    return stepState.value.currentStepData || {}
+  }
+  const getCallbackFunction = () => {
+    return stepState.value.callbackFunction || undefined
+  }
+  const getBusinessData = () => {
+    return stepState.value.businessData || {}
+  }
+  const setWorkflowId = (workflowId: string) => {
+    stepState.value.workflowId = workflowId
+  }
+  const setStepDefines = (stepDefines: any) => {
+    stepState.value.stepDefines = stepDefines
+  }
+  const setFormData = (formData: any) => {
+    stepState.value.formData = formData
+  }
+  const setCurrentStepData = (currentStepData: any) => {
+    stepState.value.currentStepData = currentStepData
+  }
+  const setReadOnly = (readOnly: boolean) => {
+    stepState.value.readOnly = readOnly
+  }
+  const setCallbackFunction = (callbackFunction: Function) => {
+    stepState.value.callbackFunction = callbackFunction
+  }
+  const setBusinessData = (businessData: any) => {
+    stepState.value.businessData = businessData
+  }
+
+  return {
+    stepState,
+    getWorkflowId,
+    getStepDefines,
+    getFormData,
+    getCurrentStepData,
+    getReadOnly,
+    getCallbackFunction,
+    getBusinessData,
+    setWorkflowId,
+    setStepDefines,
+    setFormData,
+    setCurrentStepData,
+    setReadOnly,
+    setCallbackFunction,
+    setBusinessData,
+  }
+})
+
+export default useStepStore

package/src/views/component/FilePreviewView/index.vue

@@ -1,31 +1,31 @@
-<script setup lang="ts">
-import FilePreview from '@af-mobile-client-vue3/components/data/FilePreview/index.vue'
-import { onMounted, ref } from 'vue'
-
-const previewDocType = ref('pdf')
-const previewDocUrl = ref('/resource/af-revenue/pdf/e0a35f3414444d009cbce020af2e617d.pdf')
-
-const filePreviewRef = ref<InstanceType<typeof FilePreview> | null>(null)
-
-onMounted(() => {
-  filePreviewRef.value?.init({
-    path: '/resource/af-revenue/pdf/e0a35f3414444d009cbce020af2e617d.pdf',
-  })
-})
-</script>
-
-<template>
-  <div>
-    <FilePreview
-      ref="filePreviewRef"
-      :key="`${previewDocType}-${previewDocUrl}`"
-      class="doc-preview-file"
-    />
-  </div>
-</template>
-
-<style scoped lang="less">
-.doc-preview-file {
-  height: 90vh;
-}
-</style>
+<script setup lang="ts">
+import FilePreview from '@af-mobile-client-vue3/components/data/FilePreview/index.vue'
+import { onMounted, ref } from 'vue'
+
+const previewDocType = ref('pdf')
+const previewDocUrl = ref('/resource/af-revenue/pdf/e0a35f3414444d009cbce020af2e617d.pdf')
+
+const filePreviewRef = ref<InstanceType<typeof FilePreview> | null>(null)
+
+onMounted(() => {
+  filePreviewRef.value?.init({
+    path: '/resource/af-revenue/pdf/e0a35f3414444d009cbce020af2e617d.pdf',
+  })
+})
+</script>
+
+<template>
+  <div>
+    <FilePreview
+      ref="filePreviewRef"
+      :key="`${previewDocType}-${previewDocUrl}`"
+      class="doc-preview-file"
+    />
+  </div>
+</template>
+
+<style scoped lang="less">
+.doc-preview-file {
+  height: 90vh;
+}
+</style>

package/src/views/component/StepView/index.vue

@@ -11,7 +11,7 @@ const workflowId: string = '6149'
 const stepId: string = '5'
 
 // 基础组件引用
-const stepDetailBaseRef = ref<InstanceType<typeof StepDetailBase>>()
+const stepDetailBaseRef = ref<InstanceType<typeof StepDetailBase>>()
 </script>
 
 <template>