{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\components\\JsonEditor\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\components\\JsonEditor\\index.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBDb2RlTWlycm9yIGZyb20gJ2NvZGVtaXJyb3InCmltcG9ydCAnY29kZW1pcnJvci9hZGRvbi9saW50L2xpbnQuY3NzJwppbXBvcnQgJ2NvZGVtaXJyb3IvbGliL2NvZGVtaXJyb3IuY3NzJwppbXBvcnQgJ2NvZGVtaXJyb3IvdGhlbWUvcnVieWJsdWUuY3NzJwpyZXF1aXJlKCdzY3JpcHQtbG9hZGVyIWpzb25saW50JykKaW1wb3J0ICdjb2RlbWlycm9yL21vZGUvamF2YXNjcmlwdC9qYXZhc2NyaXB0JwppbXBvcnQgJ2NvZGVtaXJyb3IvYWRkb24vbGludC9saW50JwppbXBvcnQgJ2NvZGVtaXJyb3IvYWRkb24vbGludC9qc29uLWxpbnQnCgpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogJ0pzb25FZGl0b3InLAogIC8qIGVzbGludC1kaXNhYmxlIHZ1ZS9yZXF1aXJlLXByb3AtdHlwZXMgKi8KICBwcm9wczogWyd2YWx1ZSddLAogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBqc29uRWRpdG9yOiBmYWxzZQogICAgfQogIH0sCiAgd2F0Y2g6IHsKICAgIHZhbHVlKHZhbHVlKSB7CiAgICAgIGNvbnN0IGVkaXRvclZhbHVlID0gdGhpcy5qc29uRWRpdG9yLmdldFZhbHVlKCkKICAgICAgaWYgKHZhbHVlICE9PSBlZGl0b3JWYWx1ZSkgewogICAgICAgIHRoaXMuanNvbkVkaXRvci5zZXRWYWx1ZShKU09OLnN0cmluZ2lmeSh0aGlzLnZhbHVlLCBudWxsLCAyKSkKICAgICAgfQogICAgfQogIH0sCiAgbW91bnRlZCgpIHsKICAgIHRoaXMuanNvbkVkaXRvciA9IENvZGVNaXJyb3IuZnJvbVRleHRBcmVhKHRoaXMuJHJlZnMudGV4dGFyZWEsIHsKICAgICAgbGluZU51bWJlcnM6IHRydWUsCiAgICAgIG1vZGU6ICdhcHBsaWNhdGlvbi9qc29uJywKICAgICAgZ3V0dGVyczogWydDb2RlTWlycm9yLWxpbnQtbWFya2VycyddLAogICAgICB0aGVtZTogJ3J1YnlibHVlJywKICAgICAgbGludDogdHJ1ZQogICAgfSkKCiAgICB0aGlzLmpzb25FZGl0b3Iuc2V0VmFsdWUoSlNPTi5zdHJpbmdpZnkodGhpcy52YWx1ZSwgbnVsbCwgMikpCiAgICB0aGlzLmpzb25FZGl0b3Iub24oJ2NoYW5nZScsIGNtID0+IHsKICAgICAgdGhpcy4kZW1pdCgnY2hhbmdlZCcsIGNtLmdldFZhbHVlKCkpCiAgICAgIHRoaXMuJGVtaXQoJ2lucHV0JywgY20uZ2V0VmFsdWUoKSkKICAgIH0pCiAgfSwKICBtZXRob2RzOiB7CiAgICBnZXRWYWx1ZSgpIHsKICAgICAgcmV0dXJuIHRoaXMuanNvbkVkaXRvci5nZXRWYWx1ZSgpCiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/JsonEditor","sourcesContent":["<template>\n <div class=\"json-editor\">\n <textarea ref=\"textarea\" />\n </div>\n</template>\n\n<script>\nimport CodeMirror from 'codemirror'\nimport 'codemirror/addon/lint/lint.css'\nimport 'codemirror/lib/codemirror.css'\nimport 'codemirror/theme/rubyblue.css'\nrequire('script-loader!jsonlint')\nimport 'codemirror/mode/javascript/javascript'\nimport 'codemirror/addon/lint/lint'\nimport 'codemirror/addon/lint/json-lint'\n\nexport default {\n name: 'JsonEditor',\n /* eslint-disable vue/require-prop-types */\n props: ['value'],\n data() {\n return {\n jsonEditor: false\n }\n },\n watch: {\n value(value) {\n const editorValue = this.jsonEditor.getValue()\n if (value !== editorValue) {\n this.jsonEditor.setValue(JSON.stringify(this.value, null, 2))\n }\n }\n },\n mounted() {\n this.jsonEditor = CodeMirror.fromTextArea(this.$refs.textarea, {\n lineNumbers: true,\n mode: 'application/json',\n gutters: ['CodeMirror-lint-markers'],\n theme: 'rubyblue',\n lint: true\n })\n\n this.jsonEditor.setValue(JSON.stringify(this.value, null, 2))\n this.jsonEditor.on('change', cm => {\n this.$emit('changed', cm.getValue())\n this.$emit('input', cm.getValue())\n })\n },\n methods: {\n getValue() {\n return this.jsonEditor.getValue()\n }\n }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.json-editor {\n height: 100%;\n position: relative;\n\n ::v-deep {\n .CodeMirror {\n height: auto;\n min-height: 300px;\n }\n\n .CodeMirror-scroll {\n min-height: 300px;\n }\n\n .cm-s-rubyblue span.cm-string {\n color: #F08047;\n }\n }\n}\n</style>\n"]}]}
|
