form-generator-hengdian 1.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (70) hide show
  1. package/LICENSE +127 -0
  2. package/README.md +2 -0
  3. package/dist/favicon.ico +0 -0
  4. package/dist/img/show/PixPin_2024-07-17_16-25-59.gif +0 -0
  5. package/dist/img/show/PixPin_2024-07-17_16-33-51.png +0 -0
  6. package/dist/img/show/file.png +0 -0
  7. package/dist/img/show/image.png +0 -0
  8. package/dist/img/show/pc/347/253/257/346/270/262/346/237/223.png +0 -0
  9. package/dist/img/show/pc/347/253/257/350/257/246/346/203/205.png +0 -0
  10. package/dist/img/show//344/272/213/344/273/266.png +0 -0
  11. package/dist/img/show//345/205/250/345/261/200/344/272/213/344/273/266.png +0 -0
  12. package/dist/img/show//345/205/250/345/261/200/346/240/267/345/274/217.png +0 -0
  13. package/dist/img/show//346/240/267/345/274/217/345/261/236/346/200/247.png +0 -0
  14. package/dist/img/show//347/247/273/345/212/250/347/253/257/346/270/262/346/237/223.png +0 -0
  15. package/dist/img/show//347/247/273/345/212/250/347/253/257/350/257/246/346/203/205.png +0 -0
  16. package/dist/img/show//347/274/226/350/276/221/345/231/2502.png +0 -0
  17. package/dist/img/show//347/274/226/350/276/221/345/231/2503.png +0 -0
  18. package/dist/img/show//347/274/226/350/276/221/345/231/2504.png +0 -0
  19. package/dist/img/temp//344/270/273/344/273/216/350/241/250/345/215/225.jpg +0 -0
  20. package/dist/img/temp//345/210/206/347/273/204/350/241/250/345/215/225.jpg +0 -0
  21. package/dist/img/temp//345/215/225/345/210/227/350/241/250/345/215/225.jpg +0 -0
  22. package/dist/img/temp//345/233/272/345/256/232/350/241/250/346/240/274/350/241/250/345/215/225.jpg +0 -0
  23. package/dist/img/temp//345/244/232/345/210/227/350/241/250/345/215/225.jpg +0 -0
  24. package/dist/img/temp//346/240/207/347/255/276/351/241/265/350/241/250/345/215/225.jpg +0 -0
  25. package/dist/index.html +1 -0
  26. package/dist/static/css/app.8888007b.css +1 -0
  27. package/dist/static/css/chunk-1d5993bd.a069bb65.css +1 -0
  28. package/dist/static/css/chunk-3d088dbc.309f79f6.css +1 -0
  29. package/dist/static/css/chunk-5398dfd9.4b573fd8.css +1 -0
  30. package/dist/static/css/chunk-689e99c6.561785d1.css +1 -0
  31. package/dist/static/css/chunk-6c2021e2.aa03ac83.css +1 -0
  32. package/dist/static/css/chunk-d0dba024.ef4c2e76.css +1 -0
  33. package/dist/static/css/chunk-d4c15a5e.8d89579e.css +1 -0
  34. package/dist/static/css/chunk-e0929d3c.e03cacfd.css +1 -0
  35. package/dist/static/css/chunk-vendors.28b0d0dc.css +24 -0
  36. package/dist/static/fonts/element-icons.535877f5.woff +0 -0
  37. package/dist/static/fonts/element-icons.732389de.ttf +0 -0
  38. package/dist/static/img/phone_bg.7ead1463.png +0 -0
  39. package/dist/static/js/app.1ed56101.js +2 -0
  40. package/dist/static/js/app.1ed56101.js.map +1 -0
  41. package/dist/static/js/chunk-16b822c9.26be686c.js +2 -0
  42. package/dist/static/js/chunk-16b822c9.26be686c.js.map +1 -0
  43. package/dist/static/js/chunk-1d5993bd.258624e9.js +2 -0
  44. package/dist/static/js/chunk-1d5993bd.258624e9.js.map +1 -0
  45. package/dist/static/js/chunk-2d2091fc.f2bc517f.js +2 -0
  46. package/dist/static/js/chunk-2d2091fc.f2bc517f.js.map +1 -0
  47. package/dist/static/js/chunk-3d088dbc.de46a257.js +2 -0
  48. package/dist/static/js/chunk-3d088dbc.de46a257.js.map +1 -0
  49. package/dist/static/js/chunk-5398dfd9.519456eb.js +2 -0
  50. package/dist/static/js/chunk-5398dfd9.519456eb.js.map +1 -0
  51. package/dist/static/js/chunk-5a353a94.44d8aedf.js +2 -0
  52. package/dist/static/js/chunk-5a353a94.44d8aedf.js.map +1 -0
  53. package/dist/static/js/chunk-689e99c6.3dae639b.js +2 -0
  54. package/dist/static/js/chunk-689e99c6.3dae639b.js.map +1 -0
  55. package/dist/static/js/chunk-6c2021e2.40514c1e.js +2 -0
  56. package/dist/static/js/chunk-6c2021e2.40514c1e.js.map +1 -0
  57. package/dist/static/js/chunk-a0e16608.18593055.js +2 -0
  58. package/dist/static/js/chunk-a0e16608.18593055.js.map +1 -0
  59. package/dist/static/js/chunk-a94b59b8.026c117f.js +2 -0
  60. package/dist/static/js/chunk-a94b59b8.026c117f.js.map +1 -0
  61. package/dist/static/js/chunk-d0dba024.63c07de1.js +2 -0
  62. package/dist/static/js/chunk-d0dba024.63c07de1.js.map +1 -0
  63. package/dist/static/js/chunk-d4c15a5e.f4e65182.js +2 -0
  64. package/dist/static/js/chunk-d4c15a5e.f4e65182.js.map +1 -0
  65. package/dist/static/js/chunk-e0929d3c.f4c16fac.js +45 -0
  66. package/dist/static/js/chunk-e0929d3c.f4c16fac.js.map +1 -0
  67. package/dist/static/js/chunk-vendors.acc37ed6.js +75 -0
  68. package/dist/static/js/chunk-vendors.acc37ed6.js.map +1 -0
  69. package/dist/static/js/config.js +2 -0
  70. package/package.json +68 -0
