1 line
7.7 KiB
JSON
1 line
7.7 KiB
JSON
|
{"remainingRequest":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\system\\build\\components\\FormDrawer.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\src\\views\\system\\build\\components\\FormDrawer.vue","mtime":1732871026715},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1732872825017},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1732872824662},{"path":"D:\\data\\hanguodoushan\\acs2\\nladmin-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1732872825835}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport { parse } from '@babel/parser'\r\nimport ClipboardJS from 'clipboard'\r\nimport { saveAs } from 'file-saver'\r\nimport { makeUpHtml, vueTemplate, vueScript, cssStyle } from '../generator/html'\r\nimport { makeUpJs } from '../generator/js'\r\nimport { makeUpCss } from '../generator/css'\r\nimport { exportDefault, beautifierConf, titleCase } from '../utils/index'\r\nimport ResourceDialog from './ResourceDialog'\r\nimport loadMonaco from '../utils/loadMonaco'\r\nimport loadBeautifier from '../utils/loadBeautifier'\r\n\r\nconst editorObj = {\r\n html: null,\r\n js: null,\r\n css: null\r\n}\r\nconst mode = {\r\n html: 'html',\r\n js: 'javascript',\r\n css: 'css'\r\n}\r\nlet beautifier\r\nlet monaco\r\n\r\nexport default {\r\n name: 'FormDrawer',\r\n components: { ResourceDialog },\r\n props: ['formData', 'generateConf'],\r\n data() {\r\n return {\r\n activeTab: 'html',\r\n htmlCode: '',\r\n jsCode: '',\r\n cssCode: '',\r\n codeFrame: '',\r\n isIframeLoaded: false,\r\n isInitcode: false, // 保证open后两个异步只执行一次runcode\r\n isRefreshCode: false, // 每次打开都需要重新刷新代码\r\n resourceVisible: false,\r\n scripts: [],\r\n links: [],\r\n monaco: null\r\n }\r\n },\r\n computed: {\r\n resources() {\r\n return this.scripts.concat(this.links)\r\n }\r\n },\r\n watch: {},\r\n created() {\r\n },\r\n mounted() {\r\n window.addEventListener('keydown', this.preventDefaultSave)\r\n const clipboard = new ClipboardJS('.copy-btn', {\r\n text: trigger => {\r\n const codeStr = this.generateCode()\r\n this.$notify({\r\n title: '成功',\r\n message: '代码已复制到剪切板，可粘贴。',\r\n type: 'success'\r\n })\r\n return codeStr\r\n }\r\n })\r\n clipboard.on('error', e => {\r\n this.$message.error('代码复制失败')\r\n })\r\n },\r\n beforeDestroy() {\r\n window.removeEventListener('keydown', this.preventDefaultSave)\r\n },\r\n methods: {\r\n preventDefaultSave(e) {\r\n if (e.key === 's' && (e.metaKey || e.ctrlKey)) {\r\n e.preventDefault()\r\n }\r\n },\r\n onOpen() {\r\n const { type } = this.generateConf\r\n this.htmlCode = makeUpHtml(this.formData, type)\r\n this.jsCode = makeUpJs(this.formData, type)\r\n this.cssCode = makeUpCss(this.formData)\r\n\r\n loadBeautifier(btf => {\r\n beautifier = btf\r\n this.htmlCode = beautifier.html(this.htmlCode, beautifierConf.html)\r\n this.jsCode = beautifier.js(this.jsCode, beautifierConf.js)\r\n this.cssCode = beautifier.css(this.cssCode, beautifierConf.html)\r\n\r\n loadMonaco(val => {\r\n monaco = val\r\n this.setEditorValue('editorHtml', 'html', this.htmlCode)\r\n
|