1 line
8.3 KiB
JSON
1 line
8.3 KiB
JSON
|
{"ast":null,"code":"import \"./assets/jsoneditor.css\";\nimport JsonEditor from \"./assets/jsoneditor\";\nexport default {\n // props: ['value', 'showBtns', 'mode', 'modes', 'lang'],\n props: {\n value: [String, Number, Object, Array],\n showBtns: [Boolean],\n expandedOnStart: {\n type: Boolean,\n default: false\n },\n mode: {\n type: String,\n default: \"tree\"\n },\n modes: {\n type: Array,\n default: function () {\n return [\"tree\", \"code\", \"form\", \"text\", \"view\"];\n }\n },\n lang: {\n type: String,\n default: \"en\"\n }\n },\n watch: {\n value: {\n immediate: true,\n async handler(val) {\n if (!this.internalChange) {\n await this.setEditor(val);\n this.error = false;\n this.expandAll();\n }\n },\n deep: true\n }\n },\n data() {\n return {\n editor: null,\n error: false,\n json: this.value,\n internalChange: false,\n expandedModes: [\"tree\", \"view\", \"form\"],\n locale: {\n it: {\n save: \"SALVA\"\n },\n en: {\n save: \"SAVE\"\n },\n zh: {\n save: \"保存\"\n }\n }\n };\n },\n mounted() {\n let self = this;\n let options = {\n mode: this.mode,\n modes: this.modes,\n // allowed modes\n onChange() {\n try {\n let json = self.editor.get();\n self.json = json;\n self.error = false;\n self.$emit(\"json-change\", json);\n self.internalChange = true;\n self.$emit(\"input\", json);\n self.$nextTick(function () {\n self.internalChange = false;\n });\n } catch (e) {\n self.error = true;\n self.$emit(\"has-error\", e);\n }\n },\n onModeChange() {\n self.expandAll();\n }\n };\n this.editor = new JsonEditor(this.$el.querySelector(\".jsoneditor-vue\"), options, this.json);\n },\n methods: {\n expandAll() {\n if (this.expandedOnStart && this.expandedModes.includes(this.editor.getMode())) {\n this.editor.expandAll();\n }\n },\n onSave() {\n this.$emit(\"json-save\", this.json);\n },\n async setEditor(value) {\n if (this.editor) this.editor.set(value);\n }\n }\n};","map":{"version":3,"names":["JsonEditor","props","value","String","Number","Object","Array","showBtns","Boolean","expandedOnStart","type","default","mode","modes","lang","watch","immediate","handler","val","internalChange","setEditor","error","expandAll","deep","data","editor","json","expandedModes","locale","it","save","en","zh","mounted","self","options","onChange","get","$emit","$nextTick","e","onModeChange","$el","querySelector","methods","includes","getMode","onSave","set"],"sources":["node_modules/vue-json-editor/vue-json-editor.vue"],"sourcesContent":["<template>\r\n <div>\r\n <div class=\"jsoneditor-vue\"></div>\r\n <div class=\"jsoneditor-btns\" v-if=\"showBtns!==false\">\r\n <button\r\n class=\"json-save-btn\"\r\n type=\"button\"\r\n @click=\"onSave()\"\r\n :disabled=\"error\"\r\n >{{ locale[lang].save }}</button>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport \"./assets/jsoneditor.css\";\r\nimport JsonEditor from \"./assets/jsoneditor\";\r\nexport default {\r\n // props: ['value', 'showBtns', 'mode', 'modes', 'lang'],\r\n props: {\r\n value: [String, Number, Object, Array],\r\n showBtns: [Boolean],\r\n expandedOnStart: {\r\n type: Boolean,\r\n default: false\r\n },\r\n mode: {\r\n type: String,\r\n default: \"tree\"\r\n },\r\n modes: {\r\n type: Array,\r\n default: function() {\r\n return [\"tree\", \"code\", \"form\", \"text\", \"view\"];\r\n }\r\n },\r\n lang: {\r\n type: String,\r\n default: \"en\"\r\n }\r\n },\r\n watch: {\r\n value: {\r\n immediate: true,\r\n async handler(val) {\r\n if (!this.i
|