5.5a44c3bc.chunk.js
34.1 KB
webpackJsonp([5],{1360:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.ReactZmage=t.showImage=void 0;var a=n(8),i=o(a),r=n(167),s=o(r),l=n(126),A=o(l),c=n(4),u=o(c),f=n(1),m=o(f),d=n(5),p=o(d),C=n(2),g=o(C),B=n(3),h=o(B),b=n(0),v=o(b),w=n(11),y=o(w),k=n(1576),x=n(1591),z=n(366),E=n(19),S=o(E);t.showImage=k.showImage,t.ReactZmage=_;var _=function(e){function t(e){(0,m.default)(this,t);var n=(0,g.default)(this,(t.__proto__||(0,u.default)(t)).call(this,e));return n.zoom=function(){if(!n.isBelowIE9()){var e=n.state.uid,t=n.props,o=t.hiResSrc,a=t.text,i=t.src,r=t.alt,s=t.lazyLoad,l=t.indicator,A=t.imageSet,c=t.onClick,u=t.page,f="u"+e;c&&c.constructor===Function&&c(),(0,k.showImage)({id:f,lazyLoad:s,indicator:l,imageSet:A&&A.constructor===Array?A:[{src:o||i,alt:r,text:a}],page:u})}},n.state={uid:(0,z.generateUUID)()},n}return(0,h.default)(t,e),(0,p.default)(t,[{key:"render",value:function(){var e=this.state.uid,t=this.props,n=(t.id,t.className),o=t.src,a=t.alt,r=t.style,l=(0,A.default)(t,["id","className","src","alt","style"]),c="u"+e;return v.default.createElement("img",(0,i.default)({id:c,className:n,src:o,alt:a,onClick:this.zoom,style:(0,s.default)({cursor:"zoom-in"},r)},l))}},{key:"isBelowIE9",value:function(){return"Microsoft Internet Explorer"==navigator.appName&&parseInt(navigator.appVersion.split(";")[1].replace(/[ ]/g,"").replace("MSIE",""))<=9}}]),t}(v.default.Component),D=(0,S.default)(_,"WeaZmage");t.default=D,_.defaultProps={src:"",hiResSrc:"",alt:"",text:"",imageSet:null,lazyLoad:!0,indicator:!0},_.propTypes={src:y.default.string,hiResSrc:y.default.string,alt:y.default.string,text:y.default.string,imageSet:y.default.oneOfType([y.default.arrayOf(x.imageType),x.imageType]),lazyLoad:y.default.bool,indicator:y.default.bool}},1442:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a,i,r,s=n(1),l=o(s),A=n(30),c=o(A),u=(i=a=function e(t){var n=t.data,o=t.poster;(0,l.default)(this,e),r.call(this),this.looping=!1,this.pool=n||{value:0},this.current=n||{value:0},this._postValue=o||this._postValue,this.attr=.25,this._timer=null},r=function(){var e=this;this.to=function(t){var n=t.data,o=t.before,a=t.after,i=t.attr;e.pool=n||e.pool,e._before=o||e._before,e._after=a||e._after,e.attr=i||e.attr,e._startLoop()},this.stop=this._stopLoop,this._startLoop=function(){!e.looping&&e._runLoop(),e.looping=!0},this._runLoop=function(){e._before(),e._timer=window.requestAnimationFrame(e._loop)},this._loop=function(){var t={};for(var n in e.pool)t[n]=e._lerp(e.current[n],e.pool[n]);for(var o in e.current)e.current[o]+=t[o];e._postValue(e.current,t);var a=!1;for(var i in e.current)Math.abs(e.pool[i]-e.current[i])>5e-4&&(a=!0);a?e._runLoop():e._stopLoop()},this._stopLoop=function(){(0,c.default)(window.cancelAnimationFrame)&&e.looping&&window.cancelAnimationFrame(e._timer),e.looping=!1,e._after()},this._lerp=function(t,n){return(n-t)*e.attr},this._postValue=function(e,t){},this._before=function(){},this._after=function(){}},i);t.default=u},1576:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.Wrapper=t.showImage=void 0;var a=n(4),i=o(a),r=n(1),s=o(r),l=n(5),A=o(l),c=n(2),u=o(c),f=n(3),m=o(f),d=n(0),p=o(d),C=n(59),g=o(C);n(1577);var B=n(1579),h=o(B),b=n(1582),v=o(b),w=n(1585),y=o(w),k=n(1588),x=o(k),z=n(30),E=o(z),S=n(366),_=n(238),D=n(31),P=o(D),L=function(e){function t(e){(0,s.default)(this,t);var n=(0,u.default)(this,(t.__proto__||(0,i.default)(t)).call(this,e));return n.mountSelf=function(){n.props.coverNodeRef;n.setState({show:!0},function(){(0,S.addListenEventOf)("keydown",n.handleKeyDown),(0,S.addListenEventOf)("wheel",n.handleWheelScroll)})},n.unmountSelf=function(){var e=n.props.coverNodeRef,t=n.state.page;e&&0!==t&&(e.style.visibility="visible"),n.setState({show:!1})},n.handleKeyDown=function(e){e.preventDefault();var t=n.props.imageSet,o=n.state.zoom,a=t&&t.constructor===Array,i=n.handleSwitchPages("prev"),r=n.handleSwitchPages("next");switch(e.key){case"ArrowLeft":!o&&i();break;case"ArrowRight":!o&&a&&r();break;case" ":n.handleToggleZoom();break;case"Escape":o?n.handleToggleZoom():n.unmountSelf();break;default:return}},n.handleWheelScroll=function(e){n.state.show&&n.unmountSelf()},n.handleSwitchPages=function(e){return function(){var t=n.props.imageSet,o=n.state.page;n.setState({page:"prev"===e?Math.abs(t.length+o-1)%t.length:(o+1)%t.length})}},n.handleToggleZoom=function(){n.setState({zoom:!n.state.zoom})},n.state={show:!1,zoom:!1,page:e.page||0},n}return(0,m.default)(t,e),(0,A.default)(t,[{key:"componentWillReceiveProps",value:function(e){this.props.page!=e.page&&this.setState({page:e.page})}},{key:"componentWillMount",value:function(){setTimeout(this.mountSelf,50)}},{key:"componentWillUnmount",value:function(){(0,S.removeListenEventOf)("keydown",this.handleKeyDown),(0,S.removeListenEventOf)("wheel",this.handleWheelScroll)}},{key:"render",value:function(){var e=this.props,t=e.coverNodeRef,n=e.imageSet,o=e.remove,a=this.state,i=a.show,r=a.zoom,s=a.page;return p.default.createElement("div",{className:"wrapperLayer"},p.default.createElement(v.default,{show:i,zoom:r,page:s,imageSet:n,unmountSelf:this.unmountSelf,toggleZoom:this.handleToggleZoom,switchPages:this.handleSwitchPages}),p.default.createElement(h.default,{show:i,zoom:r,page:s,imageSet:n,coverNodeRef:t},p.default.createElement(y.default,{show:i,zoom:r,page:s,imageSet:n,coverNodeRef:t,remove:o})),p.default.createElement(x.default,{show:i,unmountSelf:this.unmountSelf,toggleZoom:this.handleToggleZoom}))}}]),t}(p.default.Component),M=function(e){var t=e.id,n=e.lazyLoad,o=e.indicator,a=e.imageSet,i=e.page,r=document.getElementById(t),s=document.getElementById("zmage-wrapper");s&&s.remove();var l=document.createElement("div");l.id="zmage-wrapper",P.default.getTop().document.body.appendChild(l),(0,_.loadCss)();var A=document.getElementById("zmage-wrapper"),c=function(){g.default.unmountComponentAtNode(A),(0,E.default)(A.remove)&&A.remove(),(0,E.default)(A.removeNode)&&A.removeNode(!0)};return A&&g.default.render(p.default.createElement(L,{coverNodeRef:r,lazyLoad:n,indicator:o,imageSet:a,remove:c,page:i}),A),{node:A,remove:c}};t.showImage=M,t.Wrapper=L},1577:function(e,t,n){var o=n(1578);"string"===typeof o&&(o=[[e.i,o,""]]);var a={hmr:!1};a.transform=void 0;n(1350)(o,a);o.locals&&(e.exports=o.locals)},1578:function(e,t,n){t=e.exports=n(1349)(!0),t.push([e.i,".wrapperLayer{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1100}","",{version:3,sources:["E:/git/WEAVER_CloudStore_e9/components/ecology9/wea-zmage/components/Wrapper/index.less"],names:[],mappings:"AAAA,cACE,8BAA+B,AACvB,sBAAuB,AAC/B,eAAgB,AAChB,MAAO,AACP,OAAQ,AACR,QAAS,AACT,SAAU,AACV,YAAc,CACf",file:"index.less",sourcesContent:[".wrapperLayer {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1100;\n}\n"],sourceRoot:""}])},1579:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(4),i=o(a),r=n(1),s=o(r),l=n(5),A=o(l),c=n(2),u=o(c),f=n(3),m=o(f),d=n(0),p=o(d);n(1580);var C=n(1442),g=o(C),B=n(366),h=50,b=function(e){function t(e){(0,s.default)(this,t);var n=(0,u.default)(this,(t.__proto__||(0,i.default)(t)).call(this,e));return n.gerZoomMovePositionRange=function(){var e=n.props,t=e.zoom,o=e.page,a=e.imageSet,i=new Image;i.src=a[o].src;var r=i.naturalWidth,s=i.naturalHeight;n.setState({naturalSize:t?null:{naturalWidth:r,naturalHeight:s},moveRange:t?null:{x:r-(0,B.clientWidth)()+2*h,y:s-(0,B.clientHeight)()+2*h}})},n.handleMouseMove=function(e){var t=n.state,o=t.naturalSize,a=t.moveRange,i=o.naturalWidth,r=o.naturalHeight,s=(0,B.clientWidth)(),l=(0,B.clientHeight)(),A=e.clientX,c=e.clientY,u=i>s?(i-s)/2+h-a.x*(A/s):0,f=r>l?(r-l)/2+h-a.y*(c/l):0;n.move.to({data:{x:u,y:f}})},n.getCoverCenterPosition=function(){var e=n.props,t=e.page,o=e.coverNodeRef,a={x:0,y:0};if(o){var i=o.getBoundingClientRect();a=0===t?{x:-(0,B.windowWidth)()/2+i.left+i.width/2,y:-(0,B.windowHeight)()/2+i.top+i.height/2}:{x:0,y:-(0,B.windowHeight)()}}return a},n.moveToCoverCenterPosition=function(){n.move.to({data:n.getCoverCenterPosition()})},n.getPageCenterPosition=function(){return{x:0,y:0}},n.moveToPageCenterPosition=function(){n.move.to({data:n.getPageCenterPosition()})},n.handleMoveCenterPosition=function(e){var t=n.props.show;if(n.refs.positionController&&(n.refs.positionController.style.visibility="visible",n.refs.positionController.style.transform="translate3d("+e.x+"px, "+e.y+"px, 0)",!t)){var o=window.pageYOffset-n.initialPageOffset;n.refs.positionController.style.top="calc(50% - "+o+"px)"}},n.state={naturalSize:null,moveRange:null},n}return(0,m.default)(t,e),(0,A.default)(t,[{key:"componentWillMount",value:function(){this.move=new g.default({data:this.getCoverCenterPosition(),poster:this.handleMoveCenterPosition}),this.initialPageOffset=window.pageYOffset}},{key:"componentWillReceiveProps",value:function(e){var t=e.show,n=e.zoom;t?(this.moveToPageCenterPosition(),n?(this.gerZoomMovePositionRange(),(0,B.addListenEventOf)("mousemove",this.handleMouseMove)):(0,B.removeListenEventOf)("mousemove",this.handleMouseMove)):(this.moveToCoverCenterPosition(),(0,B.removeListenEventOf)("mousemove",this.handleMouseMove))}},{key:"render",value:function(){return p.default.createElement("div",{className:"positionLayer"},p.default.createElement("div",{ref:"positionController"},this.props.children))}}]),t}(p.default.Component);t.default=b},1580:function(e,t,n){var o=n(1581);"string"===typeof o&&(o=[[e.i,o,""]]);var a={hmr:!1};a.transform=void 0;n(1350)(o,a);o.locals&&(e.exports=o.locals)},1581:function(e,t,n){t=e.exports=n(1349)(!0),t.push([e.i,".positionLayer{width:100vw;height:100vh;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.positionLayer>div{z-index:100;visibility:hidden;will-change:transform,top;width:0;height:0;position:absolute;left:50vw}.positionLayer>div .loadError{position:absolute;top:50%;left:50%;margin-left:-120px;margin-top:-80px}","",{version:3,sources:["E:/git/WEAVER_CloudStore_e9/components/ecology9/wea-zmage/components/Position/index.less"],names:[],mappings:"AAAA,eACE,YAAa,AACb,aAAc,AACd,oBAAqB,AACrB,aAAc,AACd,qBAAsB,AAClB,uBAAwB,AAC5B,sBAAuB,AACnB,kBAAoB,CACzB,AACD,mBACE,YAAa,AACb,kBAAmB,AACnB,0BAA4B,AAC5B,QAAS,AACT,SAAU,AACV,kBAAmB,AACnB,SAAW,CACZ,AACD,8BACE,kBAAmB,AACnB,QAAS,AACT,SAAU,AACV,mBAAoB,AACpB,gBAAkB,CACnB",file:"index.less",sourcesContent:[".positionLayer {\n width: 100vw;\n height: 100vh;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n -ms-flex-align: center;\n align-items: center;\n}\n.positionLayer > div {\n z-index: 100;\n visibility: hidden;\n will-change: transform, top;\n width: 0;\n height: 0;\n position: absolute;\n left: 50vw;\n}\n.positionLayer > div .loadError {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-left: -120px;\n margin-top: -80px;\n}\n"],sourceRoot:""}])},1582:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(4),i=o(a),r=n(1),s=o(r),l=n(5),A=o(l),c=n(2),u=o(c),f=n(3),m=o(f),d=n(0),p=o(d),C=n(7);n(1583);var g=function(e){function t(e){(0,s.default)(this,t);var n=(0,u.default)(this,(t.__proto__||(0,i.default)(t)).call(this,e));return n.zoomStyle=function(e){return e?{WebkitClipPath:"polygon(0 65%, 65% 0, 100% 0, 100% 35%, 35% 100%, 0 100%)",MozClipPath:"polygon(0 65%, 65% 0, 100% 0, 100% 35%, 35% 100%, 0 100%)",MsClipPath:"polygon(0 65%, 65% 0, 100% 0, 100% 35%, 35% 100%, 0 100%)",OClipPath:"polygon(0 65%, 65% 0, 100% 0, 100% 35%, 35% 100%, 0 100%)",clipPath:"polygon(0 65%, 65% 0, 100% 0, 100% 35%, 35% 100%, 0 100%)",opacity:1}:{WebkitClipPath:"polygon(0 100%, 100% 0, 100% 0, 100% 0, 0 100%, 0 100%)",MozClipPath:"polygon(0 100%, 100% 0, 100% 0, 100% 0, 0 100%, 0 100%)",MsClipPath:"polygon(0 100%, 100% 0, 100% 0, 100% 0, 0 100%, 0 100%)",OClipPath:"polygon(0 100%, 100% 0, 100% 0, 100% 0, 0 100%, 0 100%)",clipPath:"polygon(0 100%, 100% 0, 100% 0, 100% 0, 0 100%, 0 100%)",opacity:0}},n.lineL=function(e){return e?{WebkitTransform:"translate(-50%, -50%) rotate(45deg)",transform:"translate(-50%, -50%) rotate(45deg)",opacity:1}:{WebkitTransform:"translate(-50%, -50%) rotate(0)",transform:"translate(-50%, -50%) rotate(0)",opacity:0}},n.lineR=function(e){return e?{WebkitTransform:"translate(-50%, -50%) rotate(-45deg)",transform:"translate(-50%, -50%) rotate(-45deg)",opacity:1}:{WebkitTransform:"translate(-50%, -50%) rotate(0)",transform:"translate(-50%, -50%) rotate(0)",opacity:0}},n.prevStyle=function(e){return e?{left:0,opacity:1}:{left:-55,opacity:0}},n.nextStyle=function(e){return e?{right:0,opacity:1}:{right:-55,opacity:0}},n.pagesStyle=function(e){return e?{bottom:0,opacity:1}:{bottom:-31,opacity:0}},n.altStyle=function(e){return e?{WebkitClipPath:"polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)",MozClipPath:"polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)",MsClipPath:"polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)",OClipPath:"polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)",clipPath:"polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)",opacity:1}:{WebkitClipPath:"polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)",MozClipPath:"polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)",MsClipPath:"polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)",OClipPath:"polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)",clipPath:"polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%)",opacity:0}},n}return(0,m.default)(t,e),(0,A.default)(t,[{key:"render",value:function(){var e=this.props,t=e.show,n=e.zoom,o=e.page,a=e.imageSet,i=e.unmountSelf,r=e.toggleZoom,s=e.switchPages,l=a.length>1;return p.default.createElement(d.Fragment,null,p.default.createElement("div",{className:"closeButton",onClick:n?r:i},p.default.createElement(C.Icon,{type:"cross"})),l&&!n&&p.default.createElement("div",{className:"switchButton",style:this.prevStyle(t),onClick:s("prev")},p.default.createElement("i",{className:"icon-coms-Left"})),l&&!n&&p.default.createElement("div",{className:"switchButton",style:this.nextStyle(t),onClick:s("next")},p.default.createElement("i",{className:"icon-coms-Right"})),n?a.alt&&p.default.createElement("div",{className:"imgAlt",style:this.altStyle(t)},a.alt):a[o].alt&&p.default.createElement("div",{className:"imgAlt",style:this.altStyle(t)},a[o].alt))}}]),t}(p.default.Component);t.default=g},1583:function(e,t,n){var o=n(1584);"string"===typeof o&&(o=[[e.i,o,""]]);var a={hmr:!1};a.transform=void 0;n(1350)(o,a);o.locals&&(e.exports=o.locals)},1584:function(e,t,n){t=e.exports=n(1349)(!0),t.push([e.i,".zoomButton{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;bottom:10%;left:46%;z-index:110;cursor:pointer;-webkit-transition:all .4s cubic-bezier(.15,1,.3,1);-o-transition:all .4s cubic-bezier(.15,1,.3,1);transition:all .4s cubic-bezier(.15,1,.3,1);will-change:clip-path;color:#fff}.zoomButton>i{font-size:30px}.zoomButton:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.zoomButton:active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.zoomButton-shrink{left:52%}.closeButton{position:absolute;top:40px;right:20px;width:40px;height:40px;line-height:40px;z-index:110;cursor:pointer;-webkit-transition:all .4s cubic-bezier(.15,1,.3,1);-o-transition:all .4s cubic-bezier(.15,1,.3,1);transition:all .4s cubic-bezier(.15,1,.3,1);will-change:transform}.closeButton>i{font-size:24px;float:right;color:#fff}.closeButton .crossLine{position:absolute;top:50%;left:50%;width:35px;height:1px;background-color:#000;-webkit-transition:all .4s cubic-bezier(.15,1,.3,1);-o-transition:all .4s cubic-bezier(.15,1,.3,1);transition:all .4s cubic-bezier(.15,1,.3,1);will-change:transform}.closeButton:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.closeButton:active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.switchButton{position:absolute;top:50%;width:56px;height:56px;z-index:110;cursor:pointer;-webkit-transition:all .4s cubic-bezier(.15,1,.3,1);-o-transition:all .4s cubic-bezier(.15,1,.3,1);transition:all .4s cubic-bezier(.15,1,.3,1);-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);will-change:transform,left,right,opacity;vertical-align:middle;text-align:center}.switchButton .icon-coms-Left,.switchButton .icon-coms-Right{font-size:20px;color:#fff}.switchButton svg{fill:#fff}.switchButton:hover{-webkit-transform:scale(1.1) translateY(-50%);-ms-transform:scale(1.1) translateY(-50%);transform:scale(1.1) translateY(-50%)}.switchButton:active{-webkit-transform:scale(1) translateY(-50%);-ms-transform:scale(1) translateY(-50%);transform:scale(1) translateY(-50%)}.pages{-webkit-box-sizing:border-box;box-sizing:border-box;padding:6px 14px;position:absolute;left:50%;color:#fff;font-size:14px;font-weight:700;z-index:110;background-color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .4s cubic-bezier(.15,1,.3,1);-o-transition:all .4s cubic-bezier(.15,1,.3,1);transition:all .4s cubic-bezier(.15,1,.3,1);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);will-change:bottom,opacity}.imgAlt{padding:20px;top:0;color:#000;font-size:18px;will-change:clip-path,opacity}.imgAlt,.imgText{-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;z-index:90;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .4s cubic-bezier(.15,1,.3,1);-o-transition:all .4s cubic-bezier(.15,1,.3,1);transition:all .4s cubic-bezier(.15,1,.3,1)}.imgText{padding:12px 20px;top:230%;color:#fff;font-size:16px;background-color:#000;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);will-change:left,opacity}","",{version:3,sources:["E:/git/WEAVER_CloudStore_e9/components/ecology9/wea-zmage/components/Control/index.less"],names:[],mappings:"AAAA,YACE,8BAA+B,AACvB,sBAAuB,AAC/B,kBAAmB,AACnB,WAAY,AACZ,SAAU,AACV,YAAa,AACb,eAAgB,AAChB,oDAA4D,AAC5D,+CAAuD,AACvD,4CAAoD,AACpD,sBAAuB,AACvB,UAAe,CAChB,AACD,cACE,cAAgB,CACjB,AACD,kBACE,6BAA8B,AAC1B,yBAA0B,AACtB,oBAAsB,CAC/B,AACD,mBACE,2BAA4B,AACxB,uBAAwB,AACpB,kBAAoB,CAC7B,AACD,mBACE,QAAU,CACX,AACD,aACE,kBAAmB,AACnB,SAAU,AACV,WAAY,AACZ,WAAY,AACZ,YAAa,AACb,iBAAkB,AAClB,YAAa,AACb,eAAgB,AAChB,oDAA4D,AAC5D,+CAAuD,AACvD,4CAAoD,AACpD,qBAAuB,CACxB,AACD,eACE,eAAgB,AAChB,YAAa,AACb,UAAe,CAChB,AACD,wBACE,kBAAmB,AACnB,QAAS,AACT,SAAU,AACV,WAAY,AACZ,WAAY,AACZ,sBAAwB,AACxB,oDAA4D,AAC5D,+CAAuD,AACvD,4CAAoD,AACpD,qBAAuB,CACxB,AACD,mBACE,6BAA8B,AAC1B,yBAA0B,AACtB,oBAAsB,CAC/B,AACD,oBACE,2BAA4B,AACxB,uBAAwB,AACpB,kBAAoB,CAC7B,AACD,cACE,kBAAmB,AACnB,QAAS,AACT,WAAY,AACZ,YAAa,AACb,YAAa,AACb,eAAgB,AAChB,oDAA4D,AAC5D,+CAAuD,AACvD,4CAAoD,AACpD,+BAAgC,AAC5B,2BAA4B,AACxB,uBAAwB,AAChC,mCAAoC,AAChC,+BAAgC,AAC5B,2BAA4B,AACpC,yCAA6C,AAC7C,sBAAuB,AACvB,iBAAmB,CACpB,AACD,6DAEE,eAAgB,AAChB,UAAe,CAChB,AACD,kBACE,SAAY,CACb,AACD,oBACE,8CAA+C,AAC3C,0CAA2C,AACvC,qCAAuC,CAChD,AACD,qBACE,4CAA6C,AACzC,wCAAyC,AACrC,mCAAqC,CAC9C,AACD,OACE,8BAA+B,AACvB,sBAAuB,AAC/B,iBAAkB,AAClB,kBAAmB,AACnB,SAAU,AACV,WAAa,AACb,eAAgB,AAChB,gBAAkB,AAClB,YAAa,AACb,sBAAwB,AACxB,yBAA0B,AACvB,sBAAuB,AACtB,qBAAsB,AAClB,iBAAkB,AAC1B,oDAA4D,AAC5D,+CAAuD,AACvD,4CAAoD,AACpD,mCAAoC,AAChC,+BAAgC,AAC5B,2BAA4B,AACpC,0BAA6B,CAC9B,AACD,QAGE,aAAc,AAEd,MAAO,AAEP,WAAa,AACb,eAAgB,AAShB,6BAAgC,CACjC,AACD,iBAlBE,8BAA+B,AACvB,sBAAuB,AAE/B,kBAAmB,AAEnB,OAAQ,AAGR,WAAY,AACZ,yBAA0B,AACvB,sBAAuB,AACtB,qBAAsB,AAClB,iBAAkB,AAC1B,oDAA4D,AAC5D,+CAAuD,AACvD,2CAAoD,CAyBrD,AAtBD,SAGE,kBAAmB,AAGnB,SAAU,AACV,WAAa,AACb,eAAgB,AAMhB,sBAAwB,AAIxB,mCAAoC,AAChC,+BAAgC,AAC5B,2BAA4B,AACpC,wBAA2B,CAC5B",file:"index.less",sourcesContent:[".zoomButton {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n position: absolute;\n bottom: 10%;\n left: 46%;\n z-index: 110;\n cursor: pointer;\n -webkit-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n -o-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n will-change: clip-path;\n color: #ffffff;\n}\n.zoomButton > i {\n font-size: 30px;\n}\n.zoomButton:hover {\n -webkit-transform: scale(1.1);\n -ms-transform: scale(1.1);\n transform: scale(1.1);\n}\n.zoomButton:active {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n}\n.zoomButton-shrink {\n left: 52%;\n}\n.closeButton {\n position: absolute;\n top: 40px;\n right: 20px;\n width: 40px;\n height: 40px;\n line-height: 40px;\n z-index: 110;\n cursor: pointer;\n -webkit-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n -o-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n will-change: transform;\n}\n.closeButton > i {\n font-size: 24px;\n float: right;\n color: #ffffff;\n}\n.closeButton .crossLine {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 35px;\n height: 1px;\n background-color: black;\n -webkit-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n -o-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n will-change: transform;\n}\n.closeButton:hover {\n -webkit-transform: scale(1.1);\n -ms-transform: scale(1.1);\n transform: scale(1.1);\n}\n.closeButton:active {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n}\n.switchButton {\n position: absolute;\n top: 50%;\n width: 56px;\n height: 56px;\n z-index: 110;\n cursor: pointer;\n -webkit-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n -o-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n -webkit-transform-origin: 50% 0;\n -ms-transform-origin: 50% 0;\n transform-origin: 50% 0;\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n will-change: transform, left, right, opacity;\n vertical-align: middle;\n text-align: center;\n}\n.switchButton .icon-coms-Left,\n.switchButton .icon-coms-Right {\n font-size: 20px;\n color: #ffffff;\n}\n.switchButton svg {\n fill: white;\n}\n.switchButton:hover {\n -webkit-transform: scale(1.1) translateY(-50%);\n -ms-transform: scale(1.1) translateY(-50%);\n transform: scale(1.1) translateY(-50%);\n}\n.switchButton:active {\n -webkit-transform: scale(1) translateY(-50%);\n -ms-transform: scale(1) translateY(-50%);\n transform: scale(1) translateY(-50%);\n}\n.pages {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 6px 14px;\n position: absolute;\n left: 50%;\n color: white;\n font-size: 14px;\n font-weight: bold;\n z-index: 110;\n background-color: black;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n -o-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n -webkit-transform: translateX(-50%);\n -ms-transform: translateX(-50%);\n transform: translateX(-50%);\n will-change: bottom, opacity;\n}\n.imgAlt {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 20px;\n position: absolute;\n top: 0;\n left: 0;\n color: black;\n font-size: 18px;\n z-index: 90;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n -o-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n will-change: clip-path, opacity;\n}\n.imgText {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 12px 20px;\n position: absolute;\n left: 0;\n top: 230%;\n color: white;\n font-size: 16px;\n z-index: 90;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: black;\n -webkit-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n -o-transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n transition: all 400ms cubic-bezier(0.15, 1, 0.3, 1);\n -webkit-transform: translateY(-50%);\n -ms-transform: translateY(-50%);\n transform: translateY(-50%);\n will-change: left, opacity;\n}\n"],sourceRoot:""}])},1585:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(48),i=o(a),r=n(4),s=o(r),l=n(1),A=o(l),c=n(5),u=o(c),f=n(2),m=o(f),d=n(3),p=o(d),C=n(0),g=o(C);n(1586);var B=n(1442),h=o(B),b=n(366),v=50,w=function(e){function t(e){(0,A.default)(this,t);var n=(0,m.default)(this,(t.__proto__||(0,s.default)(t)).call(this,e));return n.getCoverScale=function(){var e=n.props.coverNodeRef,t={scale:0};if(e){var o=window.getComputedStyle(e);t={scale:parseInt(o.width)/e.naturalWidth}}return t},n.setToCoverScale=function(){var e=n.props,t=e.coverNodeRef,o=e.remove;n.resize.to({data:n.getCoverScale(),after:function(){t&&(t.style.visibility="visible"),o()}})},n.getPageFitScale=function(e){var t=n.props,o=t.coverNodeRef,a=t.imageSet,r={scale:1},s=o;if(e){s=new window.Image;var l=a[e];"object"==("undefined"===typeof l?"undefined":(0,i.default)(l))?s.src=l.src:"string"==typeof l?s.src=l:console.error("not known src",s,a[e],a)}return s&&(r={scale:(0,b.calcFitScale)(s,v)}),r},n.setToPageFitScale=function(e){var t=n.props.coverNodeRef;n.resize.to({data:n.getPageFitScale(e)}),e||t||(n.refs.imageLayer.style.maxWidth="calc(100vw - "+2*v+"px)",n.refs.imageLayer.style.maxHeight="calc(100vh - "+2*v+"px)")},n.getOriginalScale=function(){return{scale:1}},n.setToOriginalScale=function(){var e=n.props.coverNodeRef;n.resize.to({data:n.getOriginalScale()}),e||(n.refs.imageLayer.style.maxWidth="",n.refs.imageLayer.style.maxHeight="")},n.handleResizeScale=function(e){n.refs.imageLayer&&(n.refs.imageLayer.style.transform="translate(-50%, -50%) scale("+e.scale+")")},n.state={onLoad:!0,onError:!1,direction:""},n}return(0,p.default)(t,e),(0,u.default)(t,[{key:"componentWillMount",value:function(){this.resize=new h.default({data:this.getCoverScale(),poster:this.handleResizeScale}),(0,b.addListenEventOf)("resize",this.setToPageFitScale)}},{key:"componentWillReceiveProps",value:function(e){var t=e.show,n=e.zoom,o=e.page;t?n?this.setToOriginalScale():this.setToPageFitScale(o):this.setToCoverScale(),o&&this.setState({onLoad:!0,onError:!1})}},{key:"componentWillUnmount",value:function(){(0,b.removeListenEventOf)("resize",this.setToPageFitScale)}},{key:"render",value:function(){var e=this,t=this.props,n=t.zoom,o=t.page,a=t.imageSet,i=this.state,r=i.onLoad,s=i.onError;return g.default.createElement(C.Fragment,null,r&&g.default.createElement("span",{className:"loading"},g.default.createElement("i",null),g.default.createElement("i",null),g.default.createElement("i",null),g.default.createElement("i",null)),s&&g.default.createElement("img",{className:"loadError",src:"/spa/esearch/images/default.png"}),g.default.createElement("img",{key:o,ref:"imageLayer",className:"imageLayer",src:a[o].src,alt:a[o].alt,onLoad:function(){return e.setState({onLoad:!1})},onError:function(){return e.setState({onError:!0,onLoad:!1})},onClick:n?this.handleToggleZoom:function(){}}))}}]),t}(g.default.Component);t.default=w},1586:function(e,t,n){var o=n(1587);"string"===typeof o&&(o=[[e.i,o,""]]);var a={hmr:!1};a.transform=void 0;n(1350)(o,a);o.locals&&(e.exports=o.locals)},1587:function(e,t,n){t=e.exports=n(1349)(!0),t.push([e.i,".imageLayer{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);will-change:transform}.loading-error{width:100px;font-size:16px}.loading{display:inline-block;z-index:80;width:20px;height:20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:rotate 1.2s infinite linear;animation:rotate 1.2s infinite linear}.loading i{width:9px;height:9px;border-radius:100%;background-color:#108ee9;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75);display:block;position:absolute;opacity:.3;-webkit-animation:spinMove 1s infinite linear alternate;animation:spinMove 1s infinite linear alternate;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.loading :first-child{left:0;top:0}.loading :nth-child(2){right:0;top:0;-webkit-animation-delay:.4s;animation-delay:.4s}.loading :nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.loading :nth-child(4){left:0;bottom:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}@-webkit-keyframes rotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes rotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes spinMove{to{opacity:1}}@keyframes spinMove{to{opacity:1}}","",{version:3,sources:["E:/git/WEAVER_CloudStore_e9/components/ecology9/wea-zmage/components/Image/index.less"],names:[],mappings:"AAAA,YACE,yBAA0B,AACvB,sBAAuB,AACtB,qBAAsB,AAClB,iBAAkB,AAC1B,uCAAyC,AACrC,mCAAqC,AACjC,+BAAiC,AACzC,qBAAuB,CACxB,AACD,eACE,YAAa,AACb,cAAgB,CACjB,AACD,SACE,qBAAsB,AACtB,WAAY,AACZ,WAAY,AACZ,YAAa,AACb,gCAAiC,AAC7B,4BAA6B,AACzB,wBAAyB,AACjC,8CAA+C,AACvC,qCAAuC,CAChD,AACD,WACE,UAAW,AACX,WAAY,AACZ,mBAAoB,AACpB,yBAA0B,AAC1B,6BAA+B,AAC3B,yBAA2B,AACvB,qBAAuB,AAC/B,cAAe,AACf,kBAAmB,AACnB,WAAa,AACb,wDAAyD,AACjD,gDAAiD,AACzD,iCAAkC,AAC9B,6BAA8B,AAC1B,wBAA0B,CACnC,AACD,sBACE,OAAQ,AACR,KAAO,CACR,AACD,uBACE,QAAS,AACT,MAAO,AACP,4BAA8B,AACtB,mBAAsB,CAC/B,AACD,uBACE,QAAS,AACT,SAAU,AACV,4BAA8B,AACtB,mBAAsB,CAC/B,AACD,uBACE,OAAQ,AACR,SAAU,AACV,6BAA8B,AACtB,oBAAsB,CAC/B,AACD,0BACE,GACE,iCAAkC,AAC1B,wBAA0B,CACnC,CACF,AACD,kBACE,GACE,iCAAkC,AAC1B,wBAA0B,CACnC,CACF,AACD,4BACE,GACE,SAAW,CACZ,CACF,AACD,oBACE,GACE,SAAW,CACZ,CACF",file:"index.less",sourcesContent:[".imageLayer {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n transform: translate(-50%, -50%);\n will-change: transform;\n}\n.loading-error {\n width: 100px;\n font-size: 16px;\n}\n.loading {\n display: inline-block;\n z-index: 80;\n width: 20px;\n height: 20px;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n -webkit-animation: rotate 1.2s infinite linear;\n animation: rotate 1.2s infinite linear;\n}\n.loading i {\n width: 9px;\n height: 9px;\n border-radius: 100%;\n background-color: #108ee9;\n -webkit-transform: scale(0.75);\n -ms-transform: scale(0.75);\n transform: scale(0.75);\n display: block;\n position: absolute;\n opacity: 0.3;\n -webkit-animation: spinMove 1s infinite linear alternate;\n animation: spinMove 1s infinite linear alternate;\n -webkit-transform-origin: 50% 50%;\n -ms-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n}\n.loading :first-child {\n left: 0;\n top: 0;\n}\n.loading :nth-child(2) {\n right: 0;\n top: 0;\n -webkit-animation-delay: 0.4s;\n animation-delay: 0.4s;\n}\n.loading :nth-child(3) {\n right: 0;\n bottom: 0;\n -webkit-animation-delay: 0.8s;\n animation-delay: 0.8s;\n}\n.loading :nth-child(4) {\n left: 0;\n bottom: 0;\n -webkit-animation-delay: 1.2s;\n animation-delay: 1.2s;\n}\n@-webkit-keyframes rotate {\n to {\n -webkit-transform: rotate(405deg);\n transform: rotate(405deg);\n }\n}\n@keyframes rotate {\n to {\n -webkit-transform: rotate(405deg);\n transform: rotate(405deg);\n }\n}\n@-webkit-keyframes spinMove {\n to {\n opacity: 1;\n }\n}\n@keyframes spinMove {\n to {\n opacity: 1;\n }\n}\n"],sourceRoot:""}])},1588:function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var a=n(4),i=o(a),r=n(1),s=o(r),l=n(5),A=o(l),c=n(2),u=o(c),f=n(3),m=o(f),d=n(0),p=o(d);n(1589);var C=function(e){function t(e){(0,s.default)(this,t);var n=(0,u.default)(this,(t.__proto__||(0,i.default)(t)).call(this,e));return n.bgOverlayStyle=function(e){return e?{backgroundColor:"rgba(0,0,0,1)"}:{backgroundColor:"rgba(0,0,0,0)"}},n}return(0,m.default)(t,e),(0,A.default)(t,[{key:"render",value:function(){var e=this.props,t=e.show,n=e.zoom,o=e.unmountSelf,a=e.toggleZoom;return p.default.createElement("div",{className:"backgroundLayer",onClick:n?a:o,style:this.bgOverlayStyle(t)})}}]),t}(p.default.Component);t.default=C},1589:function(e,t,n){var o=n(1590);"string"===typeof o&&(o=[[e.i,o,""]]);var a={hmr:!1};a.transform=void 0;n(1350)(o,a);o.locals&&(e.exports=o.locals)},1590:function(e,t,n){t=e.exports=n(1349)(!0),t.push([e.i,".backgroundLayer{position:absolute;top:0;left:0;right:0;bottom:0;cursor:-webkit-zoom-out;cursor:zoom-out;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;background-color:transparent;opacity:.5}","",{version:3,sources:["E:/git/WEAVER_CloudStore_e9/components/ecology9/wea-zmage/components/Background/index.less"],names:[],mappings:"AAAA,iBACE,kBAAmB,AACnB,MAAO,AACP,OAAQ,AACR,QAAS,AACT,SAAU,AACV,wBAAyB,AACzB,gBAAiB,AACjB,2BAA8B,AAC9B,sBAAyB,AACzB,mBAAsB,AACtB,6BAAmC,AACnC,UAAa,CACd",file:"index.less",sourcesContent:[".backgroundLayer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n cursor: -webkit-zoom-out;\n cursor: zoom-out;\n -webkit-transition: all 400ms;\n -o-transition: all 400ms;\n transition: all 400ms;\n background-color: rgba(0, 0, 0, 0);\n opacity: 0.5;\n}\n"],sourceRoot:""}])},1591:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.animationFunc=t.animateDuration=t.imageType=void 0;var o=n(11),a=function(e){return e&&e.__esModule?e:{default:e}}(o);t.imageType=a.default.shape({src:a.default.string,alt:a.default.string,text:a.default.string}),t.animateDuration=400,t.animationFunc="cubic-bezier(0.15, 1, 0.3, 1)"}});
//# sourceMappingURL=5.5a44c3bc.chunk.js.map