{"version":3,"sources":["webpack:///./src/components/XFroalaView.vue?4c46","webpack:///./src/views/msg/chatComponents/PictureView.vue?c201","webpack:///src/views/msg/chatComponents/D:/Softwares/工作平台源码/对外版本地存储/网站前端/src/views/msg/chatComponents/PictureView.vue","webpack:///./src/views/msg/chatComponents/PictureView.vue?50ff","webpack:///./src/views/msg/chatComponents/PictureView.vue","webpack:///src/components/D:/Softwares/工作平台源码/对外版本地存储/网站前端/src/components/XFroalaView.vue","webpack:///./src/components/XFroalaView.vue?8acf","webpack:///./src/components/XFroalaView.vue","webpack:///./src/views/msg/chatComponents/PictureView.vue?633a"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","attrs","imgSrc","model","value","callback","$$v","html","expression","staticRenderFns","staticClass","on","mousewheel","$event","hide","directives","name","rawName","move","touchstart","reduction","_v","shrink","_s","parseInt","defaultSize","enlarge","rotate","_e","props","data","isShowImg","degrees","watch","setTimeout","defaultPosition","methods","show","toFixed","$refs","style","transform","Number","event","wheelDelta","detail","e","odiv","target","disX","clientX","disY","clientY","document","onmousemove","left","top","parseFloat","onmouseup","targetTouches","ontouchmove","ontouchend","maxWidth","clientHeight","clientWidth","component","type","String","default","components","Froala","PictureView","mounted","addEvent","_this","$nextTick","objs","$el","getElementsByTagName","i","length","onclick","src","cursor"],"mappings":"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","file":"js/chunk-9c365470.e48977bc.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('PictureView',{ref:\"picView\",attrs:{\"src\":_vm.imgSrc}}),_c('froalaView',{ref:\"froalaView\",model:{value:(_vm.html),callback:function ($$v) {_vm.html=$$v},expression:\"html\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isShowImg)?_c('div',{ref:\"background\",staticClass:\"background\",on:{\"mousewheel\":_vm.mousewheel,\"DOMMouseScroll\":_vm.mousewheel}},[_c('i',{staticClass:\"hiFont hi-close\",on:{\"click\":function($event){return _vm.hide()}}}),_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.src),expression:\"src\"}],ref:\"targetImg\",attrs:{\"draggable\":\"false\"},on:{\"mousedown\":_vm.move,\"touchstart\":_vm.touchstart}}),_c('ul',[_c('li',{on:{\"click\":_vm.reduction}},[_vm._v(\"原图\")]),_c('li',{on:{\"click\":_vm.shrink}},[_vm._v(\"缩小\")]),_c('li',[_vm._v(_vm._s(parseInt(_vm.defaultSize/1*100))+\"%\")]),_c('li',{on:{\"click\":_vm.enlarge}},[_vm._v(\"放大\")]),_c('li',{on:{\"click\":_vm.rotate}},[_vm._v(\"旋转\")])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nexport default {\r\n  props: [\"src\"],\r\n  data() {\r\n    return {\r\n      isShowImg: false,\r\n      defaultSize: 1,\r\n      degrees: 0,\r\n    };\r\n  },\r\n  watch: {\r\n    isShowImg() {\r\n      if (this.isShowImg) {\r\n        setTimeout(() => {\r\n          this.defaultPosition();\r\n        }, 500);\r\n      }\r\n    },\r\n  },\r\n  methods: {\r\n    show() {\r\n      this.isShowImg = true;\r\n    },\r\n    hide() {\r\n      this.degrees = 0;\r\n      this.defaultSize = 1;\r\n      this.isShowImg = false;\r\n    },\r\n    shrink() {\r\n      if (this.defaultSize == 0.1) return;\r\n      this.defaultSize = (this.defaultSize - 0.1).toFixed(1);\r\n      this.$refs[\r\n        \"targetImg\"\r\n      ].style.transform = `scale(${this.defaultSize}) rotate(${this.degrees}deg)`;\r\n    },\r\n    enlarge() {\r\n      this.defaultSize = (Number(this.defaultSize) + 0.1).toFixed(1);\r\n      this.$refs[\r\n        \"targetImg\"\r\n      ].style.transform = `scale(${this.defaultSize}) rotate(${this.degrees}deg)`;\r\n    },\r\n    reduction() {\r\n      this.defaultSize = 1;\r\n      this.degrees = 0;\r\n      this.$refs[\r\n        \"targetImg\"\r\n      ].style.transform = `scale(${this.defaultSize}) rotate(${this.degrees}deg)`;\r\n      this.defaultPosition();\r\n    },\r\n    rotate() {\r\n      this.degrees += 90;\r\n      this.$refs[\r\n        \"targetImg\"\r\n      ].style.transform = `scale(${this.defaultSize}) rotate(${this.degrees}deg)`;\r\n    },\r\n    mousewheel() {\r\n      if (event.wheelDelta) {\r\n        event.wheelDelta > 0 || this.enlarge();\r\n        event.wheelDelta < 0 || this.shrink();\r\n        return;\r\n      }\r\n      if (event.detail) {\r\n        event.detail < 0 || this.enlarge();\r\n        event.detail > 0 || this.shrink();\r\n      }\r\n    },\r\n    move(e) {\r\n      let odiv = e.target;\r\n      let disX = e.clientX;\r\n      let disY = e.clientY;\r\n      document.onmousemove = (e) => {\r\n        let left = e.clientX - disX;\r\n        let top = e.clientY - disY;\r\n        disX = e.clientX;\r\n        disY = e.clientY;\r\n        odiv.style.left = parseFloat(odiv.style.left) + left + \"px\";\r\n        odiv.style.top = parseFloat(odiv.style.top) + top + \"px\";\r\n      };\r\n      document.onmouseup = (e) => {\r\n        document.onmousemove = null;\r\n        document.onmouseup = null;\r\n      };\r\n    },\r\n    touchstart(e) {\r\n      let odiv = e.target;\r\n      let disX = e.targetTouches[0].clientX;\r\n      let disY = e.targetTouches[0].clientY;\r\n      document.ontouchmove = (e) => {\r\n        let left = e.targetTouches[0].clientX - disX;\r\n        let top = e.targetTouches[0].clientY - disY;\r\n        disX = e.targetTouches[0].clientX;\r\n        disY = e.targetTouches[0].clientY;\r\n        odiv.style.left = parseFloat(odiv.style.left) + left + \"px\";\r\n        odiv.style.top = parseFloat(odiv.style.top) + top + \"px\";\r\n      };\r\n      document.ontouchend = (e) => {\r\n        document.ontouchmove = null;\r\n        document.ontouchend = null;\r\n      };\r\n    },\r\n    defaultPosition() {\r\n      this.$refs[\"targetImg\"].style.maxWidth = \"90vw\";\r\n      this.$refs[\"targetImg\"].style.top =\r\n        this.$refs[\"background\"].clientHeight / 2 -\r\n        this.$refs[\"targetImg\"].clientHeight / 2 +\r\n        \"px\";\r\n      this.$refs[\"targetImg\"].style.left =\r\n        this.$refs[\"background\"].clientWidth / 2 -\r\n        this.$refs[\"targetImg\"].clientWidth / 2 +\r\n        \"px\";\r\n    },\r\n  },\r\n};\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!./PictureView.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!./PictureView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PictureView.vue?vue&type=template&id=607993d7&scoped=true&\"\nimport script from \"./PictureView.vue?vue&type=script&lang=js&\"\nexport * from \"./PictureView.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PictureView.vue?vue&type=style&index=0&id=607993d7&lang=less&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  \"607993d7\",\n  null\n  \n)\n\nexport default component.exports","//\n//\n//\n//\n//\n//\n\r\nimport Froala from '@/components/XFroala';\r\nimport PictureView from '@/views/msg/chatComponents/PictureView';\r\nexport default {\r\n\tprops: {\r\n\t\t//展示内容\r\n\t\thtml: {\r\n\t\t\ttype: String,\r\n\t\t\tdefault: ''\r\n\t\t}\r\n\t},\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\timgSrc: ''\r\n\t\t};\r\n\t},\r\n\tcomponents: {\r\n\t\tFroala,\r\n\t\tPictureView\r\n\t},\r\n\tmounted() {\r\n\t\tthis.addEvent();\r\n\t},\r\n\twatch: {\r\n\t\thtml: 'addEvent'\r\n\t},\r\n\tmethods: {\r\n\t\taddEvent() {\r\n\t\t\tlet _this = this;\r\n\t\t\tthis.$nextTick(() => {\r\n\t\t\t\tlet objs = this.$refs['froalaView'].$el.getElementsByTagName('img');\r\n\t\t\t\tfor (var i = 0; i < objs.length; i++) {\r\n\t\t\t\t\tobjs[i].onclick = function() {\r\n\t\t\t\t\t\t_this.imgSrc = this.src;\r\n\t\t\t\t\t\t_this.$refs['picView'].show();\r\n\t\t\t\t\t};\r\n\t\t\t\t\tobjs[i].style.cursor = 'pointer';\r\n\t\t\t\t}\r\n\t\t\t});\r\n\t\t}\r\n\t}\r\n};\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!./XFroalaView.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!./XFroalaView.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./XFroalaView.vue?vue&type=template&id=083d92ff&\"\nimport script from \"./XFroalaView.vue?vue&type=script&lang=js&\"\nexport * from \"./XFroalaView.vue?vue&type=script&lang=js&\"\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--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PictureView.vue?vue&type=style&index=0&id=607993d7&lang=less&scoped=true&\""],"sourceRoot":""}