{"version":3,"sources":["webpack:///./src/views/my-components/jmbase/monaco.vue?3d38","webpack:///src/views/my-components/jmbase/monaco.vue","webpack:///./src/views/my-components/jmbase/monaco.vue?e219","webpack:///./src/views/my-components/jmbase/monaco.vue","webpack:///./src/views/my-components/jmbase/monaco.vue?0964"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","style","overflow","height","attrs","id","staticClass","on","changeTheme","model","value","callback","$$v","themeSwitch","expression","slot","_e","staticRenderFns","name","props","type","String","default","Number","language","lineNumbers","readOnly","Boolean","cursorStyle","fontSize","showThemeChange","data","monacoEditor","theme","methods","monaco","editor","create","setTimeout","getAction","_run","onDidChangeModelContent","v","getValue","$emit","updateOptions","init","setValue","layout","dispose","watch","val","setData","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,CAAC,SAAW,aAAa,CAACF,EAAG,MAAM,CAACG,MAAM,CAAGC,SAAU,SAAUC,OAAQT,EAAIS,OAAS,MAAQC,MAAM,CAAC,GAAKV,EAAIW,MAAOX,EAAmB,gBAAEI,EAAG,WAAW,CAACQ,YAAY,eAAeC,GAAG,CAAC,YAAYb,EAAIc,aAAaC,MAAM,CAACC,MAAOhB,EAAe,YAAEiB,SAAS,SAAUC,GAAMlB,EAAImB,YAAYD,GAAKE,WAAW,gBAAgB,CAAChB,EAAG,OAAO,CAACM,MAAM,CAAC,KAAO,OAAO,KAAO,WAAWW,KAAK,SAASjB,EAAG,OAAO,CAACM,MAAM,CAAC,KAAO,QAAQ,KAAO,YAAYW,KAAK,WAAW,GAAGrB,EAAIsB,MAAM,IACjkBC,EAAkB,GCctB,GACEC,KAAM,SACNC,MAAO,CACLd,GAAI,CACFe,KAAMC,OACNC,QAAS,UAEXnB,OAAQ,CACNiB,KAAM,CAACG,OAAQF,QACfC,QAAS,KAEXZ,MAAO,CACLU,KAAMC,OACNC,QAAS,IAEXE,SAAUH,OACVI,YAAa,CACXL,KAAMC,OACNC,QAAS,MAEXI,SAAU,CACRN,KAAMO,QACNL,SAAS,GAEXM,YAAa,CACXR,KAAMC,OACNC,QAAS,QAEXO,SAAU,CACRT,KAAMG,OACND,QAAS,IAEXQ,gBAAiB,CACfV,KAAMO,QACNL,SAAS,IAGb,OACE,MAAO,CACLS,KAAMpC,KAAKe,MACXsB,aAAc,KACdnB,aAAa,EACboB,MAAO,OAGXC,QAAS,CACP,OACEvC,KAAKqC,aAAeG,OAAOC,OAAOC,OACxC,iCACA,CACQ,MAAR,WACQ,SAAR,cAEQ,MAAR,WACQ,YAAR,iBACQ,SAAR,cACQ,YAAR,iBACQ,SAAR,gBAIMC,WAAW,KACJ3C,KAAKqC,cAGVrC,KAAKqC,aAAaO,UAAU,CAAC,iCAAiCC,QACtE,KAEM7C,KAAKqC,aAAaS,wBAAwB,IACxC,IAAIC,EAAI/C,KAAKqC,aAAaW,WAC1BhD,KAAKoC,KAAOW,EACZ/C,KAAKiD,MAAM,QAASjD,KAAKoC,MACzBpC,KAAKiD,MAAM,YAAajD,KAAKoC,SAGjC,YAAYW,GACV,IAAIT,EAAQ,KACRS,IACFT,EAAQ,WAEVtC,KAAKqC,aAAaa,cAAc,CAC9BZ,MAAOA,KAGX,QAAQvB,GACDf,KAAKqC,cACRrC,KAAKmD,OAEHpC,GAASf,KAAKoC,OAChBpC,KAAKoC,KAAOrB,EACZf,KAAKqC,aAAae,SAASpD,KAAKoC,MAEhCpC,KAAKqC,aAAaO,UAAU,CAAC,iCAAiCC,OAC9D7C,KAAKiD,MAAM,QAASjD,KAAKoC,MACzBpC,KAAKiD,MAAM,YAAajD,KAAKoC,QAGjC,SACEpC,KAAKqC,aAAagB,WAGtB,gBAE2B,MAArBrD,KAAKqC,cACPrC,KAAKqC,aAAaiB,WAGtBC,MAAO,CACL,MAAMC,GACJxD,KAAKyD,QAAQD,KAGjB,UACExD,KAAKmD,SChIwY,I,wBCQ7YO,EAAY,eACd,EACA5D,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAoC,E,oECnBf","file":"js/chunk-3627b292.822f2540.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"position\":\"relative\"}},[_c('div',{style:({ overflow: 'hidden', height: _vm.height + 'px' }),attrs:{\"id\":_vm.id}}),(_vm.showThemeChange)?_c('i-switch',{staticClass:\"monaco-theme\",on:{\"on-change\":_vm.changeTheme},model:{value:(_vm.themeSwitch),callback:function ($$v) {_vm.themeSwitch=$$v},expression:\"themeSwitch\"}},[_c('Icon',{attrs:{\"slot\":\"open\",\"type\":\"md-moon\"},slot:\"open\"}),_c('Icon',{attrs:{\"slot\":\"close\",\"type\":\"md-sunny\"},slot:\"close\"})],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div style=\"position: relative\">\n    <div :id=\"id\" :style=\"{ overflow: 'hidden', height: height + 'px' }\"></div>\n    <i-switch\n      v-model=\"themeSwitch\"\n      @on-change=\"changeTheme\"\n      class=\"monaco-theme\"\n      v-if=\"showThemeChange\"\n    >\n      <Icon type=\"md-moon\" slot=\"open\"></Icon>\n      <Icon type=\"md-sunny\" slot=\"close\"></Icon>\n    </i-switch>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"monaco\",\n  props: {\n    id: {\n      type: String,\n      default: \"monaco\",\n    },\n    height: {\n      type: [Number, String],\n      default: 500,\n    },\n    value: {\n      type: String,\n      default: \"\",\n    },\n    language: String,\n    lineNumbers: {\n      type: String,\n      default: \"on\",\n    },\n    readOnly: {\n      type: Boolean,\n      default: false,\n    },\n    cursorStyle: {\n      type: String,\n      default: \"line\",\n    },\n    fontSize: {\n      type: Number,\n      default: 12,\n    },\n    showThemeChange: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  data() {\n    return {\n      data: this.value,\n      monacoEditor: null,\n      themeSwitch: false,\n      theme: \"vs\",\n    };\n  },\n  methods: {\n    init() {\n      this.monacoEditor = monaco.editor.create(\n        document.getElementById(this.id),\n        {\n          value: this.value,\n          language: this.language,\n\n          theme: this.theme, // 主题'vs' (default), 'vs-dark', 'hc-black'\n          lineNumbers: this.lineNumbers, // 显示行号\n          readOnly: this.readOnly, // 是否只读\n          cursorStyle: this.cursorStyle, // 光标\n          fontSize: this.fontSize, //字体大小\n        }\n      );\n      // 格式化代码\n      setTimeout(() => {\n        if (!this.monacoEditor) {\n          return;\n        }\n        this.monacoEditor.getAction([\"editor.action.formatDocument\"])._run();\n      }, 500);\n      // 监听事件\n      this.monacoEditor.onDidChangeModelContent((e) => {\n        let v = this.monacoEditor.getValue();\n        this.data = v;\n        this.$emit(\"input\", this.data);\n        this.$emit(\"on-change\", this.data);\n      });\n    },\n    changeTheme(v) {\n      let theme = \"vs\";\n      if (v) {\n        theme = \"vs-dark\";\n      }\n      this.monacoEditor.updateOptions({\n        theme: theme,\n      });\n    },\n    setData(value) {\n      if (!this.monacoEditor) {\n        this.init();\n      }\n      if (value != this.data) {\n        this.data = value;\n        this.monacoEditor.setValue(this.data);\n        // 格式化代码\n        this.monacoEditor.getAction([\"editor.action.formatDocument\"])._run();\n        this.$emit(\"input\", this.data);\n        this.$emit(\"on-change\", this.data);\n      }\n    },\n    layout(){\n      this.monacoEditor.layout();\n    }\n  },\n  beforeDestroy() {\n    // 调用销毁 API 对当前编辑器实例进行销毁\n    if (this.monacoEditor != null) {\n      this.monacoEditor.dispose();\n    }\n  },\n  watch: {\n    value(val) {\n      this.setData(val);\n    },\n  },\n  mounted() {\n    this.init();\n  },\n};\n</script>\n<style lang=\"less\" scoped>\n.monaco-theme {\n  position: absolute;\n  right: 25px;\n  bottom: 15px;\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./monaco.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./monaco.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./monaco.vue?vue&type=template&id=7f8e1d37&scoped=true&\"\nimport script from \"./monaco.vue?vue&type=script&lang=js&\"\nexport * from \"./monaco.vue?vue&type=script&lang=js&\"\nimport style0 from \"./monaco.vue?vue&type=style&index=0&id=7f8e1d37&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7f8e1d37\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./monaco.vue?vue&type=style&index=0&id=7f8e1d37&lang=less&scoped=true&\""],"sourceRoot":""}