https://static.tendata.cn/assets-v2/libs/sliding.min.js?v=1790165044131

1/*!
2 * version: 1.0.3
3 * docs: https://github.com/yeild/jigsaw
4 * 
5 */!function(n){var e={};function t(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return n[i].call(r.exports,r,r.exports,t),r.l=!0,r.exports}t.m=n,t.c=e,t.d=function(n,e,i){t.o(n,e)||Object.defineProperty(n,e,{enumerable:!0,get:i})},t.r=function(n){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.t=function(n,e){if(1&e&&(n=t(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var i=Object.create(null);if(t.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var r in n)t.d(i,r,function(e){return n[e]}.bind(null,r));return i},t.n=function(n){var e=n&&n.__esModule?function(){return n.default}:function(){return n};return t.d(e,"a",e),e},t.o=function(n,e){return Object.prototype.hasOwnProperty.call(n,e)},t.p="",t(t.s=0)}([function(n,e,t){"use strict";var i,r=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(n[i]=t[i])}return n},o=function(){function n(n,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(n,i.key,i)}}return function(e,t,i){return t&&n(e.prototype,t),i&&n(e,i),e}}(),s=t(1),a=(i=s)&&i.__esModule?i:{default:i};var l=42,c=Math.PI,d=63;function u(n,e){var t=document.createElement("canvas");return t.width=n,t.height=e,t}function f(n,e){var t=document.createElement(n);return e&&(t.className=a.default[e]),t}function p(n,e){n.className=a.default[e]}function h(n,e){n.classList.add(a.default[e])}function g(n,e){return Math.round(Math.random()*(e-n)+n)}function v(n){var e="";if(document.cookie.length>0){var t=document.cookie.split(n+"=");2===t.length&&(e=t[1].split(";")[0])}return e}function b(){var n=window.location.host.substring(window.location.host.indexOf("."));return-1!==n.indexOf("localhost")&&(n=".tendata.dev"),"https://static"+n+"/libs/smsImages/"+g(0,10)+".jpg"}function _(n,e,t,i){n.beginPath(),n.moveTo(e,t),n.arc(e+21,t-9+2,9,.72*c,2.26*c),n.lineTo(e+l,t),n.arc(e+l+9-2,t+21,9,1.21*c,2.78*c),n.lineTo(e+l,t+l),n.lineTo(e,t+l),n.arc(e+9-2,t+21,9.4,2.76*c,1.24*c,!0),n.lineTo(e,t),n.lineWidth=2,n.fillStyle="rgba(255, 255, 255, 0.7)",n.strokeStyle="rgba(255, 255, 255, 0.7)",n.stroke(),n.globalCompositeOperation="destination-over","fill"===i?n.fill():n.clip()}function w(n,e){return n+e}function x(n){return n*n}var m=function(){function n(e){var t=e.el,i=e.width,o=void 0===i?310:i,s=e.height,a=void 0===s?155:s,l=e.onSuccess,c=e.onFail,d=e.onRefresh;!function(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}(this,n),r(t.style,{position:"relative",width:o+"px",margin:"0 auto"}),this.width=o,this.height=a,this.el=t,this.onSuccess=l,this.onFail=c,this.onRefresh=d}return o(n,[{key:"init",value:function(){this.initDOM(),this.initImg(),this.bindEvents()}},{key:"initDOM",value:function(){var n=this.width,e=this.height,t=u(n,e),i=u(n,e);p(i,"block");var o=f("div","sliderContainer");o.style.width=n+"px",o.style.pointerEvents="none";var s=f("div","refreshIcon"),a=f("div","sliderMask"),l=f("div","slider"),c=f("span","sliderIcon"),d=f("span","sliderText"),h=v("locale")||"zh_CN";d.innerHTML="zh_CN"===h?"向右滑动填充拼图":"Slide Right to Fill Puzzle";var g=f("div","loadingContainer");g.style.width=n+"px",g.style.height=e+"px";var b=f("div","loadingIcon"),_=f("span");_.innerHTML="加载中..."===h?"向右滑动填充拼图":"Loading...",g.appendChild(b),g.appendChild(_);var w=this.el;w.appendChild(g),w.appendChild(t),w.appendChild(s),w.appendChild(i),l.appendChild(c),a.appendChild(l),o.appendChild(a),o.appendChild(d),w.appendChild(o),r(this,{canvas:t,block:i,sliderContainer:o,loadingContainer:g,refreshIcon:s,slider:l,sliderMask:a,sliderIcon:c,text:d,canvasCtx:t.getContext("2d"),blockCtx:i.getContext("2d")})}}

5,{key:"setLoading",value:function(n){this.loadingContainer.style.display=n?"":"none",this.sliderContainer.style.pointerEvents=n?"none":""}},{key:"initImg",value:function(){var n=this,e=function(n){var e=new Image;return e.crossOrigin="Anonymous",e.onload=n,e.onerror=function(){e.setSrc(b())},e.setSrc=function(n){if(window.navigator.userAgent.indexOf("Trident")>-1){var t=new XMLHttpRequest;t.onloadend=function(n){var t=new FileReader;t.readAsDataURL(n.target.response),t.onloadend=function(n){e.src=n.target.result}},t.open("GET",n),t.responseType="blob",t.send()}else e.src=n},e.setSrc(b()),e}((function(){n.setLoading(!1),n.draw(e)}));this.img=e}},{key:"draw",value:function(n){var e=this.width,t=this.height;this.x=g(73,e-73),this.y=g(28,t-73),_(this.canvasCtx,this.x,this.y,"fill"),_(this.blockCtx,this.x,this.y,"clip"),this.canvasCtx.drawImage(n,0,0,e,t),this.blockCtx.drawImage(n,0,0,e,t);var i=this.y-18-1,r=this.blockCtx.getImageData(this.x-3,i,d,d);this.block.width=d,this.blockCtx.putImageData(r,0,i)}},{key:"bindEvents",value:function(){var n=this;this.el.onselectstart=function(){return!1},this.refreshIcon.onclick=function(){n.reset(),"function"==typeof n.onRefresh&&n.onRefresh()};var e=void 0,t=void 0,i=[],r=!1,o=function(n){e=n.clientX||n.touches[0].clientX,t=n.clientY||n.touches[0].clientY,r=!0},s=this.width,l=function(o){if(!r)return!1;o.preventDefault();var a=o.clientX||o.touches[0].clientX,l=o.clientY||o.touches[0].clientY,c=a-e,d=l-t;if(c<0||c+38>=s)return!1;n.slider.style.left=c+"px";var u=(s-40-20)/(s-40)*c;n.block.style.left=u+"px",h(n.sliderContainer,"sliderContainer_active"),n.sliderMask.style.width=c+"px",i.push(d)},c=function(t){if(!r)return!1;var o,s;if(r=!1,(t.clientX||t.changedTouches[0].clientX)===e)return!1;o=n.sliderContainer,s="sliderContainer_active",o.classList.remove(a.default[s]),n.trail=i;var l=n.verify(),c=l.spliced,d=l.verified;

5if(c)if(d)h(n.sliderContainer,"sliderContainer_success"),"function"==typeof n.onSuccess&&n.onSuccess();else{h(n.sliderContainer,"sliderContainer_fail");var u=v("locale")||"zh_CN";n.text.innerHTML="zh_CN"===u?"请再试一次":"Please try again",n.reset()}else h(n.sliderContainer,"sliderContainer_fail"),"function"==typeof n.onFail&&n.onFail(),setTimeout(n.reset.bind(n),1e3)};this.slider.addEventListener("mousedown",o),this.slider.addEventListener("touchstart",o),this.block.addEventListener("mousedown",o),this.block.addEventListener("touchstart",o),document.addEventListener("mousemove",l),document.addEventListener("touchmove",l),document.addEventListener("mouseup",c),document.addEventListener("touchend",c)}},{key:"verify",value:function(){var n=this.trail,e=n.reduce(w)/n.length,t=n.map((function(n){return n-e})),i=Math.sqrt(t.map(x).reduce(w)/n.length),r=parseInt(this.block.style.left);return{spliced:Math.abs(r-this.x)<10,verified:0!==i}}},{key:"reset",value:function(){var n=this.width,e=this.height;p(this.sliderContainer,"sliderContainer"),this.slider.style.left="0px",this.block.width=n,this.block.style.left="0px",this.sliderMask.style.width="0px",this.canvasCtx.clearRect(0,0,n,e),this.blockCtx.clearRect(0,0,n,e),this.setLoading(!0),this.img.setSrc(b())}}]),n}();window.jigsaw={init:function(n){return new m(n).init()}}},function(n,e,t){var i=t(2);"string"==typeof i&&(i=[[n.i,i,""]]);var r={hmr:!0,transform:void 0,insertInto:void 0};t(4)(i,r);i.locals&&(n.exports=i.locals)},function(n,e,t){(e=n.exports=t(3)(!1)).push([n.i,".jigsaw__block--1YjWp {\n  position: absolute;\n  left: 0;\n  top: 0;\n  cursor: pointer;\n  cursor: grab;\n}\n\n.jigsaw__block--1YjWp:active {\n  cursor: grabbing;\n}\n\n.jigsaw__sliderContainer--1plgh {\n  position: relative;\n  text-align: center;\n  width: 310px;\n  height: 40px;\n  line-height: 40px;\n  margin-top: 15px;\n  background: #f7f9fa;\n  color: #45494c;\n  border: 1px solid #e4e7eb;\n}\n\n.jigsaw__sliderContainer_active--30vcc .jigsaw__slider--3MfRq {\n  height: 38px;\n  top: -1px;\n  border: 1px solid #1991FA;\n}\n\n.jigsaw__sliderContainer_active--30vcc .jigsaw__sliderMask--2jScB {\n  height: 38px;\n  border-width: 1px;\n}\n\n.jigsaw__sliderContainer_success--38_XT .jigsaw__slider--3MfRq {\n  height: 38px;\n  top: -1px;\n  border: 1px solid #52CCBA;\n  background-color: #52CCBA !important;\n}\n\n.jigsaw__sliderContainer_success--38_XT .jigsaw__sliderMask--2jScB {\n  height: 38px;\n  border: 1px solid #52CCBA;\n  background-color: #D2F4EF;\n}\n\n.jigsaw__sliderContainer_success--38_XT .jigsaw__sliderIcon--1PR8f {\n  background-position: 0 -26px!important;\n}\n\n.jigsaw__sliderContainer_fail--bI2Ni .jigsaw__slider--3MfRq {\n  height: 38px;\n  top: -1px;\n  border: 1px solid #f57a7a;\n  background-color: #f57a7a !important;\n}\n\n.jigsaw__sliderContainer_fail--bI2Ni .jigsaw__sliderMask--2jScB {\n  height: 38px;\n  border: 1px solid #f57a7a;\n  background-color: #fce1e1;\n}\n\n.jigsaw__sliderContainer_fail--bI2Ni .jigsaw__sliderIcon--1PR8f {\n  top: 14px;\n  background-position: 0 -82px !important;\n}\n\n.jigsaw__sliderContainer_active--30vcc .jigsaw__sliderText--2GCfC, .jigsaw__sliderContainer_success--38_XT .jigsaw__sliderText--2GCfC, .jigsaw__sliderContainer_fail--bI2Ni .jigsaw__sliderText--2GCfC {\n  display: none;\n}\n\n.jigsaw__sliderMask--2jScB {\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 40px;\n  border: 0 solid #1991FA;\n  background: #D1E9FE;\n}\n\n.jigsaw__slider--3MfRq {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 40px;\n  height: 40px;\n  background: #fff;\n  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);\n  transition: background .2s linear;\n  cursor: pointer;\n  cursor: grab;\n}\n\n.jigsaw__slider--3MfRq:active {\n  cursor: grabbing;\n}\n\n.jigsaw__slider--3MfRq:hover {\n  background: #1991FA;\n}\n\n.jigsaw__sliderIcon--1PR8f {\n  position: absolute;\n  top: 15px;\n  left: 13px;\n  width: 14px;\n  height: 12px;\n  background: url(https://cstaticdun.126.net//2.13.6/images/icon_light.4353d81.png) 0 -13px;\n  background-size: 32px 544px;\n}\n\n.jigsaw__slider--3MfRq:hover .jigsaw__sliderIcon--1PR8f {\n  background-position: 0 0;\n}\n\n.jigsaw__refreshIcon--3NnkK {\n  position: absolute;\n  right: 5px;\n  top: 5px;\n  width: 30px;\n  height: 30px;\n  cursor: pointer;\n  background: url(https://cstaticdun.126.net//2.13.6/images/icon_light.4353d81.png) 0 -233px;\n  background-size: 32px 544px;\n}\n\n.jigsaw__refreshIcon--3NnkK:hover {\n  background-position: 0 -266px;\n}\n\n.jigsaw__loadingContainer--2YM-g {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 310px;\n  height: 155px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  color: #45494c;\n  z-index: 2;\n  background: #EDF0F2;\n}\n\n.jigsaw__loadingIcon--1o5tN {\n  width: 32px;\n  height: 32px;\n  margin-bottom: 10px;\n  background: url(https://cstaticdun.126.net//2.13.6/images/icon_light.4353d81.png) 0 -332px;\n  background-size: 32px 544px;\n  animation: jigsaw__loading-icon-rotate--e9asY 0.8s linear infinite;\n}\n\n@keyframes jigsaw__loading-icon-rotate--e9asY {\n  from { transform: rotate(0) }\n  to { transform: rotate(360deg)}\n}\n",""]),e.locals={block:"jigsaw__block--1YjWp",sliderContainer:"jigsaw__sliderContainer--1plgh",sliderContainer_active:"jigsaw__sliderContainer_active--30vcc",slider:"jigsaw__slider--3MfRq",sliderMask:"jigsaw__sliderMask--2jScB",sliderContainer_success:"jigsaw__sliderContainer_success--38_XT",sliderIcon:"jigsaw__sliderIcon--1PR8f",sliderContainer_fail:"jigsaw__sliderContainer_fail--bI2Ni",sliderText:"jigsaw__sliderText--2GCfC",refreshIcon:"jigsaw__refreshIcon--3NnkK",loadingContainer:"jigsaw__loadingContainer--2YM-g",loadingIcon:"jigsaw__loadingIcon--1o5tN","loading-icon-rotate":"jigsaw__loading-icon-rotate--e9asY"}},function(n,e){n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var t=function(n,e){var t=n[1]||"",i=n[3];if(!i)return t;if(e&&"function"==typeof btoa){var r=(s=i,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(s))))+" */"),o=i.sources.map((function(n){return"/*# sourceURL="+i.sourceRoot+n+" */"}));return[t].concat(o).concat([r]).join("\n")}var s;return[t].join("\n")}(e,n);return e[2]?"@media "+e[2]+"{"+t+"}":t})).join("")},e.i=function(n,t){"string"==typeof n&&(n=[[null,n,""]]);for(var i={},r=0;r<this.length;r++){var o=this[r][0];"number"==typeof o&&(i[o]=!0)}for(r=0;r<n.length;r++){var s=n[r];"number"==typeof s[0]&&i[s[0]]||(t&&!s[2]?s[2]=t:t&&(s[2]="("+s[2]+") and ("+t+")"),e.push(s))}},e}},function(n,e,t){var i,r,o={},s=(i=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===r&&(r=i.apply(this,arguments)),r}),a=function(n){return document.querySelector(n)},l=function(n){var e={};return function(n){if("function"==typeof n)return n();if(void 0===e[n]){var t=a.call(this,n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}e[n]=t}return e[n]}}(),c=null,d=0,u=[],f=t(5);function p(n,e){for(var t=0;t<n.length;t++){var i=n[t],r=o[i.id];if(r){r.refs++;for(var s=0;s<r.parts.length;s++)r.parts[s](i.parts[s]);for(;s<i.parts.length;s++)r.parts.push(w(i.parts[s],e))}else{var a=[];for(s=0;s<i.parts.length;s++)a.push(w(i.parts[s],e));o[i.id]={id:i.id,refs:1,parts:a}}}}function h(n,e){for(var t=[],i={},r=0;r<n.length;

5r++){var o=n[r],s=e.base?o[0]+e.base:o[0],a={css:o[1],media:o[2],sourceMap:o[3]};i[s]?i[s].parts.push(a):t.push(i[s]={id:s,parts:[a]})}return t}function g(n,e){var t=l(n.insertInto);if(!t)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var i=u[u.length-1];if("top"===n.insertAt)i?i.nextSibling?t.insertBefore(e,i.nextSibling):t.appendChild(e):t.insertBefore(e,t.firstChild),u.push(e);else if("bottom"===n.insertAt)t.appendChild(e);else{if("object"!=typeof n.insertAt||!n.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var r=l(n.insertInto+" "+n.insertAt.before);t.insertBefore(e,r)}}function v(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n);var e=u.indexOf(n);e>=0&&u.splice(e,1)}function b(n){var e=document.createElement("style");return n.attrs.type="text/css",_(e,n.attrs),g(n,e),e}function _(n,e){Object.keys(e).forEach((function(t){n.setAttribute(t,e[t])}))}function w(n,e){var t,i,r,o;if(e.transform&&n.css){if(!(o=e.transform(n.css)))return function(){};n.css=o}if(e.singleton){var s=d++;t=c||(c=b(e)),i=y.bind(null,t,s,!1),r=y.bind(null,t,s,!0)}else n.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(t=function(n){var e=document.createElement("link");return n.attrs.type="text/css",n.attrs.rel="stylesheet",_(e,n.attrs),g(n,e),e}(e),i=j.bind(null,t,e),r=function(){v(t),t.href&&URL.revokeObjectURL(t.href)}):(t=b(e),i=C.bind(null,t),r=function(){v(t)});return i(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;i(n=e)}else r()}}n.exports=function(n,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=s()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var t=h(n,e);return p(t,e),function(n){for(var i=[],r=0;r<t.length;r++){var s=t[r];(a=o[s.id]).refs--,i.push(a)}n&&p(h(n,e),e);for(r=0;r<i.length;r++){var a;if(0===(a=i[r]).refs){for(var l=0;l<a.parts.length;l++)a.parts[l]();delete o[a.id]}}}};var x,m=(x=[],function(n,e){return x[n]=e,x.filter(Boolean).join("\n")});function y(n,e,t,i){var r=t?"":i.css;if(n.styleSheet)n.styleSheet.cssText=m(e,r);else{var o=document.createTextNode(r),s=n.childNodes;s[e]&&n.removeChild(s[e]),s.length?n.insertBefore(o,s[e]):n.appendChild(o)}}function C(n,e){var t=e.css,i=e.media;if(i&&n.setAttribute("media",i),n.styleSheet)n.styleSheet.cssText=t;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(t))}}function j(n,e,t){var i=t.css,r=t.sourceMap,o=void 0===e.convertToAbsoluteUrls&&r;(e.convertToAbsoluteUrls||o)&&(i=f(i)),r&&(i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */");var s=new Blob([i],{type:"text/css"}),a=n.href;n.href=URL.createObjectURL(s),a&&URL.revokeObjectURL(a)}},function(n,e){n.exports=function(n){var e="undefined"!=typeof window&&window.location;if(!e)throw new Error("fixUrls requires window.location");if(!n||"string"!=typeof n)return n;var t=e.protocol+"//"+e.host,i=t+e.pathname.replace(/\/[^\/]*$/,"/");return n.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,(function(n,e){var r,o=e.trim().replace(/^"(.*)"$/,(function(n,e){return e})).replace(/^'(.*)'$/,(function(n,e){return e}));return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(o)?n:(r=0===o.indexOf("//")?o:0===o.indexOf("/")?t+o:i+o.replace(/^\.\//,""),"url("+JSON.stringify(r)+")")}))}}]);