+
+ 保存
+
+
+ 运行
+
+
+ 查看json
+
导出vue文件
@@ -98,10 +70,10 @@
>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/ruoyi-ui/src/views/tool/build/main.js b/ruoyi-ui/src/views/tool/build/main.js
new file mode 100644
index 00000000..19297145
--- /dev/null
+++ b/ruoyi-ui/src/views/tool/build/main.js
@@ -0,0 +1,17 @@
+import Vue from 'vue'
+import App from './App.vue'
+import router from '@/router'
+import '@/styles/index.scss'
+import '@/icons'
+import axios from 'axios'
+import Tinymce from '@/components/tinymce/index.vue'
+
+Vue.component('tinymce', Tinymce)
+
+Vue.config.productionTip = false
+Vue.prototype.$axios = axios
+
+new Vue({
+ router,
+ render: h => h(App)
+}).$mount('#app')
diff --git a/ruoyi-ui/src/views/tool/preview/main.js b/ruoyi-ui/src/views/tool/preview/main.js
new file mode 100644
index 00000000..98fa1074
--- /dev/null
+++ b/ruoyi-ui/src/views/tool/preview/main.js
@@ -0,0 +1,61 @@
+import Vue from 'vue'
+import { loadScriptQueue } from '@/utils/loadScript'
+import axios from 'axios'
+import Tinymce from '@/components/tinymce/index.vue'
+
+Vue.component('tinymce', Tinymce)
+Vue.prototype.$axios = axios
+
+const $previewApp = document.getElementById('previewApp')
+const childAttrs = {
+ file: '',
+ dialog: ' width="600px" class="dialog-width" v-if="visible" :visible.sync="visible" :modal-append-to-body="false" '
+}
+
+window.addEventListener('message', init, false)
+
+function buildLinks(links) {
+ let strs = ''
+ links.forEach(url => {
+ strs += `
`
+ })
+ return strs
+}
+
+function init(event) {
+ if (event.data.type === 'refreshFrame') {
+ const code = event.data.data
+ const attrs = childAttrs[code.generateConf.type]
+ let links = ''
+
+ if (Array.isArray(code.links) && code.links.length > 0) {
+ links = buildLinks(code.links)
+ }
+
+ $previewApp.innerHTML = `${links}
`
+
+ if (Array.isArray(code.scripts) && code.scripts.length > 0) {
+ loadScriptQueue(code.scripts, () => {
+ newVue(attrs, code.js, code.html)
+ })
+ } else {
+ newVue(attrs, code.js, code.html)
+ }
+ }
+}
+
+function newVue(attrs, main, html) {
+ main = eval(`(${main})`)
+ main.template = `
${html}
`
+ new Vue({
+ components: {
+ child: main
+ },
+ data() {
+ return {
+ visible: true
+ }
+ },
+ template: `
`
+ }).$mount('#app')
+}