af-mobile-client-vue3 1.0.95 → 1.0.96

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

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { inject, provide, ref } from 'vue'
-import { storeToRefs } from 'pinia'
-import { Dialog as VanDialog, showDialog } from 'vant'
+import XReport from '@af-mobile-client-vue3/components/data/XReportGrid/XReport.vue'
 import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
 import { executeStrFunctionByContext } from '@af-mobile-client-vue3/utils/runEvalFunction'
-import XReport from '@af-mobile-client-vue3/components/data/XReportGrid/XReport.vue'
+import { storeToRefs } from 'pinia'
+import { showDialog, Dialog as VanDialog } from 'vant'
+import { inject, provide, ref } from 'vue'
 
 // Props
 const props = defineProps({
@@ -96,7 +96,6 @@ function getSelectedId() {
 }
 
 function selectRow(selectedRowKeys: any[], selectedRows: any[]) {
-  console.log('XAddReport')
   emit('selectRow', selectedRowKeys, selectedRows)
 }
 
@@ -116,7 +115,6 @@ function getComponentByName(name: string) {
 
 async function onSubmit() {
   if (mainRef.value?.config?.confirmFunction) {
-    console.info('执行自定义确认逻辑')
     let func = mainRef.value.config.confirmFunction
     if (func && func.startsWith('function'))
       func = func.replace('function', 'async function')
@@ -162,7 +160,6 @@ async function onSubmit() {
 }
 
 function updateImg(data: any) {
-  console.log(data)
 }
 
 // 暴露方法

package/src/components/data/XReportGrid/XAddReport/index.md

@@ -2,26 +2,22 @@
 
 动态新增/修改表单控件，根据JSON配置生成一个完整的可供新增/修改数据的动态表单
 
-
 ## 何时使用
 
 当需要一个可供新增/修改数据的动态生成的表单时
 
-
 引用方式：
 
 ```javascript
 import XAddReport from '@vue2-client/base-client/components/XAddReport/XAddReport'
 
 export default {
-    components: {
-      XAddReport
-    }
+  components: {
+    XAddReport
+  }
 }
 ```
 
-
-
 ## 代码演示
 
 ```html

package/src/components/data/XReportGrid/XAddReport/index.ts

@@ -6,5 +6,5 @@ export { XAddReport }
 export default {
   install(app: App) {
     app.component('XAddReport', XAddReport)
-  }
-} 
+  },
+}

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

@@ -1,23 +1,19 @@
 <script setup lang="ts">
-import { computed, nextTick, onBeforeMount, onBeforeUnmount, onMounted, provide, ref, watch } from 'vue'
-import { storeToRefs } from 'pinia'
+import XReportDesign from '@af-mobile-client-vue3/components/data/XReportGrid/XReportDesign.vue'
+import { getConfigByName, runLogic } from '@af-mobile-client-vue3/services/api/common'
+import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
+import { executeStrFunctionByContext } from '@af-mobile-client-vue3/utils/runEvalFunction'
 import {
+  showDialog,
   Button as VanButton,
   Card as VanCard,
-  Icon as VanIcon,
-  RadioGroup as VanRadioGroup,
   Radio as VanRadio,
+  RadioGroup as VanRadioGroup,
   Row as VanRow,
-  Col as VanCol,
-  Space as VanSpace,
   Skeleton as VanSkeleton,
-  showDialog
+  Space as VanSpace,
 } from 'vant'
-import { getConfigByName, runLogic } from '@af-mobile-client-vue3/services/api/common'
-import { executeStrFunctionByContext } from '@af-mobile-client-vue3/utils/runEvalFunction'
-import { printElement } from '@af-mobile-client-vue3/components/data/XReportGrid/print'
-import XReportDesign from '@af-mobile-client-vue3/components/data/XReportGrid/XReportDesign.vue'
-import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
+import { computed, nextTick, onBeforeMount, onBeforeUnmount, onMounted, provide, ref, watch } from 'vue'
 
 // import HtmlToPdf from '@/utils/htmlToPDF'
 
@@ -106,7 +102,7 @@ const props = defineProps({
 })
 
 // Emits
-const emit = defineEmits(['updateImg', 'selectRow', 'cancel'])
+const emit = defineEmits(['updateImg', 'selectRow', 'cancel', 'register'])
 
 // Store
 const userStore = useUserStore()
@@ -140,7 +136,7 @@ const widget = computed(() => props.isWidget)
 // 在provide之前定义getGlobalData函数
 const getGlobalData = () => globalData.value
 
-const setGlobalData = (obj: any) => {
+function setGlobalData(obj: any) {
   globalData.value = obj
 }
 
@@ -168,11 +164,8 @@ function slotRendered() {
 }
 
 function registerComponent(componentName: string, component: any) {
-  console.log('内部注册', componentName)
   if (XReportDesign.value)
     XReportDesign.value[componentName] = component
-
-  console.log('内部注册完成')
 }
 
 // 数据处理方法
@@ -241,13 +234,11 @@ function transformArray(inputList: any[]) {
 
 // 组件操作方法
 function getComponentByName(componentName: string) {
-  console.log('内部取组件', componentName)
   return XReportDesign.value?.[componentName]
 }
 
 // 对话框操作
 function openDialog(configName: string, selectedId: any, mixinData: any, outEnv = {}, attr = {}) {
-  console.log('openDialog', configName, selectedId)
   xAddReport.value?.init({
     configName,
     selectedId,
@@ -258,7 +249,6 @@ function openDialog(configName: string, selectedId: any, mixinData: any, outEnv
 }
 
 function openDrawer(configName: string, selectedId: any, mixinData: any, outEnv = {}, attr = {}) {
-  console.log('openDrawer', configName, selectedId)
   xReportDrawer.value?.init({
     configName,
     selectedId,
@@ -320,7 +310,6 @@ function exportPDF() {
 
 // 配置处理方法
 function configInit() {
-  console.log('拼接完成', config.value)
   originalConfig.value = Object.assign({}, config.value)
   if (!props.dontFormat)
     formatConfigRow(config.value)
@@ -354,9 +343,7 @@ function configInit() {
     })
   })
 
-  console.log('转换前配置', config.value)
   originalConfig.value.columns = transformArray(JSON.parse(JSON.stringify(config.value.columns)))
-  console.log('转换后的列描述', originalConfig.value.columns)
 
   scanFinish.value = true
 }
@@ -814,6 +801,7 @@ onBeforeMount(() => {
 
 onMounted(() => {
   if (props.registerMap !== undefined) {
+    // eslint-disable-next-line vue/no-mutating-props
     props.registerMap.push({
       exportData,
       printDocument,
@@ -842,11 +830,11 @@ watch(() => props.configName, (val) => {
 })
 
 watch(() => props.localConfig, (val) => {
-    if (val) {
-      config.value = val
-      configInit()
-    }
-  })
+  if (val) {
+    config.value = val
+    configInit()
+  }
+})
 
 // 暴露方法
 defineExpose({
@@ -858,7 +846,6 @@ defineExpose({
 
 // 选择行方法
 function selectRow(selectedRowKeys: any[], selectedRows: any[]) {
-  console.log('XReport selectRow')
   emit('selectRow', selectedRowKeys, selectedRows)
 }
 </script>
@@ -873,17 +860,14 @@ function selectRow(selectedRowKeys: any[], selectedRows: any[]) {
       <!--   主体表格   -->
       <XReportDesign
         v-if="scanFinish"
+        ref="XReportDesign"
         :show-img-in-cell="showImgInCell"
         :img-prefix="imgPrefix"
         :use-oss-for-img="useOssForImg"
         :display-only="displayOnly"
         :config="type === 'display' ? originalConfig : activeConfig"
         :slot-config-name="type === 'display' ? undefined : activatedSlotName"
-        @update-img="updateImg"
         :for-display="type === 'display'"
-        @select-row="selectRow"
-        ref="XReportDesign"
-        @slotRendered="slotRendered"
         :server-name="serverName"
         :env="env"
         :show-title="showTitle"
@@ -891,6 +875,9 @@ function selectRow(selectedRowKeys: any[], selectedRows: any[]) {
         :no-top-border="noTopBorder"
         :show-images="hasImages"
         :image-list="imageList"
+        @update-img="updateImg"
+        @select-row="selectRow"
+        @slot-rendered="slotRendered"
       />
 
       <VanRow v-if="showSaveButton" type="flex" justify="end">
@@ -926,6 +913,7 @@ function selectRow(selectedRowKeys: any[], selectedRows: any[]) {
         <!--   主体表格   -->
         <XReportDesign
           v-if="scanFinish"
+          ref="XReportDesign"
           :show-img-in-cell="showImgInCell"
           :img-prefix="imgPrefix"
           :use-oss-for-img="useOssForImg"
@@ -933,17 +921,16 @@ function selectRow(selectedRowKeys: any[], selectedRows: any[]) {
           :config="type === 'display' ? originalConfig : activeConfig"
           :slot-config-name="type === 'display' ? undefined : activatedSlotName"
           :for-display="type === 'display'"
-          @update-img="updateImg"
           :no-padding="noPadding"
-          @select-row="selectRow"
           :no-top-border="noTopBorder"
-          @slotRendered="slotRendered"
           :show-title="showTitle"
-          ref="XReportDesign"
           :server-name="serverName"
           :env="env"
           :show-images="hasImages"
           :image-list="imageList"
+          @update-img="updateImg"
+          @select-row="selectRow"
+          @slot-rendered="slotRendered"
         />
       </div>
     </template>
@@ -952,7 +939,7 @@ function selectRow(selectedRowKeys: any[], selectedRows: any[]) {
     <!-- <x-add-report
       ref="xAddReport"
       :env="env"
-    />-->
+    /> -->
     <!-- 弹出框 -->
     <!-- <x-report-drawer
       ref="xReportDrawer"

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

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { computed, onMounted, ref, watch } from 'vue'
-
 import { getConfigByName } from '@af-mobile-client-vue3/services/api/common'
-import XReportTrGroup from './XReportTrGroup.vue'
+
+import { computed, onMounted, ref, watch } from 'vue'
 import XReportJsonRender from './XReportJsonRender.vue'
+import XReportTrGroup from './XReportTrGroup.vue'
 
 // Props 类型定义
 interface Props {
@@ -128,6 +128,7 @@ onMounted(() => {
     getConfigByName(props.slotConfigName, (res: any) => {
       slotConfig.value = res
       res.data = { ...res.data, ...data.value }
+      // eslint-disable-next-line vue/no-mutating-props
       props.config.data = res.data
       activatedConfig.value = res
       render.value = true
@@ -179,54 +180,53 @@ watch(() => activatedConfig.value, (val) => {
         <!--  插槽展示  -->
         <template v-if="row[0].type === 'slot'">
           <XReportTrGroup
+            :key="rowIndex"
             :show-img-in-cell="showImgInCell"
             :img-prefix="imgPrefix"
             :server-name="serverName"
             :env="env"
-            :key="rowIndex"
             :use-oss-for-img="useOssForImg"
             :columns="row"
-            @update-img="updateImg"
             :no-top-border="noTopBorder"
-            @selectRow="selectRow"
             :config-data="activatedConfig.data"
             :config="activatedConfig"
             :display="true"
+            @update-img="updateImg"
+            @select-row="selectRow"
           />
         </template>
         <!--  普通行  -->
         <template v-else>
           <template v-if="!forDisplay">
             <XReportTrGroup
+              :key="rowIndex"
               :show-img-in-cell="showImgInCell"
               :img-prefix="imgPrefix"
               :server-name="serverName"
               :env="env"
-              :key="rowIndex"
               :use-oss-for-img="useOssForImg"
               :columns="row"
-              @update-img="updateImg"
               :no-top-border="noTopBorder"
-              @selectRow="selectRow"
               :config-data="activatedConfig.data"
               :config="activatedConfig"
+              @update-img="updateImg"
             />
           </template>
           <template v-else>
             <XReportTrGroup
+              :key="rowIndex"
               :show-img-in-cell="showImgInCell"
               :img-prefix="imgPrefix"
               :server-name="serverName"
               :env="env"
               :use-oss-for-img="useOssForImg"
               :config="activatedConfig"
-              :key="rowIndex"
-              @update-img="updateImg"
               :columns="row"
-              @selectRow="selectRow"
               :no-top-border="noTopBorder"
               :config-data="activatedConfig.data"
               :display="true"
+              @update-img="updateImg"
+              @select-row="selectRow"
             />
           </template>
         </template>
@@ -270,20 +270,20 @@ watch(() => activatedConfig.value, (val) => {
               <!--  插槽展示  -->
               <template v-if="row[0].type === 'slot'">
                 <XReportTrGroup
+                  :key="rowIndex"
                   :show-img-in-cell="showImgInCell"
                   :img-prefix="imgPrefix"
                   :server-name="serverName"
                   :env="env"
                   :use-oss-for-img="useOssForImg"
-                  @update-img="updateImg"
-                  :key="rowIndex"
-                  @select-row="selectRow"
                   :columns="row"
-                  @slot-rendered="slotRendered"
                   :no-top-border="noTopBorder"
                   :config-data="activatedConfig.data"
                   :config="activatedConfig"
                   :display="true"
+                  @update-img="updateImg"
+                  @select-row="selectRow"
+                  @slot-rendered="slotRendered"
                 />
               </template>
               <!--  列表 list -->
@@ -291,39 +291,39 @@ watch(() => activatedConfig.value, (val) => {
                 <template v-for="(num, listIndex) in row[0].listLength + 1">
                   <template v-if="!forDisplay">
                     <XReportTrGroup
+                      :key="rowIndex + listIndex"
                       :show-img-in-cell="showImgInCell"
                       :img-prefix="imgPrefix"
                       :server-name="serverName"
                       :env="env"
                       :use-oss-for-img="useOssForImg"
-                      @slot-rendered="slotRendered"
                       :config="activatedConfig"
-                      @update-img="updateImg"
-                      :key="rowIndex + listIndex"
-                      @select-row="selectRow"
                       :columns="row"
                       :no-top-border="noTopBorder"
                       :config-data="activatedConfig.data"
                       :list-index="listIndex"
+                      @slot-rendered="slotRendered"
+                      @update-img="updateImg"
+                      @select-row="selectRow"
                     />
                   </template>
                   <template v-else>
                     <XReportTrGroup
+                      :key="rowIndex + listIndex"
                       :show-img-in-cell="showImgInCell"
                       :img-prefix="imgPrefix"
                       :server-name="serverName"
                       :env="env"
                       :use-oss-for-img="useOssForImg"
-                      @slot-rendered="slotRendered"
                       :config="activatedConfig"
-                      @update-img="updateImg"
-                      :key="rowIndex + listIndex"
-                      @select-row="selectRow"
                       :columns="row"
                       :no-top-border="noTopBorder"
                       :config-data="activatedConfig.data"
                       :list-index="listIndex"
                       :display="true"
+                      @slot-rendered="slotRendered"
+                      @update-img="updateImg"
+                      @select-row="selectRow"
                     />
                   </template>
                 </template>
@@ -332,61 +332,61 @@ watch(() => activatedConfig.value, (val) => {
               <template v-else-if="row[0].type === 'inputColumns'">
                 <template v-if="forDisplay">
                   <XReportTrGroup
+                    v-for="(item, definitionIndex) in activatedConfig.data[row[0].dataIndex]"
+                    :key="row[0].dataIndex + definitionIndex + rowIndex"
                     :show-img-in-cell="showImgInCell"
                     :img-prefix="imgPrefix"
                     :server-name="serverName"
                     :env="env"
                     :use-oss-for-img="useOssForImg"
-                    @slot-rendered="slotRendered"
                     :config="activatedConfig"
-                    @update-img="updateImg"
                     :columns="row[0].definition"
-                    @select-row="selectRow"
                     :config-data="{ arr: activatedConfig.data[row[0].dataIndex] }"
                     :input-columns="true"
                     :no-top-border="noTopBorder"
-                    v-for="(item, definitionIndex) in activatedConfig.data[row[0].dataIndex]"
                     :input-columns-definition-index="definitionIndex"
                     :display="true"
-                    :key="row[0].dataIndex + definitionIndex + rowIndex"
+                    @slot-rendered="slotRendered"
+                    @update-img="updateImg"
+                    @select-row="selectRow"
                   />
                 </template>
                 <template v-if="!forDisplay">
                   <XReportTrGroup
+                    v-for="(item, definitionIndex) in activatedConfig.data[row[0].dataIndex]"
+                    :key="row[0].dataIndex + definitionIndex + rowIndex"
                     :show-img-in-cell="showImgInCell"
                     :img-prefix="imgPrefix"
                     :server-name="serverName"
                     :env="env"
                     :use-oss-for-img="useOssForImg"
-                    @slot-rendered="slotRendered"
                     :config="activatedConfig"
-                    @update-img="updateImg"
                     :columns="row[0].definition"
-                    @select-row="selectRow"
                     :config-data="{ arr: activatedConfig.data[row[0].dataIndex] }"
                     :input-columns="true"
                     :no-top-border="noTopBorder"
-                    v-for="(item, definitionIndex) in activatedConfig.data[row[0].dataIndex]"
                     :input-columns-definition-index="definitionIndex"
-                    :key="row[0].dataIndex + definitionIndex + rowIndex"
+                    @slot-rendered="slotRendered"
+                    @update-img="updateImg"
+                    @select-row="selectRow"
                   />
                   <!--  动态行交互按钮  -->
                   <XReportTrGroup
+                    :key="rowIndex"
                     :show-img-in-cell="showImgInCell"
                     :img-prefix="imgPrefix"
                     :server-name="serverName"
                     :env="env"
                     :use-oss-for-img="useOssForImg"
-                    @slot-rendered="slotRendered"
                     :config="activatedConfig"
-                    @update-img="updateImg"
-                    :key="rowIndex"
-                    @select-row="selectRow"
                     :columns="row"
                     :no-top-border="noTopBorder"
                     :config-data="activatedConfig.data"
                     :input-columns-button="true"
                     :input-columns="true"
+                    @slot-rendered="slotRendered"
+                    @update-img="updateImg"
+                    @select-row="selectRow"
                   />
                 </template>
               </template>
@@ -394,37 +394,37 @@ watch(() => activatedConfig.value, (val) => {
               <template v-else>
                 <template v-if="!forDisplay">
                   <XReportTrGroup
+                    :key="rowIndex"
                     :show-img-in-cell="showImgInCell"
                     :img-prefix="imgPrefix"
                     :server-name="serverName"
                     :env="env"
                     :use-oss-for-img="useOssForImg"
-                    @slot-rendered="slotRendered"
-                    :key="rowIndex"
-                    @update-img="updateImg"
                     :columns="row"
-                    @select-row="selectRow"
                     :no-top-border="noTopBorder"
                     :config-data="activatedConfig.data"
                     :config="activatedConfig"
+                    @slot-rendered="slotRendered"
+                    @update-img="updateImg"
+                    @select-row="selectRow"
                   />
                 </template>
                 <template v-else>
                   <XReportTrGroup
+                    :key="rowIndex"
                     :show-img-in-cell="showImgInCell"
                     :img-prefix="imgPrefix"
                     :server-name="serverName"
                     :env="env"
                     :use-oss-for-img="useOssForImg"
-                    @slot-rendered="slotRendered"
                     :config="activatedConfig"
-                    @update-img="updateImg"
-                    :key="rowIndex"
-                    @select-row="selectRow"
                     :columns="row"
                     :no-top-border="noTopBorder"
                     :config-data="activatedConfig.data"
                     :display="true"
+                    @slot-rendered="slotRendered"
+                    @update-img="updateImg"
+                    @select-row="selectRow"
                   />
                 </template>
               </template>

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

@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { inject, provide, ref } from 'vue'
-import { storeToRefs } from 'pinia'
-import { Popup as VanPopup } from 'vant'
 import XReport from '@af-mobile-client-vue3/components/data/XReportGrid/XReport.vue'
 import { useUserStore } from '@af-mobile-client-vue3/stores/modules/user'
+import { storeToRefs } from 'pinia'
+import { Popup as VanPopup } from 'vant'
+import { inject, provide, ref } from 'vue'
 
 // Props
 const props = defineProps({

package/src/components/data/XReportGrid/XReportDrawer/index.ts

@@ -6,5 +6,5 @@ export { XReportDrawer }
 export default {
   install(app: App) {
     app.component('XReportDrawer', XReportDrawer)
-  }
-} 
+  },
+}

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

@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { onBeforeMount, ref } from 'vue'
 import type { Ref } from 'vue'
-import { Dialog as VanDialog } from 'vant'
 import Upload from '@af-mobile-client-vue3/components/core/Uploader/index.vue'
+import { Dialog as VanDialog } from 'vant'
+import { onBeforeMount, ref } from 'vue'
 
 interface JsonRenderConfig {
   data: Record<string, any>
@@ -54,6 +54,7 @@ const props = defineProps({
 // Emits
 const emit = defineEmits<{
   (e: 'updateImg', data: any): void
+  (e: 'update:config', config: JsonRenderConfig): void
 }>()
 
 // 状态
@@ -166,7 +167,7 @@ onBeforeMount(() => {
 </script>
 
 <template>
-  <div :class="noPadding ? 'reportMainNoPadding' : 'reportMain'" id="xreportjsonrender">
+  <div id="xreportjsonrender" :class="noPadding ? 'reportMainNoPadding' : 'reportMain'">
     <table class="reportTable" :style="config.style ? config.style : ''">
       <tbody class="'reportTable'">
         <!--   标题   -->
@@ -213,10 +214,16 @@ onBeforeMount(() => {
                 </template>
                 <template v-else>
                   <template v-if="receivedFunction[rowIndex].valueFunction(config).originalKey">
-                    <van-input v-model="config.data[receivedFunction[rowIndex].valueFunction(config).originalKey]" />
+                    <van-input
+                      :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 v-model="config.data[receivedFunction[rowIndex].valueFunction(config).content]" />
+                    <van-input
+                      :value="config.data[receivedFunction[rowIndex].valueFunction(config).content]"
+                      @input="(val) => emit('update:config', { ...config, data: { ...config.data, [receivedFunction[rowIndex].valueFunction(config).content]: val } })"
+                    />
                   </template>
                 </template>
                 <template v-if="receivedFunction[rowIndex].valueFunction(config).type === 'img'">
@@ -297,11 +304,17 @@ onBeforeMount(() => {
                       />
                     </template>
                     <template v-else>
-                      <van-input v-model="item[receivedFunction[rowIndex].valueFunction(config, item).originalKey]" />
+                      <van-input
+                        :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 v-model="item[receivedFunction[rowIndex].valueFunction(config, item).content]" />
+                    <van-input
+                      :value="item[receivedFunction[rowIndex].valueFunction(config, item).content]"
+                      @input="(val) => emit('update:config', { ...config, data: { ...config.data, [receivedFunction[rowIndex].valueFunction(config, item).content]: val } })"
+                    />
                   </template>
                 </template>
               </td>

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

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { computed, defineAsyncComponent, inject, nextTick, onBeforeMount, ref, watch } from 'vue'
+// import { getRealKeyData } from '@af-mobile-client-vue3/utils/util'
+import { executeStrFunctionByContext } from '@af-mobile-client-vue3/utils/runEvalFunction'
 import {
+  showDialog,
   Col as VanCol,
   Row as VanRow,
-  showDialog,
 } from 'vant'
 
-// import { getRealKeyData } from '@af-mobile-client-vue3/utils/util'
-import { executeStrFunctionByContext } from '@af-mobile-client-vue3/utils/runEvalFunction'
+import { computed, defineAsyncComponent, inject, nextTick, onBeforeMount, ref, watch } from 'vue'
 
 const props = withDefaults(defineProps<Props>(), {
   showImgInCell: false,