| 1 |
- {"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\\setting\\systemOutInterface\\components\\MonacoEditor.vue?vue&type=style&index=0&id=1bbc31b5&lang=scss&scoped=true","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\pages\\setting\\systemOutInterface\\components\\MonacoEditor.vue","mtime":1761185180189},{"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/setting/systemOutInterface/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"]}]}
|
