{"version":3,"sources":["webpack:///./src/custom-component/basic/Picture/Picture.vue?eca2","webpack:///./src/custom-component/basic/Picture/Picture.vue","webpack:///src/custom-component/basic/Picture/Picture.vue","webpack:///./src/custom-component/basic/Picture/Picture.vue?a1d6","webpack:///./src/custom-component/basic/Picture/Picture.vue?085b"],"names":["render","_vm","this","_c","_self","style","textStyle","staticRenderFns","props","propValue","type","Object","require","element","computed","_objectSpread","getText","styleSheet","height","width","mapState","methods","item","styleArray","Array","isArray","children","forEach","subItem","key","value","indexOf","urls","staticUrl","unit","component"],"mappings":"yIAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAOJ,EAAIK,aAEpFC,EAAkB,G,oCCMP,GACfC,MAAA,CACAC,UAAA,CACAC,KAAAC,OACAC,SAAA,GAEAC,QAAA,CACAH,KAAAC,SAGAG,SAAAC,eAAA,CACAT,UAAA,WACA,QAAAO,QAAAR,MAAA,CACA,IAAAA,EACA,KAAAW,QAAA,KAAAH,QAAAR,MAAAY,YACA,UACA,KAAAJ,QAAAR,MAAAa,OAFA,YAKA,KAAAL,QAAAR,MAAAc,MACA,MACA,OAAAd,EAEA,WAGAe,eAAA,sBAEAC,QAAA,CACAL,QAAA,SAAAM,GACA,IAAAlB,EAAA,KACAE,EAAA,GACAiB,EAAA,KAUA,GATAC,MAAAC,QAAAH,KACAC,EAAAD,GAEA,UAAAA,EAAAZ,MAAA,eAAAY,EAAAZ,MAAA,QAAAY,EAAAZ,MACAY,EAAAI,UAAAF,MAAAC,QAAAH,EAAAI,YACAH,EAAAD,EAAAI,UAIAH,EAIA,OAHAA,EAAAI,SAAA,SAAAC,GACAtB,GAAAF,EAAAY,QAAAY,MAEAtB,EAGA,GAAAgB,EAAAO,MAAAP,EAAAQ,OAAA,IAAAR,EAAAQ,OAAA,CACA,wBAAAR,EAAAO,IAQA,OALAvB,EADA,IAAAgB,EAAAQ,MAAAC,QAAA,QACAT,EAAAO,IAAA,QAAAP,EAAAQ,MAAA,gCAEAR,EAAAO,IAAA,QAAAG,OAAAC,UAAAX,EAAAQ,MAAA,gCAGAxB,EAWAA,EARAgB,EAAAY,MAEA,cAAAZ,EAAAO,KACA,iBAAAP,EAAAO,KACA,kBAAAP,EAAAO,KACA,UAAAP,EAAAO,KACAP,EAAAO,IAEAP,EAAAO,IAAA,IAAAP,EAAAQ,MAAAR,EAAAY,KAAA,KAKAZ,EAAAO,IAAA,IAAAP,EAAAQ,MAAA,IAIA,OAAAxB,KCtF+W,I,wBCQ3W6B,EAAY,eACd,EACAnC,EACAO,GACA,EACA,KACA,WACA,MAIa,aAAA4B,E","file":"js/chunk-0c2be6d5.9af36206.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Picture.vue?vue&type=style&index=0&id=2f25795e&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{style:(_vm.textStyle)})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div :style=\"textStyle\" />\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from 'vuex';\r\nimport urls from '@/utils/urls';\r\n\r\nexport default {\r\n    props: {\r\n        propValue: {\r\n            type: Object,\r\n            require: true,\r\n        },\r\n        element: {\r\n            type: Object,\r\n        },\r\n    },\r\n    computed: {\r\n        textStyle: function() {\r\n            if (this.element.style) {\r\n                let style =\r\n                    this.getText(this.element.style.styleSheet) +\r\n                    'height:' +\r\n                    this.element.style.height +\r\n                    'px;' +\r\n                    'width:' +\r\n                    this.element.style.width +\r\n                    'px;';\r\n                return style;\r\n            } else {\r\n                return '';\r\n            }\r\n        },\r\n        ...mapState(['canvasStyleData']),\r\n    },\r\n    methods: {\r\n        getText(item) {\r\n            let _self = this;\r\n            let textStyle = '';\r\n            let styleArray = null;\r\n            if (Array.isArray(item)) {\r\n                styleArray = item;\r\n            }\r\n            if (item.type === 'group' || item.type === 'line-group' || item.type === 'tab') {\r\n                if (item.children && Array.isArray(item.children)) {\r\n                    styleArray = item.children;\r\n                }\r\n            }\r\n\r\n            if (styleArray) {\r\n                styleArray.forEach(function(subItem) {\r\n                    textStyle = textStyle + _self.getText(subItem);\r\n                });\r\n                return textStyle;\r\n            }\r\n\r\n            if (item.key && (item.value || item.value === 0)) {\r\n                if (item.key === 'background-image') {\r\n                    // todo 图片请求地址拆分\r\n                    if (item.value.indexOf(\"http\") === 0) {\r\n                        textStyle = item.key + ':url(' + item.value + ');background-size: 100% 100%;';\r\n                    } else {\r\n                        textStyle = item.key + ':url(' + urls.staticUrl + item.value + ');background-size: 100% 100%;';\r\n                    }\r\n\r\n                    return textStyle;\r\n                }\r\n\r\n                if (item.unit) {\r\n                    if (\r\n                        item.key === 'font-size' ||\r\n                        item.key === 'border-width' ||\r\n                        item.key === 'border-radius' ||\r\n                        item.key === 'width' ||\r\n                        item.key === 'height'\r\n                    ) {\r\n                        textStyle = item.key + ':' + item.value + item.unit + ';';\r\n                    } else {\r\n                        textStyle = item.key + ':' + item.value + item.unit + ';';\r\n                    }\r\n                } else {\r\n                    textStyle = item.key + ':' + item.value + ';';\r\n                }\r\n            }\r\n\r\n            return textStyle;\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\ndiv {\r\n    display: inline-block;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Picture.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Picture.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Picture.vue?vue&type=template&id=2f25795e&scoped=true&\"\nimport script from \"./Picture.vue?vue&type=script&lang=js&\"\nexport * from \"./Picture.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Picture.vue?vue&type=style&index=0&id=2f25795e&prod&lang=scss&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  \"2f25795e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}