af-mobile-client-vue3 1.2.59 → 1.3.1

package/src/components/data/XFormGroup/index.vue

@@ -10,12 +10,14 @@ const props = withDefaults(defineProps<{
   groupFormData?: object
   mode?: string
   isScrollspy?: boolean
+  formShow?: any
 }>(), {
   configName: '',
   serviceName: undefined,
   groupFormData: () => ({}),
   mode: '查询',
   isScrollspy: true,
+  formShow: undefined,
 })
 const emit = defineEmits(['submit', 'xFormItemEmitFunc'])
 
@@ -25,6 +27,7 @@ interface Form {
   groupFormData?: object
   mode?: string
   isScrollspy?: boolean
+  formShow?: any
 }
 
 const groupItems = ref([])
@@ -38,6 +41,12 @@ const propsData = ref<Partial<Form>>({})
 const slots = useSlots()
 const renderableGroupItems = computed(() => {
   return groupItems.value.filter((item) => {
+    if (props.formShow && (item.groupName || item.slotName)) {
+      const showKey = `show${item.groupName || item.slotName}`
+      if (props.formShow[showKey] === false) {
+        return false
+      }
+    }
     if (item.formGroupType === 'slot') {
       return !!(item.slotName && slots[item.slotName])
     }
@@ -53,6 +62,7 @@ function init(params: Form) {
     serviceName: props.serviceName,
     groupFormData: props.groupFormData,
     mode: props.mode,
+    formShow: props.formShow,
     ...params,
   }
   formData.value = propsData.value.groupFormData
@@ -141,7 +151,7 @@ defineExpose({ init, removeRef, xFormListRef })
       >
         <div
           class="x-form-group-item"
-          :class="{ 'is-last': index === groupItems.length - 1 }"
+          :class="{ 'is-last': index === renderableGroupItems.length - 1 }"
         >
           <div v-if="item.describe && propsData.isScrollspy && (item.groupName || item.slotName)" class="form-group-title">
             <span class="form-group-bar" />

package/src/components/data/XFormItem/index.vue

@@ -2,7 +2,6 @@
 import type { FieldType } from 'vant'
 import type { Numeric } from 'vant/es/utils'
 import ImageUploader from '@af-mobile-client-vue3/components/core/ImageUploader/index.vue'
-import Uploader from '@af-mobile-client-vue3/components/core/Uploader/index.vue'
 import XGridDropOption from '@af-mobile-client-vue3/components/core/XGridDropOption/index.vue'
 import XMultiSelect from '@af-mobile-client-vue3/components/core/XMultiSelect/index.vue'
 import XSelect from '@af-mobile-client-vue3/components/core/XSelect/index.vue'
@@ -964,29 +963,9 @@ function findOptionInTree(options, value) {
     </VanField>
 
     <!-- 文件上传 -->
-    <VanField
-      v-if="attr.type === 'file' && showItem"
-      name="uploader"
-      :label="labelData"
-      :label-align="labelAlign"
-      :input-align="attr.inputAlign ? attr.inputAlign : 'left'"
-      :rules="[{ required: attr.rule.required === 'true', message: `请选择${attr.name}` }]"
-      :required="attr.rule.required === 'true'"
-    >
-      <template #input>
-        <!--      <van-uploader v-model="localValue" /> -->
-        <Uploader
-          upload-mode="server"
-          :image-list="(modelData as any[])"
-          authority="admin"
-          @update-file-list="updateFile"
-        />
-      </template>
-    </VanField>
-
     <!-- 图片上传, 手机端拍照 -->
     <VanField
-      v-if="attr.type === 'image' && showItem"
+      v-if="(attr.type === 'image' || attr.type === 'file') && showItem"
       name="image"
       :label="labelData"
       :label-align="labelAlign"
@@ -1000,6 +979,7 @@ function findOptionInTree(options, value) {
           :image-list="(modelData as any[])"
           authority="admin"
           :attr="attr"
+          :mode="props.mode"
           @update-file-list="updateFile"
         />
       </template>

package/src/components/data/XReportForm/XReportFormJsonRender.vue

@@ -81,10 +81,10 @@ initComponent()
 function initComponent() {
   for (let i = 0; i < props.jsonConfig.content.length; i++) {
     receivedFunction.push({
-      // eslint-disable-next-line no-eval
-      labelFunction: eval(`(${props.jsonConfig.content[i].customFunctionForLabel})`),
-      // eslint-disable-next-line no-eval
-      valueFunction: eval(`(${props.jsonConfig.content[i].customFunctionForValue})`),
+      // eslint-disable-next-line no-new-func
+      labelFunction: new Function(`return ${props.jsonConfig.content[i].customFunctionForLabel}`)(),
+      // eslint-disable-next-line no-new-func
+      valueFunction: new Function(`return ${props.jsonConfig.content[i].customFunctionForValue}`)(),
     })
   }
   formatConfig()
@@ -127,25 +127,25 @@ function initComponent() {
 </template>
 
 <style scoped lang="less">
-.main{
+.main {
   padding-top: 4vh;
   width: 100vw;
   height: 100vh;
   background-color: #eff2f5;
 
-  .title{
+  .title {
     padding-bottom: 2vh;
     color: rgb(50, 50, 51);
     text-align: center;
     margin: 0 0 3vh;
   }
 
-  .text_box{
+  .text_box {
     margin-top: 2vh;
     margin-bottom: 2vh;
   }
 
-  .main_text{
+  .main_text {
     padding-left: 16px;
     font-weight: 400;
     line-height: 1.6;
@@ -154,53 +154,53 @@ function initComponent() {
     font-size: 14px;
   }
 
-  .show_value_item{
+  .show_value_item {
     text-align: center;
     font-size: 1.2em;
   }
 
-  .cell_group{
+  .cell_group {
     margin-top: 2vh;
     margin-bottom: 2vh;
   }
 
-  .form_item{
+  .form_item {
     margin-top: 2vh;
   }
 
-  .button_group{
+  .button_group {
     text-align: center;
     margin-top: 3vh;
     margin-bottom: 3vh;
   }
 
-  .button_group>:first-child {
+  .button_group > :first-child {
     margin-right: 3vw;
   }
 
-  .divider{
+  .divider {
     color: #1989fa;
     border-color: #1989fa;
-    padding: 0 16px
+    padding: 0 16px;
   }
 
-  .submit_button{
+  .submit_button {
     background-color: #eff2f5;
     padding: 5vh;
   }
 }
 
-.skeleton{
-  margin-top: 5vh
+.skeleton {
+  margin-top: 5vh;
 }
-.my-cell-group{
-  margin: 0 0 10px 0
+.my-cell-group {
+  margin: 0 0 10px 0;
 }
 :deep(.van-collapse-item__content) {
   background-color: #eff2f5;
   padding: 10px 0;
 }
-:deep(.van-cell-group__title){
+:deep(.van-cell-group__title) {
   padding-top: 10px;
   padding-bottom: 10px;
 }
@@ -210,7 +210,7 @@ function initComponent() {
 :deep(.van-cell__title) {
   font-weight: 600;
 }
-:deep(.van-uploader__wrapper){
+:deep(.van-uploader__wrapper) {
   padding: 10px;
   display: flex;
   flex-wrap: wrap;

package/src/components/data/XReportForm/index.vue

@@ -143,10 +143,7 @@ function isFieldEmpty(value: any): boolean {
   if (Array.isArray(value) && value.length === 0) {
     return true
   }
-  if (typeof value === 'object' && Object.keys(value).length === 0) {
-    return true
-  }
-  return false
+  return typeof value === 'object' && Object.keys(value).length === 0
 }
 
 // 表单校验
@@ -432,16 +429,28 @@ function getConfigAndJoin(config: configDefine, outerLock: getConfigLock): void
   }
 }
 
-function deserializeFunctionAndRun(functionStr, value) {
-  // eslint-disable-next-line no-eval
-  const fun = eval(`(${functionStr})`)
-  return fun(value, activatedConfig)
+function deserializeFunctionAndRun(functionStr: string, value: any) {
+  try {
+    // eslint-disable-next-line no-new-func
+    const fun = new Function('value', 'activatedConfig', `return (${functionStr})(value, activatedConfig)`)
+    return fun(value, activatedConfig)
+  }
+  catch (err) {
+    console.error('Failed to deserialize and run function:', err)
+    return null
+  }
 }
 
-function deserializeFunctionAndRunWithConfig(functionStr) {
-  // eslint-disable-next-line no-eval
-  const fun = eval(`(${functionStr})`)
-  return fun(activatedConfig)
+function deserializeFunctionAndRunWithConfig(functionStr: string) {
+  try {
+    // eslint-disable-next-line no-new-func
+    const fun = new Function('activatedConfig', `return (${functionStr})(activatedConfig)`)
+    return fun(activatedConfig)
+  }
+  catch (err) {
+    console.error('Failed to deserialize and run function with config:', err)
+    return null
+  }
 }
 
 // 将table配置的表格转换为适合Form展示的格式
@@ -1009,9 +1018,9 @@ function getNow() {
                 <van-cell-group v-else-if="row.type === 'signature'" inset style="margin-top: 4vh">
                   <van-field
                     :label="row.valueText ? `${row.valueText}:` : ''"
-                    readonly
+
                     rows="1"
-                    autosize
+                    autosize readonly
                   >
                     <template #button>
                       <XSignature v-model="activatedConfig.data[row.dataIndex]" />

package/src/components/data/XReportGrid/XAddReport/XAddReport.vue

@@ -33,7 +33,7 @@ const attr = ref({})
 
 // Store
 const userStore = useUserStore()
-const { user: currUser } = storeToRefs(userStore)
+const currUser = storeToRefs(userStore)
 
 // Refs
 const mainRef = ref()
@@ -142,7 +142,6 @@ async function onSubmit() {
       if (result?.message) {
         showDialog({
           message: result.message,
-          type: messageType,
         })
       }
 

package/src/components/data/XReportGrid/XReport.vue

@@ -295,7 +295,7 @@ function exportData() {
 }
 
 function printDocument() {
-  const printContent = window.rawDocument.getElementById('printReady')
+  const printContent = (window as any).rawDocument.getElementById('printReady')
   // printElement(printContent)
   showDialog({ message: '操作成功！' })
 }
@@ -321,8 +321,8 @@ function configInit() {
   activeConfig.value.columns.forEach((row: any[]) => {
     row.forEach((cell) => {
       if (cell.dynamicDataIndex === true) {
-        // eslint-disable-next-line no-eval
-        const func = eval(`(${cell.customFunctionForDynamicDataIndex})`)
+        // eslint-disable-next-line no-new-func
+        const func = new Function(`return ${cell.customFunctionForDynamicDataIndex}`)()
         cell.dataIndex = func(config.value)
       }
       if (['action', 'click'].includes(cell.eventType) && cell.customFunction && !cell.events) {

package/src/components/data/XReportGrid/XReportDesign.vue

@@ -151,7 +151,7 @@ onMounted(() => {
 })
 
 // 监听
-watch(() => props.config, (newVal) => {
+watch(() => props.config, () => {
   // 配置变化时的处理
 }, { deep: true })
 
@@ -248,10 +248,10 @@ watch(() => activatedConfig.value, (val) => {
                   <span class="inputsDivItemLabel">{{ displayFormatStartText(item.format) }}</span>
                   <template v-if="!forDisplay">
                     <template v-if="item.inputReadOnly === true">
-                      <a-input v-model="data[item.dataIndex][index]" :style="`width:${item.inputWidth ? item.inputWidth : '100'}%`" :disabled="true" />
+                      <van-field v-model="data[item.dataIndex][index]" :style="`width:${item.inputWidth ? item.inputWidth : '100'}%`" :disabled="true" />
                     </template>
                     <template v-else>
-                      <a-input v-model="data[item.dataIndex][index]" :style="`width:${item.inputWidth ? item.inputWidth : '100'}%`" />
+                      <van-field v-model="data[item.dataIndex][index]" :style="`width:${item.inputWidth ? item.inputWidth : '100'}%`" />
                     </template>
                   </template>
                   <template v-else>
@@ -446,7 +446,7 @@ watch(() => activatedConfig.value, (val) => {
 </template>
 
 <style lang="less" scoped>
-.img{
+.img {
   width: 95%;
   height: 180px;
   object-fit: cover;
@@ -490,8 +490,8 @@ watch(() => activatedConfig.value, (val) => {
   .reportTable {
     width: 100%;
     border-collapse: collapse;
-    table-layout:fixed;
-    word-break:break-all;
+    table-layout: fixed;
+    word-break: break-all;
   }
 }
 .reportMainForDisplay {
@@ -532,8 +532,8 @@ watch(() => activatedConfig.value, (val) => {
   .reportTable {
     width: 100%;
     border-collapse: collapse;
-    table-layout:fixed;
-    word-break:break-all;
+    table-layout: fixed;
+    word-break: break-all;
   }
 }
 .reportMainNoPadding {
@@ -544,7 +544,7 @@ watch(() => activatedConfig.value, (val) => {
   // background-color: #fff;
   border-radius: 8px;
   height: auto;
-  min-height : 20vh;
+  min-height: 20vh;
   overflow-y: auto;
   overflow-x: hidden;
 
@@ -578,17 +578,17 @@ watch(() => activatedConfig.value, (val) => {
   .reportTable {
     width: 100%;
     border-collapse: collapse;
-    table-layout:fixed;
-    word-break:break-all;
+    table-layout: fixed;
+    word-break: break-all;
   }
 }
-.tools{
+.tools {
   position: fixed;
   right: 2%;
   text-align: right;
   width: 60%;
   cursor: pointer;
-  .toolsItem{
+  .toolsItem {
     width: 15%;
     margin-right: 3%;
     display: inline-block;

package/src/components/data/XReportGrid/XReportDrawer/XReportDrawer.vue

@@ -31,7 +31,7 @@ const attr = ref({})
 
 // Store
 const userStore = useUserStore()
-const { user: currUser } = storeToRefs(userStore)
+const currUser = storeToRefs(userStore)
 
 // Refs
 const mainRef = ref()

package/src/components/data/XReportGrid/XReportJsonRender.vue

@@ -123,7 +123,7 @@ function determineCellStyle(labelFunctionReturn: any, color = '#000', borderWidt
     padding: '8px',
   }
 
-  let result = {}
+  let result: any
   // 判断表头是否有声明的样式
   if (labelFunctionReturn.style !== undefined)
     result = props.noTopBorder ? { ...NoTopBorder, ...labelFunctionReturn.style } : { ...withBorder, ...labelFunctionReturn.style }
@@ -157,10 +157,10 @@ onBeforeMount(() => {
   // 遍历配置，将所有JSON传递的方法保存到一个数组中，并用index来一一对应
   for (let i = 0; i < props.config.content.length; i++) {
     receivedFunction.value.push({
-      // eslint-disable-next-line no-eval
-      labelFunction: eval(`(${props.config.content[i].customFunctionForLabel})`),
-      // eslint-disable-next-line no-eval
-      valueFunction: eval(`(${props.config.content[i].customFunctionForValue})`),
+      // eslint-disable-next-line no-new-func
+      labelFunction: new Function(`return ${props.config.content[i].customFunctionForLabel}`)(),
+      // eslint-disable-next-line no-new-func
+      valueFunction: new Function(`return ${props.config.content[i].customFunctionForValue}`)(),
     })
   }
 })
@@ -188,7 +188,7 @@ onBeforeMount(() => {
               <!--      表头        -->
               <td
                 :class="noTopBorder ? 'tdWithNoTopBorder' : 'tdWithBorder'"
-                :style="determineCellStyle(receivedFunction[rowIndex].labelFunction(config, item))"
+                :style="determineCellStyle(receivedFunction[rowIndex].labelFunction(config, row))"
                 colspan="6"
               >
                 <template v-if="receivedFunction[rowIndex].labelFunction(config).type === 'key'">
@@ -214,13 +214,13 @@ onBeforeMount(() => {
                 </template>
                 <template v-else>
                   <template v-if="receivedFunction[rowIndex].valueFunction(config).originalKey">
-                    <van-input
+                    <van-field
                       :value="config.data[receivedFunction[rowIndex].valueFunction(config).originalKey]"
                       @input="(val) => emit('update:config', { ...config, data: { ...config.data, [receivedFunction[rowIndex].valueFunction(config).originalKey]: val } })"
                     />
                   </template>
                   <template v-else>
-                    <van-input
+                    <van-field
                       :value="config.data[receivedFunction[rowIndex].valueFunction(config).content]"
                       @input="(val) => emit('update:config', { ...config, data: { ...config.data, [receivedFunction[rowIndex].valueFunction(config).content]: val } })"
                     />
@@ -304,14 +304,14 @@ onBeforeMount(() => {
                       />
                     </template>
                     <template v-else>
-                      <van-input
+                      <van-field
                         :value="item[receivedFunction[rowIndex].valueFunction(config, item).originalKey]"
                         @input="(val) => emit('update:config', { ...config, data: { ...config.data, [receivedFunction[rowIndex].valueFunction(config, item).originalKey]: val } })"
                       />
                     </template>
                   </template>
                   <template v-else>
-                    <van-input
+                    <van-field
                       :value="item[receivedFunction[rowIndex].valueFunction(config, item).content]"
                       @input="(val) => emit('update:config', { ...config, data: { ...config.data, [receivedFunction[rowIndex].valueFunction(config, item).content]: val } })"
                     />
@@ -341,7 +341,7 @@ onBeforeMount(() => {
 
 <style scoped lang="less">
 .imgSrc {
-  color: rgb( 24,144,255 );
+  color: rgb(24, 144, 255);
   font-size: 0.9em;
   margin: auto;
 }

package/src/components/data/XReportGrid/XReportTrGroup.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import XFormTable from '@af-mobile-client-vue3/components/data/XCellList/index.vue'
 // import { getRealKeyData } from '@af-mobile-client-vue3/utils/util'
 import { executeStrFunctionByContext } from '@af-mobile-client-vue3/utils/runEvalFunction'
 import {
@@ -7,7 +8,7 @@ import {
   Row as VanRow,
 } from 'vant'
 
-import { computed, defineAsyncComponent, inject, nextTick, onBeforeMount, ref, watch } from 'vue'
+import { computed, inject, nextTick, onBeforeMount, ref, watch } from 'vue'
 
 const props = withDefaults(defineProps<Props>(), {
   showImgInCell: false,
@@ -24,7 +25,7 @@ const emit = defineEmits<{
   (e: 'update:configData', value: any): void
   (e: 'change', value: any): void
   (e: 'updateImg', value: any): void
-  (e: 'selectRow', value: any): void
+  (e: 'selectRow', selectedRowKeys: any[], selectedRows: any[]): void
   (e: 'slotRendered'): void
   (e: 'listClick', value: any): void
 }>()
@@ -36,7 +37,6 @@ const emit = defineEmits<{
 const isInAModal = ref(false)
 
 // 动态导入组件
-const XFormTable = defineAsyncComponent(() => import('@af-mobile-client-vue3/components/data/XCellList/index.vue'))
 // const XAddNativeForm = defineAsyncComponent(() => import('@af-mobile-client-vue3/components/common/XAddNativeForm/XAddNativeForm.vue'))
 // const XFormGroup = defineAsyncComponent(() => import('@af-mobile-client-vue3/components/common/XFormGroup/XFormGroup.vue'))
 // const XTreePro = defineAsyncComponent(() => import('@af-mobile-client-vue3/components/common/XTree/XTreePro.vue'))

package/src/components/layout/NormalDataLayout/index.vue

@@ -5,11 +5,10 @@ import {
   Row as VanRow,
 } from 'vant'
 
-const { title } = withDefaults(defineProps<{
+const { title } = defineProps<{
   // 标题
   title: string
-}>(), {
-})
+}>()
 
 // back
 const onClickLeft = () => history.back()

package/src/config/routes.ts

@@ -1,5 +1,9 @@
-// 定义导航栏和标签栏可见的路由白名单
-export const routeWhiteList: readonly string[] = [
+/**
+ * List of root-level route names.
+ * In the Navbar component, the left arrow is hidden for these routes.
+ * However, the Tabbar is shown on these routes.
+ */
+export const rootRouteList: readonly string[] = [
   'ComponentView', // 首页
   'userProfile', // 个人中心
 ]

package/src/constants/index.ts

@@ -0,0 +1,2 @@
+export const appName = 'Vue3-Client'
+export const appDescription = '基于Vant4的移动端组件库扩展'