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

package/package.json

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

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

@@ -117,14 +117,6 @@ export default {
     type: {
       type: String,
       default: 'text'
-    },
-    row: {
-      type: Object,
-      default: null
-    },
-    prop: {
-      type: String,
-      default: ''
     }
   },
   data() {
@@ -140,12 +132,13 @@ export default {
   watch: {
     value(newVal) {
       this.currentValue = newVal;
+    },
+    // 监听 currentValue 变化，实时同步给父组件
+    currentValue(newVal) {
+      this.$emit('input', newVal);
     }
   },
   mounted() {
-    if (this.row && this.prop && !(this.prop in this.row)) {
-      this.$set(this.row, this.prop, this.value == null ? '' : this.value);
-    }
     this.$nextTick(() => {
       if (this.$refs.inputRef) {
         const input = this.$refs.inputRef.$el ? this.$refs.inputRef.$el.querySelector('input') : this.$refs.inputRef;
@@ -163,14 +156,6 @@ export default {
       this.doComplete();
     },
     doComplete() {
-      if (this.row && this.prop) {
-        if (!(this.prop in this.row)) {
-          this.$set(this.row, this.prop, this.currentValue);
-        } else {
-          this.row[this.prop] = this.currentValue;
-        }
-      }
-      this.$emit('input', this.currentValue);
       this.closeEdit();
     },
     closeEdit() {

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

@@ -59,10 +59,9 @@
             </div>
             <EditInput
               v-else-if="item && item.edit && item.edit.name == '$input'"
-              v-model="row[subSubItem.prop]"
+              :value="row[subSubItem.prop]"
               :type="(item.edit.props && item.edit.props.type) || 'text'"
-              :row="row"
-              :prop="subSubItem.prop"
+              @input="(val) => handleInputChange(val, row, subSubItem.prop)"
             />
           </template>
         </vxe-table-column>
@@ -112,10 +111,9 @@
             </div>
             <EditInput
               v-else-if="item && item.edit && item.edit.name == '$input'"
-              v-model="row[subItem.prop]"
+              :value="row[subItem.prop]"
               :type="(item.edit.props && item.edit.props.type) || 'text'"
-              :row="row"
-              :prop="subItem.prop"
+              @input="(val) => handleInputChange(val, row, subItem.prop)"
             />
           </template>
       </vxe-table-column>
@@ -166,10 +164,9 @@
       </div>
       <EditInput
         v-else-if="item && item.edit && item.edit.name == '$input'"
-        v-model="row[item.prop]"
+        :value="row[item.prop]"
         :type="(item.edit.props && item.edit.props.type) || 'text'"
-        :row="row"
-        :prop="item.prop"
+        @input="(val) => handleInputChange(val, row, item.prop)"
       />
     </template>
   </vxe-table-column>
@@ -264,6 +261,10 @@ export default {
       const findItem = this.item.edit.options.find(op => op.value === value);
       return findItem ? findItem.label : (value || '请选择');
     },
+    handleInputChange(val, row, prop) {
+      // 无论字段是否存在，都使用 $set 来确保响应式
+      this.$set(row, prop, val);
+    },
     toggleDropdown() {
       this.isOpen = !this.isOpen;
     },