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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leevan/jtui",
-  "version": "2.0.54-beta.5",
+  "version": "2.0.54-beta.6",
   "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

@@ -77,6 +77,7 @@
       @radio-change="radioSelectChangeEvent"
       @cell-click="cellClickEvent"
       @keydown="keyEnter"
+      @edit-actived="handleEditActived"
     >
       <!-- 复选框列 -->
       <vxe-table-column
@@ -249,6 +250,7 @@
       @radio-change="radioSelectChangeEvent"
       @cell-click="cellClickEvent"
       @keydown="keyEnter"
+      @edit-actived="handleEditActived"
     >
       <!-- 复选框列 -->
       <vxe-table-column
@@ -559,6 +561,7 @@
       :loading="loading"
       @keydown="keyEnter"
       @scroll="scroll1"
+      @edit-actived="handleEditActived"
       :expand-config="{
         visibleMethod,
         loadMethod: expandConfig.loadMethod,
@@ -1651,6 +1654,13 @@ export default {
     syncData() {
       this.$refs[this.id].syncData();
     },
+    // 编辑激活时，确保 row 对象中有对应的字段
+    handleEditActived({ row, column }) {
+      const prop = column.property;
+      if (prop && !(prop in row)) {
+        this.$set(row, prop, '');
+      }
+    },
   },
 };
 </script>