data field editor

Author: liudding

src/data-field-editor.vue

@@ -81,7 +81,7 @@ export default {
       console.log(this.selectedType, this.value);
       const value = this.converters[this.selectedType](this.value);
       const newKv = Object.assign({}, this.kv);
-      newKv.name = this.name.trim();
+      newKv.newName = this.name.trim();
       newKv.dataType = this.selectedType;
       newKv.value = value;
 

src/json-vuer.vue

@@ -29,6 +29,7 @@ import JsonNode from "./node";
 import FieldEditor from "./data-field-editor";
 import Modal from "./modal";
 import Dispatcher from "./utils/dispatcher";
+import { deepClone } from "./utils";
 
 export default {
   name: "JsonVuer",
@@ -164,7 +165,7 @@ export default {
         this.$set(this.src, path[0], this.src[path[0]]);
       } else {
         delete obj[data.name];
-        this.$set(this.src, path[0], Object.assign({}, this.src[path[0]]));
+        this.$set(this.src, path[0], deepClone(this.src[path[0]]));
       }
     },
     onFieldChange(data) {
@@ -187,8 +188,11 @@ export default {
         obj.splice(data.name, 1, data.value);
         this.$set(this.src, path[0], this.src[path[0]]);
       } else {
-        obj[data.name] = data.value;
-        this.$set(this.src, path[0], Object.assign({}, this.src[path[0]]));
+        if (data.name !== data.newName) {
+          delete obj[data.name];
+        }
+        obj[data.newName] = data.value;
+        this.$set(this.src, path[0], deepClone(this.src[path[0]]));
       }
     },
   },

src/utils/index.js

@@ -0,0 +1,27 @@
+
+export function deepClone(obj) {
+    let cloned;
+    if (typeof obj !== 'object' || !obj) {
+        cloned = obj;
+        return cloned;
+    }
+
+
+    if (obj instanceof Array) {
+        cloned = [];
+        for (let i of obj) {
+            cloned.push(deepClone(i))
+        }
+    } else {
+        cloned = {};
+
+        const keys = Object.keys(obj);
+
+        for (let key of keys) {
+            cloned[key] = deepClone(obj[key])
+        }
+    }
+
+    return cloned;
+
+}