af-mobile-client-vue3 1.2.29 → 1.2.30

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "af-mobile-client-vue3",
   "type": "module",
-  "version": "1.2.29",
+  "version": "1.2.30",
   "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 = ref({})
+const form = reactive({})
 const rules = reactive({})
 const myGetDataParams = ref({})
 
@@ -123,7 +123,7 @@ const previewLonLatKey = computed(() => {
 })
 
 const previewMapPoint = computed(() => {
-  const val = form.value[previewLonLatKey.value]
+  const val = form[previewLonLatKey.value]
   if (val && typeof val === 'string' && val.includes(',')) {
     const [lon, lat] = val.split(',').map(Number)
     if (!Number.isNaN(lon) && !Number.isNaN(lat)) {
@@ -208,8 +208,7 @@ function setupFormConfig(config: GroupFormItems) {
   formConfig.value = config
   myServiceName.value = props.serviceName || ''
   formGroupName.value = config.groupName || 'default'
-  form.value = props.formData || {}
-
+  Object.assign(form, props.formData || {})
   // 清理并重新设置验证规则
   setupValidationRules()
 }
@@ -278,7 +277,7 @@ function resetForm() {
   formGroupName.value = 'default'
   myServiceName.value = ''
   tableName.value = ''
-  form.value = {}
+  Object.assign(form, {})
   Object.keys(rules).forEach(key => delete rules[key])
   myGetDataParams.value = {}
 }
@@ -286,12 +285,12 @@ function resetForm() {
 // 监听 formData 变化
 watch(() => props.formData, (newVal) => {
   if (newVal) {
-    form.value = newVal
+    Object.assign(form, newVal)
   }
 })
 
 watch(
-  () => form.value,
+  form,
   (val) => {
     if (typeof formDataChange === 'function') {
       formDataChange(val)
@@ -324,7 +323,7 @@ function init(params: InitParams) {
     else if (formItems) {
       // 直接使用传入的配置初始化
       setupFormConfig(formItems)
-      form.value = formData || props.formData || {}
+      Object.assign(form, formData || props.formData || {})
       myGetDataParams.value = getDataParams
 
       // 设置表名
@@ -366,14 +365,14 @@ function loadParamLogicNameData(paramLogicName) {
     }
     runLogic(paramLogicName, logicParam || {}, props.serviceName).then((data: any) => {
       if (data) {
-        form.value = data
+        setForm(data)
       }
     })
   }
 }
 
 function setForm(obj: object) {
-  Object.assign(form.value, obj)
+  Object.assign(form, obj)
 }
 
 // 获取表单字段实际值
@@ -481,7 +480,7 @@ async function appendSilenceAddFields(form: any) {
 }
 
 function prepareForm() {
-  const formObj = { ...form.value }
+  const formObj = { ...form }
   const cleanedForm: any = {}
 
   for (const key of Object.keys(formObj)) {