{"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\backendRouting\\components\\MonacoEditor.vue?vue&type=style&index=0&id=51f958d6&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\system\\backendRouting\\components\\MonacoEditor.vue","mtime":1761185180204},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQoubW9uYWNvLWVkaXRvciB7DQogIG1pbi1oZWlnaHQ6IDMwMHB4Ow0KfQ0K"},{"version":3,"sources":["MonacoEditor.vue"],"names":[],"mappings":";AAuEA;AACA;AACA","file":"MonacoEditor.vue","sourceRoot":"src/pages/system/backendRouting/components","sourcesContent":["<template>\r\n  <div class=\"monaco-container\">\r\n    <div ref=\"container\" class=\"monaco-editor\"></div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as monaco from 'monaco-editor';\r\nexport default {\r\n  name: '',\r\n  props: {\r\n    // 编辑器中呈现的内容\r\n    codes: {\r\n      type: String,\r\n      default: function () {\r\n        return '';\r\n      },\r\n    },\r\n    readOnly: {\r\n      type: Boolean,\r\n      default: function () {\r\n        return false;\r\n      },\r\n    },\r\n    // 主要配置\r\n    editorOptions: {\r\n      type: Object,\r\n      default: function () {\r\n        return {\r\n          selectOnLineNumbers: true,\r\n          roundedSelection: false,\r\n          readOnly: this.readOnly, // 只读\r\n          cursorStyle: 'line', // 光标样式\r\n          automaticLayout: false, // 自动布局\r\n          glyphMargin: true, // 字形边缘\r\n          useTabStops: false,\r\n          fontSize: 28, // 字体大小\r\n          autoIndent: true, // 自动布局\r\n        };\r\n      },\r\n    },\r\n  },\r\n\r\n  data() {\r\n    return {};\r\n  },\r\n  created() {},\r\n  mounted() {\r\n    this.monacoEditor = monaco.editor.create(this.$refs.container, {\r\n      value: this.codes, // 见props\r\n      language: 'json',\r\n      theme: 'vs', // 编辑器主题：vs, hc-black, or vs-dark，更多选择详见官网\r\n      automaticLayout: true, //自动布局\r\n      //   foldingStrategy: 'indentation', // 代码可分小段折叠\r\n      scrollbar: {\r\n        // 滚动条设置\r\n        verticalScrollbarSize: 4, // 竖滚动条\r\n        horizontalScrollbarSize: 10, // 横滚动条\r\n      },\r\n      lineNumbersMinChars: 5,\r\n      editorOptions: this.editorOptions, // 同codes\r\n    });\r\n    setTimeout(() => {\r\n      this.monacoEditor.trigger('anyString', 'editor.action.formatDocument');\r\n      this.monacoEditor.setValue(this.monacoEditor.getValue());\r\n    }, 100);\r\n  },\r\n  methods: {},\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.monaco-editor {\r\n  min-height: 300px;\r\n}\r\n</style>\r\n"]}]}