{"version":3,"sources":["webpack:///./src/views/imgPS/img-ps-index.vue","webpack:///src/views/imgPS/img-ps-index.vue","webpack:///./src/views/imgPS/img-ps-index.vue?b97e","webpack:///./src/views/imgPS/img-ps-index.vue?d402","webpack:///./src/views/imgPS/img-ps-index.vue?1299"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","goHome","psUrl","staticRenderFns","ActionType","name","components","appTitle","data","port","created","beforeDestroy","window","methods","goHome2","saveMaterial","url","templateService","projectId","type","items","storageId","widthHeight","materialService","reject","resolve","postLoadData","userId","history","event","eventMethods","load","array","jsonArray","uploadImage","uploadService","saveAsset","imgArr","postStep","reset","trackPoint","onIframeLoad","messageCallback","e","func","postToTemplateEditorPage","properties","originWin","psDataUrl","location","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,eAAe,CAACE,YAAY,YAAY,CAACF,EAAG,YAAY,CAACE,YAAY,4BAA4B,CAACF,EAAG,YAAY,CAACG,MAAM,CAAC,KAAO,OAAO,QAAU,mBAAmB,YAAa,GAAOC,GAAG,CAAC,OAASN,EAAIO,WAAW,GAAGL,EAAG,UAAU,CAACA,EAAG,SAAS,CAACG,MAAM,CAAC,IAAML,EAAIQ,MAAM,GAAK,iBAAiB,IAEjWC,EAAkB,G,qrCCetB,OACAC,uCACAA,qCACAA,wCACAA,6CACAA,2CACAA,+CAEA,GACAC,qBACAC,YAAAC,iBACAC,KAHA,WAIA,OACAN,aACAO,YAGAC,QATA,WAUA,qBAEAC,cAZA,WAaAC,4DAEAC,SACAZ,OADA,WAEA,sBAEAa,QAJA,WAKAF,6CAEAG,aAPA,SAOAC,GAAA,WACA,kCACAC,qDAAA,WAAI,EAAJ,MAAI,EAAJ,aACA,GACAC,uCACAC,oBACAC,OACA,CACAf,4DACAW,MACAK,YACAC,iBAIAC,8CACA,eACA,yBACAC,YAEA,gCACAC,qBAMAC,aAlCA,SAkCAC,EAAAC,GACA,uBACAC,aACArB,MAAAoB,UAAAD,aAGAG,aAxCA,WAwCA,WACA,OACAC,gBACA,sCACAR,uCACA,kBACA,SACAS,uBAAA,aACA,GACAC,yBAGA,yBAEA,0BAEA,WACA,2BAGAC,wBAAA,kBACAC,+CAAA,YACA,oBACAN,oBACArB,MACAQ,aAKAoB,qBAAA,6JAAAjB,sBACAkB,EAAA,KAEAA,EADA,qDACAA,EAEAA,IALA,IAOAA,GAPA,gEAOArB,EAPA,kBAQA,kBARA,kJAUAO,mEACA,oBACAM,oBAZA,sHAAAO,GAeAE,qBACAf,sEAEAgB,kBAAA,aAEAhB,mEACA,oBACAM,cACArB,WAGAgC,uBAAA,oBAAI,EAAJ,YAAI,EAAJ,YAAI,EAAJ,UACA,yBACA,KACA,8BACA,mCACA,kDAEA,mCAMAC,aA7GA,WA8GA7B,yDAEA8B,gBAhHA,SAgHAC,GACA,yBACA,qBACA,wCACAC,oBAGAC,yBAvHA,SAuHA7B,EAAA8B,GACA,2BACAC,kBACAC,YACAF,cACAG,oBCpKqW,I,wBCQjWC,EAAY,eACd,EACAzD,EACAU,GACA,EACA,KACA,KACA,MAIa,aAAA+C,E,2CCnBf","file":"js/chunk-44acbc4e.f92cfed1.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('el-container',{staticClass:\"ps-index\"},[_c('el-header',{staticClass:\"app-header editor-header\"},[_c('app-title',{attrs:{\"name\":\"智能抠图\",\"homeUrl\":\"/template/public\",\"isHomePage\":false},on:{\"goHome\":_vm.goHome}})],1),_c('el-main',[_c('iframe',{attrs:{\"src\":_vm.psUrl,\"id\":\"psIframe\"}})])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <el-container class=\"ps-index\">\n        <el-header class=\"app-header editor-header\">\n            <app-title name=\"智能抠图\" homeUrl='/template/public' @goHome=\"goHome\" :isHomePage=\"false\"></app-title>\n        </el-header>\n        <el-main>\n            <iframe :src=\"psUrl\" id=\"psIframe\"></iframe>\n        </el-main>\n    </el-container>\n</template>\n<script>\n    import appTitle from '@/views/layout/app-title';\n    import {ps_url, material_type} from '@/const.js';\n    import materialService from '@/request/service/material-service.js';\n    import uploadService from '@/request/service/fileupload-service';\n    import templateService from '@/request/service/template-service';\n    import {ActionType} from \"../../bean/UserAction\";\n    const PV_KEYS = [\n        ActionType.cutout.time_to_export.actionKey,\n        ActionType.cutout.time_to_save.actionKey,\n        ActionType.cutout.time_to_matting.actionKey,\n        ActionType.cutout.time_to_batch_export.actionKey,\n        ActionType.cutout.time_to_batch_save.actionKey,\n        ActionType.cutout.time_to_batch_matting.actionKey\n    ];\n    export default {\n        name: 'editor-header',\n        components: {appTitle},\n        data() {\n            return {\n                psUrl: ps_url,\n                port: null\n            }\n        },\n        created() {\n            this.onIframeLoad();\n        },\n        beforeDestroy(){\n            window.removeEventListener('message', this.messageCallback);\n        },\n        methods: {\n            goHome() {\n                this.$emit('goHome');\n            },\n            goHome2() {\n                window.location.href = window.location.origin;\n            },\n            saveMaterial(url) {\n                return new Promise((resolve, reject) => {\n                    templateService.getNosImgUrlByNetworkImg(url).then(({id, url, properties}) => {\n                        let materialParams = {\n                            projectId: this.$store.state.app.projectId,\n                            type: material_type.element,\n                            items: [\n                                {\n                                    name: '抠图素材-' + moment(new Date).format('YYYY-MM-DD hh:mm:ss'),\n                                    url: url,\n                                    storageId: id,\n                                    widthHeight: properties,\n                                }\n                            ]\n                        };\n                        materialService.batchSaveMaterial(materialParams).then((data) => {\n                            if(data.failCount > 0){\n                                this.$message.error('保存失败');\n                                reject('保存失败');\n                            } else {\n                                this.postToTemplateEditorPage(url, properties);\n                                resolve('保存成功');\n                            }\n                        });\n                    });\n                });\n            },\n            postLoadData(userId, history){\n                this.port.postMessage({\n                    event: 'load',\n                    data: {history: history, userId: userId}\n                });\n            },\n            eventMethods() {\n                return {\n                    load: () => {\n                        let userId = this.$store.state.app.loginUser.id;\n                        materialService.getPSCache(userId).then((array) => {\n                            if (array && array.length > 0 ) {\n                                let jsonArray = [];\n                                array.forEach(({json}) => {\n                                    if(json){\n                                        jsonArray.push(JSON.parse(json));\n                                    }\n                                });\n                                this.postLoadData(userId, jsonArray);\n                            } else {\n                                this.postLoadData(userId, null);\n                            }\n                        }, () => {\n                            this.postLoadData(userId, null);\n                        });\n                    },\n                    uploadImage: ({imageData}) => {\n                        uploadService.uploadFileByBase64(imageData).then(({url}) => {\n                            this.port.postMessage({\n                                event: 'uploadImage',\n                                data: {\n                                    url: url\n                                }\n                            });\n                        });\n                    },\n                    saveAsset: async ({type, imageUrl}) => {\n                        let imgArr = null;\n                        if(Object.prototype.toString.call(imageUrl) === \"[object Array]\"){\n                            imgArr = imageUrl;\n                        } else {\n                            imgArr = [imageUrl]\n                        }\n                        for(let url of imgArr){\n                            await this.saveMaterial(url);\n                        }\n                        materialService.saveMaterialForPSCache(this.$store.state.app.projectId,type, null);\n                        this.port.postMessage({\n                            event: 'saveAsset',\n                        });\n                    },\n                    postStep: (data) => {\n                        materialService.saveMaterialForPSCache(this.$store.state.app.projectId,data.type, data);\n                    },\n                    reset: ({type}) => {\n                        // 清空缓存记录\n                        materialService.saveMaterialForPSCache(this.$store.state.app.projectId, type, null);\n                        this.port.postMessage({\n                            event: 'reset',\n                            data:{}\n                        });\n                    },\n                    trackPoint: ({categoryKey, actionKey, startTime, endTime}) => {\n                        var obj = this.ActionType.cutout[actionKey];\n                        if(obj){\n                            if(PV_KEYS.indexOf(obj.actionKey) > -1){\n                                let pid = this.$store.state.app.projectId;\n                                this.saveUserActionForPage(pid, startTime, endTime, categoryKey, obj.actionKey);\n                            } else {\n                                this.saveUserAction(categoryKey, obj.actionKey);\n                            }\n                        }\n                    }\n                };\n            },\n            onIframeLoad() {\n                window.addEventListener('message', this.messageCallback)\n            },\n            messageCallback(e){\n                if (e.data && e.data.event) {\n                    this.port = e.ports[0];\n                    let func = this.eventMethods()[e.data.event];\n                    func && func(e.data.data);\n                }\n            },\n            postToTemplateEditorPage(url,properties){\n                let originWin = parent.window.opener;\n                originWin && originWin.postMessage({\n                    psDataUrl: url,\n                    properties: properties,\n                }, location.origin)\n            }\n        }\n    }\n</script>\n<style lang=\"scss\">\n    @import \"ps\";\n</style>","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!./img-ps-index.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!./img-ps-index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./img-ps-index.vue?vue&type=template&id=52d7b6e6&\"\nimport script from \"./img-ps-index.vue?vue&type=script&lang=js&\"\nexport * from \"./img-ps-index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./img-ps-index.vue?vue&type=style&index=0&id=52d7b6e6&prod&lang=scss&\"\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","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./img-ps-index.vue?vue&type=style&index=0&id=52d7b6e6&prod&lang=scss&\""],"sourceRoot":""}