matrix_components 2.0.392 → 2.0.393

package/dist/ComponentDemo/FormDemo.vue

@@ -105,6 +105,9 @@ const row4Ref = ref()
                 label: "是否启用",
                 value: false,
                 component: ElSwitch,
+                events: {
+                    change: changeHandler
+                },
                 params: {
                     rules: [
                         {
@@ -119,41 +122,6 @@ const row4Ref = ref()
                 },
             },
       ],
-      [
-        {
-          key: 'confidence',
-          label: '置信度',
-          value: 'aaa',
-          component: ElInput,
-          params: {
-            rules: [
-              {
-                required: true,
-                message: '请输入',
-              },
-            ],
-          },
-        },
-        {
-          key: 'iou',
-          label: '交并比',
-          value: '',
-          component: ElInput,
-          params: {
-            'v-length.range': {
-              min: 0,
-              max: 1,
-              maxLength: 3,
-            },
-            rules: [
-              {
-                required: true,
-                message: '请输入',
-              },
-            ],
-          },
-        },
-      ],
     ],
     rows2: [
       [
@@ -426,19 +394,18 @@ const row4Ref = ref()
       ],
     ],
   })
+
+  function changeHandler(v){
+    alert(v)
+  }
   
   function detAreaModeChange(value: any) {
-    // 使用深拷贝创建新的数组，确保响应式更新
-    const newRows3 = cloneDeep(state.rows3)
-    
-    // 检查最后一项是否是 det_area_json
-    const lastItem = newRows3[newRows3.length - 1]?.[0]
-    if (lastItem?.key === 'det_area_json') {
-      newRows3.pop()
+    if(state.rows3?.length && state.rows3[state.rows3.length - 1]?.[0]?.key === 'det_area_json'){
+        state.rows3.pop()
     }
     
     if (value === 'abnormal') {
-      newRows3.push([
+      state.rows3.push([
         {
           key: 'det_area_json',
           label: '感兴趣区域',
@@ -450,9 +417,6 @@ const row4Ref = ref()
         { value: ' ' },
       ])
     }
-    
-    // 使用赋值操作触发响应式更新
-    state.rows3 = newRows3
   }
 
   function CustomUIs() {
@@ -517,11 +481,10 @@ const row4Ref = ref()
         "department": ["company","tech","frontend"],
         "single_level_cascader": "shanghai"
       }
-      
-      row1Ref.value?.setFormData?.(res,true)
-      row2Ref.value?.setFormData?.(res,true)
-      row3Ref.value?.setFormData?.(res,true)
-      row4Ref.value?.setFormData?.(res,true)
+      row1Ref.value?.resetForm()
+      setTimeout(()=>{
+        row1Ref.value?.setFormData?.(res)
+      },10)
       // 特殊处理
       // if (res.det_area_mode === 'abnormal') {
       //   detAreaModeChange('abnormal')
@@ -529,7 +492,7 @@ const row4Ref = ref()
 
       setTimeout(()=>{
         const res = { 
-          "isEnable": true,
+          "isEnable": false,
           "confidence": "aaa1", 
           "iou": "1", 
           "timeInterval": "2", 
@@ -544,10 +507,10 @@ const row4Ref = ref()
           "single_level_cascader": "shanghai"
         }
         
-        row1Ref.value?.setFormData?.(res,true)
-        row2Ref.value?.setFormData?.(res,true)
-        row3Ref.value?.setFormData?.(res,true)
-        row4Ref.value?.setFormData?.(res,true)
+          row1Ref.value?.resetForm()
+          setTimeout(()=>{
+            row1Ref.value?.setFormData?.(res)
+          },10)
         // 特殊处理
       }, 2000)
     }, 2000)