@@ -0,0 +1,2 @@
1
+ (window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-16b822c9"],{3316:function(t,e,r){"use strict";r.r(e);var n=function(){var t=this,e=t._self._c;return e("div",[e("h1",[t._v("配置属性参数说明")]),e("el-card",{attrs:{header:"操作右侧的属性面板,可以看到数据变动"}},[e("ConfigCell")],1),e("el-card",{attrs:{header:"组件参数对照表"}},[e("el-table",{staticStyle:{width:"100%"},attrs:{data:t.configTable,size:"medium",border:""}},[e("el-table-column",{attrs:{prop:"param",label:"属性",width:"300"}}),e("el-table-column",{attrs:{prop:"required",label:"是否必填",width:"100",align:"center"}}),e("el-table-column",{attrs:{prop:"remark",label:"说明"},scopedSlots:t._u([{key:"default",fn:function(r){return[e("span",{domProps:{innerHTML:t._s(r.row.remark)}})]}}])})],1)],1),e("el-card",{attrs:{header:"表单参数对照表"}},[e("el-row",{attrs:{gutter:20}},[e("el-col",{attrs:{span:16}},[e("el-table",{staticStyle:{width:"100%"},attrs:{data:t.formTable,size:"medium",border:""}},[e("el-table-column",{attrs:{prop:"param",label:"属性",width:"300"}}),e("el-table-column",{attrs:{prop:"required",label:"是否必填",width:"100",align:"center"}}),e("el-table-column",{attrs:{prop:"remark",label:"说明"}})],1)],1),e("el-col",{attrs:{span:8}},[e("FormGeneratorAttrForm",{attrs:{formConf:t.formAttrData},on:{"update:formConf":function(e){t.formAttrData=e},"update:form-conf":function(e){t.formAttrData=e}}})],1)],1)],1),e("el-card",{attrs:{header:"完整配置数据"}},[e("div",{staticClass:"introduce"},[t._v("在config.js以json的形式声明:")]),e("Code",{attrs:{code:t.jsonData}})],1)],1)},o=[],i=r("9fc5"),a=function(){var t=this,e=t._self._c;return e("el-tabs",{attrs:{"tab-position":"left"},on:{input:t.handleInput},model:{value:t.active,callback:function(e){t.active=e},expression:"active"}},t._l(t.list,(function(r,n){return e("el-tab-pane",{key:n,attrs:{label:r.__config__.label,name:r.__config__.label}},[t.active==r.__config__.label?e("el-row",{attrs:{gutter:20}},[e("el-col",{attrs:{span:16}},[e("el-row",{attrs:{gutter:20}},[e("el-col",{attrs:{span:12}},[t.loading?t._e():e("FGPcForm",{model:{value:t.form,callback:function(e){t.form=e},expression:"form"}})],1),e("el-col",{attrs:{span:12}},[t.loading?t._e():e("FGPhoneForm",{model:{value:t.form,callback:function(e){t.form=e},expression:"form"}})],1)],1),e("Code",{attrs:{code:t.value}})],1),e("el-col",{attrs:{span:8}},[e("FormGeneratorAttrField",{attrs:{fieldConf:t.value},on:{"update:fieldConf":function(e){t.value=e},"update:field-conf":function(e){t.value=e},"tag-change":t.handleChange}})],1)],1):t._e()],1)})),1)},c=[],u=r("89d7"),l=r("c2a8"),f=r("60ec"),s=r("b148"),m=r("5140");function b(t){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},b(t)}function p(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function d(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?p(Object(r),!0).forEach((function(e){y(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function y(t,e,r){return(e=v(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function v(t){var e=h(t,"string");return"symbol"==b(e)?e:e+""}function h(t,e){if("object"!=b(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=b(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}function O(t){return P(t)||S(t)||j(t)||g()}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function j(t,e){if(t){if("string"==typeof t)return w(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?w(t,e):void 0}}function S(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function P(t){if(Array.isArray(t))return w(t)}function w(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}var _={components:{Code:i["a"],FGPcForm:u["a"],FGPhoneForm:l["a"],FormGeneratorAttrField:s["a"]},data:function(){return{value:f["c"][0],active:f["c"][0].__config__.label,form:"",loading:!1}},computed:{list:function(){return[].concat(O(f["c"]),O(f["e"]),O(f["d"]),O(f["a"])).map((function(t,e){return d(d({},t),{},{__vModel__:"field"+e,formId:"field"+e})}))}},watch:{value:{immediate:!0,deep:!0,handler:function(t){var e=this;t&&(this.form=JSON.stringify(d(d({},f["b"]),{},{labelPosition:"top",list:[this.value]})),this.$store.commit("SET_ACTIVEDATA",this.value),this.loading=!0,this.$nextTick((function(){e.loading=!1})))}}},methods:{handleInput:function(t){this.value=this.list.find((function(e){return e.__config__.label==t}))},handleChange:function(t){this.value=t,this.active=t.__config__.label}}},F=_,A=r("2877"),C=Object(A["a"])(F,a,c,!1,null,"111a4582",null),D=C.exports,T=r("d789"),E=r("cc52");function L(t){return L="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},L(t)}function $(t){return G(t)||N(t)||I(t)||k()}function k(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function I(t,e){if(t){if("string"==typeof t)return x(t,e);var r={}.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?x(t,e):void 0}}function N(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function G(t){if(Array.isArray(t))return x(t)}function x(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,n=Array(e);r<e;r++)n[r]=t[r];return n}function J(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function V(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?J(Object(r),!0).forEach((function(e){B(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):J(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function B(t,e,r){return(e=M(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function M(t){var e=Q(t,"string");return"symbol"==L(e)?e:e+""}function Q(t,e){if("object"!=L(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=L(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var q={components:{Code:i["a"],ConfigCell:D,FormGeneratorAttrField:s["a"],FormGeneratorAttrForm:E["a"]},data:function(){return{jsonData:Object(m["deepClone"])(V(V({},f["b"]),{},{list:[].concat($(f["c"]),$(f["e"]),$(f["d"]),$(f["a"]))})),activeConfig:f["c"][0],formAttrData:f["b"],configTable:T["a"],formTable:T["h"]}}},z=q,U=Object(A["a"])(z,n,o,!1,null,null,null);e["default"]=U.exports},"89d7":function(t,e,r){"use strict";var n=function(){var t=this,e=t._self._c;return t.formLists.length?e("PcForm",{ref:"PcForm",attrs:{formList:t.formLists,formConf:t.formAttrs,dbData:t.dbData},on:{"update:formList":function(e){t.formLists=e},"update:form-list":function(e){t.formLists=e},changeDataBaseQuery:function(e){return t.$emit("changeDataBaseQuery",e)}}}):t._e()},o=[],i=r("0d70"),a=r("5140"),c=(r("7985"),r("4360")),u=r("0344");function l(t){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},l(t)}function f(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function s(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?f(Object(r),!0).forEach((function(e){m(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function m(t,e,r){return(e=b(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function b(t){var e=p(t,"string");return"symbol"==l(e)?e:e+""}function p(t,e){if("object"!=l(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var d={name:"FGPcForm",mixins:[u["a"]],components:{PcForm:i["a"]},model:{prop:"value",event:"update"},props:{value:{type:[Object,String],default:""},form:{type:Object,default:function(){}},formArray:{type:Array,default:function(){return[]}},dbData:{type:Object,default:function(){}}},data:function(){return{formLists:[],formAttrs:{}}},computed:{isString:function(){return"string"===typeof this.value}},mounted:function(){var t,e,r=Object(a["deepClone"])(this.value),n=this.form;(this.formArray.length&&(n=Object(a["arrayToObject"])(this.formArray)),this.isString&&(r=JSON.parse(this.value||"{}")),r&&r.list)&&(this.formLists=Object(a["setFormValue"])(Object(a["deepClone"])((null===(t=r)||void 0===t?void 0:t.list)||[]),n),this.formAttrs=Object(a["deepClone"])(r),null===(e=this.formAttrs)||void 0===e||delete e.list)},methods:{validateForm:function(t){var e=this;this.$refs["PcForm"].validateForm((function(r,n,o){var i=Object(a["deepClone"])(s(s({},e.formAttrs),{},{list:o}));e.isString&&(i=JSON.stringify(i)),e.$emit("update",i),e.$emit("submit",n,i),t(r,n,i)}))},submitForm:function(t){var e=this;this.$refs["PcForm"].submitForm((function(r,n){var o=Object(a["deepClone"])(s(s({},e.formAttrs),{},{list:n}));e.isString&&(o=JSON.stringify(o)),e.$emit("submit",r,o),t(r,o)}))},resetForm:function(){this.$refs["PcForm"].resetForm()}},destroyed:function(){c["a"].commit("SET_CSSLIST",[]),c["a"].commit("SET_EVENTLIST",[])}},y=d,v=r("2877"),h=Object(v["a"])(y,n,o,!1,null,"7ebc50c1",null);e["a"]=h.exports},c2a8:function(t,e,r){"use strict";var n=function(){var t=this,e=t._self._c;return e("PhoneForm",{ref:"PhoneForm",attrs:{formList:t.formLists,formConf:t.formAttrs,dbData:t.dbData},on:{"update:formList":function(e){t.formLists=e},"update:form-list":function(e){t.formLists=e},changeDataBaseQuery:function(e){return t.$emit("changeDataBaseQuery",e)}}})},o=[],i=r("0b23"),a=r("5140"),c=(r("9808"),r("4360")),u=r("0344");function l(t){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},l(t)}function f(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function s(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?f(Object(r),!0).forEach((function(e){m(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):f(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function m(t,e,r){return(e=b(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function b(t){var e=p(t,"string");return"symbol"==l(e)?e:e+""}function p(t,e){if("object"!=l(t)||!t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,e||"default");if("object"!=l(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}var d={name:"FGPhoneForm",mixins:[u["a"]],components:{PhoneForm:i["a"]},model:{prop:"value",event:"update"},props:{value:{type:[String,Object],default:""},form:{type:Object,default:function(){}},formArray:{type:Array,default:function(){return[]}},dbData:{type:Object,default:function(){}}},data:function(){return{formLists:[],formAttrs:{}}},mounted:function(){this.init()},computed:{isString:function(){return"string"===typeof this.value}},methods:{init:function(){var t,e,r=Object(a["deepClone"])(this.value),n=this.form;(this.formArray.length&&(n=Object(a["arrayToObject"])(this.formArray)),this.isString&&(r=JSON.parse(this.value||"{}")),r&&r.list)&&(this.formLists=Object(a["setFormValue"])(Object(a["deepClone"])((null===(t=r)||void 0===t?void 0:t.list)||[]),n),this.formAttrs=Object(a["deepClone"])(r),null===(e=this.formAttrs)||void 0===e||delete e.list)},validateForm:function(t){var e=this;this.$refs["PhoneForm"].validateForm((function(r,n,o){var i=Object(a["deepClone"])(s(s({},e.formAttrs),{},{list:o}));e.isString&&(i=JSON.stringify(i)),e.$emit("update",i),e.$emit("submit",n,i),t(r,n,i)}))},submitForm:function(t){var e=this;this.$refs["PhoneForm"].submitForm((function(r,n){var o=Object(a["deepClone"])(s(s({},e.formAttrs),{},{list:n}));e.isString&&(o=JSON.stringify(o)),e.$emit("update",o),e.$emit("submit",r,o),t(r,o)}))},resetForm:function(){this.$refs["PhoneForm"].resetForm()}},destroyed:function(){c["a"].commit("SET_CSSLIST",[]),c["a"].commit("SET_EVENTLIST",[])}},y=d,v=r("2877"),h=Object(v["a"])(y,n,o,!1,null,"722561d7",null);e["a"]=h.exports}}]);
2
+ //# sourceMappingURL=chunk-16b822c9.26be686c.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack:///./src/views/config/config.vue","webpack:///./src/views/config/components/configCell.vue","webpack:///src/views/config/components/configCell.vue","webpack:///./src/views/config/components/configCell.vue?a19c","webpack:///./src/views/config/components/configCell.vue?f9db","webpack:///src/views/config/config.vue","webpack:///./src/views/config/config.vue?b18e","webpack:///./src/views/config/config.vue?5287","webpack:///./src/package/FGPcForm.vue","webpack:///src/package/FGPcForm.vue","webpack:///./src/package/FGPcForm.vue?ba5f","webpack:///./src/package/FGPcForm.vue?baff","webpack:///./src/package/FGPhoneForm.vue","webpack:///src/package/FGPhoneForm.vue","webpack:///./src/package/FGPhoneForm.vue?c538","webpack:///./src/package/FGPhoneForm.vue?c25a"],"names":["render","_vm","this","_c","_self","_v","attrs","staticStyle","configTable","scopedSlots","_u","key","fn","scope","domProps","_s","row","remark","formTable","formAttrData","on","$event","staticClass","jsonData","staticRenderFns","handleInput","model","value","active","callback","$$v","expression","_l","list","item","i","__config__","label","loading","_e","form","handleChange","components","Code","FGPcForm","FGPhoneForm","FormGeneratorAttrField","data","inputComponents","computed","concat","_toConsumableArray","selectComponents","layoutComponents","assistComponents","map","_objectSpread","__vModel__","formId","watch","immediate","deep","handler","newValue","_this","JSON","stringify","formConf","labelPosition","$store","commit","$nextTick","methods","val","find","component","ConfigCell","FormGeneratorAttrForm","deepClone","activeConfig","formLists","length","ref","formAttrs","dbData","$emit","name","mixins","PcForm","prop","event","props","type","Object","String","default","formArray","Array","isString","mounted","_value","_this$formAttrs","arrayToObject","parse","setFormValue","validateForm","cb","$refs","valid","submitForm","_this2","resetForm","destroyed","store","PhoneForm","init"],"mappings":"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","file":"static/js/chunk-16b822c9.26be686c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('h1',[_vm._v(\"配置属性参数说明\")]),_c('el-card',{attrs:{\"header\":\"操作右侧的属性面板,可以看到数据变动\"}},[_c('ConfigCell')],1),_c('el-card',{attrs:{\"header\":\"组件参数对照表\"}},[_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.configTable,\"size\":\"medium\",\"border\":\"\"}},[_c('el-table-column',{attrs:{\"prop\":\"param\",\"label\":\"属性\",\"width\":\"300\"}}),_c('el-table-column',{attrs:{\"prop\":\"required\",\"label\":\"是否必填\",\"width\":\"100\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"remark\",\"label\":\"说明\"},scopedSlots:_vm._u([{key:\"default\",fn:function(scope){return [_c('span',{domProps:{\"innerHTML\":_vm._s(scope.row.remark)}})]}}])})],1)],1),_c('el-card',{attrs:{\"header\":\"表单参数对照表\"}},[_c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":16}},[_c('el-table',{staticStyle:{\"width\":\"100%\"},attrs:{\"data\":_vm.formTable,\"size\":\"medium\",\"border\":\"\"}},[_c('el-table-column',{attrs:{\"prop\":\"param\",\"label\":\"属性\",\"width\":\"300\"}}),_c('el-table-column',{attrs:{\"prop\":\"required\",\"label\":\"是否必填\",\"width\":\"100\",\"align\":\"center\"}}),_c('el-table-column',{attrs:{\"prop\":\"remark\",\"label\":\"说明\"}})],1)],1),_c('el-col',{attrs:{\"span\":8}},[_c('FormGeneratorAttrForm',{attrs:{\"formConf\":_vm.formAttrData},on:{\"update:formConf\":function($event){_vm.formAttrData=$event},\"update:form-conf\":function($event){_vm.formAttrData=$event}}})],1)],1)],1),_c('el-card',{attrs:{\"header\":\"完整配置数据\"}},[_c('div',{staticClass:\"introduce\"},[_vm._v(\"在config.js以json的形式声明:\")]),_c('Code',{attrs:{\"code\":_vm.jsonData}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-tabs',{attrs:{\"tab-position\":\"left\"},on:{\"input\":_vm.handleInput},model:{value:(_vm.active),callback:function ($$v) {_vm.active=$$v},expression:\"active\"}},_vm._l((_vm.list),function(item,i){return _c('el-tab-pane',{key:i,attrs:{\"label\":item.__config__.label,\"name\":item.__config__.label}},[(_vm.active==item.__config__.label)?_c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":16}},[_c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":12}},[(!_vm.loading)?_c('FGPcForm',{model:{value:(_vm.form),callback:function ($$v) {_vm.form=$$v},expression:\"form\"}}):_vm._e()],1),_c('el-col',{attrs:{\"span\":12}},[(!_vm.loading)?_c('FGPhoneForm',{model:{value:(_vm.form),callback:function ($$v) {_vm.form=$$v},expression:\"form\"}}):_vm._e()],1)],1),_c('Code',{attrs:{\"code\":_vm.value}})],1),_c('el-col',{attrs:{\"span\":8}},[_c('FormGeneratorAttrField',{attrs:{\"fieldConf\":_vm.value},on:{\"update:fieldConf\":function($event){_vm.value=$event},\"update:field-conf\":function($event){_vm.value=$event},\"tag-change\":_vm.handleChange}})],1)],1):_vm._e()],1)}),1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <el-tabs v-model=\"active\" tab-position=\"left\" @input=\"handleInput\">\r\n <el-tab-pane\r\n v-for=\"(item,i) in list\"\r\n :key=\"i\"\r\n :label=\"item.__config__.label\"\r\n :name=\"item.__config__.label\"\r\n >\r\n <el-row :gutter=\"20\" v-if=\"active==item.__config__.label\">\r\n <el-col :span=\"16\">\r\n <el-row :gutter=\"20\">\r\n <el-col :span=\"12\">\r\n <FGPcForm v-if=\"!loading\" v-model=\"form\" />\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <FGPhoneForm v-if=\"!loading\" v-model=\"form\" />\r\n </el-col>\r\n </el-row>\r\n\r\n <Code :code=\"value\" />\r\n </el-col>\r\n <el-col :span=\"8\">\r\n <FormGeneratorAttrField :fieldConf.sync=\"value\" @tag-change=\"handleChange\" />\r\n </el-col>\r\n </el-row>\r\n </el-tab-pane>\r\n </el-tabs>\r\n</template>\r\n\r\n<script>\r\nimport Code from \"@/components/code/Code\";\r\nimport FGPcForm from \"@/package/FGPcForm\";\r\nimport FGPhoneForm from \"@/package/FGPhoneForm\";\r\n\r\nimport {\r\n formConf,\r\n inputComponents,\r\n selectComponents,\r\n layoutComponents,\r\n assistComponents,\r\n} from \"@/components/formGenerator/utils/config\";\r\n\r\nimport FormGeneratorAttrField from \"@/components/formGenerator/components/formGeneratorAttrField.vue\";\r\nimport { deepClone } from \"@/components/formGenerator/utils\";\r\nexport default {\r\n components: {\r\n Code,\r\n FGPcForm,\r\n FGPhoneForm,\r\n FormGeneratorAttrField,\r\n },\r\n data() {\r\n return {\r\n value: inputComponents[0],\r\n active: inputComponents[0].__config__.label,\r\n form: \"\",\r\n loading: false,\r\n };\r\n },\r\n computed: {\r\n list() {\r\n return [\r\n ...inputComponents,\r\n ...selectComponents,\r\n ...layoutComponents,\r\n ...assistComponents,\r\n ].map((item, i) => {\r\n return {\r\n ...item,\r\n __vModel__: \"field\" + i,\r\n formId: \"field\" + i,\r\n };\r\n });\r\n },\r\n },\r\n\r\n watch: {\r\n value: {\r\n immediate: true,\r\n deep: true,\r\n handler(newValue) {\r\n if (newValue) {\r\n this.form = JSON.stringify({\r\n ...formConf,\r\n labelPosition: \"top\",\r\n list: [this.value],\r\n });\r\n this.$store.commit(\"SET_ACTIVEDATA\", this.value);\r\n this.loading = true;\r\n this.$nextTick(() => {\r\n this.loading = false;\r\n });\r\n }\r\n },\r\n },\r\n },\r\n methods: {\r\n handleInput(val) {\r\n this.value = this.list.find((item) => item.__config__.label == val);\r\n },\r\n handleChange(value) {\r\n this.value = value;\r\n this.active = value.__config__.label;\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n\r\n<style lang=\"scss\" scoped>\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../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!./configCell.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../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!./configCell.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./configCell.vue?vue&type=template&id=111a4582&scoped=true\"\nimport script from \"./configCell.vue?vue&type=script&lang=js\"\nexport * from \"./configCell.vue?vue&type=script&lang=js\"\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 \"111a4582\",\n null\n \n)\n\nexport default component.exports","<template>\r\n <div>\r\n <h1>配置属性参数说明</h1>\r\n <el-card header=\"操作右侧的属性面板,可以看到数据变动\">\r\n <ConfigCell />\r\n </el-card>\r\n <el-card header=\"组件参数对照表\">\r\n <el-table :data=\"configTable\" style=\"width: 100%\" size=\"medium\" border>\r\n <el-table-column prop=\"param\" label=\"属性\" width=\"300\"></el-table-column>\r\n <el-table-column prop=\"required\" label=\"是否必填\" width=\"100\" align=\"center\" />\r\n <el-table-column prop=\"remark\" label=\"说明\">\r\n <template slot-scope=\"scope\">\r\n <span v-html=\"scope.row.remark\"></span>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n </el-card>\r\n <!-- 右侧表单属性 -->\r\n <el-card header=\"表单参数对照表\">\r\n <el-row :gutter=\"20\">\r\n <el-col :span=\"16\">\r\n <el-table :data=\"formTable\" style=\"width: 100%\" size=\"medium\" border>\r\n <el-table-column prop=\"param\" label=\"属性\" width=\"300\"></el-table-column>\r\n <el-table-column prop=\"required\" label=\"是否必填\" width=\"100\" align=\"center\" />\r\n <el-table-column prop=\"remark\" label=\"说明\"></el-table-column>\r\n <!-- <el-table-column prop=\"value\" label=\"默认值\"></el-table-column> -->\r\n </el-table>\r\n </el-col>\r\n <el-col :span=\"8\">\r\n <FormGeneratorAttrForm :formConf.sync=\"formAttrData\" />\r\n </el-col>\r\n </el-row>\r\n </el-card>\r\n\r\n <el-card header=\"完整配置数据\">\r\n <div class=\"introduce\">在config.js以json的形式声明:</div>\r\n <Code :code=\"jsonData\" />\r\n </el-card>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport Code from \"@/components/code/Code\";\r\nimport ConfigCell from \"./components/configCell\";\r\nimport { configTable, formTable } from \"@/utils/comsData\";\r\nimport {\r\n formConf,\r\n inputComponents,\r\n selectComponents,\r\n layoutComponents,\r\n assistComponents\r\n} from \"@/components/formGenerator/utils/config\";\r\n\r\nimport FormGeneratorAttrField from \"@/components/formGenerator/components/formGeneratorAttrField.vue\";\r\nimport FormGeneratorAttrForm from \"@/components/formGenerator/components/formGeneratorAttrForm.vue\";\r\nimport { deepClone } from \"../../components/formGenerator/utils\";\r\nexport default {\r\n components: {\r\n Code,\r\n ConfigCell,\r\n FormGeneratorAttrField,\r\n FormGeneratorAttrForm\r\n },\r\n data() {\r\n return {\r\n jsonData: deepClone({\r\n ...formConf,\r\n list: [\r\n ...inputComponents,\r\n ...selectComponents,\r\n ...layoutComponents,\r\n ...assistComponents\r\n ]\r\n }),\r\n activeConfig: inputComponents[0],\r\n formAttrData: formConf,\r\n configTable,\r\n formTable\r\n };\r\n }\r\n};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./config.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./config.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./config.vue?vue&type=template&id=13fc2159\"\nimport script from \"./config.vue?vue&type=script&lang=js\"\nexport * from \"./config.vue?vue&type=script&lang=js\"\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 null,\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.formLists.length)?_c('PcForm',{ref:\"PcForm\",attrs:{\"formList\":_vm.formLists,\"formConf\":_vm.formAttrs,\"dbData\":_vm.dbData},on:{\"update:formList\":function($event){_vm.formLists=$event},\"update:form-list\":function($event){_vm.formLists=$event},\"changeDataBaseQuery\":(val)=>_vm.$emit('changeDataBaseQuery',val)}}):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <PcForm ref=\"PcForm\" v-if=\"formLists.length\" :formList.sync=\"formLists\" :formConf=\"formAttrs\" :dbData=\"dbData\" @changeDataBaseQuery=\"(val)=>$emit('changeDataBaseQuery',val)\" />\r\n</template>\r\n\r\n<script>\r\nimport PcForm from \"@/components/formGenerator/formComponents/pcForm.vue\";\r\nimport { deepClone, setFormValue } from \"@/components/formGenerator/utils\";\r\nimport \"./common/initPc\";\r\nimport store from \"@/store\";\r\nimport { arrayToObject } from \"../components/formGenerator/utils\";\r\nimport mixins from \"./common/mixins\";\r\n\r\nexport default {\r\n name: \"FGPcForm\",\r\n mixins: [mixins],\r\n components: {\r\n PcForm,\r\n },\r\n model: {\r\n prop: \"value\", // 绑定的值,通过父组件传递\r\n event: \"update\",\r\n },\r\n props: {\r\n value: {\r\n type: [Object, String],\r\n default: \"\",\r\n },\r\n // 传入对应的key & value\r\n form: {\r\n type: Object,\r\n default: () => {},\r\n },\r\n // 传入的对应的[key:'',value:'']\r\n formArray: {\r\n type: Array,\r\n default: () => [],\r\n },\r\n // 传入的对应的{key: value}\r\n dbData: {\r\n type: Object,\r\n default: () => {},\r\n },\r\n },\r\n data() {\r\n return {\r\n formLists: [],\r\n formAttrs: {},\r\n };\r\n },\r\n computed: {\r\n // 传的value值是否为String类型\r\n isString() {\r\n return typeof this.value === \"string\";\r\n },\r\n },\r\n mounted() {\r\n let value = deepClone(this.value);\r\n let form = this.form;\r\n if (this.formArray.length) form = arrayToObject(this.formArray);\r\n if (this.isString) {\r\n value = JSON.parse(this.value || \"{}\");\r\n }\r\n if (value && value.list) {\r\n this.formLists = setFormValue(deepClone(value?.list || []), form);\r\n this.formAttrs = deepClone(value);\r\n delete this.formAttrs?.list;\r\n }\r\n },\r\n methods: {\r\n validateForm(cb) {\r\n this.$refs[\"PcForm\"].validateForm((valid, form, list) => {\r\n let newValue = deepClone({ ...this.formAttrs, list });\r\n if (this.isString) {\r\n newValue = JSON.stringify(newValue);\r\n }\r\n this.$emit(\"update\", newValue);\r\n this.$emit(\"submit\", form, newValue);\r\n cb(valid, form, newValue);\r\n });\r\n },\r\n submitForm(cb) {\r\n this.$refs[\"PcForm\"].submitForm((form, list) => {\r\n let newValue = deepClone({ ...this.formAttrs, list });\r\n if (this.isString) {\r\n newValue = JSON.stringify(newValue);\r\n }\r\n this.$emit(\"submit\", form, newValue);\r\n cb(form, newValue);\r\n });\r\n },\r\n\r\n // 重置\r\n resetForm() {\r\n this.$refs[\"PcForm\"].resetForm();\r\n },\r\n },\r\n // 销毁组件时清空store\r\n destroyed() {\r\n store.commit(\"SET_CSSLIST\", []);\r\n store.commit(\"SET_EVENTLIST\", []);\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped></style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../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!./FGPcForm.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../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!./FGPcForm.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FGPcForm.vue?vue&type=template&id=7ebc50c1&scoped=true\"\nimport script from \"./FGPcForm.vue?vue&type=script&lang=js\"\nexport * from \"./FGPcForm.vue?vue&type=script&lang=js\"\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 \"7ebc50c1\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('PhoneForm',{ref:\"PhoneForm\",attrs:{\"formList\":_vm.formLists,\"formConf\":_vm.formAttrs,\"dbData\":_vm.dbData},on:{\"update:formList\":function($event){_vm.formLists=$event},\"update:form-list\":function($event){_vm.formLists=$event},\"changeDataBaseQuery\":(val)=>_vm.$emit('changeDataBaseQuery',val)}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <PhoneForm ref=\"PhoneForm\" :formList.sync=\"formLists\" :formConf=\"formAttrs\" :dbData=\"dbData\" @changeDataBaseQuery=\"(val)=>$emit('changeDataBaseQuery',val)\" />\r\n</template>\r\n\r\n<script>\r\nimport PhoneForm from \"@/components/formGenerator/formComponents/phoneForm.vue\";\r\nimport {\r\n deepClone,\r\n setFormValue,\r\n arrayToObject,\r\n} from \"@/components/formGenerator/utils\";\r\nimport \"./common/initPhone\";\r\nimport store from \"@/store\";\r\nimport mixins from \"./common/mixins\";\r\n\r\nexport default {\r\n name: \"FGPhoneForm\",\r\n mixins: [mixins],\r\n components: {\r\n PhoneForm,\r\n },\r\n model: {\r\n prop: \"value\", // 绑定的值,通过父组件传递\r\n event: \"update\",\r\n },\r\n props: {\r\n value: {\r\n type: [String, Object],\r\n default: \"\",\r\n },\r\n // 传入对应的key & value\r\n form: {\r\n type: Object,\r\n default: () => {},\r\n },\r\n // 传入的对应的[key:'',value:'']\r\n formArray: {\r\n type: Array,\r\n default: () => [],\r\n },\r\n // 传入的对应的{key: value}\r\n dbData: {\r\n type: Object,\r\n default: () => {},\r\n },\r\n },\r\n data() {\r\n return {\r\n formLists: [],\r\n formAttrs: {},\r\n };\r\n },\r\n mounted() {\r\n this.init();\r\n },\r\n computed: {\r\n // 传的value值是否为String类型\r\n isString() {\r\n return typeof this.value === \"string\";\r\n },\r\n },\r\n methods: {\r\n init() {\r\n let value = deepClone(this.value);\r\n let form = this.form;\r\n if (this.formArray.length) form = arrayToObject(this.formArray);\r\n if (this.isString) {\r\n value = JSON.parse(this.value || \"{}\");\r\n }\r\n if (value && value.list) {\r\n this.formLists = setFormValue(deepClone(value?.list || []), form);\r\n this.formAttrs = deepClone(value);\r\n delete this.formAttrs?.list;\r\n }\r\n },\r\n validateForm(cb) {\r\n this.$refs[\"PhoneForm\"].validateForm((valid, form, list) => {\r\n let newValue = deepClone({ ...this.formAttrs, list });\r\n if (this.isString) {\r\n newValue = JSON.stringify(newValue);\r\n }\r\n this.$emit(\"update\", newValue);\r\n this.$emit(\"submit\", form, newValue);\r\n cb(valid, form, newValue);\r\n });\r\n },\r\n submitForm(cb) {\r\n this.$refs[\"PhoneForm\"].submitForm((form, list) => {\r\n let newValue = deepClone({ ...this.formAttrs, list });\r\n if (this.isString) {\r\n newValue = JSON.stringify(newValue);\r\n }\r\n this.$emit(\"update\", newValue);\r\n this.$emit(\"submit\", form, newValue);\r\n cb(form, newValue);\r\n });\r\n },\r\n // 重置\r\n resetForm() {\r\n this.$refs[\"PhoneForm\"].resetForm();\r\n },\r\n },\r\n // 销毁组件时清空store\r\n destroyed() {\r\n store.commit(\"SET_CSSLIST\", []);\r\n store.commit(\"SET_EVENTLIST\", []);\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped></style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../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!./FGPhoneForm.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../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!./FGPhoneForm.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./FGPhoneForm.vue?vue&type=template&id=722561d7&scoped=true\"\nimport script from \"./FGPhoneForm.vue?vue&type=script&lang=js\"\nexport * from \"./FGPhoneForm.vue?vue&type=script&lang=js\"\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 \"722561d7\",\n null\n \n)\n\nexport default component.exports"],"sourceRoot":""}