matrix_components 2.0.367 → 2.0.369

package/dist/ComponentDemo/FormDemo.vue

@@ -59,7 +59,7 @@
   
   <script setup lang="ts">
   import { ElInput, ElMessage, ElRadioGroup } from 'element-plus'
-  import { reactive, ref } from 'vue'
+  import { onMounted, reactive, ref } from 'vue'
   import { cloneDeep } from 'lodash-es'
   import { nextTick } from 'vue'
   
@@ -83,7 +83,6 @@
     formData: {},
     readOnly: props.readOnly,
     model: props.readOnly ? '' : 'vertical',
-    // 使用 cloneDeep 进行深拷贝，保留函数
     rows: [
       [
         {
@@ -315,9 +314,9 @@
       state.formData = {}
       return false
     }
-    const data1 = row1Ref.value?.getKeyValuePairs?.(state.rows)
-    const data2 = row2Ref.value?.getKeyValuePairs?.(state.rows2)
-    const data3 = row3Ref.value?.getKeyValuePairs?.(state.rows3)
+    const data1 = row1Ref.value?.getFormKvData?.()
+    const data2 = row2Ref.value?.getFormKvData?.()
+    const data3 = row3Ref.value?.getFormKvData?.()
     const data = { ...data1, ...data2, ...data3 }
     state.formData = data
     ElMessage.success('表单校验成功')
@@ -341,123 +340,35 @@
     }, 0)
   }
   
-  /**
-   * 重置表单数据到指定值或默认值
-   * @param targetRows 要重置的rows数据
-   * @param defaultValues 默认值对象，key为字段key，value为默认值
-   */
-  function resetFormToDefaults(targetRows: any[], defaultValues: Record<string, any> = {}) {
-    for (let rowIndex = 0; rowIndex < targetRows.length; rowIndex++) {
-      const row = targetRows[rowIndex]
-      for (let colIndex = 0; colIndex < row.length; colIndex++) {
-        const item = row[colIndex]
-        if (item.key) {
-          // 如果提供了默认值，使用默认值，否则根据组件类型重置
-          if (defaultValues.hasOwnProperty(item.key)) {
-            item.value = cloneDeep(defaultValues[item.key])
-          } else {
-            // 根据组件类型或当前值类型设置默认值
-            if (Array.isArray(item.value)) {
-              item.value = []
-            } else if (typeof item.value === 'number') {
-              item.value = 0
-            } else if (typeof item.value === 'boolean') {
-              item.value = false
-            } else {
-              item.value = ''
-            }
-          }
-  
-          // 重置删除的文件列表
-          if (item.delValue !== undefined) {
-            item.delValue = defaultValues[`${item.key}_delValue`]
-              ? cloneDeep(defaultValues[`${item.key}_delValue`])
-              : []
-          }
+
+  async function getDetail() {
+    // 模拟获取详情数据
+    setTimeout(()=>{
+      const res = { "confidence": "aaa1", "iou": "1", "timeInterval": "2", "stuck_threshold": "3", "max_retries": "4", "save_video": "0", "pre_buffer_second": "5", "det_area_mode": "abnormal", "det_area_json": "6" }
+     for (const [k, v] of Object.entries(res)) {
+        let rows1 = getAllFormNodeByKey(state.rows,k);
+        if(rows1) {
+            rows1.value = v;
         }
-  
-        // 检查子项
-        if (item.children && Array.isArray(item.children)) {
-          for (let childIndex = 0; childIndex < item.children.length; childIndex++) {
-            const child = item.children[childIndex]
-            if (child.key) {
-              // 重置子项
-              if (defaultValues.hasOwnProperty(child.key)) {
-                child.value = cloneDeep(defaultValues[child.key])
-              } else {
-                if (Array.isArray(child.value)) {
-                  child.value = []
-                } else if (typeof child.value === 'number') {
-                  child.value = 0
-                } else if (typeof child.value === 'boolean') {
-                  child.value = false
-                } else {
-                  child.value = ''
-                }
-              }
-  
-              // 重置子项删除的文件列表
-              if (child.delValue !== undefined) {
-                child.delValue = defaultValues[`${child.key}_delValue`]
-                  ? cloneDeep(defaultValues[`${child.key}_delValue`])
-                  : []
-              }
-            }
-          }
+        let rows2 = getAllFormNodeByKey(state.rows2,k);
+        if(rows2) {
+            rows2.value = v;
         }
-      }
-    }
-  }
-  
-  /**
-   * 批量设置表单值
-   * @param targetRows 要设置的rows数据
-   * @param values 值对象，key为字段key，value为要设置的值
-   */
-  function setFormValues(targetRows: any[], values: Record<string, any> = {}) {
-    for (let rowIndex = 0; rowIndex < targetRows.length; rowIndex++) {
-      const row = targetRows[rowIndex]
-      for (let colIndex = 0; colIndex < row.length; colIndex++) {
-        const item = row[colIndex]
-        if (item.key && values.hasOwnProperty(item.key)) {
-          item.value = cloneDeep(values[item.key])
-        }
-  
-        // 检查子项
-        if (item.children && Array.isArray(item.children)) {
-          for (let childIndex = 0; childIndex < item.children.length; childIndex++) {
-            const child = item.children[childIndex]
-            if (child.key && values.hasOwnProperty(child.key)) {
-              child.value = cloneDeep(values[child.key])
+        let rows3 = getAllFormNodeByKey(state.rows3,k);
+        if(rows3) {
+            rows3.value = v;
+            if(k === 'det_area_mode'){
+              detAreaModeChange(v)
             }
-          }
         }
-      }
     }
+    }, 1000)
   }
-  
-  /**
-   * 重置所有表单到默认值（新的重置方法）
-   * @param customDefaults 自定义默认值
-   */
-  function resetAllFormsToDefaults(customDefaults: Record<string, any> = {}) {
-    // 重置第一个表单
-    resetFormToDefaults(state.rows, customDefaults)
-  
-    // 重置第二个表单
-    resetFormToDefaults(state.rows2, customDefaults)
-  
-    // 重置第三个表单
-    resetFormToDefaults(state.rows3, customDefaults)
-  
-    // 重置表单验证状态
-    formRef.value?.clearValidate?.()
-  
-    // 清空结果显示
-    state.formData = {}
-  
-    ElMessage.success('表单重置到默认值成功')
-  }
+
+  onMounted(() => {
+    getDetail()
+  })
+
   </script>
   
   <style lang="scss" scoped>