{"version":3,"sources":["webpack:///src/views/flow/custom/jsxPreview.vue","webpack:///./src/views/flow/custom/jsxPreview.vue?1468","webpack:///./src/utils/render.js","webpack:///./src/views/flow/custom/jsxPreview.vue","webpack:///./src/views/flow/custom/jsxPreview.vue?fe8d","webpack:///./node_modules/core-js/modules/es.object.freeze.js"],"names":["setFcOrgSelectRule","conf","ctx","validator","rule","value","callback","val","formModel","field","Object","keys","length","count","tabList","forEach","key","Array","isArray","undefined","Error","concat","title","trigger","tag","type","required","buildRules","vModel","rules","defaultValue","message","placeholder","label","push","regList","item","pattern","eval","ruleList","setData","prop","$set","_isMounted","buildData","layouts","colFormItem","h","isList","arguments","labelWidth","handleInput","$refs","confGlobal","formRef","validateField","span","render","rowType","tableTitle","rowFormItem","tableRefs","param","_objectSpread","config","formSize","size","divider","explain","props","justify","align","gutter","row","children","map","el","layout","showDivider","cmpType","showExplain","bind","data","drawerTitle","drawerText","drawerVisible","containerWidth","$route","params","formData","mounted","console","log","initDefaultData","getConfigByAjax","methods","submitForm","_this","isTableValid","checkTableData","validate","valid","$notify","position","resetForm","resetFields","resetTableData","_this2","reset","_this3","res","$children","submit","explainText","buildDrawer","_this4","content","visible","on","buildForm","_this5","labelPosition","fields","c","formObject","model","ref","btns","_this6","_this7","GET_MOCK_CONF","then","freeze","_this8","$$v","name","makeMap","attrStr","expectsLowerCase","attrs","split","create","t","toLowerCase","isAttr","self","dataObject","input","$emit","change","componentChild","prepend","append","options","list","disabled","optionType","border","buttonText","showTip","fileSize","sizeUnit","accept","confClone","JSON","parse","stringify","this","style","childObjs","childFunc","staticRenderFns","component","$","FREEZING","fails","isObject","onFreeze","$freeze","FAILS_ON_PRIMITIVES","target","stat","forced","sham","it"],"mappings":"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","file":"js/chunk-33558459.931e58b6.js","sourcesContent":["<script>\r\nimport render from '@/utils/render.js'\r\nimport { GET_MOCK_CONF } from '../../../api'\r\nimport { trigger } from '@/components/flow/DynamicForm/components/generator/config.js'\r\n/**\r\n * 校验组织机构组件是否为空\r\n */\r\nconst setFcOrgSelectRule = ( conf, ctx ) => {\r\n  return { \r\n    validator: (rule, value, callback) => {\r\n      var val = ctx.formModel[rule.field]\r\n      if (Object.keys(val || {}).length === 0) {\r\n        callback()\r\n        return\r\n      }\r\n\r\n      var count = 0\r\n      conf.tabList.forEach(key => {\r\n        val && Array.isArray(val[key]) && (count += val[key].length)\r\n      })\r\n      callback(count ? undefined : new Error(`${conf.title}不能为空`))\r\n    }, \r\n    trigger: trigger[conf.tag],\r\n    type: 'object',\r\n    required: true, \r\n  }\r\n}\r\n/**\r\n * 收集表单必填项并组装成ElementUI表单校验得rules选项\r\n * 表格除外 表格自带校验\r\n */\r\nfunction buildRules ( conf, ctx ) {\r\n  if ( conf.vModel === undefined ||  !trigger[conf.tag]) return\r\n  const rules = []\r\n  if ( conf.required ) {\r\n    const type = Array.isArray( conf.defaultValue ) ? 'array' : undefined\r\n    let message = Array.isArray( conf.defaultValue ) ? `请至少选择一个` : conf.placeholder\r\n    if ( message === undefined ) message = `${conf.label}不能为空`\r\n    conf.tag === 'fc-org-select'\r\n      ? rules.push( setFcOrgSelectRule( conf, ctx ) )\r\n      : rules.push( { required: true, type, message, trigger: trigger[conf.tag] } )\r\n  }\r\n  // 自定义正则匹配\r\n  if ( conf.regList && Array.isArray( conf.regList ) ) {\r\n    conf.regList.forEach( item => {\r\n      if ( item.pattern ) {\r\n        rules.push( { pattern: eval( item.pattern ), message: item.message, trigger: trigger[conf.tag] } )\r\n      }\r\n    } )\r\n  }\r\n  ctx.ruleList[conf.vModel] = rules\r\n}\r\n\r\n\r\nvar setData = (ctx, val, prop, init = false) => {\r\n  if (!prop) return\r\n  ctx.$set(ctx.formModel, prop, val)\r\n}\r\n\r\nvar _isMounted = false // 收集默认值 渲染完成之后防止重复收集默认值\r\n\r\nconst buildData = (ctx, value, prop) => setData(ctx, value, prop, true)\r\n\r\nconst layouts = {\r\n  colFormItem: function (conf,  h, ctx, isList = false,) {\r\n    buildRules(conf, ctx)\r\n    !_isMounted && buildData(ctx, conf.defaultValue, conf.vModel)\r\n    let labelWidth = ''\r\n    if ( conf.labelWidth ) labelWidth = `${conf.labelWidth}px`\r\n    if ( isList ) labelWidth = \"0px\"\r\n    const required = ( !trigger[conf.tag] && conf.required ) || conf.tag === 'fc-org-select' \r\n    const handleInput = val => {\r\n      setData(ctx, val, conf.vModel)\r\n      if (conf.tag === 'fc-org-select') {\r\n        /**\r\n         * 组织机构组件数据复杂 \r\n         * async-validator不一定能准确捕获到数据变化 \r\n         * 所以在这里手动校验一次\r\n         */\r\n        ctx.$refs[ctx.confGlobal.formRef].validateField(conf.vModel,()=>{ })\r\n      }\r\n    }\r\n    let item =  <el-col span={conf.span}>\r\n                  <el-form-item \r\n                  label-width={labelWidth} \r\n                  label={isList ? '' : conf.label} \r\n                  prop={conf.vModel}>\r\n                    <render\r\n                    formData={ctx.formModel}\r\n                    conf={conf} \r\n                    value={ctx.formModel[conf.vModel]} \r\n                    ref={conf.rowType === 'table' ? conf.vModel : undefined} \r\n                    onInput={handleInput} \r\n                    />\r\n                  </el-form-item>\r\n                </el-col>\r\n\r\n    if (isList) {\r\n      var tableTitle = <el-col span={24} style=\"font-size: 14px;padding:6px 0px;margin-bottom: 4px;border-bottom: 1px solid #e5e5e5;\">{conf.label}</el-col>\r\n      return [tableTitle, item]\r\n    }\r\n    return item\r\n  },\r\n\r\n  rowFormItem: function (conf, h, ctx) {\r\n     if ( conf.rowType === 'table' ) {\r\n       ctx.tableRefs[conf.vModel] = conf\r\n       const param = {...conf, config: conf, formSize: ctx.confGlobal.size, labelWidth: `${conf.labelWidth || ctx.confGlobal.labelWidth}px`}\r\n       return this.colFormItem( param, h, ctx, conf.type === 'list' )\r\n    }\r\n    buildRules(conf, ctx)\r\n    const props = {\r\n      type: conf.type === 'default' ? undefined : conf.type,\r\n      justify: conf.type === 'default' ? undefined : conf.justify,\r\n      align: conf.type === 'default' ? undefined : conf.align,\r\n      gutter: typeof conf.gutter === 'number' ? conf.gutter : undefined,\r\n    }\r\n    let row = <el-col span={conf.span || 24}>\r\n                <el-row {...{ props: props }}>\r\n                  { Array.isArray(conf.children) && conf.children.map( ( el ) => layouts[el.layout]( el, h, ctx ) ) }\r\n                </el-row>\r\n              </el-col>\r\n    let divider\r\n    if (conf.showDivider) {\r\n      let explain\r\n      if (conf.cmpType === 'custom' && conf.explain) {\r\n        explain = <el-tooltip effect=\"dark\" content=\"组件说明\" placement=\"top\">\r\n                    <i class=\"el-icon-info\"\r\n                      onClick={ctx.showExplain.bind(this, conf.explain, conf.label)}\r\n                      style=\"margin-right: 8px; color: #E6A23C;cursor: pointer;\">\r\n                    </i>\r\n                  </el-tooltip>\r\n      }\r\n      divider = <el-col span={24}>\r\n                  <el-divider content-position=\"left\" >{explain} {conf.label}</el-divider>\r\n                </el-col>\r\n      return [divider, row]\r\n    } \r\n    return row\r\n  },\r\n}\r\n\r\n\r\nexport default {\r\n  data () {\r\n    return {\r\n      tableRefs: {},\r\n      drawerTitle: '',\r\n      drawerText: '',\r\n      drawerVisible: false,\r\n      containerWidth: 66,\r\n      confGlobal: this.$route.params.formData || null,\r\n      formModel: {},\r\n      ruleList: {}\r\n    }\r\n  },\r\n  mounted(){\r\n    console.log(this.confGlobal)\r\n    if (!this.confGlobal) {\r\n      this.getConfigByAjax();\r\n    } else {\r\n      this.initDefaultData(this.confGlobal);\r\n    }\r\n    _isMounted = true;\r\n  },\r\n  methods: {\r\n    submitForm () {\r\n      const isTableValid = this.checkTableData()\r\n      this.$refs[this.confGlobal.formRef].validate(valid => {\r\n        if(!valid) return\r\n        if (!isTableValid) return\r\n        this.$notify({\r\n          title: '表单数据',\r\n          message: '请在控制台中查看数据输出',\r\n          position: 'bottom-right'\r\n        });\r\n        console.log('表单数据', this.formModel)\r\n        // TODO 提交表单\r\n      })\r\n    },\r\n\r\n    resetForm() {\r\n      this.$refs[this.confGlobal.formRef].resetFields()\r\n      this.resetTableData()\r\n    },\r\n\r\n    resetTableData(){\r\n      Object.keys(this.tableRefs).forEach(vModel => {\r\n        // 由于render.js返回的动态组件 所以动态组件相当于是render的子组件\r\n        const res = this.$refs[vModel]['$children'][0].reset()\r\n      })\r\n    },\r\n\r\n    checkTableData () {\r\n      let valid = true\r\n      Object.keys(this.tableRefs).forEach(vModel => {\r\n        const res = this.$refs[vModel].$children[0].submit()  // 返回false或表单数据\r\n        res ? (this.formModel[vModel] = res) : (valid = false)\r\n      })\r\n      return valid\r\n    },\r\n\r\n    showExplain (explainText, title) {\r\n      if(!explainText) return\r\n      this.drawerTitle = title\r\n      this.drawerText = explainText\r\n      this.drawerVisible = true\r\n    },\r\n\r\n    buildDrawer (h) {\r\n      var content = <pre style=\"padding-left: 1rem;\">{this.drawerText}</pre>\r\n      return h('el-drawer', {\r\n        props: {\r\n          title: this.drawerTitle + '说明',\r\n          visible: this.drawerVisible,\r\n        },\r\n        on: {\r\n          'update:visible': val => this.drawerVisible = val\r\n        }\r\n      },\r\n      [content])\r\n    },\r\n\r\n    buildForm (h) {\r\n      let labelPosition = this.confGlobal.labelPosition || 'left'\r\n      const content = this.confGlobal.fields.map(c => layouts[c.layout](c, h, this))\r\n      const formObject = {\r\n        props: {\r\n          model: this.formModel,\r\n          rules: this.ruleList,\r\n          size: this.confGlobal.size,\r\n          labelWidth: this.confGlobal.labelWidth + 'px',\r\n          labelPosition: this.confGlobal.labelPosition || undefined\r\n        },\r\n        ref: this.confGlobal.formRef\r\n      }\r\n      const btns = <el-col span={24}>\r\n                    <el-form-item  style=\"text-align:right;\">\r\n                      <el-button type=\"primary\" onClick={this.submitForm}>提交</el-button>\r\n                      <el-button onClick={this.resetForm}>重置</el-button>\r\n                    </el-form-item>\r\n                  </el-col>\r\n                   console.log(this.confGlobal.fields,formObject,content)\r\n      // 因为使用jsx时  el-form 的 model 一直无法正确填充，故采用createElement直接渲染\r\n      return h('el-form', [content, btns]) \r\n    },\r\n    initDefaultData(config) {\r\n      config.fields.forEach(field => {\r\n        this.formModel[field.vModel] = field.defaultValue;\r\n      });\r\n    },\r\n    getConfigByAjax() {\r\n      GET_MOCK_CONF().then(res => {\r\n        this.confGlobal = Object.freeze(res.formData);\r\n        this.initDefaultData(res.formData);\r\n      });\r\n    }\r\n  },\r\n\r\n  render (h) {\r\n    if (!this.confGlobal) {\r\n      return <div v-loading=\"true\" class=\"loading-mask\"></div>\r\n    }\r\n    return  <div class=\"preview-container\" style={'width:' + this.containerWidth + '%;'}>\r\n              <el-row gutter={this.confGlobal.gutter} style=\"padding: 2rem 2rem 0;\">\r\n                {this.buildForm(h)}\r\n              </el-row>\r\n              <div  class=\"width-slider\">\r\n                <el-slider vModel={this.containerWidth} min={30} max={96}></el-slider>\r\n              </div>\r\n              {this.buildDrawer(h)}\r\n            </div>\r\n  }\r\n}\r\n</script>\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  \r\n  .width-slider\r\n    width  150px\r\n    position absolute\r\n    top 0\r\n    right 2rem\r\n\r\n.showDivider.form-container { \r\n  margin-bottom: 2rem; \r\n}\r\n.loading-mask {\r\n  width: 100vw;\r\n  height: 100vh;\r\n}\r\n</style>\r\n","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!./jsxPreview.vue?vue&type=style&index=0&id=03890dba&prod&lang=stylus&scoped=true&\"","const makeMap = ( attrStr, expectsLowerCase ) => {\r\n  const attrs = attrStr.split( ',' )\r\n  const map = Object.create( null )\r\n  attrs.forEach( t => map[t] = true )\r\n  return expectsLowerCase ?\r\n    val => map[val.toLowerCase()] :\r\n    val => map[val]\r\n}\r\n\r\n// 参考https://github.com/vuejs/vue/blob/v2.6.10/src/platforms/web/server/util.js\r\nconst isAttr = makeMap(\r\n  'accept,accept-charset,accesskey,action,align,alt,async,autocomplete,'\r\n  + 'autofocus,autoplay,autosave,bgcolor,border,buffered,challenge,charset,'\r\n  + 'checked,cite,class,code,codebase,color,cols,colspan,content,http-equiv,'\r\n  + 'name,contenteditable,contextmenu,controls,coords,data,datetime,default,'\r\n  + 'defer,dir,dirname,disabled,download,draggable,dropzone,enctype,method,for,'\r\n  + 'form,formaction,headers,height,hidden,high,href,hreflang,http-equiv,'\r\n  + 'icon,id,ismap,itemprop,keytype,kind,label,lang,language,list,loop,low,'\r\n  + 'manifest,max,maxlength,media,method,GET,POST,min,multiple,email,file,'\r\n  + 'muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,'\r\n  + 'preload,radiogroup,readonly,rel,required,reversed,rows,rowspan,sandbox,'\r\n  + 'scope,scoped,seamless,selected,shape,size,type,text,password,sizes,span,'\r\n  + 'spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,'\r\n  + 'target,title,type,usemap,value,width,wrap'\r\n)\r\n\r\nfunction vModel ( self, dataObject, value ) {\r\n  dataObject.props.value = value\r\n  dataObject.on.input = val => {\r\n    self.$emit( 'input', val )\r\n  }\r\n  // 因为有些组件的v-model绑定的事件是change 所以这里也得监听\r\n  dataObject.on.change = val => {\r\n    self.$emit( 'input', val )\r\n  }\r\n}\r\n\r\nconst componentChild = {\r\n  'el-input': {\r\n    prepend ( h, conf, key ) {\r\n      return <template slot=\"prepend\">{conf[key]}</template>\r\n    },\r\n    append ( h, conf, key ) {\r\n      return <template slot=\"append\">{conf[key]}</template>\r\n    }\r\n  },\r\n  'el-select': {\r\n    options ( h, conf, key ) {\r\n      const list = []\r\n      conf.options.forEach( item => {\r\n        list.push( <el-option label={item.label} value={item.value} disabled={item.disabled}></el-option> )\r\n      } )\r\n      return list\r\n    }\r\n  },\r\n  'el-radio-group': {\r\n    options ( h, conf, key ) {\r\n      const list = []\r\n      conf.options.forEach( item => {\r\n        if ( conf.optionType === 'button' ) list.push( <el-radio-button label={item.value}>{item.label}</el-radio-button> )\r\n        else list.push( <el-radio label={item.value} border={conf.border}>{item.label}</el-radio> )\r\n      } )\r\n      return list\r\n    }\r\n  },\r\n  'el-checkbox-group': {\r\n    options ( h, conf, key ) {\r\n      const list = []\r\n      conf.options.forEach( item => {\r\n        if ( conf.optionType === 'button' ) {\r\n          list.push( <el-checkbox-button label={item.value}>{item.label}</el-checkbox-button> )\r\n        } else {\r\n          list.push( <el-checkbox label={item.value} border={conf.border}>{item.label}</el-checkbox> )\r\n        }\r\n      } )\r\n      return list\r\n    }\r\n  },\r\n  'el-upload': {\r\n    'list-type': ( h, conf, key ) => {\r\n      const list = []\r\n      if ( conf['list-type'] === 'picture-card' ) {\r\n        list.push( <i class=\"el-icon-plus\"></i> )\r\n      } else {\r\n        list.push( <el-button size=\"small\" type=\"primary\" icon=\"el-icon-upload\">{conf.buttonText}</el-button> )\r\n      }\r\n      if ( conf.showTip ) {\r\n        list.push( <div slot=\"tip\" class=\"el-upload__tip\">只能上传不超过 {conf.fileSize}{conf.sizeUnit} 的{conf.accept}文件</div> )\r\n      }\r\n      return list\r\n    }\r\n  }\r\n}\r\n\r\nexport default {\r\n  create(){\r\n\r\n  },\r\n  render ( h ) {\r\n    const confClone = JSON.parse( JSON.stringify( this.conf ) )\r\n    const dataObject = {\r\n      attrs: {},\r\n      props: {\r\n        formData: this.formData,\r\n        value: this.value || confClone['defaultValue']\r\n      },\r\n      on: {},\r\n      style: {}\r\n    }\r\n    const children = []\r\n\r\n    const childObjs = componentChild[confClone.tag]\r\n    if ( childObjs ) {\r\n      Object.keys( childObjs ).forEach( key => {\r\n        const childFunc = childObjs[key]\r\n        if ( confClone[key] ) {\r\n          children.push( childFunc( h, confClone, key ) )\r\n        }\r\n      } )\r\n    }\r\n\r\n    Object.keys( confClone ).forEach( key => {\r\n      const val = confClone[key]\r\n      if ( key === 'vModel' ) {\r\n        vModel( this, dataObject, this.value === undefined ? confClone['defaultValue'] : this.value )\r\n      } else if ( dataObject[key] ) {\r\n        dataObject[key] = val\r\n      } else if ( !isAttr( key ) ) {\r\n        dataObject.props[key] = val\r\n      } else {\r\n        dataObject.attrs[key] = val\r\n      }\r\n    } )\r\n    return h( this.conf.tag, dataObject, children )\r\n  },\r\n  props: ['conf', 'value', 'formData']\r\n}","var render, staticRenderFns\nimport script from \"./jsxPreview.vue?vue&type=script&lang=js&\"\nexport * from \"./jsxPreview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./jsxPreview.vue?vue&type=style&index=0&id=03890dba&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  \"03890dba\",\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!./jsxPreview.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!./jsxPreview.vue?vue&type=script&lang=js&\"","var $ = require('../internals/export');\nvar FREEZING = require('../internals/freezing');\nvar fails = require('../internals/fails');\nvar isObject = require('../internals/is-object');\nvar onFreeze = require('../internals/internal-metadata').onFreeze;\n\n// eslint-disable-next-line es/no-object-freeze -- safe\nvar $freeze = Object.freeze;\nvar FAILS_ON_PRIMITIVES = fails(function () { $freeze(1); });\n\n// `Object.freeze` method\n// https://tc39.es/ecma262/#sec-object.freeze\n$({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES, sham: !FREEZING }, {\n  freeze: function freeze(it) {\n    return $freeze && isObject(it) ? $freeze(onFreeze(it)) : it;\n  }\n});\n"],"sourceRoot":""}