@leevan/jtui 2.0.53 → 2.0.54

package/package.json

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

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

@@ -157,50 +157,21 @@ export default {
     },
     closeEdit() {
       try {
-        console.log('EditInput closeEdit, start finding VxeTable...');
         let vm = this.$parent;
         let count = 0;
         while (vm && count < 30) {
           const componentName = vm.$options && vm.$options.name;
-
           if (componentName === 'VxeTable' || componentName === 'VxeTable') {
-            console.log('Found VxeTable component!');
-            console.log('vm.$xegrid:', vm.$xegrid);
             if (vm.$xegrid) {
-              console.log('Methods on $xegrid:', Object.keys(vm.$xegrid));
-              if (typeof vm.$xegrid.clearEdit === 'function') {
-                vm.$xegrid.clearEdit();
-                return;
-              }
               if (typeof vm.$xegrid._clearActived === 'function') {
                 vm.$xegrid._clearActived();
                 return;
               }
-              if (typeof vm.$xegrid.closeEdit === 'function') {
-                vm.$xegrid.closeEdit();
-                return;
-              }
             }
             if (typeof vm._clearActived === 'function') {
               vm._clearActived();
               return;
             }
-            if (typeof vm.$xegrid && typeof vm.$xegrid._clearActived === 'function') {
-              vm.$xegrid._clearActived();
-              return;
-            }
-            console.log('Trying all methods on VxeTable vm:', Object.keys(vm));
-            for (let key of Object.keys(vm)) {
-              if (typeof vm[key] === 'function' && (key.toLowerCase().includes('clear') || key.toLowerCase().includes('close') || key.toLowerCase().includes('edit'))) {
-                console.log('Found potential method:', key);
-                try {
-                  vm[key]();
-                  return;
-                } catch (e) {
-                  console.log('Tried', key, 'but failed:', e);
-                }
-              }
-            }
           }
           vm = vm.$parent;
           count++;

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

@@ -59,9 +59,9 @@
             </div>
             <EditInput
               v-else-if="item && item.edit && item.edit.name == '$input'"
-              v-model="row[subSubItem.prop]"
+              :value="row[subSubItem.prop]"
+              @input="(val) => handleInputChange(val, row, subSubItem.prop)"
               :type="(item.edit.props && item.edit.props.type) || 'text'"
-              :table-instance="vxeTableInstance"
             />
           </template>
         </vxe-table-column>
@@ -111,9 +111,9 @@
             </div>
             <EditInput
               v-else-if="item && item.edit && item.edit.name == '$input'"
-              v-model="row[subItem.prop]"
+              :value="row[subItem.prop]"
+              @input="(val) => handleInputChange(val, row, subItem.prop)"
               :type="(item.edit.props && item.edit.props.type) || 'text'"
-              :table-instance="vxeTableInstance"
             />
           </template>
       </vxe-table-column>
@@ -164,9 +164,9 @@
       </div>
       <EditInput
         v-else-if="item && item.edit && item.edit.name == '$input'"
-        v-model="row[item.prop]"
+        :value="row[item.prop]"
+        @input="(val) => handleInputChange(val, row, item.prop)"
         :type="(item.edit.props && item.edit.props.type) || 'text'"
-        :table-instance="vxeTableInstance"
       />
     </template>
   </vxe-table-column>
@@ -261,6 +261,13 @@ export default {
       const findItem = this.item.edit.options.find(op => op.value === value);
       return findItem ? findItem.label : (value || '请选择');
     },
+    handleInputChange(val, row, prop) {
+      if (!(prop in row)) {
+        this.$set(row, prop, val);
+      } else {
+        row[prop] = val;
+      }
+    },
     toggleDropdown() {
       this.isOpen = !this.isOpen;
     },