@leevan/jtui 2.0.54-beta.5 → 2.0.54-beta.7

package/package.json

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

package/packages/jt-table/components/edit-components/EditInput.vue

@@ -132,10 +132,6 @@ export default {
   watch: {
     value(newVal) {
       this.currentValue = newVal;
-    },
-    // 监听 currentValue 变化，实时同步给父组件
-    currentValue(newVal) {
-      this.$emit('input', newVal);
     }
   },
   mounted() {
@@ -156,6 +152,7 @@ export default {
       this.doComplete();
     },
     doComplete() {
+      this.$emit('input', this.currentValue);
       this.closeEdit();
     },
     closeEdit() {

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

@@ -59,7 +59,7 @@
             </div>
             <EditInput
               v-else-if="item && item.edit && item.edit.name == '$input'"
-              :value="row[subSubItem.prop]"
+              v-model="row[subSubItem.prop]"
               :type="(item.edit.props && item.edit.props.type) || 'text'"
               @input="(val) => handleInputChange(val, row, subSubItem.prop)"
             />
@@ -111,7 +111,7 @@
             </div>
             <EditInput
               v-else-if="item && item.edit && item.edit.name == '$input'"
-              :value="row[subItem.prop]"
+              v-model="row[subItem.prop]"
               :type="(item.edit.props && item.edit.props.type) || 'text'"
               @input="(val) => handleInputChange(val, row, subItem.prop)"
             />
@@ -164,7 +164,7 @@
       </div>
       <EditInput
         v-else-if="item && item.edit && item.edit.name == '$input'"
-        :value="row[item.prop]"
+        v-model="row[item.prop]"
         :type="(item.edit.props && item.edit.props.type) || 'text'"
         @input="(val) => handleInputChange(val, row, item.prop)"
       />
@@ -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,8 +262,8 @@ export default {
       return findItem ? findItem.label : (value || '请选择');
     },
     handleInputChange(val, row, prop) {
-      // 无论字段是否存在，都使用 $set 来确保响应式
-      this.$set(row, prop, val);
+      // 这个方法现在主要是为了保持接口兼容性
+      // 实际的值更新由 v-model 处理
     },
     toggleDropdown() {
       this.isOpen = !this.isOpen;
@@ -414,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,53 @@ 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) {
+      console.log('=== initRowFields 开始执行 ===');
+      const rows = dataArray || this.data?.DataArray;
+      console.log('传入的 dataArray:', dataArray);
+      console.log('使用的 rows:', rows);
+      if (!rows || !rows.length || !this.data?.retjson?.header) {
+        console.log('数据不完整，跳过初始化');
+        return;
+      }
+      const fields = this.getAllHeaderFields(this.data.retjson.header);
+      console.log('收集到的表头字段:', fields);
+      console.log('初始化前的第一行数据:', rows[0]);
+      // 递归处理行（包括树形结构的子节点）
+      const processRow = (row, rowIndex) => {
+        console.log(`处理第 ${rowIndex} 行，处理前:`, { ...row });
+        fields.forEach(field => {
+          if (!(field in row)) {
+            console.log(`  字段 ${field} 不存在，用 $set 添加`);
+            this.$set(row, field, '');
+          }
+        });
+        console.log(`  处理后:`, { ...row });
+        // 处理子节点
+        if (row.children && row.children.length) {
+          row.children.forEach((child, idx) => processRow(child, `${rowIndex}-${idx}`));
+        }
+      };
+      rows.forEach((row, idx) => processRow(row, idx));
+      console.log('初始化后的第一行数据:', rows[0]);
+      console.log('=== initRowFields 执行完成 ===');
+    },
   },
 };
 </script>