{"remainingRequest":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js!E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\boman-framwork\\ruoyi-ui\\src\\components\\FormItemComponent\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\boman-framwork\\ruoyi-ui\\src\\components\\FormItemComponent\\index.vue","mtime":1620788133212},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\boman-framwork\\ruoyi-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKdmFyIF9pbnRlcm9wUmVxdWlyZURlZmF1bHQgPSByZXF1aXJlKCJFOi9ib21hbi1mcmFtd29yay9ydW95aS11aS9ub2RlX21vZHVsZXMvQGJhYmVsL3J1bnRpbWUvaGVscGVycy9pbnRlcm9wUmVxdWlyZURlZmF1bHQiKS5kZWZhdWx0OwoKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7CgpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIik7CgpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkucmVkdWNlLmpzIik7CgpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LmtleXMuanMiKTsKCnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5jb25jYXQuanMiKTsKCnZhciBfdnVlID0gX2ludGVyb3BSZXF1aXJlRGVmYXVsdChyZXF1aXJlKCJ2dWUiKSk7Cgp2YXIgX2xheW91dEFsZ29yaXRobSA9IF9pbnRlcm9wUmVxdWlyZURlZmF1bHQocmVxdWlyZSgiQC91dGlscy9sYXlvdXRBbGdvcml0aG0uanMiKSk7CgovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwovLwp2YXIgX2RlZmF1bHQyID0gewogIG5hbWU6ICJGb3JtSXRlbUNvbXBvbmVudCIsCiAgcHJvcHM6IHsKICAgIGZvcm1JdGVtTGlzdHM6IHsKICAgICAgdHlwZTogQXJyYXksCiAgICAgIGRlZmF1bHQ6IGZ1bmN0aW9uIF9kZWZhdWx0KCkgewogICAgICAgIHJldHVybiBbXTsKICAgICAgfQogICAgfSwKICAgIGJ1dHRvblR5cGU6IHsKICAgICAgdHlwZTogQm9vbGVhbiwKICAgICAgZGVmYXVsdDogZnVuY3Rpb24gX2RlZmF1bHQoKSB7CiAgICAgICAgcmV0dXJuIHRydWU7CiAgICAgIH0KICAgIH0sCiAgICBkZWZhdWx0Q29sdW1uOiB7CiAgICAgIHR5cGU6IE51bWJlciwKICAgICAgZGVmYXVsdDogNAogICAgfSwKICAgIHJlYWRvbmx5OiB7CiAgICAgIHR5cGU6IEJvb2xlYW4sCiAgICAgIGRlZmF1bHQ6IGZhbHNlCiAgICB9CiAgfSwKICBjb21wdXRlZDogewogICAgLy8g6YCa6L+HbGF5b3V0QWxnb3JpdGht566X5rOV5b6X5Yiw5a+55bqU55qE5L2N572u5Z2Q5qCHCiAgICBkYXRhQ29sUm9sOiBmdW5jdGlvbiBkYXRhQ29sUm9sKCkgewogICAgICB2YXIgbGlzdCA9ICgwLCBfbGF5b3V0QWxnb3JpdGhtLmRlZmF1bHQpKHRoaXMuZGVmYXVsdENvbHVtbiwgdGhpcy5jdXJyZW50Rm9ybUxpc3QpOwogICAgICB2YXIgb2JqID0gT2JqZWN0LmtleXMobGlzdCkucmVkdWNlKGZ1bmN0aW9uICh0ZW1wLCBjdXJyZW50KSB7CiAgICAgICAgLy8g6K6h566X5pi+56S66KGM5pWwCiAgICAgICAgbGlzdFtjdXJyZW50XS5jb21wb25lbnQgPSBfdnVlLmRlZmF1bHQuZXh0ZW5kKGxpc3RbY3VycmVudF0uY29tcG9uZW50KTsKICAgICAgICB0ZW1wLnB1c2gobGlzdFtjdXJyZW50XSk7CiAgICAgICAgcmV0dXJuIHRlbXA7CiAgICAgIH0sIFtdKTsKICAgICAgY29uc29sZS5sb2cob2JqLCA5ODg4MjEyMyk7CiAgICAgIHJldHVybiBvYmo7CiAgICB9LAogICAgLy8g6K6h566X5bGe5oCn55qEIGRpdiDnmoTlnZDmoIfotbflp4vngrkKICAgIHNldERpdjogZnVuY3Rpb24gc2V0RGl2KCkgewogICAgICByZXR1cm4gZnVuY3Rpb24gKGl0ZW0pIHsKICAgICAgICByZXR1cm4gIiBncmlkLWNvbHVtbjoiLmNvbmNhdChpdGVtLngsICIvIikuY29uY2F0KGl0ZW0uY29sICsgaXRlbS54LCAiO2dyaWQtcm93OiIpLmNvbmNhdChpdGVtLnksICIvIikuY29uY2F0KGl0ZW0ueSArIGl0ZW0ucm93LCAiOyIpOwogICAgICB9OwogICAgfSwKICAgIC8vIOiuoeeul+WxnuaAp+eahCBkaXbnmoTmjpLliJfmoLzlvI8KICAgIHNldFdpZHRoOiBmdW5jdGlvbiBzZXRXaWR0aCgpIHsKICAgICAgLy8gYHRoaXNgIOaMh+WQkSB2bSDlrp7kvosKICAgICAgdmFyIGNvbHVtbnMgPSBOdW1iZXIodGhpcy5kZWZhdWx0Q29sdW1uKSB8fCA0OwogICAgICByZXR1cm4gImdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KCIuY29uY2F0KGNvbHVtbnMsICIsIikuY29uY2F0KDEwMCAvIGNvbHVtbnMsICIlIik7CiAgICB9CiAgfSwKICB3YXRjaDogewogICAgZm9ybUl0ZW1MaXN0czogZnVuY3Rpb24gZm9ybUl0ZW1MaXN0cygpIHsKICAgICAgdGhpcy5jdXJyZW50Rm9ybUxpc3QgPSB0aGlzLmZvcm1JdGVtTGlzdHMuY29uY2F0KFtdKTsKICAgIH0KICB9LAogIGRhdGE6IGZ1bmN0aW9uIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICAvLyBkZWZhdWx0Q29sdW1uOjQsICAvL+m7mOiupOS4gOihjDTliJcKICAgICAgZm9ybURhdGE6IHt9LAogICAgICAvL+S/neWtmGZvcm3kuK3ovpPlhaXmlbDmja4KICAgICAgY3VycmVudEZvcm1MaXN0OiBbXQogICAgfTsKICB9LAogIGNyZWF0ZWQ6IGZ1bmN0aW9uIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmN1cnJlbnRGb3JtTGlzdCA9IHRoaXMuZm9ybUl0ZW1MaXN0cy5jb25jYXQoW10pOwogICAgY29uc29sZS5sb2codGhpcy5jdXJyZW50Rm9ybUxpc3QsIDk5OTk5OTk5OSk7CiAgfSwKICBtZXRob2RzOiB7CiAgICBpbnB1dENoYW5nZTogZnVuY3Rpb24gaW5wdXRDaGFuZ2UodmFsdWUsIGl0ZW1zLCB0eXBlKSB7CiAgICAgIC8v5pyJ5pWw5o2u5pS55Y+Y5pe2CiAgICAgIC8vIGlmKE9iamVjdC5wcm90b3R5cGUudG9TdHJpbmcuY2FsbCh2YWx1ZSkgPT09ICdbb2JqZWN0IEFycmF5XScgJiYgKCF2YWx1ZVswXSB8fCAhdmFsdWVbMV0pKXsKICAgICAgLy8gICBkZWxldGUgdGhpcy5mb3JtRGF0YVtpdGVtcy5maWxlZF0KICAgICAgLy8gfWVsc2V7CiAgICAgIC8vICAgdGhpcy5mb3JtRGF0YVtpdGVtcy5maWxlZF0gPSB2YWx1ZQogICAgICAvLyB9CiAgICAgIGlmICh0eXBlICYmIHR5cGUgPT09ICJzZWxlY3QiKSB7CiAgICAgICAgdGhpcy5mb3JtRGF0YVtpdGVtcy5zbG90ZmlsZWRdID0gdmFsdWU7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy5mb3JtRGF0YVtpdGVtcy5maWxlZF0gPSB2YWx1ZTsKICAgICAgfQoKICAgICAgdGhpcy4kZW1pdCgiZm9ybUNoYW5nZSIsIHRoaXMuZm9ybURhdGEpOwogICAgfSwKICAgIHNlYXJjaDogZnVuY3Rpb24gc2VhcmNoKCkgewogICAgICB0aGlzLiRlbWl0KCJzZWFyY2giLCB0aGlzLmZvcm1EYXRhKTsKICAgIH0sCiAgICByZXNldDogZnVuY3Rpb24gcmVzZXQoKSB7CiAgICAgIHRoaXMuZm9ybURhdGEgPSB7fTsKICAgICAgdGhpcy5jdXJyZW50Rm9ybUxpc3QgPSB0aGlzLmN1cnJlbnRGb3JtTGlzdC5jb25jYXQoW10pOwogICAgICB0aGlzLiRlbWl0KCJzZWFyY2giLCB0aGlzLmZvcm1EYXRhKTsKICAgIH0KICB9Cn07CmV4cG9ydHMuZGVmYXVsdCA9IF9kZWZhdWx0Mjs="},{"version":3,"sources":["index.vue"],"names":[],"mappings":"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","sourcesContent":["<template>\r\n  <div class=\"FormComponent\">\r\n      <div\r\n      class=\"FormItemComponent\"\r\n      :style=\"setWidth\"\r\n    >\r\n      <div\r\n        v-for=\"(item,index) in dataColRol\"\r\n        :key=\"index\"\r\n        class=\"FormItemComponent-item\"\r\n        :style=\"setDiv(item)\"\r\n      >\r\n        <component\r\n          :is=\"item.component\"\r\n          :ref=\"'component_'+index\"\r\n          :index=\"index\"\r\n          :items=\"item.item\"\r\n          :readonly=\"readonly\"\r\n          @inputChange=\"inputChange\"\r\n        />\r\n      </div>\r\n    </div>\r\n    <p v-if=\"buttonType\">\r\n      <el-button type=\"primary\" plain icon=\"el-icon-search\" @click=\"search\">搜索</el-button>\r\n      <el-button icon=\"el-icon-refresh\" size=\"mini\" @click=\"reset\">重置</el-button>\r\n    </p>\r\n  </div>\r\n</template>\r\n<script>\r\nimport Vue from \"vue\";\r\nimport layoutAlgorithm from \"@/utils/layoutAlgorithm.js\";\r\nexport default {\r\n  name: \"FormItemComponent\",\r\n  props: {\r\n    formItemLists: {\r\n      type: Array,\r\n      default() {\r\n        return [];\r\n      }\r\n    },\r\n    buttonType: {\r\n      type: Boolean,\r\n      default() {\r\n        return true;\r\n      }\r\n    },\r\n    defaultColumn: {\r\n      type: Number,\r\n      default: 4\r\n    },\r\n    readonly: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  computed: {\r\n    // 通过layoutAlgorithm算法得到对应的位置坐标\r\n    dataColRol() {\r\n      const list = layoutAlgorithm(this.defaultColumn, this.currentFormList);\r\n      let obj = Object.keys(list).reduce((temp, current) => {\r\n        // 计算显示行数\r\n        list[current].component = Vue.extend(list[current].component);\r\n        temp.push(list[current]);\r\n        return temp;\r\n      }, []);\r\n      console.log(obj,98882123)\r\n      return obj\r\n    },\r\n    // 计算属性的 div 的坐标起始点\r\n    setDiv() {\r\n      return item =>\r\n        ` grid-column:${item.x}/${item.col + item.x};grid-row:${\r\n          item.y\r\n        }/${item.y + item.row};`;\r\n    },\r\n    // 计算属性的 div的排列格式\r\n    setWidth() {\r\n      // `this` 指向 vm 实例\r\n      const columns = Number(this.defaultColumn) || 4;\r\n      return `grid-template-columns: repeat(${columns},${100 / columns}%`;\r\n    }\r\n  },\r\n  watch: {\r\n    formItemLists() {\r\n      this.currentFormList = this.formItemLists.concat([]);\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      // defaultColumn:4,  //默认一行4列\r\n      formData: {}, //保存form中输入数据\r\n      currentFormList: []\r\n    };\r\n  },\r\n  created() {\r\n    this.currentFormList = this.formItemLists.concat([]);\r\n    console.log(this.currentFormList,999999999)\r\n  },\r\n  methods: {\r\n    inputChange(value, items, type) {\r\n      //有数据改变时\r\n      // if(Object.prototype.toString.call(value) === '[object Array]' && (!value[0] || !value[1])){\r\n      //   delete this.formData[items.filed]\r\n      // }else{\r\n      //   this.formData[items.filed] = value\r\n      // }\r\n      if (type && type === \"select\") {\r\n        this.formData[items.slotfiled] = value;\r\n      } else {\r\n        this.formData[items.filed] = value;\r\n      }\r\n      this.$emit(\"formChange\", this.formData);\r\n    },\r\n    search() {\r\n      this.$emit(\"search\", this.formData);\r\n    },\r\n    reset() {\r\n      this.formData = {};\r\n      this.currentFormList = this.currentFormList.concat([]);\r\n      this.$emit(\"search\", this.formData);\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.FormComponent {\r\n  padding: 2px 10px 10px 10px;\r\n  // border: 1px solid rgba(228, 228, 228, 1);\r\n}\r\n\r\n.FormComponent > p {\r\n  padding-left: 108px;\r\n  margin-top: 10px;\r\n  display: flex;\r\n  width: 300px;\r\n\r\n  > button {\r\n    margin-right: 10px;\r\n  }\r\n}\r\n.FormItemComponent > div {\r\n  /*border:1px solid #fff;*/\r\n  box-sizing: border-box;\r\n}\r\n.FormItemComponent {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 25%);\r\n  grid-auto-rows: minmax(auto);\r\n}\r\n</style>\r\n"],"sourceRoot":"src/components/FormItemComponent"}]}