You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
8.0 KiB
1 lines
8.0 KiB
{"version":3,"sources":["webpack:///C:/Users/18634/Desktop/项目/fude_mini/components/gg-camera/previewer.vue?9e0a","webpack:///C:/Users/18634/Desktop/项目/fude_mini/components/gg-camera/previewer.vue?5ec7","webpack:///C:/Users/18634/Desktop/项目/fude_mini/components/gg-camera/previewer.vue?46d6","webpack:///C:/Users/18634/Desktop/项目/fude_mini/components/gg-camera/previewer.vue?0866","uni-app:///components/gg-camera/previewer.vue"],"names":["name","props","config","type","default","data","canvasWidth","canvasHeight","created","mounted","console","nvalue","deep","immediate","beforeDestroy","methods","preview","waterMark","wxml","style","width","height","flexDirection","justifyContent","background","uni","icon","title","canvasToTempFilePath","fileType","args"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAsH;AACtH;AAC6D;AACL;;;AAGxD;AACqK;AACrK,gBAAgB,+KAAU;AAC1B,EAAE,+EAAM;AACR,EAAE,oFAAM;AACR,EAAE,6FAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,wFAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACtBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACRA;AAAA;AAAA;AAAA;AAAmmB,CAAgB,6nBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;ACKvnB;AAAA;AAAA;AAAA,gBAEA;EACAA;EACAC;IACAC;MACAC;MACAC;QACA;MACA;IACA;EACA;EACAC;IACA;MACAC;MACAC;IACA;EACA;EACAC,6BAEA;EACAC;IAAA;IACA;MAAA;QAAA;UAAA;YAAA;cAAA;gBAAA,MACA;kBAAA;kBAAA;gBAAA;gBAAA;cAAA;gBAGAC;gBAAA,KACAC;kBAAA;kBAAA;gBAAA;gBAAA;gBAAA,OACA;cAAA;gBAAA;gBAAA;cAAA;gBAEA;gBACA;gBACA;kBAAA;oBAAA;sBAAA;wBAAA;0BAAA;0BAAA,OACA;wBAAA;wBAAA;0BAAA;sBAAA;oBAAA;kBAAA;gBAAA,CACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAEA;MAAA;QAAA;MAAA;IAAA;MACAC;MACAC;IACA;EACA;EACAC;IACA;EACA;EACAC;IACAC;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cAAA;gBACAC;gBAEAX;gBACAC;gBAEA;gBACA;gBAAA;gBAAA,OAEAU;cAAA;gBAAA;gBAAAC;gBAAAC;gBACAD;gBACAC;kBACAC;kBACAC;kBACAC;kBACAC;kBACAC;gBACA;gBAAA;gBAAA;gBAAA,OAEA;kBACA;kBACA;oBAAAN;oBAAAC;kBAAA;gBACA;cAAA;gBAAA;gBAAA;cAAA;gBAAA;gBAAA;gBAEAT;gBACAe;kBACAC;kBACAC;gBACA;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA;IAEA;IACAC;MAAA;MACA;MACA;QACAC;MAAA,GAGAC,MACA;IACA;EACA;AACA;AAAA,4B","file":"components/gg-camera/previewer.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./previewer.vue?vue&type=template&id=8cc87b26&\"\nvar renderjs\nimport script from \"./previewer.vue?vue&type=script&lang=js&\"\nexport * from \"./previewer.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\runtime\\\\componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"components/gg-camera/previewer.vue\"\nexport default component.exports","export * from \"-!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\loaders\\\\templateLoader.js??vue-loader-options!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--17-0!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\template.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-uni-app-loader\\\\page-meta.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./previewer.vue?vue&type=template&id=8cc87b26&\"","var components\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--13-1!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./previewer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\babel-loader\\\\lib\\\\index.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\webpack-preprocess-loader\\\\index.js??ref--13-1!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\script.js!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\vue-cli-plugin-uni\\\\packages\\\\vue-loader\\\\lib\\\\index.js??vue-loader-options!D:\\\\HBuilderX\\\\plugins\\\\uniapp-cli\\\\node_modules\\\\@dcloudio\\\\webpack-uni-mp-loader\\\\lib\\\\style.js!./previewer.vue?vue&type=script&lang=js&\"","<template>\n <wxml-to-canvas v-if=\"canvasWidth && canvasHeight\" class=\"previewCanvas\" :width=\"canvasWidth\" :height=\"canvasHeight\"></wxml-to-canvas>\n</template>\n\n<script>\n import waterMarkProvider from './watermark/index.js';\r\n\n export default {\n name:'previewer',\n props:{\n config:{\n type:Object,\n default:()=>{\n return {};\n },\n }\n },\n \tdata() {\n \t\treturn {\n canvasWidth:0,\n canvasHeight:0,\n }\n \t},\n created(){\n \n },\n mounted() {\n this.unwatch=this.$watch('config',async (nvalue)=>{\n if(!nvalue || !nvalue.type){\n return;\n }\n console.log('on preview render',nvalue)\n if(nvalue.refresh){\n await this.preview(nvalue);\n }else{\n this.canvasWidth=0;\n this.canvasHeight=0;\n this.$nextTick(async ()=>{\n await this.preview(nvalue);\n },0)\n }\n },{\n deep:true,\n immediate:true,\n })\n },\n beforeDestroy() {\n this.unwatch && this.unwatch();\n },\n \tmethods: {\n async preview(config){\n const waterMark = waterMarkProvider.getProvider(config.type);\n \n const canvasWidth=this.systemInfo.windowWidth;\n const canvasHeight=this.systemInfo.windowHeight;\n \n this.canvasWidth=canvasWidth;\n this.canvasHeight=canvasHeight;\n \n let { wxml, style } = await waterMark.render(config.form,canvasWidth,canvasHeight);\n wxml=`<view class=\"canvas\">${wxml}</view>`\n style.canvas={\n width: canvasWidth,\n height: canvasHeight,\n flexDirection: 'column',\n justifyContent:'flex-end',\n background: 'rgba(255,255,255,0)',\n }\n try{\n await this.$tools.whileTaskDone(()=>{\n const previewCanvas = this.selectComponent('.previewCanvas')\n return previewCanvas.renderToCanvas({ wxml, style });\n },6,300)\r\n }catch(err){\n console.error('渲染出错',err)\n uni.showToast({\n icon:'error',\n title:'水印加载失败'\n })\n }\n },\n canvasToTempFilePath(args = {}){\n const previewCanvas = this.selectComponent('.previewCanvas')\n return previewCanvas.canvasToTempFilePath({\n fileType:'png',\n // quality:0.8,\n // dpr:1,\n ...args,\n });\n }\n }\n }\n</script>\n\n<style>\n</style>"],"sourceRoot":""} |