dootask/public/js/build/362.js

"use strict";(self.webpackChunkDooTask=self.webpackChunkDooTask||[]).push([[362],{69203:(e,t,i)=>{i.d(t,{Z:()=>r});var n=i(1519),o=i.n(n)()((function(e){return e[1]}));o.push([e.id,".common-preview-image[data-v-26b54468]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);bottom:0;left:0;position:fixed;right:0;top:0}.common-preview-image .common-preview-view[data-v-26b54468]{background:rgba(0,0,0,.8);bottom:0;left:0;position:absolute;right:0;top:0}.common-preview-image .common-preview-view .preview-view-next[data-v-26b54468],.common-preview-image .common-preview-view .preview-view-prev[data-v-26b54468]{align-items:center;background-color:#606266;border-color:#fff;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;opacity:.8;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:44px;z-index:2}@media (max-width:640px){.common-preview-image .common-preview-view .preview-view-next[data-v-26b54468],.common-preview-image .common-preview-view .preview-view-prev[data-v-26b54468]{display:none}}.common-preview-image .common-preview-view .preview-view-next.is-disabled[data-v-26b54468],.common-preview-image .common-preview-view .preview-view-prev.is-disabled[data-v-26b54468]{cursor:no-drop}.common-preview-image .common-preview-view .preview-view-next.is-disabled>i[data-v-26b54468],.common-preview-image .common-preview-view .preview-view-prev.is-disabled>i[data-v-26b54468]{opacity:.8}.common-preview-image .common-preview-view .preview-view-next>i[data-v-26b54468],.common-preview-image .common-preview-view .preview-view-prev>i[data-v-26b54468]{color:#fff;font-size:24px}.common-preview-image .common-preview-view .preview-view-prev[data-v-26b54468]{left:40px}.common-preview-image .common-preview-view .preview-view-next[data-v-26b54468]{right:40px}.common-preview-image .common-preview-view .preview-view-actions[data-v-26b54468]{align-items:center;background-color:#606266;border-color:#fff;border-radius:22px;bottom:30px;display:flex;height:44px;justify-content:center;left:50%;opacity:.8;padding:0 23px;position:absolute;transform:translateX(-50%);width:282px;z-index:2}.common-preview-image .common-preview-view .preview-view-actions .actions-inner[data-v-26b54468]{align-items:center;color:#fff;cursor:default;display:flex;height:100%;justify-content:space-around;text-align:justify;width:100%}.common-preview-image .common-preview-view .preview-view-actions .actions-inner>i[data-v-26b54468]{cursor:pointer;font-size:23px}.common-preview-image .common-preview-view .preview-view-canvas[data-v-26b54468]{align-items:center;display:flex;height:100%;justify-content:center;width:100%}",""]);const r=o},52362:(e,t,i)=>{i.r(t),i.d(t,{default:()=>x});var n=i(70538);let o=e=>e&&"[object Function]"==={}.toString.call(e);"object"==typeof Int8Array||!n.default.prototype.$isServer&&document.childNodes;Object.prototype.hasOwnProperty;function r(e){let t=!1;return function(...i){t||(t=!0,window.requestAnimationFrame((n=>{e.apply(this,i),t=!1})))}}const a=n.default.prototype.$isServer,s=(a||Number(document.documentMode),!a&&document.addEventListener?function(e,t,i){e&&t&&i&&e.addEventListener(t,i,!1)}:function(e,t,i){e&&t&&i&&e.attachEvent("on"+t,i)}),c=!a&&document.removeEventListener?function(e,t,i){e&&t&&e.removeEventListener(t,i,!1)}:function(e,t,i){e&&t&&e.detachEvent("on"+t,i)};function l(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function d(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?l(Object(i),!0).forEach((function(t){v(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):l(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function v(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var m={CONTAIN:{name:"contain",icon:"&#xe79e;"},ORIGINAL:{name:"original",icon:"&#xe79d;"}},p=!n.default.prototype.$isServer&&window.navigator.userAgent.match(/firefox/i)?"DOMMouseScroll":"mousewheel";const u={props:{urlList:{type:Array,default:function(){return[]}},initialIndex:{type:Number,default:0},infinite:{type:Boolean,default:!1},onSwitch:{type:Function,default:function(){}}},data:function(){return{index:this.initialIndex,loading:!1,mode:m.CONTAIN,transform:{scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}},mounted:function(){this.deviceSupportInstall(),this.$refs.view.focus()},beforeDestroy:function(){this.deviceSupportUninstall()},computed:{isSingle:function(){return this.urlList.length<=1},isFirst:function(){return 0===this.index},isLast:function(){return this.index===this.urlList.length-1},currentImg:function(){var e=this.urlList[this.index];return $A.isJson(e)&&(e=e.src),$A.rightDelete(e,"_thumb.jpg")},imgStyle:function(){var e=this.transform,t=e.scale,i=e.deg,n=e.offsetX,o=e.offsetY,r=e.enableTransition,a={transform:"scale(".concat(t,") rotate(").concat(i,"deg)"),transition:r?"transform .3s":"","margin-left":"".concat(n,"px"),"margin-top":"".concat(o,"px")};return this.mode===m.CONTAIN&&(a.maxWidth=a.maxHeight="100%"),a}},watch:{index:{handler:function(e){this.reset(),this.onSwitch(e)}},initialIndex:function(e){this.index=e},currentImg:function(){var e=this;this.$nextTick((function(t){e.$refs.img[0].complete||(e.loading=!0)}))}},methods:{deviceSupportInstall:function(){var e=this;this._keyDownHandler=function(t){switch(t.stopPropagation(),t.keyCode){case 32:e.toggleMode();break;case 37:e.prev();break;case 38:e.handleActions("zoomIn");break;case 39:e.next();break;case 40:e.handleActions("zoomOut")}},this._mouseWheelHandler=r((function(t){(t.wheelDelta?t.wheelDelta:-t.detail)>0?e.handleActions("zoomIn",{zoomRate:.015,enableTransition:!1}):e.handleActions("zoomOut",{zoomRate:.015,enableTransition:!1})})),s(document,"keydown",this._keyDownHandler),s(document,p,this._mouseWheelHandler)},deviceSupportUninstall:function(){c(document,"keydown",this._keyDownHandler),c(document,p,this._mouseWheelHandler),this._keyDownHandler=null,this._mouseWheelHandler=null},handleImgLoad:function(e){this.loading=!1},handleImgError:function(e){this.loading=!1,e.target.alt="加载失败"},handleMouseDown:function(e){var t=this;if(!this.loading&&0===e.button){var i=this.transform,n=i.offsetX,o=i.offsetY,a=e.pageX,l=e.pageY;this._dragHandler=r((function(e){t.transform.offsetX=n+e.pageX-a,t.transform.offsetY=o+e.pageY-l})),s(document,"mousemove",this._dragHandler),s(document,"mouseup",(function(e){c(document,"mousemove",t._dragHandler)})),e.preventDefault()}},reset:function(){this.transform={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}},toggleMode:function(){if(!this.loading){var e=Object.keys(m),t=(Object.values(m).indexOf(this.mode)+1)%e.length;this.mode=m[e[t]],this.reset()}},prev:function(){if(!this.isFirst||this.infinite){var e=this.urlList.length;this.index=(this.index-1+e)%e}},next:function(){if(!this.isLast||this.infinite){var e=this.urlList.length;this.index=(this.index+1)%e}},handleActions:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!this.loading){var i=d({zoomRate:.2,rotateDeg:90,enableTransition:!0},t),n=i.zoomRate,o=i.rotateDeg,r=i.enableTransition,a=this.transform;switch(e){case"zoomOut":a.scale>.2&&(a.scale=parseFloat((a.scale-n).toFixed(3)));break;case"zoomIn":a.scale=parseFloat((a.scale+n).toFixed(3));break;case"clocelise":a.deg+=o;break;case"anticlocelise":a.deg-=o}a.enableTransition=r}}}},f=u;var w=i(93379),h=i.n(w),g=i(69203),b={insert:"head",singleton:!1};h()(g.Z,b);g.Z.locals;const x=(0,i(51900).Z)(f,(function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{ref:"view",staticClass:"common-preview-image"},[i("div",{staticClass:"common-preview-view no-dark-content"},[e.isSingle?e._e():[i("div",{staticClass:"preview-view-prev",class:{"is-disabled":!e.infinite&&e.isFirst},on:{click:e.prev}},[i("i",{staticClass:"taskfont"},[e._v("")])]),e._v(" "),i("div",{staticClass:"preview-view-next",class:{"is-disabled":!e.infinite&&e.isLast},on:{click:e.next}},[i("i",{staticClass:"taskfont"},[e._v("")])])],e._v(" "),i("div",{staticClass:"preview-view-actions"},[i("div",{staticClass:"actions-inner"},[i("i",{staticClass:"taskfont",on:{click:function(t){return e.handleActions("zoomOut")}}},[e._v("")]),e._v(" "),i("i",{staticClass:"taskfont",on:{click:function(t){return e.handleActions("zoomIn")}}},[e._v("")]),e._v(" "),i("i",{staticClass:"actions-divider"}),e._v(" "),i("i",{staticClass:"taskfont",domProps:{innerHTML:e._s(e.mode.icon)},on:{click:e.toggleMode}}),e._v(" "),i("i",{staticClass:"actions-divider"}),e._v(" "),i("i",{staticClass:"taskfont",on:{click:function(t){return e.handleActions("anticlocelise")}}},[e._v("")]),e._v(" "),i("i",{staticClass:"taskfont",on:{click:function(t){return e.handleActions("clocelise")}}},[e._v("")])])]),e._v(" "),i("div",{staticClass:"preview-view-canvas"},e._l(e.urlList,(function(t,n){return n===e.index?i("img",{key:n,ref:"img",refInFor:!0,staticClass:"preview-view-img",style:e.imgStyle,attrs:{src:e.currentImg},on:{load:e.handleImgLoad,error:e.handleImgError,mousedown:e.handleMouseDown}}):e._e()})),0)],2)])}),[],!1,null,"26b54468",null).exports}}]);