{"version":3,"sources":["webpack:///./src/components/layout/autoCol.vue","webpack:///src/components/layout/autoCol.vue","webpack:///./src/components/layout/autoCol.vue?f744","webpack:///./src/components/layout/autoCol.vue?21f0","webpack:///./src/components/layout/autoCol.vue?b087"],"names":["render","_vm","this","_c","_self","show","ref","class","mode","justify","items","wrap","style","_t","el","_e","staticRenderFns","name","components","props","size","min","max","type","default","inject","data","computed","flex","watch","methods","beforeCreate","created","beforeMount","mounted","beforeUpdate","updated","beforeDestroy","destroyed","component"],"mappings":"gKAAIA,EAAS,WAAiB,MAAKC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,KAAMF,EAAG,MAAM,CAACG,IAAI,KAAKC,OAAK,GAC3F,kBAA8B,UAAZN,EAAIO,MAAgB,iBACrC,oBAAoBP,EAAIQ,QAAyB,SAAfR,EAAIQ,SAAkB,iBACxD,wBAAwBR,EAAIS,MAAqB,SAAbT,EAAIS,OAAgB,iBACxD,YAAYT,EAAIU,KAAmB,UAAZV,EAAIU,OAAiC,IAAbV,EAAIU,MAAa,iBACtE,iBAA8B,IAAbV,EAAIU,MAA6B,QAAZV,EAAIU,MAAc,GAEpDC,MAAOX,EAAIW,OAAQ,CAACX,EAAIY,GAAG,UAAU,KAAK,CAAC,GAAKZ,EAAIa,MAAM,GAAGb,EAAIc,MAEvEC,EAAkB,GCStB,G,8BAAA,CACAC,gBACAC,cACAC,OACAC,qBACAC,oBACAC,oBACAd,MACAe,YACAC,eAEAf,SACAc,YACAC,iBAEAd,OACAa,YACAC,iBAEAb,MACAY,sBACAC,mBAGAC,mBACAC,gBACA,OACAZ,UAGAa,UACAf,iBAAA,MACA,0DAEAQ,EAGA,KAHAA,KACAC,EAEA,KAFAA,IACAC,EACA,KADAA,IAEA,UACAM,gBAAA,iBACA,4DACA,uEAEAR,+BAGAf,gBACA,qEAGAwB,SAGAC,WAGAC,0BAGAC,qBAGAC,yBAGAC,mBACA,sBACA,oBAEAC,0BAGAC,qBAGAC,2BAGAC,yBChGqc,I,wBCQjcC,EAAY,eACd,EACA,EACAvB,GACA,EACA,KACA,WACA,MAIa,aAAAuB,E,2CCnBf","file":"js/chunk-265581ec.865a4fff.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.show)?_c('div',{ref:\"el\",class:{\n           'auto-col-column':_vm.mode == 'column',\n           ['auto-col-justify-'+_vm.justify]: _vm.justify != 'start',\n           ['auto-col-align-items-'+_vm.items]: _vm.items != 'start',\n           ['auto-col-'+_vm.wrap]: _vm.wrap != 'nowrap' && _vm.wrap !== true,\n\t\t   ['auto-col-wrap']:_vm.wrap === true || _vm.wrap == 'wrap',\n\n        },style:(_vm.style)},[_vm._t(\"default\",null,{\"el\":_vm.el})],2):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div \r\n        v-if=\"show\"\r\n\t    :style=\"style\" \r\n        ref=\"el\"\r\n        :class=\"{\r\n           'auto-col-column':mode == 'column',\r\n           ['auto-col-justify-'+justify]: justify != 'start',\r\n           ['auto-col-align-items-'+items]: items != 'start',\r\n           ['auto-col-'+wrap]: wrap != 'nowrap' && wrap !== true,\r\n\t\t   ['auto-col-wrap']:wrap === true || wrap == 'wrap',\r\n\r\n        }\"\r\n    >\r\n        <slot :el=\"el\"></slot>\r\n    </div>\r\n</template>\r\n<script>\r\n    export default {\r\n        name: 'auto-col',\r\n        components: {},\r\n        props: {\r\n            size:[String,Number],\r\n            min:[String,Number],\r\n            max:[String,Number],\r\n            mode:{\r\n                type:String,\r\n                default:\"row\",\r\n            },\r\n            justify:{\r\n                type:String,\r\n                default:\"start\",\r\n            },\r\n            items:{\r\n                type:String,\r\n                default:\"start\",\r\n            },\r\n            wrap:{\r\n\t\t\t\ttype:[String, Boolean],\r\n\t\t\t\tdefault:\"nowrap\",\r\n            },        \r\n        },\r\n        inject: ['getMode'],\r\n        data() {\r\n            return {\r\n                el:null,\r\n            }\r\n        },\r\n        computed: { //计算属性\r\n            style(){\r\n                let type = (this.getMode && this.getMode() == \"column\") ? \"Height\" : \"Width\";\r\n                let {\r\n                    size,\r\n                    min,\r\n                    max,\r\n                } = this;\r\n                return {\r\n                    flex:size || \"none\",\r\n                    [\"min\"+type]:min + (/^\\d+\\.?\\d+$/.test(min) ? \"px\" : \"\"),\r\n                    [\"max\"+type]:max + (/^\\d+\\.?\\d+$/.test(max) ? \"px\" : \"\"),\r\n                    // overflow: size == \"auto\" ? \"100%\" : undefined,\r\n                    overflow: size == \"auto\" ? \"visible\" : undefined,\r\n                };\r\n            },\r\n            show(){\r\n                return /^vue-component-\\d+-auto-row$/.test(this.$parent.$vnode.tag);\r\n            }\r\n        },\r\n        watch: {  //监听器\r\n\r\n        },\r\n        methods: {\r\n           \r\n        },\r\n\t\tbeforeCreate(){ //在实例初始化之后被调用\r\n\t\t\t\r\n\t\t},\r\n\t\tcreated(){ //在实例创建完成后被立即调用\r\n\r\n\t\t},\r\n\t\tbeforeMount(){ //在挂载开始之前被调用\r\n\t\t\t\r\n\t\t},\r\n\t\tmounted(){ //挂载到实例上去之后调用\r\n            this.el = this.$refs.el;\r\n            this.$emit(\"load\");\r\n\t\t},\r\n\t\tbeforeUpdate(){ //数据更新时调用，发生在虚拟 DOM 打补丁之前\r\n\t\t\t\r\n\t\t},\r\n\t\tupdated(){ //由于数据更改导致的虚拟 DOM 重新渲染和打补丁，在这之后会调用该钩子\r\n\t\t\t\r\n\t\t},\r\n\t\tbeforeDestroy(){ //实例销毁之前调用。在这一步，实例仍然完全可用\r\n\t\t\t\r\n\t\t},\r\n\t\tdestroyed(){ //\tVue 实例销毁后调用。调用后，Vue 实例指示的所有东西都会解绑定，所有的事件监听器会被移除，所有的子实例也会被销毁\r\n\t\t\t\r\n\t\t},\r\n    }\r\n</script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n<style>\r\n\r\n</style>\r\n<style scoped>\r\n.auto-col-column,\r\n.auto-col-justify-start,\r\n.auto-col-justify-end,\r\n.auto-col-justify-center,\r\n.auto-col-justify-between,\r\n.auto-col-justify-around,\r\n.auto-col-align-items-start,\r\n.auto-col-align-items-end,\r\n.auto-col-align-items-center,\r\n.auto-col-align-items-baseline,\r\n.auto-col-align-items-stretch,\r\n.auto-col-wrap,\r\n.auto-col-wrap-reverse{\r\n\tdisplay:flex;\r\n\tflex-wrap:nowrap;\r\n}\r\n.auto-col-column{\r\n    flex-direction: column;\r\n}\r\n\r\n.auto-col-justify-start{\r\n    justify-content: flex-start;\r\n}\r\n.auto-col-justify-end{\r\n    justify-content: flex-end;\r\n}\r\n.auto-col-justify-center{\r\n    justify-content: center;\r\n}\r\n.auto-col-justify-between{\r\n    justify-content: space-between;\r\n}\r\n.auto-col-justify-around{\r\n    justify-content: space-around;\r\n}\r\n\r\n.auto-col-align-items-start{\r\n    align-items: flex-start;\r\n}\r\n.auto-col-align-items-end{\r\n    align-items: flex-end;\r\n}\r\n.auto-col-align-items-center{\r\n    align-items: center;\r\n}\r\n.auto-col-align-items-baseline{\r\n    align-items: baseline;\r\n}\r\n.auto-col-align-items-stretch{\r\n    align-items: stretch;\r\n}\r\n\r\n.auto-col-wrap{\r\n    flex-wrap:wrap;\r\n}\r\n.auto-col-wrap-reverse{\r\n    flex-wrap:wrap-reverse;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./autoCol.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./autoCol.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./autoCol.vue?vue&type=template&id=1087603a&scoped=true&\"\nimport script from \"./autoCol.vue?vue&type=script&lang=js&\"\nexport * from \"./autoCol.vue?vue&type=script&lang=js&\"\nimport style1 from \"./autoCol.vue?vue&type=style&index=1&id=1087603a&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1087603a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./autoCol.vue?vue&type=style&index=1&id=1087603a&prod&scoped=true&lang=css&\""],"sourceRoot":""}