@leevan/jtui 2.0.54 → 2.0.55

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leevan/jtui",
-  "version": "2.0.54",
+  "version": "2.0.55",
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",

package/packages/jt-table/components/tableColumn.vue

@@ -59,9 +59,9 @@
             </div>
             <EditInput
               v-else-if="item && item.edit && item.edit.name == '$input'"
-              :value="row[subSubItem.prop]"
-              @input="(val) => handleInputChange(val, row, subSubItem.prop)"
+              v-model="row[subSubItem.prop]"
               :type="(item.edit.props && item.edit.props.type) || 'text'"
+              @input="(val) => handleInputChange(val, row, subSubItem.prop)"
             />
           </template>
         </vxe-table-column>
@@ -111,9 +111,9 @@
             </div>
             <EditInput
               v-else-if="item && item.edit && item.edit.name == '$input'"
-              :value="row[subItem.prop]"
-              @input="(val) => handleInputChange(val, row, subItem.prop)"
+              v-model="row[subItem.prop]"
               :type="(item.edit.props && item.edit.props.type) || 'text'"
+              @input="(val) => handleInputChange(val, row, subItem.prop)"
             />
           </template>
       </vxe-table-column>
@@ -164,9 +164,9 @@
       </div>
       <EditInput
         v-else-if="item && item.edit && item.edit.name == '$input'"
-        :value="row[item.prop]"
-        @input="(val) => handleInputChange(val, row, item.prop)"
+        v-model="row[item.prop]"
         :type="(item.edit.props && item.edit.props.type) || 'text'"
+        @input="(val) => handleInputChange(val, row, item.prop)"
       />
     </template>
   </vxe-table-column>
@@ -181,7 +181,7 @@ export default {
   components: {
     EditInput
   },
-  
+
   data() {
     return {
       isOpen: false,
@@ -226,7 +226,7 @@ export default {
       default: 0
     }
   },
- 
+
   methods: {
     findVxeTable() {
       // 向上查找vxe-table实例
@@ -262,11 +262,8 @@ export default {
       return findItem ? findItem.label : (value || '请选择');
     },
     handleInputChange(val, row, prop) {
-      if (!(prop in row)) {
-        this.$set(row, prop, val);
-      } else {
-        row[prop] = val;
-      }
+      // 这个方法现在主要是为了保持接口兼容性
+      // 实际的值更新由 v-model 处理
     },
     toggleDropdown() {
       this.isOpen = !this.isOpen;
@@ -417,4 +414,4 @@ export default {
     width: 100%;
   }
 }
-</style>
+</style>

package/packages/jt-table/index.vue

@@ -975,6 +975,7 @@ export default {
           setTimeout(() => {
             const temp = this.$refs[this.id].getTableData()
             if(temp.fullData.length > 0){
+              this.initRowFields(temp.fullData);
               this.isShowEmpty = false
             }else{
               if(n){
@@ -1651,6 +1652,42 @@ export default {
     syncData() {
       this.$refs[this.id].syncData();
     },
+    // 收集所有表头字段（包括嵌套表头）
+    getAllHeaderFields(headers) {
+      const fields = [];
+      const collect = (items) => {
+        items.forEach(item => {
+          if (item.children && item.children.length) {
+            collect(item.children);
+          } else if (item.prop) {
+            fields.push(item.prop);
+          }
+        });
+      };
+      collect(headers);
+      return fields;
+    },
+    // 初始化所有行的字段，确保每个行对象都有所有表头字段
+    initRowFields(dataArray) {
+      const rows = dataArray || this.data?.DataArray;
+      if (!rows || !rows.length || !this.data?.retjson?.header) {
+        return;
+      }
+      const fields = this.getAllHeaderFields(this.data.retjson.header);
+      // 递归处理行（包括树形结构的子节点）
+      const processRow = (row) => {
+        fields.forEach(field => {
+          if (!(field in row)) {
+            this.$set(row, field, '');
+          }
+        });
+        // 处理子节点
+        if (row.children && row.children.length) {
+          row.children.forEach(child => processRow(child));
+        }
+      };
+      rows.forEach(row => processRow(row));
+    },
   },
 };
 </script>