| 1 |
- {"remainingRequest":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\front\\item\\zyAdmin\\src\\components\\wangEditor\\monaco.vue?vue&type=style&index=0&id=04b2cbc0&lang=css&scoped=true","dependencies":[{"path":"D:\\front\\item\\zyAdmin\\src\\components\\wangEditor\\monaco.vue","mtime":1761614938990},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\css-loader\\index.js","mtime":1761614929364},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1761614937403},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\postcss-loader\\src\\index.js","mtime":1761614935133},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1761614927801},{"path":"D:\\front\\item\\zyAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1761614937402}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:DQouZWRpdG9yIHsNCiAgd2lkdGg6IDEwMCU7DQogIG1hcmdpbjogMCBhdXRvOw0KfQ0KLnRleHQgOjp2LWRlZXAgLml2dS1pbnB1dC13cmFwcGVyIHsNCiAgbWluLWhlaWdodDogNjAwcHg7DQp9DQoudGV4dCA6OnYtZGVlcHRleHRhcmVhLml2dS1pbnB1dCB7DQogIG1pbi1oZWlnaHQ6IDYwMHB4Ow0KfQ0KLnRleHQgew0KICBib3JkZXI6IDFweCBzb2xpZCAjY2NjOw0KICBtaW4taGVpZ2h0OiA2MDBweDsNCn0NCi53LWUtdGV4dC1jb250YWluZXIgew0KICAvKiBoZWlnaHQ6IDQ5MHB4ICFpbXBvcnRhbnQ7ICovDQp9DQo="},{"version":3,"sources":["monaco.vue"],"names":[],"mappings":";AA+DA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"monaco.vue","sourceRoot":"src/components/wangEditor","sourcesContent":["<template>\r\n <div ref=\"code_box\" class=\"text\">\r\n <el-input v-model=\"content\" type=\"textarea\" placeholder=\"\" @change=\"changeContent\" />\r\n </div>\r\n</template>\r\n\r\n<script>\r\n// import * as monaco from 'monaco-editor';\r\n// import 'monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution';\r\nexport default {\r\n data() {\r\n return {\r\n monacoInstance: null,\r\n content: '',\r\n };\r\n },\r\n props: {\r\n value: {\r\n type: String,\r\n default: '',\r\n },\r\n },\r\n watch: {\r\n value(nal) {},\r\n },\r\n mounted() {\r\n // this.seteditor();\r\n this.content = this.value;\r\n },\r\n methods: {\r\n changeContent() {\r\n this.$emit('change', this.content);\r\n },\r\n setValue(val) {\r\n // this.monacoInstance.setValue(val)\r\n },\r\n seteditor() {\r\n // 初始化编辑器实例\r\n\r\n this.monacoInstance = monaco.editor.create(this.$refs.code_box, {\r\n value: this.value,\r\n theme: 'vs', // vs, hc-black, or vs-dark\r\n\r\n language: 'html', // shell、sql、python\r\n\r\n readOnly: false, // 不能编辑\r\n });\r\n // 编辑器内容发生改变时触发\r\n this.monacoInstance.onDidChangeModelContent(() => {\r\n this.$emit('change', this.monacoInstance.getValue());\r\n });\r\n },\r\n },\r\n beforeDestroy() {\r\n if (this.monacoInstance) {\r\n this.monacoInstance.dispose();\r\n this.monacoInstance = null;\r\n }\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"css\" scoped>\r\n.editor {\r\n width: 100%;\r\n margin: 0 auto;\r\n}\r\n.text ::v-deep .ivu-input-wrapper {\r\n min-height: 600px;\r\n}\r\n.text ::v-deeptextarea.ivu-input {\r\n min-height: 600px;\r\n}\r\n.text {\r\n border: 1px solid #ccc;\r\n min-height: 600px;\r\n}\r\n.w-e-text-container {\r\n /* height: 490px !important; */\r\n}\r\n</style>\r\n"]}]}
|
