From 16f188860a2222b0aa158a3a9c7988821f3ea1f2 Mon Sep 17 00:00:00 2001
From: long2ice <long2ice@prismslight.com>
Date: Thu, 30 Apr 2020 22:17:55 +0800
Subject: [PATCH] fix JsonEditor.vue

---
 front/src/components/FormField.vue  |  7 ++--
 front/src/components/JsonEditor.vue | 50 +++++++++++++++--------------
 2 files changed, 30 insertions(+), 27 deletions(-)

diff --git a/front/src/components/FormField.vue b/front/src/components/FormField.vue
index 4d186ee..cd90e8f 100644
--- a/front/src/components/FormField.vue
+++ b/front/src/components/FormField.vue
@@ -132,10 +132,11 @@
     </div>
     <div v-else-if="['json'].includes(field.type)">
       <b-json-editor
-        v-if="model"
+        v-bind="field"
+        v-model="model"
         :value="model"
         @input="model = arguments[0]"
-        :options="{modes:['tree','view','form','code','text','preview']}"
+        :options="{modes:['tree','view','form','code','text','preview'],language:currentLanguage}"
         ref="editor"/>
     </div>
     <div v-else-if="field.fields">
@@ -437,7 +438,7 @@
             this.field.is_array ||
             this.field.type == "array" ||
             this.field.is_table;
-          const isObject = this.field.type == "object";
+          const isObject = this.field.type == "object" || this.field.type == "json";
           let ret = this.value;
           if (!this.value) {
             if (isArray) {
diff --git a/front/src/components/JsonEditor.vue b/front/src/components/JsonEditor.vue
index b7d6d95..1604349 100644
--- a/front/src/components/JsonEditor.vue
+++ b/front/src/components/JsonEditor.vue
@@ -2,29 +2,31 @@
   <div ref="editor"></div>
 </template>
 <script>
-import 'jsoneditor/dist/jsoneditor.min.css'
-import JSONEditor from "jsoneditor";
-export default {
-  name: "b-json-editor",
-  props: {
-    value: null,
-    options: {}
-  },
-  data() {
-    return {
-      editor: null
-    };
-  },
-  mounted() {
-    this.editor = new JSONEditor(this.$refs.editor, this.options);
-    if (typeof this.value === "string") {
-      this.value = JSON.parse(this.value);
+  import 'jsoneditor/dist/jsoneditor.min.css'
+  import JSONEditor from "jsoneditor";
+
+  export default {
+    name: "b-json-editor",
+    props: {
+      value: null,
+      options: {}
+    },
+    data() {
+      return {
+        editor: null
+      };
+    },
+    mounted() {
+      this.options.onChange = () => {
+        this.$emit("input", this.editor.get());
+      }
+      this.editor = new JSONEditor(this.$refs.editor, this.options);
+      if (typeof this.value === "string") {
+        this.value = JSON.parse(this.value);
+      }
+      this.editor.set(this.value || {});
+    },
+    created() {
     }
-    this.editor.set(this.value || {});
-    this.editor._onChange = v => {
-      this.$emit("input", this.editor.get());
-    }
-  },
-  created() {}
-};
+  };
 </script>