af-mobile-client-vue3 1.2.30 → 1.2.31

package/package.json

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

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

@@ -80,7 +80,7 @@ const formDataChange = inject('formDataChange', null)
 // 核心状态
 const xFormRef = ref<FormInstance>()
 const loaded = ref(false)
-const form = reactive({})
+const form = ref({})
 const rules = reactive({})
 const myGetDataParams = ref({})
 
@@ -123,7 +123,7 @@ const previewLonLatKey = computed(() => {
 })
 
 const previewMapPoint = computed(() => {
-  const val = form[previewLonLatKey.value]
+  const val = form.value[previewLonLatKey.value]
   if (val && typeof val === 'string' && val.includes(',')) {
     const [lon, lat] = val.split(',').map(Number)
     if (!Number.isNaN(lon) && !Number.isNaN(lat)) {
@@ -208,7 +208,7 @@ function setupFormConfig(config: GroupFormItems) {
   formConfig.value = config
   myServiceName.value = props.serviceName || ''
   formGroupName.value = config.groupName || 'default'
-  Object.assign(form, props.formData || {})
+  form.value = props.formData || {}
   // 清理并重新设置验证规则
   setupValidationRules()
 }
@@ -277,7 +277,7 @@ function resetForm() {
   formGroupName.value = 'default'
   myServiceName.value = ''
   tableName.value = ''
-  Object.assign(form, {})
+  form.value = {}
   Object.keys(rules).forEach(key => delete rules[key])
   myGetDataParams.value = {}
 }
@@ -289,15 +289,11 @@ watch(() => props.formData, (newVal) => {
   }
 })
 
-watch(
-  form,
-  (val) => {
-    if (typeof formDataChange === 'function') {
-      formDataChange(val)
-    }
-  },
-  { deep: true },
-)
+watch(form, (newVal) => {
+  if (typeof formDataChange === 'function') {
+    formDataChange(newVal)
+  }
+}, { deep: true })
 
 // 组件挂载时初始化
 onBeforeMount(() => {
@@ -323,7 +319,7 @@ function init(params: InitParams) {
     else if (formItems) {
       // 直接使用传入的配置初始化
       setupFormConfig(formItems)
-      Object.assign(form, formData || props.formData || {})
+      form.value = formData || props.formData || {}
       myGetDataParams.value = getDataParams
 
       // 设置表名
@@ -365,14 +361,14 @@ function loadParamLogicNameData(paramLogicName) {
     }
     runLogic(paramLogicName, logicParam || {}, props.serviceName).then((data: any) => {
       if (data) {
-        setForm(data)
+        form.value = data
       }
     })
   }
 }
 
 function setForm(obj: object) {
-  Object.assign(form, obj)
+  Object.assign(form.value, obj)
 }
 
 // 获取表单字段实际值
@@ -480,7 +476,7 @@ async function appendSilenceAddFields(form: any) {
 }
 
 function prepareForm() {
-  const formObj = { ...form }
+  const formObj = { ...form.value }
   const cleanedForm: any = {}
 
   for (const key of Object.keys(formObj)) {