{"version":3,"sources":["webpack:///./src/views/flow/custom/preview.vue?3088","webpack:///src/views/flow/custom/preview.vue","webpack:///./src/views/flow/custom/preview.vue","webpack:///./src/views/flow/custom/preview.vue?3f3b","webpack:///./src/views/flow/custom/preview.vue?efaf"],"names":["styleDom","loadStyle","cssCode","document","createElement","innerHTML","head","appendChild","loadVueOption","jsCode","htmlCode","defaultData","main","eval","concat","replace","oldData","data","Object","assign","formData","newData","template","defData","containerWidth","mounted","_this$$route$params$f","$route","params","OPTION","Form","Vue","extend","$mount","beforeDestroy","remove","render","_vm","this","_c","_self","staticClass","style","width","staticStyle","attrs","model","value","callback","$$v","expression","staticRenderFns","component"],"mappings":"mHAAA,W,qoBCUAA,SAAA,KACAC,UAAA,SAAAC,GACAF,SAAAG,SAAAC,cAAA,SACAJ,SAAAK,UAAAH,EACAC,SAAAG,KAAAC,YAAAP,WAEAQ,cAAA,SAAAA,cAAAC,OAAAC,SAAAC,aACA,IAAAC,KAAAC,KAAA,IAAAC,OAAAL,OAAAM,QAAA,2BACAC,QAAAJ,KAAAK,OACAC,OAAAC,OAAAH,QAAAI,SAAAT,aACA,IAAAU,QAAAH,OAAAC,OAAA,GAAAH,QAAA,IAGA,OAFAJ,KAAAK,KAAA,kBAAAI,SACAT,KAAAU,SAAA,mCAAAR,OAAAJ,SAAA,UACAE,MAOAW,QAAA,GAiBe,0BACfN,KAAA,WACA,OACAO,eAAA,KAGAC,QAAA,WAEA,IAAAC,EAAA,KAAAC,OAAAC,OAAAR,SAAAX,EAAAiB,EAAAjB,OAAAC,EAAAgB,EAAAhB,SAAAR,EAAAwB,EAAAxB,QACAD,UAAAC,GACA,IAAA2B,EAAArB,cAAAC,EAAAC,EAAAa,SACAO,EAAAC,4CAAAC,OAAAH,IACA,IAAAC,GAAAG,OAAA,gBAEAC,cAAA,WACAlC,mBAAAmC,Y,yCC9DA,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,oBAAoBC,MAAO,CAACC,MAAON,EAAIb,eAAiB,MAAO,CAACe,EAAG,MAAM,CAACK,YAAY,CAAC,OAAS,aAAaC,MAAM,CAAC,GAAK,gBAAgBN,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,YAAY,CAACM,MAAM,CAAC,IAAM,GAAG,IAAM,IAAIC,MAAM,CAACC,MAAOV,EAAIb,eAAgBwB,SAAS,SAAUC,GAAMZ,EAAIb,eAAeyB,GAAKC,WAAW,qBAAqB,MAElaC,EAAkB,G,YCFyV,S,yBCQ3WC,EAAY,eACd,EACAhB,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAC,E","file":"js/chunk-fb5a2a16.65307d87.js","sourcesContent":["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/stylus-loader/index.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./preview.vue?vue&type=style&index=0&id=448ef60a&prod&lang=stylus&scoped=true&\"","<template>\r\n  <div class=\"preview-container\" :style=\"{width: containerWidth + '%'}\">\r\n    <div id=\"customForm\" style=\"margin: 50px auto;\"></div>\r\n    <div  class=\"width-slider\">\r\n      <el-slider v-model=\"containerWidth\" :min=\"30\" :max=\"96\"></el-slider>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Vue from \"vue\";\r\nlet styleDom = null\r\nconst loadStyle = cssCode => {\r\n  styleDom = document.createElement('style')\r\n  styleDom.innerHTML = cssCode\r\n  document.head.appendChild(styleDom)\r\n}\r\nconst loadVueOption = (jsCode, htmlCode, defaultData) => {\r\n  let main = eval(`(${jsCode.replace(\"export default\", \"\")})`);\r\n  const oldData = main.data()\r\n  Object.assign(oldData.formData, defaultData)\r\n  const newData = Object.assign({}, oldData , {/**other data */})\r\n  main.data = function(){ return newData }\r\n  main.template = `<div style=\"padding:3rem 2rem;\">${htmlCode}</div>`\r\n  return main\r\n}\r\n\r\n/**\r\n * 默认数据  预览已经填写过的表单时\r\n * 将以下数据合并到Vue实例中即可\r\n */\r\nconst defData = {\r\n  // \"field2\": \"22\",\r\n  // \"field3\": \"本科\",\r\n  // \"field4\": \"男\",\r\n  // \"field5\": [\r\n  //   {\r\n  //     \"field6\": [\r\n  //       \"2020-07-01\",\r\n  //       \"2020-08-03\"\r\n  //     ],\r\n  //     \"field7\": \"212\",\r\n  //     \"field8\": \"后端\",\r\n  //     \"field9\": []\r\n  //   }\r\n  // ],\r\n  // \"field10\": 21,\r\n}\r\nexport default {\r\n  data(){\r\n    return{\r\n      containerWidth: 66\r\n    }\r\n  },\r\n  mounted() {\r\n    // defaultData 可以将默认formData覆盖到data中\r\n    const { jsCode, htmlCode, cssCode } = this.$route.params.formData\r\n    loadStyle(cssCode)\r\n    const OPTION = loadVueOption(jsCode, htmlCode, defData)\r\n    const Form = Vue.extend(OPTION)\r\n    new Form().$mount(\"#customForm\")\r\n  },\r\n  beforeDestroy(){\r\n    styleDom && styleDom.remove()\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped>\r\n.preview-container \r\n  margin 3rem auto 1rem\r\n  border-radius 6px\r\n  box-shadow 0 0 15px rgba(0, 0, 0, .1)\r\n  .width-slider\r\n    width  150px\r\n    position absolute\r\n    top 0\r\n    right 2rem\r\n</style>\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"preview-container\",style:({width: _vm.containerWidth + '%'})},[_c('div',{staticStyle:{\"margin\":\"50px auto\"},attrs:{\"id\":\"customForm\"}}),_c('div',{staticClass:\"width-slider\"},[_c('el-slider',{attrs:{\"min\":30,\"max\":96},model:{value:(_vm.containerWidth),callback:function ($$v) {_vm.containerWidth=$$v},expression:\"containerWidth\"}})],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./preview.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!./preview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./preview.vue?vue&type=template&id=448ef60a&scoped=true&\"\nimport script from \"./preview.vue?vue&type=script&lang=js&\"\nexport * from \"./preview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./preview.vue?vue&type=style&index=0&id=448ef60a&prod&lang=stylus&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  \"448ef60a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}