af-mobile-client-vue3 1.5.85 → 1.5.86

package/package.json

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

package/src/components/core/MessageNotification/MessageNotification.vue

@@ -127,7 +127,6 @@ function handleDocumentClick(event: MouseEvent) {
 }
 
 onMounted(() => {
-  fetchMessages()
   fetchMessagesCount()
   // 初始化 WebSocket 连接
   initWebSocket(userInfo.id, sendMessageCallback, createMessageCallback)

package/src/components/core/MessageNotification/webSocket.tsx

@@ -28,7 +28,8 @@ export function initWebSocket(notify: string | null = null, sendCallback: (messa
   }
 
   // 初始化 WebSocket
-  websocket = new WebSocket(`ws:${window.location.host}/socket/af-system/sendMessage?userId=${notifyId}:phone`)
+  const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:'
+  websocket = new WebSocket(`${protocol}${window.location.host}/socket/af-system/sendMessage?userId=${notifyId}:phone`)
 
   // WebSocket 打开连接时触发
   websocket.onopen = () => {

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>