{"version":3,"sources":["webpack:///src/components/mountComponent.vue","webpack:///./src/portal/test/service.js","webpack:///./src/portal/test/test.vue?3992","webpack:///./src/components/mountComponent.vue?1362","webpack:///./src/components lazy namespace object","webpack:///./src/portal/test/test.vue?b8e8","webpack:///./src/components/mountComponent.vue","webpack:///./src/components/mountComponent.vue?1a14","webpack:///src/portal/test/test.vue","webpack:///./src/portal/test/test.vue?738e","webpack:///./src/portal/test/test.vue"],"names":["__webpack_exports__","name","props","template","String","js","css","data","uid","subCompErr","computed","className","concat","this","scopedStyle","scope","regex","trim","replace","m","g1","g2","component","_this","result","Object","_utils_vm__WEBPACK_IMPORTED_MODULE_9__","console","log","value","error","msg","toString","type","render","errorCaptured","err","vm","info","watch","mounteCode","methods","_this2","firstMounted","setTimeout","vue__WEBPACK_IMPORTED_MODULE_6__","$mount","getrsConfig","comp","r","path","__webpack_require__","$router","addRoutes","resolveCode","code","_dec","_class","com","eval","X","Component","_Mixins","D_1_Code_gh_light_cloud_code_version1_gh_light_mes_ui_node_modules_babel_runtime_corejs2_helpers_esm_classCallCheck__WEBPACK_IMPORTED_MODULE_0__","D_1_Code_gh_light_cloud_code_version1_gh_light_mes_ui_node_modules_babel_runtime_corejs2_helpers_esm_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_1__","D_1_Code_gh_light_cloud_code_version1_gh_light_mes_ui_node_modules_babel_runtime_corejs2_helpers_esm_getPrototypeOf__WEBPACK_IMPORTED_MODULE_2__","apply","arguments","D_1_Code_gh_light_cloud_code_version1_gh_light_mes_ui_node_modules_babel_runtime_corejs2_helpers_esm_inherits__WEBPACK_IMPORTED_MODULE_3__","Mixins","_utils_mixins_clsService__WEBPACK_IMPORTED_MODULE_10__","errorDom","h","class","style","position","attrs","id","mounted","Math","random","slice","d","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_test_vue_vue_type_style_index_0_id_704349c2_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_test_vue_vue_type_style_index_0_id_704349c2_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_mountComponent_vue_vue_type_style_index_0_id_710bce7b_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_mountComponent_vue_vue_type_style_index_0_id_710bce7b_lang_less_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","webpackEmptyAsyncContext","req","Promise","resolve","then","e","Error","keys","module","exports","mountComponent_render","mountComponent_staticRenderFns","_vm","_h","$createElement","_c","_self","staticClass","_l","item","key","_v","_s","tab","options","readOnly","autoIndent","automaticLayout","language","model","callback","$$v","$set","expression","on","click","addRouter","navigateTo","navigateToComp","onClickPreview","_b","previewData","staticRenderFns","components_mountComponentvue_type_script_lang_js_","mountComponentvue_type_script_lang_js_","componentNormalizer","mountComponent","testvue_type_script_lang_js_","components","GhCodeEditor","ghCodeEditor","codeComponent","tabs","service","mode","sed","vue_esm","extend","mixins","clsService","rs","bind","children","push","created","test_testvue_type_script_lang_js_","test_component"],"mappings":"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","file":"js/chunk-6118f68e.bb70e655.js","sourcesContent":["<script>\r\nimport Vue from \"vue\";\r\nimport has from \"lodash/has\";\r\nimport forEach from \"lodash/forEach\";\r\nimport { runFnInVm } from \"@/utils/vm\";\r\nimport { RouteConfig } from \"vue-router\";\r\nimport GhClassService from \"@/utils/mixins/clsService\";\r\n\r\nexport default {\r\n  name: \"codePreview\",\r\n  props: {\r\n    template: String,\r\n    js: String,\r\n    css: String\r\n  },\r\n  data() {\r\n    return {\r\n      uid: \"\", // Math.random().toString(36).slice(2),\r\n      subCompErr: null\r\n    };\r\n  },\r\n  computed: {\r\n    className() {\r\n      return `custom-code-${this.uid}`;\r\n    },\r\n    scopedStyle() {\r\n      if (this.css) {\r\n        const scope = `.${this.className}`;\r\n        const regex = /(^|\\})\\s*([^{]+)/g;\r\n        // 为class加前缀，做类似scope的效果\r\n        return this.css.trim().replace(regex, (m, g1, g2) => {\r\n          return g1 ? `${g1} ${scope} ${g2}` : `${scope} ${g2}`;\r\n        });\r\n      }\r\n      return \"\";\r\n    },\r\n    component() {\r\n      const js = (this.js || \"\").trim();\r\n      const result = runFnInVm(js, {});\r\n      console.log(result);\r\n      const component = result.value;\r\n      if (result.error) {\r\n        result.error = {\r\n          msg: result.error.toString(),\r\n          type: \"js脚本错误\"\r\n        };\r\n        result.value = { template: `<span id=${this.uid} />` };\r\n        return result;\r\n      }\r\n\r\n      // 如果需要注入一些变量，则对被注入的字段进行检测\r\n      // 防止用户代码中定义了此字段，导致冲突\r\n      // const resultTmp = this.checkVariableField(component)\r\n      // if (resultTmp) {\r\n      //   return resultTmp\r\n      // }\r\n\r\n      const template = (this.template || \"\")\r\n        .replace(/^ *< *template *>|<\\/ *template *> *$/g, \"\")\r\n        .trim();\r\n\r\n      // 需要对template注入含挂载id的外层dom，否则因丢失挂载id，无法刷新\r\n      if (template) {\r\n        component.template = `<span id=${this.uid}>${template}</span>`;\r\n      } else {\r\n        component.template = `<span id=${this.uid}>未提供模板</span>`;\r\n      }\r\n\r\n      // 因无法对render函数返回的dom注入含挂载id的外层dom，\r\n      // 因此不支持此接口\r\n      if (component.render) {\r\n        return {\r\n          error: {\r\n            type: \"功能限制\",\r\n            msg: \"不支持render函数\"\r\n          },\r\n          value: { template: `<span id=${this.uid} />` }\r\n        };\r\n      }\r\n\r\n      // 注入errorCaptured, 用于错误自定义组件运行时捕获\r\n      component.errorCaptured = (err, vm, info) => {\r\n        this.subCompErr = {\r\n          msg: err && err.toString && err.toString(),\r\n          type: \"自定义组件运行时错误：\"\r\n        };\r\n        console.error(\"自定义组件运行时错误：\", err, vm, info);\r\n      };\r\n\r\n      // 通过computed注入一些变量，比如store中的一些字段，\r\n      // 当store中的变量发生变化时，也会引发组件重绘\r\n      const computed = component.computed || {};\r\n      // computed.variable = () => {\r\n      //   const map = {};\r\n      //   forEach(this.$store.state.variable.map, (value, key) => {\r\n      //     map[key] = value;\r\n      //   });\r\n      //   return map;\r\n      // };\r\n      component.computed = computed;\r\n\r\n      return result;\r\n    }\r\n  },\r\n  watch: {\r\n    component() {\r\n      this.mounteCode();\r\n    },\r\n    css() {\r\n      // 当代码变化时，清空error，重绘\r\n      this.subCompErr = null;\r\n    }\r\n  },\r\n  methods: {\r\n    // checkVariableField(component) {\r\n    //   // 如果需要注入一些变量，比如名字叫variable\r\n    //   let data = component.data;\r\n    //   if (typeof data === \"function\") {\r\n    //     // 如果data是函数，执行后取data的结果\r\n    //     // 用于行为无法预知，可能定义了错误的data，需要trycatch防崩\r\n    //     // catch的异常不用关心\r\n    //     try {\r\n    //       data = data();\r\n    //     } catch (e) {}\r\n    //   }\r\n    //   if (has(component, \"computed.variable\") || has(data, \"variable\")) {\r\n    //     return {\r\n    //       error: {\r\n    //         type: \"功能限制\",\r\n    //         msg:\r\n    //           \"禁止自定义名称是variable的computed或data，会影响系统变量的使用\"\r\n    //       },\r\n    //       value: { template: `<span id=${this.uid} />` }\r\n    //     };\r\n    //   }\r\n    // },\r\n    mounteCode() {\r\n      this.subCompErr = null;\r\n      const { value: component } = this.component;\r\n      if (this.firstMounted) {\r\n        // 首次挂载组件时, 挂载点的dom有一定的延迟，延迟时间未知\r\n        // 需要一个相对长一点的异步\r\n        this.firstMounted = false;\r\n        setTimeout(() => {\r\n          let comp = new Vue(component).$mount(`#${this.uid}`);\r\n          console.log(\"loading 1111..\", this.uid);\r\n          // this.getrsConfig(comp);\r\n        }, 50);\r\n      } else {\r\n        let comp = new Vue(component).$mount(`#${this.uid}`);\r\n        console.log(\"loading 2222..\");\r\n        // this.getrsConfig(comp);\r\n      }\r\n    },\r\n    getrsConfig(comp) {\r\n      // let comp = this.resolveCode(this.component);\r\n      console.log(comp);\r\n      let r = {\r\n        name: \"portal.custom.test\",\r\n        path: \"/portal/custom/test\",\r\n        component: () => import(comp)\r\n      };\r\n      this.$router.addRoutes([r]);\r\n    },\r\n    resolveCode(code) {\r\n      let com = {};\r\n      eval(code);\r\n      @Component(com)\r\n      class X extends Mixins(GhClassService) {}\r\n      return X;\r\n    }\r\n  },\r\n  render() {\r\n    const error = this.component.error || this.subCompErr;\r\n    let errorDom;\r\n    if (error) {\r\n      errorDom = (\r\n        <div\r\n          class=\"error-msg-wrapper\"\r\n          style={{ position: !this.component.error ? \"absolute\" : \"\" }}\r\n        >\r\n          <div>{error.type}</div>\r\n          <div>{error.msg}</div>\r\n        </div>\r\n      );\r\n    }\r\n    return (\r\n      <div class={[\"code-preview-wrapper\", this.className]}>\r\n        <style>{this.scopedStyle}</style>\r\n        <span id={this.uid} />\r\n        {errorDom}\r\n      </div>\r\n    );\r\n  },\r\n  mounted() {\r\n    this.firstMounted = true;\r\n    this.uid = `id_${Math.random()\r\n      .toString(36)\r\n      .slice(2)}`;\r\n  }\r\n};\r\n</script>\r\n<style lang='less' scoped>\r\n.code-preview-wrapper {\r\n  position: relative;\r\n\r\n  .error-msg-wrapper {\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    z-index: 1;\r\n    background: #fff;\r\n    color: red;\r\n  }\r\n}\r\n</style>\r\n","export const template = `\r\n  <div class='wrapper'>\r\n    <v-btn @click=\"onClick\">\r\n      点我\r\n    </v-btn>\r\n    <v-btn @click=\"onQuery\">\r\n      测试请求\r\n    </v-btn>\r\n  </div>`\r\n\r\n\r\nexport const js = `function generate() {\r\n  return {\r\n    name: 'customCode',\r\n    data(){\r\n      return {\r\n        serviceMethods: {\r\n          query:null\r\n        }\r\n      }\r\n    },\r\n    methods: {\r\n      onClick() {\r\n        const cookie = window.parent.document.cookie\r\n        this.$message.info(\\`消息提示: cookie = \\${cookie}\\`)\r\n      },\r\n      async onQuery(){\r\n        let service=this.$createService(\"dynamic_parse_page\", \"5cd7e150d10861024870c30e\", \"query\");\r\n        let res = await service.invokeAsyn();\r\n        console.log(res);\r\n      }\r\n    },\r\n  };\r\n}`\r\n\r\nexport const css = `.wrapper {\r\n  margin: 10px;\r\n  padding: 10px;\r\n  border: 1px solid #ccc;\r\n}\r\n`","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./test.vue?vue&type=style&index=0&id=704349c2&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./test.vue?vue&type=style&index=0&id=704349c2&lang=less&scoped=true&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mountComponent.vue?vue&type=style&index=0&id=710bce7b&lang=less&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mountComponent.vue?vue&type=style&index=0&id=710bce7b&lang=less&scoped=true&\"","function webpackEmptyAsyncContext(req) {\n\t// Here Promise.resolve().then() is used instead of new Promise() to prevent\n\t// uncaught exception popping up in devtools\n\treturn Promise.resolve().then(function() {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t});\n}\nwebpackEmptyAsyncContext.keys = function() { return []; };\nwebpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;\nmodule.exports = webpackEmptyAsyncContext;\nwebpackEmptyAsyncContext.id = \"73b4\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper\"},[_c('div',{staticClass:\"panel code-panel\"},[_c('v-tabs',{staticClass:\"tabs-wrapper\"},[_vm._l((_vm.tabs),function(item){return _c('v-tab',{key:item.key},[_vm._v(\"\\r\\n        \"+_vm._s(item.tab)+\"\\r\\n        \")])}),_vm._l((_vm.tabs),function(item){return _c('v-tab-item',{key:item.key},[_c('gh-code-editor',{staticClass:\"code-wrapper\",attrs:{\"options\":{readOnly: false,autoIndent:true,automaticLayout: true,language:item.language}},model:{value:(item.value),callback:function ($$v) {_vm.$set(item, \"value\", $$v)},expression:\"item.value\"}})],1)})],2)],1),_c('div',{staticClass:\"preview-btn-wrapper\"},[_c('v-btn',{on:{\"click\":_vm.addRouter}},[_vm._v(\"\\r\\n      测试\\r\\n    \")]),_c('v-btn',{on:{\"click\":_vm.navigateTo}},[_vm._v(\"\\r\\n      导航1\\r\\n    \")]),_c('v-btn',{on:{\"click\":_vm.navigateToComp}},[_vm._v(\"\\r\\n      导航2\\r\\n    \")]),_c('v-btn',{on:{\"click\":_vm.onClickPreview}},[_vm._v(\"\\r\\n      预览 >>\\r\\n    \")])],1),_c('div',{staticClass:\"panel preview-panel\"},[_c('mount-component',_vm._b({},'mount-component',_vm.previewData,false))],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render, staticRenderFns\nimport script from \"./mountComponent.vue?vue&type=script&lang=js&\"\nexport * from \"./mountComponent.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mountComponent.vue?vue&type=style&index=0&id=710bce7b&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  \"710bce7b\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mountComponent.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./mountComponent.vue?vue&type=script&lang=js&\"","<template>\r\n<div class='wrapper'>\r\n  <div class='panel code-panel'>\r\n    <v-tabs\r\n      class='tabs-wrapper'\r\n      >\r\n      <v-tab\r\n        v-for=\"item in tabs\"\r\n        :key=\"item.key\"\r\n        >\r\n        {{item.tab}}\r\n        </v-tab>\r\n        <v-tab-item v-for=\"item in tabs\" :key=\"item.key\">\r\n        <gh-code-editor\r\n          class='code-wrapper'\r\n          v-model=\"item.value\"\r\n          :options=\"{readOnly: false,autoIndent:true,automaticLayout: true,language:item.language}\"\r\n          />\r\n        </v-tab-item>\r\n    </v-tabs>\r\n  </div>\r\n  <div class=\"preview-btn-wrapper\">\r\n    <v-btn @click=\"addRouter\">\r\n      测试\r\n    </v-btn>\r\n    <v-btn @click=\"navigateTo\">\r\n      导航1\r\n    </v-btn>\r\n    <v-btn @click=\"navigateToComp\">\r\n      导航2\r\n    </v-btn>\r\n    <v-btn\r\n      @click=\"onClickPreview\"\r\n      >\r\n      预览 >>\r\n    </v-btn>\r\n  </div>\r\n  <div class='panel preview-panel'>\r\n    <!-- <v-alert message=\"通过实例化Vue挂载DOM的方式渲染\" type=\"info\" show-icon /> -->\r\n    <mount-component v-bind=\"previewData\"/>\r\n    <!-- <code-component v-bind=\"previewData\" /> -->\r\n    <!-- <v-divider/> -->\r\n    <!-- <a-alert message=\"通过实例化Vue挂载DOM的方式渲染\" type=\"info\" show-icon />\r\n    <with-mount v-bind=\"previewData\"/>\r\n    <a-divider/>\r\n    <a-alert message=\"通过实例化Vue挂载到iframe的方式渲染\" type=\"info\" show-icon />\r\n    <mount-same-iframe v-bind=\"previewData\"/>\r\n    <a-divider/>\r\n    <a-alert message=\"通过实例化Vue挂载到iframe的方式渲染\" type=\"info\" show-icon />\r\n    <mount-cross-iframe v-bind=\"previewData\"/>\r\n    <a-divider/> -->\r\n  </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport Vue from \"vue\";\r\nimport GhCodeEditor from \"@/components/ghCodeEditor/ghCodeEditor\";\r\nimport mountComponent from \"@/components/mountComponent\";\r\nimport codeComponent from \"@/components/codeComponent\";\r\nimport GhClassService from \"@/utils/mixins/clsService\";\r\nimport { template, js, css } from \"./service\";\r\nimport { Mixins, Component } from \"vue-property-decorator\";\r\n\r\nexport default {\r\n  name: \"\",\r\n  components: {\r\n    GhCodeEditor,\r\n    mountComponent,\r\n    codeComponent\r\n  },\r\n  data() {\r\n    return {\r\n      previewData: {\r\n        js: \"\",\r\n        template: \"\",\r\n        css: \"\"\r\n      },\r\n      tabs: {\r\n        template: {\r\n          key: \"template\",\r\n          tab: \"模板\",\r\n          value: template,\r\n          mode: \"text/x-vue\",\r\n          language: \"html\"\r\n        },\r\n        js: {\r\n          key: \"js\",\r\n          tab: \"代码\",\r\n          value: js,\r\n          mode: \"text/javascript\",\r\n          language: \"javascript\"\r\n        },\r\n        css: {\r\n          key: \"css\",\r\n          tab: \"样式\",\r\n          value: css,\r\n          mode: \"text/css\",\r\n          language: \"css\"\r\n        }\r\n      }\r\n    };\r\n  },\r\n  methods: {\r\n    onClickPreview() {\r\n      this.previewData = {\r\n        template: this.tabs.template.value,\r\n        js: this.tabs.js.value,\r\n        css: this.tabs.css.value,\r\n        sed: Math.random()\r\n      };\r\n      console.log(\"code==>\", this.previewData);\r\n    },\r\n    addRouter() {\r\n      let comp = Vue.extend(codeComponent, {\r\n        mixins: [GhClassService]\r\n      });\r\n      console.log(this.previewData);\r\n      // let com = new comp({\r\n      //   // el: \"#app\",\r\n      //   propsData: this.previewData\r\n      // });\r\n      // // console.log(comp, com);\r\n      // @Component(comp)\r\n      // class X extends Mixins(GhClassService) {}\r\n\r\n      // console.log(\"X===>\", X);\r\n\r\n      let r = {\r\n        name: \"vuejstest\",\r\n        path: \"/test/vuejstest\",\r\n        component: comp,\r\n        props: this.previewData\r\n      };\r\n\r\n      let rs = {\r\n        name: \"main\",\r\n        path: \"/main\",\r\n        component: () => import(\"@/portal/main/main\")\r\n      };\r\n      let children = [];\r\n      children.push(r);\r\n      rs.children = children;\r\n      this.$router.addRoutes([rs]);\r\n    },\r\n    navigateTo() {\r\n      console.log(\"123\");\r\n      this.$router.push({ name: \"portal.custom.test\" });\r\n    },\r\n    navigateToComp() {\r\n      console.log(\"2222\");\r\n      this.$router.push({ name: \"vuejstest\" });\r\n    }\r\n  },\r\n  created() {\r\n    // this.$store.commit(\"setState\", {\r\n    //   filePath: \"views/customCode/index.vue\",\r\n    //   pageName: \"\"\r\n    // });\r\n  },\r\n  mounted() {\r\n    this.previewData = {\r\n      template: this.tabs.template.value,\r\n      js: this.tabs.js.value,\r\n      css: this.tabs.css.value\r\n    };\r\n    // setInterval(() => {\r\n    //   let { varA } = this.$store.state.variable.map;\r\n    //   varA += 1;\r\n    //   this.$store.commit(\"variable/setState\", { map: { varA } });\r\n    // }, 1000 * 10);\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.wrapper {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 10px;\r\n  flex-grow: 1;\r\n\r\n  .panel {\r\n    border: 1px solid #ccc;\r\n    height: 100%;\r\n    text-align: left;\r\n    overflow: auto;\r\n    flex-grow: 1;\r\n    max-width: 700px;\r\n  }\r\n\r\n  .preview-btn-wrapper {\r\n    margin: 10px;\r\n  }\r\n\r\n  .tabs-wrapper {\r\n    height: 100%;\r\n\r\n    .code-wrapper {\r\n      height: 100%;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./test.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./test.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./test.vue?vue&type=template&id=704349c2&scoped=true&\"\nimport script from \"./test.vue?vue&type=script&lang=js&\"\nexport * from \"./test.vue?vue&type=script&lang=js&\"\nimport style0 from \"./test.vue?vue&type=style&index=0&id=704349c2&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  \"704349c2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}