slider-captcha-sdk 1.0.24 → 1.0.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -0
- package/dist/README.md +2 -0
- package/dist/index.esm.js +1417 -1
- package/dist/index.min.js +1 -1
- package/dist/password-validator.esm.js +388 -1
- package/dist/password-validator.min.js +1 -1
- package/dist/slider-captcha.esm.js +1006 -1
- package/dist/slider-captcha.min.js +1 -1
- package/package.json +1 -1
package/dist/index.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jsencrypt")):"function"==typeof define&&define.amd?define(["exports","jsencrypt"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).SliderCaptchaSDK={},t.JSEncrypt)}(this,function(t,JSEncrypt){"use strict";function e(t){return new PasswordValidator(t)}function i(t,e,i={},s={}){return new PasswordValidator(i).validatePassword(t,e,s)}var s,r,a;class PopupSliderCaptcha{static DEFAULTS={width:320,height:155,sliderSize:38,maxRetries:3,timeout:3e4,apiUrl:"/externalapi/commonservice/captcha/get",verifyUrl:"/externalapi/commonservice/captcha/check",baseUrl:"",throttleDelay:16,clickMaskClose:!1};static CSS_CLASSES={overlay:"slider-captcha-overlay",modal:"slider-captcha-modal",header:"slider-captcha-header",container:"slider-captcha-container",track:"slider-captcha-track",btn:"slider-captcha-btn",hint:"slider-captcha-hint",loading:"slider-captcha-loading",error:"slider-captcha-error"};static getStyles(){return":root{--sc-primary:#409eff;--sc-success:#67c23a;--sc-danger:#f56c6c;--sc-border:#e4e7eb;--sc-bg:linear-gradient(90deg, #f7f9fa 0%, #e8f4fd 100%);--sc-text:#333;--sc-text-light:#999;--sc-shadow:0 4px 20px rgba(0,0,0,.3);--sc-radius:8px;--sc-transition:.3s ease}.slider-captcha-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity var(--sc-transition)}.slider-captcha-overlay.show{opacity:1}.slider-captcha-modal{background:#fff;border-radius:var(--sc-radius);padding:20px;box-shadow:var(--sc-shadow);position:relative;max-width:90vw;max-height:90vh;transform:scale(.8) translateY(-20px);opacity:0;transition:all var(--sc-transition)}.slider-captcha-modal.show{transform:scale(1) translateY(0);opacity:1}.slider-captcha-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid var(--sc-border)}.slider-captcha-container{display:flex;align-items:center;position:relative;border-radius:4px;overflow:hidden;margin-bottom:15px;background:#837a7a;justify-content:center}.slider-captcha-track{width:100%;height:40px;line-height:40px;background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:20px;position:relative;margin-bottom:15px;overflow:hidden}.slider-captcha-btn{width:38px;height:38px;background:#fff;border:1px solid #ccc;border-radius:50%;position:absolute;top:0;left:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all var(--sc-transition);user-select:none;z-index:1}.slider-captcha-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#666;font-size:14px;z-index:10;border-radius:4px}.slider-captcha-error{color:var(--sc-danger);font-size:12px;text-align:center;margin-top:10px;display:none}.slider-captcha-title{margin:0;font-size:16px;color:var(--sc-text)}.slider-captcha-close,.slider-captcha-refresh{background:none;border:none;cursor:pointer;color:var(--sc-text-light);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--sc-transition);position:relative;font-size:0}.slider-captcha-close::before,.slider-captcha-close::after{content:'';position:absolute;width:16px;height:2px;background-color:var(--sc-text-light);border-radius:1px;transition:all var(--sc-transition)}.slider-captcha-close::before{transform:rotate(45deg)}.slider-captcha-close::after{transform:rotate(-45deg)}.slider-captcha-close:hover{background:#f5f5f5;transform:scale(1.1)}.slider-captcha-close:hover::before,.slider-captcha-close:hover::after{background-color:var(--sc-danger)}.slider-captcha-refresh{margin-left:10px}.slider-captcha-refresh svg{width:20px;height:20px;fill:var(--sc-text-light);transition:all var(--sc-transition)}.slider-captcha-refresh:hover{background:#f5f5f5;transform:scale(1.1)}.slider-captcha-refresh:hover svg{fill:var(--sc-primary);transform:rotate(180deg)}.slider-captcha-floating-time{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;font-size:12px;line-height:12px;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;transition:all var(--sc-transition);background:#fff;padding:4px 15px;border-radius:10px}.slider-captcha-floating-time.show{opacity:1;transform:translateX(-50%) translateY(-45px)}.slider-captcha-floating-time.success{color:var(--sc-success)}.slider-captcha-floating-time.fail{color:var(--sc-danger)}.slider-captcha-bg{width:100%;height:100%;object-fit:cover;display:block}.slider-captcha-piece{position:absolute;top:0;left:0;cursor:pointer;transition:none;z-index:2}.slider-captcha-finger{position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:20px;animation:fingerSlide 2s ease-in-out infinite;pointer-events:none;z-index:1;opacity:.6}.slider-captcha-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--sc-text-light);font-size:14px;pointer-events:none;z-index:1;transition:all var(--sc-transition)}.slider-captcha-header-buttons{display:flex;align-items:center}@keyframes fingerSlide{0%{left:10px;opacity:.6}50%{opacity:1}100%{left:calc(50% - 10px);opacity:.6}}"}static ERROR_TYPES={NETWORK_ERROR:"NETWORK_ERROR",TIMEOUT_ERROR:"TIMEOUT_ERROR",VALIDATION_ERROR:"VALIDATION_ERROR",IMAGE_LOAD_ERROR:"IMAGE_LOAD_ERROR",CAPTCHA_DATA_ERROR:"CAPTCHA_DATA_ERROR"};constructor(t={}){this.options={...PopupSliderCaptcha.DEFAULTS,...t},this.options.apiUrl=this.normalizeUrl(this.options.apiUrl,this.options.baseUrl),this.options.verifyUrl=this.normalizeUrl(this.options.verifyUrl,this.options.baseUrl);const{elements:e={},state:i=this.createInitialState(),captchaData:s=null,times:r=[],startTime:a=null,eventListeners:n=[],timers:o=new Set,rafId:h=null,cachedDimensions:c=null,imageCache:l=new Map,abortController:d=null}=this;Object.assign(this,{elements:e,state:i,captchaData:s,times:r,startTime:a,eventListeners:n,timers:o,rafId:h,cachedDimensions:c,imageCache:l,abortController:d}),this.throttledHandleMove=this.throttle(t=>this.handleMove(t),this.options.throttleDelay);try{this.init()}catch(t){this.handleError(PopupSliderCaptcha.ERROR_TYPES.VALIDATION_ERROR,t.message)}}createInitialState(){return{isVisible:!1,isDragging:!1,currentX:0,startX:0,retryCount:0,isLoading:!1}}normalizeUrl(t,e){return t?/^https?:\/\//.test(t)||!e?t:(e.endsWith("/")?e:e+"/")+(t.startsWith("/")?t.substring(1):t):t}init(){this.injectStyles(),this.createElements(),this.bindEvents()}injectStyles(){if(document.querySelector("#slider-captcha-styles"))return;const t=Object.assign(document.createElement("style"),{id:"slider-captcha-styles",textContent:PopupSliderCaptcha.getStyles()});document.head.appendChild(t)}createElements(){const{elements:t,options:e}=this,i={overlay:["div",PopupSliderCaptcha.CSS_CLASSES.overlay],modal:["div",PopupSliderCaptcha.CSS_CLASSES.modal],header:["div",PopupSliderCaptcha.CSS_CLASSES.header],title:["h3","slider-captcha-title","安全验证"],closeBtn:["button","slider-captcha-close"],refreshBtn:["button","slider-captcha-refresh"],container:["div",PopupSliderCaptcha.CSS_CLASSES.container],backgroundImg:["img","slider-captcha-bg"],sliderImg:["img","slider-captcha-piece"],loadingText:["div",PopupSliderCaptcha.CSS_CLASSES.loading,"加载中..."],floatingTime:["div","slider-captcha-floating-time"],track:["div",PopupSliderCaptcha.CSS_CLASSES.track],fingerAnimation:["div","slider-captcha-finger","👉"],btn:["div",PopupSliderCaptcha.CSS_CLASSES.btn],icon:["div","","→"],hint:["div",PopupSliderCaptcha.CSS_CLASSES.hint,"向右滑动完成验证"],error:["div",PopupSliderCaptcha.CSS_CLASSES.error]};Object.entries(i).forEach(([e,[i,s,r]])=>{t[e]=this.createElement(i,s,r)}),t.container.style.cssText=`width:${e.width}px;height:${e.height}px`,t.refreshBtn.innerHTML='\n <svg viewBox="0 0 24 24">\n <path d="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z"/>\n </svg>\n ',this.assembleDOM(),this.setInitialState()}createElement(t,e="",i=""){return Object.assign(document.createElement(t),{className:e,textContent:i})}assembleDOM(){const{elements:t}=this,e=this.createElement("div","slider-captcha-header-buttons");e.append(t.refreshBtn,t.closeBtn),t.header.append(t.title,e),t.container.append(t.backgroundImg,t.sliderImg,t.loadingText,t.floatingTime),t.btn.appendChild(t.icon),t.track.append(t.fingerAnimation,t.btn,t.hint),t.modal.append(t.header,t.container,t.track,t.error),t.overlay.appendChild(t.modal),document.body.appendChild(t.overlay)}setInitialState(){Object.assign(this.elements.container.style,{display:"none"}),Object.assign(this.elements.track.style,{display:"none"})}bindEvents(){const{elements:t}=this;[[t.closeBtn,"click",()=>this.hide()],[t.refreshBtn,"click",()=>this.refresh()],[t.overlay,"click",e=>{e.target===t.overlay&&this.options.clickMaskClose&&this.hide()}],[document,"keydown",t=>{"Escape"===t.key&&this.state.isVisible&&this.hide()}],[document,"visibilitychange",()=>this.handleVisibilityChange()]].forEach(([t,e,i])=>{this.addEventListener(t,e,i)}),this.bindSliderEvents()}bindSliderEvents(){const{elements:t}=this,e={start:t=>this.handleStart(t),move:this.throttledHandleMove,end:()=>this.handleEnd()};[[t.btn,"mousedown",e.start],[t.btn,"touchstart",e.start],[t.sliderImg,"mousedown",e.start],[t.sliderImg,"touchstart",e.start],[document,"mousemove",e.move,{passive:!1}],[document,"touchmove",e.move,{passive:!1}],[document,"mouseup",e.end],[document,"touchend",e.end]].forEach(([t,e,i,s])=>{this.addEventListener(t,e,i,s)})}addEventListener(t,e,i,s={}){t&&"function"==typeof i&&(t.addEventListener(e,i,s),this.eventListeners.push({element:t,event:e,handler:i,options:s}))}removeAllEventListeners(){this.eventListeners.forEach(({element:t,event:e,handler:i,options:s})=>{try{t?.removeEventListener?.(e,i,s)}catch(t){}}),this.eventListeners.length=0}getDimensions(){if(!this.cachedDimensions){const{track:t,btn:e}=this.elements;this.cachedDimensions={trackWidth:t.offsetWidth,btnWidth:e.offsetWidth,get maxX(){return this.trackWidth-this.btnWidth}}}return this.cachedDimensions}getPosition(){const{maxX:t}=this.getDimensions(),e=this.state.currentX/t;return Math.round(e*(this.options.width-this.options.sliderSize))}handleStart(t){!this.captchaData||this.state.isDragging||this.state.isLoading||(t.preventDefault(),Object.assign(this.state,{isDragging:!0,startX:this.getClientX(t)-this.state.currentX}),this.dragStartTime=Date.now(),this.times=[{time:Date.now(),position:this.getPosition()}],this.setTransition(!1),this.updateUIState("dragging"),this.cachedDimensions=null)}handleMove(t){if(!this.state.isDragging)return;t.preventDefault();const e=this.getClientX(t)-this.state.startX,{maxX:i}=this.getDimensions();this.state.currentX=Math.max(0,Math.min(e,i)),this.times.push({time:Date.now(),position:this.getPosition()}),this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame(()=>this.updateSliderPosition())}handleEnd(){this.state.isDragging&&(this.times.push({time:Date.now(),position:this.getPosition()}),this.state.isDragging=!1,this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null),this.verify())}handleVisibilityChange(){const t=document.hidden?"paused":"running";this.elements.fingerAnimation?.style&&(this.elements.fingerAnimation.style.animationPlayState=t)}getClientX=t=>t.type.includes("touch")?t.touches[0].clientX:t.clientX;setTransition(t){const e=t?"all 0.3s ease":"none";requestAnimationFrame(()=>{const{btn:t,sliderImg:i}=this.elements;t.style.transition=i.style.transition=e})}updateUIState(t){const{elements:e}=this,i={dragging:()=>{e.hint.style.opacity="0",e.fingerAnimation.style.display="none"},success:()=>{Object.assign(e.btn.style,{background:"var(--sc-success)"}),Object.assign(e.icon.style,{color:"white"}),e.icon.textContent="✓"},fail:()=>{Object.assign(e.btn.style,{background:"var(--sc-danger)"}),Object.assign(e.icon.style,{color:"white"}),e.icon.textContent="✗"},reset:()=>{Object.assign(e.btn.style,{background:"white"}),Object.assign(e.icon.style,{color:"#666"}),e.icon.textContent="→",e.fingerAnimation.style.display="block",this.updateHintText("向右滑动完成验证","var(--sc-text-light)")},loading:()=>{e.hint.style.opacity="0",e.fingerAnimation.style.display="none",Object.assign(e.track.style,{pointerEvents:"none",opacity:"0.6"})}};i[t]&&requestAnimationFrame(()=>{i[t](),"loading"!==t&&Object.assign(e.track.style,{pointerEvents:"auto",opacity:"1"})})}updateHintText(t,e){requestAnimationFrame(()=>{Object.assign(this.elements.hint,{textContent:t}),Object.assign(this.elements.hint.style,{color:e,opacity:"1"})})}updateSliderPosition(){const{elements:t,options:e,state:i}=this,{maxX:s}=this.getDimensions(),r=i.currentX/s*(e.width-e.sliderSize),a=i.currentX/s;requestAnimationFrame(()=>{t.btn.style.transform=`translateX(${i.currentX}px)`,t.sliderImg.style.transform=`translateX(${r}px)`,t.fingerAnimation.style.opacity=.8>a?"0.6":"0"})}show(){this.state.isVisible=!0,this.elements.overlay.style.display="flex",requestAnimationFrame(()=>{this.elements.overlay.classList.add("show"),this.elements.modal.classList.add("show")}),this.loadCaptcha()}hide(){this.state.isVisible=!1,this.elements.overlay.classList.remove("show"),this.elements.modal.classList.remove("show"),this.safeSetTimeout(()=>{this.elements.overlay.style.display="none",document.body.removeChild(this.elements.overlay),this.reset(),this.options.onClose?.(),this.elements.overlay=null},300)}handleError(t,e,i=null){const s={[PopupSliderCaptcha.ERROR_TYPES.NETWORK_ERROR]:"网络连接失败,请检查网络设置",[PopupSliderCaptcha.ERROR_TYPES.TIMEOUT_ERROR]:"请求超时,请重试",[PopupSliderCaptcha.ERROR_TYPES.VALIDATION_ERROR]:"验证失败,请重试",[PopupSliderCaptcha.ERROR_TYPES.IMAGE_LOAD_ERROR]:"图片加载失败,请刷新重试",[PopupSliderCaptcha.ERROR_TYPES.CAPTCHA_DATA_ERROR]:"验证码数据错误,请刷新重试"}[t]||e||"未知错误";this.options.onError&&this.options.onError({type:t,message:s,originalError:i}),this.showError(s)}async loadCaptcha(){try{this.showLoading(),this.startTime=Date.now(),this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const t=await fetch(this.options.apiUrl,{method:"POST",headers:{"Content-Type":"application/json",...this.options.headers},body:JSON.stringify({timestamp:Date.now(),...this.options.requestData}),signal:this.abortController.signal});if(!t.ok)throw Error(`HTTP ${t.status}: ${t.statusText}`);const e=await t.json();if(!this.validateCaptchaData(e))throw Error("验证码数据格式错误");this.captchaData=e.data,this.showCaptcha(),await this.renderCaptcha()}catch(t){"AbortError"===t.name?this.handleError(PopupSliderCaptcha.ERROR_TYPES.TIMEOUT_ERROR,"请求被取消"):t.message.includes("Failed to fetch")||t.message.includes("NetworkError")?this.handleError(PopupSliderCaptcha.ERROR_TYPES.NETWORK_ERROR,"网络连接失败"):this.handleError(PopupSliderCaptcha.ERROR_TYPES.CAPTCHA_DATA_ERROR,t.message,t)}}validateCaptchaData(t){if(!t||"object"!=typeof t)return!1;const e=t.data||t;return["canvasSrc","blockSrc","canvasWidth","canvasHeight","blockWidth","blockHeight","blockY","nonceStr"].every(t=>{const i=e[t];return null!=i&&""!==i})}renderCaptcha(){return new Promise((t,e)=>{let i=!1;const s=[this.loadImageAsync(this.elements.backgroundImg,this.captchaData.canvasSrc,{width:this.captchaData.canvasWidth,height:this.captchaData.canvasHeight}),this.loadImageAsync(this.elements.sliderImg,this.captchaData.blockSrc,{width:this.captchaData.blockWidth,height:this.captchaData.blockHeight,top:this.captchaData.blockY})];Promise.all(s).then(()=>{i||(this.hideLoading(),t())}).catch(t=>{i||(i=!0,this.handleError(PopupSliderCaptcha.ERROR_TYPES.IMAGE_LOAD_ERROR,"图片加载失败",t),e(t))})})}loadImageAsync(t,e,i){return new Promise((s,r)=>{if(this.imageCache.has(e)){const r=this.imageCache.get(e);return t.src=r.src,this.applyStyles(t,i),void s()}const a=this.safeSetTimeout(()=>{r(Error("图片加载超时"))},1e4);t.onload=function(){this.safeClearTimeout(a),this.imageCache.set(e,t.cloneNode()),s()}.bind(this),t.onerror=function(t){this.safeClearTimeout(a),r(t)}.bind(this),t.src=e,this.applyStyles(t,i)})}applyStyles(t,e){Object.entries(e).forEach(([e,i])=>{t.style[e]="number"==typeof i?i+"px":i})}showLoading(){this.state.isLoading=!0,this.batchUpdateStyles({container:{display:"block"},loadingText:{display:"flex"},error:{display:"none"}}),this.updateUIState("loading")}hideLoading(){this.state.isLoading=!1,this.batchUpdateStyles({loadingText:{display:"none"}}),this.updateUIState("reset")}showCaptcha(){this.batchUpdateStyles({container:{display:"block"},track:{display:"block"},error:{display:"none"}})}showError(t){this.hideLoading(),this.batchUpdateStyles({error:{display:"block",textContent:t}})}batchUpdateStyles(t){requestAnimationFrame(()=>{Object.entries(t).forEach(([t,e])=>{const i=this.elements[t];i&&Object.entries(e).forEach(([t,e])=>{"textContent"===t?i.textContent=e:i.style[t]=e})})})}async verify(){if(this.captchaData)try{this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const t=await fetch(this.options.verifyUrl,{method:"POST",headers:{"Content-Type":"application/json",...this.options.headers},body:JSON.stringify({loginVo:{nonceStr:this.captchaData.nonceStr,value:this.getPosition()},dragEventList:[...this.times],...this.options.verifyData}),signal:this.abortController.signal});if(!t.ok)throw Error(`HTTP ${t.status}: ${t.statusText}`);const e=await t.json();this.isVerifySuccess(e)?this.onVerifySuccess(e.data||e.result):this.onVerifyFail(e.message||e.msg||"验证失败,请重试!")}catch(t){"AbortError"===t.name?this.handleError(PopupSliderCaptcha.ERROR_TYPES.TIMEOUT_ERROR,"验证请求被取消"):t.message.includes("Failed to fetch")||t.message.includes("NetworkError")?this.handleError(PopupSliderCaptcha.ERROR_TYPES.NETWORK_ERROR,"网络连接失败"):this.handleError(PopupSliderCaptcha.ERROR_TYPES.VALIDATION_ERROR,t.message,t)}else this.onVerifyFail("验证码数据丢失")}isVerifySuccess(t){return!(!t||"object"!=typeof t)&&["0"===t.code,0===t.code,!0===t.success,"success"===t.status,!0===t.result].some(t=>!0===t)}onVerifySuccess(t){const e=this.dragStartTime?Date.now()-this.dragStartTime:Date.now()-this.startTime,i=`验证成功!耗时:${(e/1e3).toFixed(2)}s`;this.updateUIState("success"),this.showFloatingTime(i,"success"),this.safeSetTimeout(()=>{this.options.onSuccess?.({ticket:t,timestamp:Date.now(),duration:e}),this.hide()},2e3)}showFloatingTime(t,e="success"){const{elements:i}=this;i.floatingTime.textContent=t,i.floatingTime.className="slider-captcha-floating-time "+e,this.safeSetTimeout(()=>i.floatingTime.classList.add("show"),100),this.safeSetTimeout(()=>{i.floatingTime.className="slider-captcha-floating-time"},2500)}onVerifyFail(t){this.state.retryCount++,this.updateUIState("fail"),this.showFloatingTime(t,"fail"),this.safeSetTimeout(()=>{this.state.retryCount<this.options.maxRetries?this.reset():this.refresh()},2500)}reset(){this.clearAllTimers(),Object.assign(this.state,{isDragging:!1,currentX:0,startX:0,isLoading:!1}),this.times=[],this.startTime=null,this.dragStartTime=null,this.cachedDimensions=null,requestAnimationFrame(()=>{this.setTransition(!0),this.elements.btn.style.transform="translateX(0px)",this.elements.sliderImg.style.transform="translateX(0px)",this.updateUIState("reset"),this.elements.error.style.display="none"})}refresh(){try{this.reset(),this.state.retryCount=0,this.loadCaptcha()}catch(t){}}safeSetTimeout(t,e){const i=setTimeout(()=>{this.timers.delete(i),t()},e);return this.timers.add(i),i}safeClearTimeout(t){t&&(clearTimeout(t),this.timers.delete(t))}clearAllTimers(){this.timers.forEach(t=>{clearTimeout(t),clearInterval(t)}),this.timers.clear(),this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null)}cleanupImages(){this.elements.backgroundImg&&(this.elements.backgroundImg.src="",this.elements.backgroundImg.onload=null,this.elements.backgroundImg.onerror=null),this.elements.sliderImg&&(this.elements.sliderImg.src="",this.elements.sliderImg.onload=null,this.elements.sliderImg.onerror=null),this.imageCache.clear()}throttle(t,e){let i=0;return(...s)=>{const r=Date.now();if(r-i>=e)return i=r,t.apply(this,s)}}destroy(){try{this.abortController&&(this.abortController.abort(),this.abortController=null),document.body&&(document.body.style.userSelect="",document.body.style.cursor=""),this.clearAllTimers(),this.removeAllEventListeners(),this.cleanupImages(),this.elements?.overlay?.parentNode&&this.elements.overlay.parentNode.removeChild(this.elements.overlay);const t=document.getElementById("slider-captcha-styles");t&&t.remove(),this.imageCache.clear(),this.cachedDimensions=null,Object.keys(this).forEach(t=>{"constructor"!==t&&(this[t]=null)}),this.options.onDestroy&&this.options.onDestroy()}catch(t){}}static create(t){return new PopupSliderCaptcha(t)}static show(t){const e=new PopupSliderCaptcha(t);return e.show(),e}}"undefined"!=typeof module&&module.exports?(module.exports=PopupSliderCaptcha,module.exports.default=PopupSliderCaptcha):"function"==typeof define&&define.amd?define([],()=>PopupSliderCaptcha):"undefined"!=typeof window&&(window.PopupSliderCaptcha=PopupSliderCaptcha,window.SliderCaptcha=PopupSliderCaptcha),s=PopupSliderCaptcha;class PasswordValidator{static CONSTANTS={DEFAULT_TIMEOUT:1e4,CACHE_DURATION:3e5,MIN_PASSWORD_LENGTH:1};static ERROR_TYPES={NETWORK_ERROR:"NETWORK_ERROR",TIMEOUT_ERROR:"TIMEOUT_ERROR",ENCRYPTION_ERROR:"ENCRYPTION_ERROR",VALIDATION_ERROR:"VALIDATION_ERROR",PUBLIC_KEY_ERROR:"PUBLIC_KEY_ERROR"};constructor(t={}){this.options={publicKeyUrl:t.publicKeyUrl||"/externalapi/commonservice/strongPassword/getPublicKey",validateUrl:t.validateUrl||"/externalapi/commonservice/strongPassword/checkPassword",baseUrl:t.baseUrl||"",timeout:t.timeout||PasswordValidator.CONSTANTS.DEFAULT_TIMEOUT,headers:t.headers||{},cacheDuration:t.cacheDuration||PasswordValidator.CONSTANTS.CACHE_DURATION,...t},this.options.publicKeyUrl=this.normalizeUrl(this.options.publicKeyUrl,this.options.baseUrl),this.options.validateUrl=this.normalizeUrl(this.options.validateUrl,this.options.baseUrl),this.publicKeyCache=null,this.publicKeyExpiry=null}normalizeUrl(t,e){return t?/^https?:\/\//.test(t)||!e?t:(e.endsWith("/")?e:e+"/")+(t.startsWith("/")?t.substring(1):t):t}async getPublicKey(){if(this.publicKeyCache&&this.publicKeyExpiry&&Date.now()<this.publicKeyExpiry)return this.publicKeyCache;try{const t=await this.makeRequest(this.options.publicKeyUrl,{method:"GET"});if(!this.isSuccessResponse(t))throw Error("获取公钥失败:"+(t.message||t.msg||"未知错误"));const e=t.data||t.result;if(!e)throw Error("公钥为空");return this.publicKeyCache=e,this.publicKeyExpiry=Date.now()+this.options.cacheDuration,this.publicKeyCache}catch(t){throw this.handleError(PasswordValidator.ERROR_TYPES.PUBLIC_KEY_ERROR,t.message,t),Error("获取公钥失败: "+t.message)}}isSuccessResponse(t){return!(!t||"object"!=typeof t)&&["0"===t.code,0===t.code,!0===t.success,"success"===t.status,!0===t.result].some(t=>!0===t)}handleError(t,e,i=null){const s={[PasswordValidator.ERROR_TYPES.NETWORK_ERROR]:"网络连接失败,请检查网络设置",[PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR]:"请求超时,请重试",[PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR]:"密码加密失败",[PasswordValidator.ERROR_TYPES.VALIDATION_ERROR]:"密码验证失败",[PasswordValidator.ERROR_TYPES.PUBLIC_KEY_ERROR]:"获取公钥失败"}[t]||e||"未知错误";this.options.onError&&this.options.onError({type:t,message:s,originalError:i})}encryptPassword(t,e){try{if(!t)throw Error("密码不能为空");if(t.length<PasswordValidator.CONSTANTS.MIN_PASSWORD_LENGTH)throw Error("密码长度不足");if(!e)throw Error("公钥不能为空");if(void 0===JSEncrypt)throw Error("JSEncrypt库未正确加载,请确保已引入JSEncrypt库");const i=new JSEncrypt;i.setPublicKey(e);const s=i.encrypt(t);if(!s)throw Error("密码加密失败,可能是公钥格式不正确");return s}catch(t){throw this.handleError(PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR,t.message,t),Error("密码加密失败: "+t.message)}}async validatePassword(t,e,i={}){try{if(!t)throw Error("密码不能为空");if(!e)throw Error("用户名不能为空");const s=await this.getPublicKey(),r=this.encryptPassword(t,s),a=await this.makeRequest(this.options.validateUrl,{method:"POST",body:JSON.stringify({userName:e,password:r,timestamp:Date.now(),...i})});return{success:this.isSuccessResponse(a),data:a.data||a.result,message:a.message||a.msg||"验证完成",code:a.code||a.status,originalResponse:a}}catch(t){let e=PasswordValidator.ERROR_TYPES.VALIDATION_ERROR;return t.message.includes("网络")||t.message.includes("fetch")?e=PasswordValidator.ERROR_TYPES.NETWORK_ERROR:t.message.includes("超时")||t.message.includes("timeout")?e=PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR:t.message.includes("加密")&&(e=PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR),this.handleError(e,t.message,t),{success:!1,message:t.message||"密码校验失败",code:e,error:t}}}async makeRequest(t,e={}){const i=new AbortController,s=setTimeout(()=>{i.abort()},this.options.timeout);try{const r=await fetch(t,{...e,headers:{"Content-Type":"application/json",...this.options.headers,...e.headers},signal:i.signal});if(clearTimeout(s),!r.ok)throw Error(`HTTP错误: ${r.status} ${r.statusText}`);const a=await r.json();return this.options.debug,a}catch(t){if(clearTimeout(s),"AbortError"===t.name)throw this.handleError(PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR,"请求超时",t),Error("请求超时");if(t.message.includes("Failed to fetch")||t.message.includes("NetworkError"))throw this.handleError(PasswordValidator.ERROR_TYPES.NETWORK_ERROR,"网络连接失败",t),Error("网络连接失败");throw t}}clearCache(){this.publicKeyCache=null,this.publicKeyExpiry=null}updateOptions(t){this.options={...this.options,...t},this.clearCache()}getCacheStatus(){return{hasCache:!!this.publicKeyCache,isExpired:!this.publicKeyExpiry||Date.now()>this.publicKeyExpiry,expiryTime:this.publicKeyExpiry,remainingTime:this.publicKeyExpiry?Math.max(0,this.publicKeyExpiry-Date.now()):0}}destroy(){try{this.clearCache(),this.options.onDestroy&&this.options.onDestroy()}catch(t){}}}a={PopupSliderCaptcha:s,PasswordValidator:r=PasswordValidator,createPasswordValidator:e,validatePassword:i},"undefined"!=typeof window&&(window.SliderCaptcha=s,window.PopupSliderCaptcha=s,window.PasswordValidator=r,window.createPasswordValidator=e,window.validatePassword=i),t.PasswordValidator=r,t.PopupSliderCaptcha=s,t.createPasswordValidator=e,t.default=a,t.validatePassword=i,Object.defineProperty(t,"t",{value:!0})});
|
|
1
|
+
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("jsencrypt")):"function"==typeof define&&define.amd?define(["exports","jsencrypt"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).SliderCaptchaSDK={},t.JSEncrypt)}(this,function(t,JSEncrypt){"use strict";class PopupSliderCaptcha{static DEFAULTS={width:400,height:240,sliderSize:40,maxRetries:3,timeout:3e4,apiUrl:"/externalapi/commonservice/captcha/get",verifyUrl:"/externalapi/commonservice/captcha/check",baseUrl:"",throttleDelay:16,clickMaskClose:!1};static CSS_CLASSES={overlay:"slider-captcha-overlay",modal:"slider-captcha-modal",header:"slider-captcha-header",container:"slider-captcha-container",track:"slider-captcha-track",btn:"slider-captcha-btn",hint:"slider-captcha-hint",loading:"slider-captcha-loading",error:"slider-captcha-error"};static getStyles(){return":root{--sc-primary:#409eff;--sc-success:#67c23a;--sc-danger:#f56c6c;--sc-border:#e4e7eb;--sc-bg:linear-gradient(90deg, #f7f9fa 0%, #e8f4fd 100%);--sc-text:#333;--sc-text-light:#999;--sc-shadow:0 4px 20px rgba(0,0,0,.3);--sc-radius:8px;--sc-transition:.3s ease}.slider-captcha-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;display:none;justify-content:center;align-items:center;opacity:0;transition:opacity var(--sc-transition);will-change:opacity}.slider-captcha-overlay.show{opacity:1}.slider-captcha-modal{background:#fff;border-radius:var(--sc-radius);padding:16px 16px 5px;box-shadow:var(--sc-shadow);position:relative;max-width:90vw;max-height:90vh;transform:scale(.8) translateY(-20px);opacity:0;transition:all var(--sc-transition);will-change:transform,opacity}.slider-captcha-modal.show{transform:scale(1) translateY(-10%);opacity:1}.slider-captcha-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--sc-border)}.slider-captcha-container{display:flex;align-items:center;position:relative;border-radius:4px;overflow:hidden;margin-bottom:15px;background:#837a7a;justify-content:center}.slider-captcha-track{width:100%;height:42px;line-height:42px;background:var(--sc-bg);border:1px solid var(--sc-border);border-radius:20px;position:relative;margin-bottom:15px;overflow:hidden}.slider-captcha-btn{width:40px;height:40px;background:#fff;border:1px solid #ccc;border-radius:50%;position:absolute;top:0;left:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all var(--sc-transition);user-select:none;z-index:1;will-change:transform}.slider-captcha-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#666;font-size:14px;z-index:10;border-radius:4px}.slider-captcha-error{color:var(--sc-danger);font-size:12px;text-align:center;margin-top:10px;display:none}.slider-captcha-title{margin:0;font-size:16px;color:var(--sc-text)}.slider-captcha-close,.slider-captcha-refresh{background:none;border:none;cursor:pointer;color:var(--sc-text-light);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--sc-transition);position:relative;font-size:0}.slider-captcha-close::before,.slider-captcha-close::after{content:'';position:absolute;width:16px;height:2px;background-color:var(--sc-text-light);border-radius:1px;transition:all var(--sc-transition)}.slider-captcha-close::before{transform:rotate(45deg)}.slider-captcha-close::after{transform:rotate(-45deg)}.slider-captcha-close:hover{background:#f5f5f5;transform:scale(1.1)}.slider-captcha-close:hover::before,.slider-captcha-close:hover::after{background-color:var(--sc-danger)}.slider-captcha-refresh{margin-left:10px}.slider-captcha-refresh svg{width:20px;height:20px;fill:var(--sc-text-light);transition:all var(--sc-transition)}.slider-captcha-refresh:hover{background:#f5f5f5;transform:scale(1.1)}.slider-captcha-refresh:hover svg{fill:var(--sc-primary);transform:rotate(180deg)}.slider-captcha-floating-time{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;font-size:12px;line-height:12px;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;transition:all var(--sc-transition);background:#fff;padding:4px 15px;border-radius:10px;will-change:transform,opacity}.slider-captcha-floating-time.show{opacity:1;transform:translateX(-50%) translateY(-45px)}.slider-captcha-floating-time.success{color:var(--sc-success)}.slider-captcha-floating-time.fail{color:var(--sc-danger)}.slider-captcha-bg{width:100%;height:100%;object-fit:cover;display:block}.slider-captcha-piece{position:absolute;top:0;left:0;cursor:pointer;transition:none;z-index:2;will-change:transform}.slider-captcha-finger{position:absolute;top:50%;left:10px;transform:translateY(-50%);font-size:20px;animation:fingerSlide 2s ease-in-out infinite;pointer-events:none;z-index:1;opacity:.6;will-change:left,opacity,transform}.slider-captcha-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--sc-text-light);font-size:14px;pointer-events:none;z-index:1;transition:all var(--sc-transition)}.slider-captcha-header-buttons{display:flex;align-items:center}@keyframes fingerSlide{0%{left:10px;opacity:.6;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.1)}100%{left:calc(50% - 10px);opacity:.6;transform:translateY(-50%) scale(1)}}"}static ERROR_TYPES={NETWORK_ERROR:"NETWORK_ERROR",TIMEOUT_ERROR:"TIMEOUT_ERROR",VALIDATION_ERROR:"VALIDATION_ERROR",IMAGE_LOAD_ERROR:"IMAGE_LOAD_ERROR",CAPTCHA_DATA_ERROR:"CAPTCHA_DATA_ERROR"};constructor(t={}){this.options={...PopupSliderCaptcha.DEFAULTS,...t},this.options.apiUrl=this.normalizeUrl(this.options.apiUrl,this.options.baseUrl),this.options.verifyUrl=this.normalizeUrl(this.options.verifyUrl,this.options.baseUrl),this.elements={},this.state=this.createInitialState(),this.captchaData=null,this.times=[],this.startTime=null,this.eventListeners=[],this.timers=new Set,this.rafId=null,this.cachedDimensions=null,this.imageCache=new Map,this.abortController=null,this.isInitialized=!1,this.throttledHandleMove=this.throttle(t=>this.handleMove(t),this.options.throttleDelay),this.lazyInit()}lazyInit(){this.injectStyles(),this.isInitialized=!0}createInitialState(){return{isVisible:!1,isDragging:!1,currentX:0,startX:0,retryCount:0,isLoading:!1}}normalizeUrl(t,e){if(!t||!e||/^https?:\/\//.test(t))return t;return(e.endsWith("/")?e:`${e}/`)+(t.startsWith("/")?t.slice(1):t)}injectStyles(){if(document.querySelector("#slider-captcha-styles"))return;const t=Object.assign(document.createElement("style"),{id:"slider-captcha-styles",textContent:PopupSliderCaptcha.getStyles()});document.head.appendChild(t)}createElements(){const{options:t}=this,e=t.width,s=t.height,i=`\n <div class="${PopupSliderCaptcha.CSS_CLASSES.overlay}">\n <div class="${PopupSliderCaptcha.CSS_CLASSES.modal}">\n <div class="${PopupSliderCaptcha.CSS_CLASSES.header}">\n <h3 class="slider-captcha-title">安全验证</h3>\n <div class="slider-captcha-header-buttons">\n <button class="slider-captcha-refresh" title="刷新">\n <svg viewBox="0 0 24 24"><path d="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z"/></svg>\n </button>\n <button class="slider-captcha-close" title="关闭"></button>\n </div>\n </div>\n <div class="${PopupSliderCaptcha.CSS_CLASSES.container}" style="width:${e}px;height:${s}px;display:none;">\n <img class="slider-captcha-bg" alt="背景图">\n <img class="slider-captcha-piece" alt="滑块">\n <div class="${PopupSliderCaptcha.CSS_CLASSES.loading}">加载中...</div>\n <div class="slider-captcha-floating-time"></div>\n </div>\n <div class="${PopupSliderCaptcha.CSS_CLASSES.track}" style="display:none;">\n <div class="slider-captcha-finger">👉</div>\n <div class="${PopupSliderCaptcha.CSS_CLASSES.btn}">\n <div class="slider-captcha-icon">→</div>\n </div>\n <div class="${PopupSliderCaptcha.CSS_CLASSES.hint}">向右滑动完成验证</div>\n </div>\n <div class="${PopupSliderCaptcha.CSS_CLASSES.error}"></div>\n </div>\n </div>\n `,a=document.createElement("div");a.innerHTML=i.trim();const r=a.firstElementChild;document.body.appendChild(r),this.elements={overlay:r,modal:r.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.modal}`),header:r.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.header}`),title:r.querySelector(".slider-captcha-title"),closeBtn:r.querySelector(".slider-captcha-close"),refreshBtn:r.querySelector(".slider-captcha-refresh"),container:r.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.container}`),backgroundImg:r.querySelector(".slider-captcha-bg"),sliderImg:r.querySelector(".slider-captcha-piece"),loadingText:r.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.loading}`),floatingTime:r.querySelector(".slider-captcha-floating-time"),track:r.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.track}`),fingerAnimation:r.querySelector(".slider-captcha-finger"),btn:r.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.btn}`),icon:r.querySelector(".slider-captcha-icon"),hint:r.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.hint}`),error:r.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.error}`)}}bindEvents(){const{elements:t}=this;[[t.closeBtn,"click",()=>this.hide()],[t.refreshBtn,"click",()=>this.refresh()],[t.overlay,"click",e=>{e.target===t.overlay&&this.options.clickMaskClose&&this.hide()}],[document,"keydown",t=>{"Escape"===t.key&&this.state.isVisible&&this.hide()}],[document,"visibilitychange",()=>this.handleVisibilityChange()]].forEach(([t,e,s])=>{this.addEventListener(t,e,s)}),this.bindSliderEvents()}bindSliderEvents(){const{elements:t}=this,e={start:t=>this.handleStart(t)};[[t.btn,"mousedown",e.start],[t.btn,"touchstart",e.start],[t.sliderImg,"mousedown",e.start],[t.sliderImg,"touchstart",e.start]].forEach(([t,e,s,i])=>{this.addEventListener(t,e,s,i)})}addEventListener(t,e,s,i={}){t&&"function"==typeof s&&(t.addEventListener(e,s,i),this.eventListeners.push({element:t,event:e,handler:s,options:i}))}removeEventListener(t,e,s,i={}){t&&"function"==typeof s&&(t.removeEventListener(e,s,i),this.eventListeners=this.eventListeners.filter(i=>!(i.element===t&&i.event===e&&i.handler===s)))}removeAllEventListeners(){this.eventListeners.forEach(({element:t,event:e,handler:s,options:i})=>{try{t?.removeEventListener?.(e,s,i)}catch(t){}}),this.eventListeners.length=0}getDimensions(){if(!this.cachedDimensions){const{track:t,btn:e}=this.elements;this.cachedDimensions={trackWidth:t.offsetWidth,btnWidth:e.offsetWidth,get maxX(){return this.trackWidth-this.btnWidth}}}return this.cachedDimensions}getPosition(){const{maxX:t}=this.getDimensions(),e=this.state.currentX/t;return Math.round(e*(this.options.width-this.options.sliderSize))}handleStart(t){!this.captchaData||this.state.isDragging||this.state.isLoading||(t.preventDefault(),Object.assign(this.state,{isDragging:!0,startX:this.getClientX(t)-this.state.currentX}),this.dragStartTime=Date.now(),this.times=[{time:Date.now(),position:this.getPosition()}],this.setTransition(!1),this.updateUIState("dragging"),this.cachedDimensions=null,this.boundHandleEnd=this.boundHandleEnd||this.handleEnd.bind(this),document.addEventListener("mousemove",this.throttledHandleMove,{passive:!1}),document.addEventListener("touchmove",this.throttledHandleMove,{passive:!1}),document.addEventListener("mouseup",this.boundHandleEnd),document.addEventListener("touchend",this.boundHandleEnd))}handleMove(t){this.state.isDragging&&(t.preventDefault(),this.lastClientX=this.getClientX(t),this.rafId||(this.rafId=requestAnimationFrame(()=>{const t=this.lastClientX-this.state.startX,{maxX:e}=this.getDimensions();this.state.currentX=Math.max(0,Math.min(t,e)),this.times.push({time:Date.now(),position:this.getPosition()}),this.updateSliderPosition(),this.rafId=null})))}handleEnd(){this.state.isDragging&&(document.removeEventListener("mousemove",this.throttledHandleMove),document.removeEventListener("touchmove",this.throttledHandleMove),document.removeEventListener("mouseup",this.boundHandleEnd),document.removeEventListener("touchend",this.boundHandleEnd),this.times.push({time:Date.now(),position:this.getPosition()}),this.state.isDragging=!1,this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null),this.verify())}handleVisibilityChange(){const t=document.hidden?"paused":"running";this.elements.fingerAnimation?.style&&(this.elements.fingerAnimation.style.animationPlayState=t)}getClientX=t=>t.type.includes("touch")?t.touches[0].clientX:t.clientX;setTransition(t){const e=t?"all 0.3s ease":"none";requestAnimationFrame(()=>{const{btn:t,sliderImg:s}=this.elements;t.style.transition=s.style.transition=e})}updateUIState(t){const{elements:e}=this,s={dragging:()=>{e.hint.style.opacity="0",e.fingerAnimation.style.display="none"},success:()=>{Object.assign(e.btn.style,{background:"var(--sc-success)"}),Object.assign(e.icon.style,{color:"white"}),e.icon.textContent="✓"},fail:()=>{Object.assign(e.btn.style,{background:"var(--sc-danger)"}),Object.assign(e.icon.style,{color:"white"}),e.icon.textContent="✗"},reset:()=>{Object.assign(e.btn.style,{background:"white"}),Object.assign(e.icon.style,{color:"#666"}),e.icon.textContent="→",e.fingerAnimation.style.display="block",this.updateHintText("向右滑动完成验证","var(--sc-text-light)")},loading:()=>{e.hint.style.opacity="0",e.fingerAnimation.style.display="none",Object.assign(e.track.style,{pointerEvents:"none",opacity:"0.6"})}};s[t]&&requestAnimationFrame(()=>{s[t](),"loading"!==t&&Object.assign(e.track.style,{pointerEvents:"auto",opacity:"1"})})}updateHintText(t,e){requestAnimationFrame(()=>{Object.assign(this.elements.hint,{textContent:t}),Object.assign(this.elements.hint.style,{color:e,opacity:"1"})})}updateSliderPosition(){const{elements:t,options:e,state:s}=this,{maxX:i}=this.getDimensions(),a=s.currentX/i*(e.width-e.sliderSize),r=s.currentX/i;requestAnimationFrame(()=>{t.btn.style.transform=`translate3d(${s.currentX}px, 0, 0)`,t.sliderImg.style.transform=`translate3d(${a}px, 0, 0)`,t.fingerAnimation.style.opacity=r>=.8?"0":"0.6"})}show(){this.state.isVisible=!0,this.elements.overlay||(this.createElements(),this.bindEvents()),this.elements.overlay.style.display="flex",this.elements.overlay.style.transform="translate3d(0,0,0)",requestAnimationFrame(()=>{this.elements.overlay.classList.add("show"),this.elements.modal.classList.add("show"),this.preloadCaptcha()})}async preloadCaptcha(){try{this.showLoading();const[t]=await Promise.all([this.fetchCaptchaData(),this.preloadImages()]);this.captchaData=t,this.showCaptcha(),await this.renderCaptcha()}catch(t){this.handleError(PopupSliderCaptcha.ERROR_TYPES.CAPTCHA_DATA_ERROR,t.message,t)}}async makeRequest(t,e={}){this.abortController&&this.abortController.abort(),this.abortController=new AbortController;const s=await fetch(t,{method:"POST",headers:{"Content-Type":"application/json",...this.options.headers},body:JSON.stringify({canvasWidth:this.options.width,canvasHeight:this.options.height,timestamp:Date.now(),...this.options.requestData,...e}),signal:this.abortController.signal});if(!s.ok)throw new Error(`HTTP ${s.status}: ${s.statusText}`);return s.json()}async fetchCaptchaData(){this.startTime=Date.now();const t=await this.makeRequest(this.options.apiUrl);if(!this.validateCaptchaData(t))throw new Error("验证码数据格式错误");return t.data}preloadImages(){return Promise.all(["data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjY1LDYuMzVDMTYuMiw0LjkgMTQuMjEsNCAxMiw0QTgsOCAwIDAsMCA0LDEyQTgsOCAwIDAsMCAxMiwyMEMxNS43MywyMCAxOC44NCwxNy40NSAxOS43MywxNEgxNy42NUMxNi44MywxNi4zMyAxNC42MSwxOCAxMiwxOEE2LDYgMCAwLDEgNiwxMkE2LDYgMCAwLDEgMTIsNkMxMy42Niw2IDE1LjE0LDYuNjkgMTYuMjIsNy43OEwxMywxMUgyMFY0TDE3LjY1LDYuMzVaIiBmaWxsPSIjOTk5Ii8+Cjwvc3ZnPgo="].map(t=>new Promise(e=>{const s=new Image;s.onload=s.onerror=()=>e(),s.src=t})))}hide(){this.state.isVisible=!1,this.elements.overlay.classList.remove("show"),this.elements.modal.classList.remove("show"),this.safeSetTimeout(()=>{this.elements.overlay.style.display="none",document.body.removeChild(this.elements.overlay),this.reset(),this.options.onClose?.(),this.elements.overlay=null},300)}handleRequestError(t){"AbortError"===t.name?this.handleError(PopupSliderCaptcha.ERROR_TYPES.TIMEOUT_ERROR,"请求被取消",t):t.message?.includes("Failed to fetch")||t.message?.includes("NetworkError")?this.handleError(PopupSliderCaptcha.ERROR_TYPES.NETWORK_ERROR,"网络连接失败",t):this.handleError(PopupSliderCaptcha.ERROR_TYPES.CAPTCHA_DATA_ERROR,t.message,t)}handleError(t,e,s=null){const i={[PopupSliderCaptcha.ERROR_TYPES.NETWORK_ERROR]:"网络连接失败,请检查网络设置",[PopupSliderCaptcha.ERROR_TYPES.TIMEOUT_ERROR]:"请求超时,请重试",[PopupSliderCaptcha.ERROR_TYPES.VALIDATION_ERROR]:"验证失败,请重试",[PopupSliderCaptcha.ERROR_TYPES.IMAGE_LOAD_ERROR]:"图片加载失败,请刷新重试",[PopupSliderCaptcha.ERROR_TYPES.CAPTCHA_DATA_ERROR]:"验证码数据错误,请刷新重试"}[t]||e||"未知错误";this.options.onError&&this.options.onError({type:t,message:i,originalError:s}),this.showError(i)}async loadCaptcha(){try{this.showLoading(),this.startTime=Date.now();const t=await this.makeRequest(this.options.apiUrl);if(!this.validateCaptchaData(t))throw new Error("验证码数据格式错误");this.captchaData=t.data,this.showCaptcha(),await this.renderCaptcha()}catch(t){this.handleRequestError(t)}}validateCaptchaData(t){if(!t||"object"!=typeof t)return!1;const e=t.data||t;return["canvasSrc","blockSrc","canvasWidth","canvasHeight","blockWidth","blockHeight","blockY","nonceStr"].every(t=>{const s=e[t];return null!=s&&""!==s})}renderCaptcha(){return new Promise((t,e)=>{let s=!1;const i=[this.loadImageAsync(this.elements.backgroundImg,this.captchaData.canvasSrc,{width:this.captchaData.canvasWidth,height:this.captchaData.canvasHeight}),this.loadImageAsync(this.elements.sliderImg,this.captchaData.blockSrc,{width:this.captchaData.blockWidth,height:this.captchaData.blockHeight,top:this.captchaData.blockY})];Promise.all(i).then(()=>{s||(this.hideLoading(),t())}).catch(t=>{s||(s=!0,this.handleError(PopupSliderCaptcha.ERROR_TYPES.IMAGE_LOAD_ERROR,"图片加载失败",t),e(t))})})}loadImageAsync(t,e,s){return new Promise((i,a)=>{if(this.imageCache.has(e)){const a=this.imageCache.get(e);return t.src=a.src,this.applyStyles(t,s),void i()}const r=this.safeSetTimeout(()=>{a(new Error("图片加载超时"))},5e3),n=new Image;n.crossOrigin="anonymous",n.decoding="async",n.onload=function(){if(this.safeClearTimeout(r),"undefined"!=typeof OffscreenCanvas)try{const t=new OffscreenCanvas(n.width,n.height).getContext("2d");t.drawImage(n,0,0);const s=t.getImageData(0,0,n.width,n.height);this.imageCache.set(e,{src:n.src,imageData:s})}catch(t){this.imageCache.set(e,n.cloneNode())}else this.imageCache.set(e,n.cloneNode());t.src=n.src,this.applyStyles(t,s),i()}.bind(this),n.onerror=function(t){this.safeClearTimeout(r),a(t)}.bind(this),n.src=e})}applyStyles(t,e){Object.entries(e).forEach(([e,s])=>{t.style[e]="number"==typeof s?`${s}px`:s})}showLoading(){this.state.isLoading=!0,this.batchUpdateStyles({container:{display:"block"},loadingText:{display:"flex"},error:{display:"none"}}),this.updateUIState("loading")}hideLoading(){this.state.isLoading=!1,this.batchUpdateStyles({loadingText:{display:"none"}}),this.updateUIState("reset")}showCaptcha(){this.batchUpdateStyles({container:{display:"block"},track:{display:"block"},error:{display:"none"}})}showError(t){this.hideLoading(),this.batchUpdateStyles({error:{display:"block",textContent:t}})}batchUpdateStyles(t){requestAnimationFrame(()=>{Object.entries(t).forEach(([t,e])=>{const s=this.elements[t];s&&Object.entries(e).forEach(([t,e])=>{"textContent"===t?s.textContent=e:s.style[t]=e})})})}async verify(){if(this.captchaData)try{const t=await this.makeRequest(this.options.verifyUrl,{loginVo:{nonceStr:this.captchaData.nonceStr,value:this.getPosition()},dragEventList:[...this.times],...this.options.verifyData});this.isVerifySuccess(t)?this.onVerifySuccess(t.data||t.result):this.onVerifyFail(t.message||t.msg||"验证失败,请重试!")}catch(t){this.handleRequestError(t)}else this.onVerifyFail("验证码数据丢失")}isVerifySuccess(t){if(!t||"object"!=typeof t)return!1;return["0"===t.code,0===t.code,!0===t.success,"success"===t.status,!0===t.result].some(t=>!0===t)}onVerifySuccess(t){const e=this.dragStartTime?Date.now()-this.dragStartTime:Date.now()-this.startTime,s=`验证成功!耗时:${(e/1e3).toFixed(2)}s`;this.updateUIState("success"),this.showFloatingTime(s,"success"),this.safeSetTimeout(()=>{this.options.onSuccess?.({ticket:t,timestamp:Date.now(),duration:e}),this.hide()},2e3)}showFloatingTime(t,e="success"){const{elements:s}=this;s.floatingTime.textContent=t,s.floatingTime.className=`slider-captcha-floating-time ${e}`,this.safeSetTimeout(()=>s.floatingTime.classList.add("show"),100),this.safeSetTimeout(()=>{s.floatingTime.className="slider-captcha-floating-time"},2500)}onVerifyFail(t){this.state.retryCount++,this.updateUIState("fail"),this.showFloatingTime(t,"fail"),this.safeSetTimeout(()=>{this.state.retryCount>=this.options.maxRetries?this.refresh():this.reset()},2500)}reset(){this.clearAllTimers(),Object.assign(this.state,{isDragging:!1,currentX:0,startX:0,isLoading:!1}),this.times=[],this.startTime=null,this.dragStartTime=null,this.cachedDimensions=null,requestAnimationFrame(()=>{this.setTransition(!0),this.elements.btn.style.transform="translate3d(0px, 0, 0)",this.elements.sliderImg.style.transform="translate3d(0px, 0, 0)",this.updateUIState("reset"),this.elements.error.style.display="none"})}refresh(){try{this.reset(),this.state.retryCount=0,this.loadCaptcha()}catch(t){}}safeSetTimeout(t,e){const s=setTimeout(()=>{this.timers.delete(s),t()},e);return this.timers.add(s),s}safeClearTimeout(t){t&&(clearTimeout(t),this.timers.delete(t))}clearAllTimers(){this.timers.forEach(t=>{clearTimeout(t),clearInterval(t)}),this.timers.clear(),this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=null)}cleanupImages(){this.elements.backgroundImg&&(this.elements.backgroundImg.src="",this.elements.backgroundImg.onload=null,this.elements.backgroundImg.onerror=null),this.elements.sliderImg&&(this.elements.sliderImg.src="",this.elements.sliderImg.onload=null,this.elements.sliderImg.onerror=null),this.imageCache.clear()}throttle(t,e){let s=0;return(...i)=>{const a=Date.now();if(a-s>=e)return s=a,t.apply(this,i)}}destroy(){try{this.state.isDragging&&(document.removeEventListener("mousemove",this.throttledHandleMove),document.removeEventListener("touchmove",this.throttledHandleMove),this.boundHandleEnd&&(document.removeEventListener("mouseup",this.boundHandleEnd),document.removeEventListener("touchend",this.boundHandleEnd)),this.state.isDragging=!1),this.abortController&&(this.abortController.abort(),this.abortController=null),this.clearAllTimers(),this.removeAllEventListeners(),this.cleanupImages(),this.elements?.overlay?.parentNode&&this.elements.overlay.parentNode.removeChild(this.elements.overlay);const t=document.getElementById("slider-captcha-styles");t&&t.remove(),this.imageCache.clear(),this.cachedDimensions=null,this.elements={},this.state={},this.times=[],this.eventListeners=[],this.timers.clear(),this.throttledHandleMove=null,this.boundHandleEnd=null,this.options.onDestroy&&this.options.onDestroy(),this.options=null}catch(t){}}static create(t){return new PopupSliderCaptcha(t)}static show(t){const e=new PopupSliderCaptcha(t);return e.show(),e}}"undefined"!=typeof module&&module.exports?(module.exports=PopupSliderCaptcha,module.exports.default=PopupSliderCaptcha):"function"==typeof define&&define.amd?define([],()=>PopupSliderCaptcha):"undefined"!=typeof window&&(window.PopupSliderCaptcha=PopupSliderCaptcha,window.SliderCaptcha=PopupSliderCaptcha);var e=PopupSliderCaptcha;class PasswordValidator{static CONSTANTS={DEFAULT_TIMEOUT:1e4,CACHE_DURATION:3e5,MIN_PASSWORD_LENGTH:1};static ERROR_TYPES={NETWORK_ERROR:"NETWORK_ERROR",TIMEOUT_ERROR:"TIMEOUT_ERROR",ENCRYPTION_ERROR:"ENCRYPTION_ERROR",VALIDATION_ERROR:"VALIDATION_ERROR",PUBLIC_KEY_ERROR:"PUBLIC_KEY_ERROR"};constructor(t={}){this.options={publicKeyUrl:t.publicKeyUrl||"/externalapi/commonservice/strongPassword/getPublicKey",validateUrl:t.validateUrl||"/externalapi/commonservice/strongPassword/checkPassword",baseUrl:t.baseUrl||"",timeout:t.timeout||PasswordValidator.CONSTANTS.DEFAULT_TIMEOUT,headers:t.headers||{},cacheDuration:t.cacheDuration||PasswordValidator.CONSTANTS.CACHE_DURATION,...t},this.options.publicKeyUrl=this.normalizeUrl(this.options.publicKeyUrl,this.options.baseUrl),this.options.validateUrl=this.normalizeUrl(this.options.validateUrl,this.options.baseUrl),this.publicKeyCache=null,this.publicKeyExpiry=null,this.encryptor=null}normalizeUrl(t,e){if(!t)return t;if(/^https?:\/\//.test(t)||!e)return t;return(e.endsWith("/")?e:`${e}/`)+(t.startsWith("/")?t.substring(1):t)}async getPublicKey(){if(this.publicKeyCache&&this.publicKeyExpiry&&Date.now()<this.publicKeyExpiry)return this.publicKeyCache;try{const t=await this.makeRequest(this.options.publicKeyUrl,{method:"GET"});if(!this.isSuccessResponse(t))throw new Error(`获取公钥失败:${t.message||t.msg||"未知错误"}`);const e=t.data||t.result;if(!e)throw new Error("公钥为空");return this.publicKeyCache=e,this.publicKeyExpiry=Date.now()+this.options.cacheDuration,this.publicKeyCache}catch(t){throw this.handleError(PasswordValidator.ERROR_TYPES.PUBLIC_KEY_ERROR,t.message,t),new Error(`获取公钥失败: ${t.message}`)}}isSuccessResponse(t){if(!t||"object"!=typeof t)return!1;return["0"===t.code,0===t.code,!0===t.success,"success"===t.status,!0===t.result].some(t=>!0===t)}handleError(t,e,s=null){const i={[PasswordValidator.ERROR_TYPES.NETWORK_ERROR]:"网络连接失败,请检查网络设置",[PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR]:"请求超时,请重试",[PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR]:"密码加密失败",[PasswordValidator.ERROR_TYPES.VALIDATION_ERROR]:"密码验证失败",[PasswordValidator.ERROR_TYPES.PUBLIC_KEY_ERROR]:"获取公钥失败"}[t]||e||"未知错误";this.options.onError&&this.options.onError({type:t,message:i,originalError:s})}encryptPassword(t,e){try{if(!t)throw new Error("密码不能为空");if(t.length<PasswordValidator.CONSTANTS.MIN_PASSWORD_LENGTH)throw new Error("密码长度不足");if(!e)throw new Error("公钥不能为空");if(void 0===JSEncrypt)throw new Error("JSEncrypt库未正确加载,请确保已引入JSEncrypt库");this.encryptor||(this.encryptor=new JSEncrypt),this.lastPublicKey!==e&&(this.encryptor.setPublicKey(e),this.lastPublicKey=e);const s=this.encryptor.encrypt(t);if(!s)throw new Error("密码加密失败,可能是公钥格式不正确");return s}catch(t){throw this.handleError(PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR,t.message,t),new Error(`密码加密失败: ${t.message}`)}}async validatePassword(t,e,s={}){try{if(!t)throw new Error("密码不能为空");if(!e)throw new Error("用户名不能为空");const i=await this.getPublicKey(),a=this.encryptPassword(t,i),r=await this.makeRequest(this.options.validateUrl,{method:"POST",body:JSON.stringify({userName:e,password:a,timestamp:Date.now(),...s})});return{success:this.isSuccessResponse(r),data:r.data||r.result,message:r.message||r.msg||"验证完成",code:r.code||r.status,originalResponse:r}}catch(t){let e=PasswordValidator.ERROR_TYPES.VALIDATION_ERROR;return t.message.includes("网络")||t.message.includes("fetch")?e=PasswordValidator.ERROR_TYPES.NETWORK_ERROR:t.message.includes("超时")||t.message.includes("timeout")?e=PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR:t.message.includes("加密")&&(e=PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR),this.handleError(e,t.message,t),{success:!1,message:t.message||"密码校验失败",code:e,error:t}}}async makeRequest(t,e={}){const s=new AbortController,i=setTimeout(()=>{s.abort()},this.options.timeout);try{const a=await fetch(t,{...e,headers:{"Content-Type":"application/json",...this.options.headers,...e.headers},signal:s.signal});if(clearTimeout(i),!a.ok)throw new Error(`HTTP错误: ${a.status} ${a.statusText}`);const r=await a.json();return this.options.debug,r}catch(t){if(clearTimeout(i),"AbortError"===t.name)throw this.handleError(PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR,"请求超时",t),new Error("请求超时");if(t.message.includes("Failed to fetch")||t.message.includes("NetworkError"))throw this.handleError(PasswordValidator.ERROR_TYPES.NETWORK_ERROR,"网络连接失败",t),new Error("网络连接失败");throw t}}clearCache(){this.publicKeyCache=null,this.publicKeyExpiry=null}updateOptions(t){this.options={...this.options,...t},this.clearCache()}getCacheStatus(){return{hasCache:Boolean(this.publicKeyCache),isExpired:!this.publicKeyExpiry||Date.now()>this.publicKeyExpiry,expiryTime:this.publicKeyExpiry,remainingTime:this.publicKeyExpiry?Math.max(0,this.publicKeyExpiry-Date.now()):0}}destroy(){try{this.clearCache(),this.encryptor=null,this.lastPublicKey=null,this.options.onDestroy&&this.options.onDestroy(),this.options=null}catch(t){}}}var s=PasswordValidator;function i(t){return new PasswordValidator(t)}function a(t,e,s={},i={}){return new PasswordValidator(s).validatePassword(t,e,i)}var r={PopupSliderCaptcha:e,PasswordValidator:s,createPasswordValidator:i,validatePassword:a};"undefined"!=typeof window&&(window.SliderCaptcha=e,window.PopupSliderCaptcha=e,window.PasswordValidator=s,window.createPasswordValidator=i,window.validatePassword=a),t.PasswordValidator=s,t.PopupSliderCaptcha=e,t.createPasswordValidator=i,t.default=r,t.validatePassword=a,Object.defineProperty(t,"__esModule",{value:!0})});
|
|
@@ -1 +1,388 @@
|
|
|
1
|
-
|
|
1
|
+
import JSEncrypt from 'jsencrypt';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* 密码校验工具类
|
|
5
|
+
* 提供密码加密和校验功能
|
|
6
|
+
*/
|
|
7
|
+
class PasswordValidator {
|
|
8
|
+
static CONSTANTS = {
|
|
9
|
+
DEFAULT_TIMEOUT: 10000,
|
|
10
|
+
CACHE_DURATION: 5 * 60 * 1000, // 5分钟缓存
|
|
11
|
+
MIN_PASSWORD_LENGTH: 1
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
static ERROR_TYPES = {
|
|
15
|
+
NETWORK_ERROR: 'NETWORK_ERROR',
|
|
16
|
+
TIMEOUT_ERROR: 'TIMEOUT_ERROR',
|
|
17
|
+
ENCRYPTION_ERROR: 'ENCRYPTION_ERROR',
|
|
18
|
+
VALIDATION_ERROR: 'VALIDATION_ERROR',
|
|
19
|
+
PUBLIC_KEY_ERROR: 'PUBLIC_KEY_ERROR'
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
constructor(options = {}) {
|
|
23
|
+
this.options = {
|
|
24
|
+
publicKeyUrl: options.publicKeyUrl || '/externalapi/commonservice/strongPassword/getPublicKey',
|
|
25
|
+
validateUrl: options.validateUrl || '/externalapi/commonservice/strongPassword/checkPassword',
|
|
26
|
+
baseUrl: options.baseUrl || '', // 基础域名,如果URL不包含域名则拼接此域名
|
|
27
|
+
timeout: options.timeout || PasswordValidator.CONSTANTS.DEFAULT_TIMEOUT,
|
|
28
|
+
headers: options.headers || {},
|
|
29
|
+
cacheDuration: options.cacheDuration || PasswordValidator.CONSTANTS.CACHE_DURATION,
|
|
30
|
+
...options
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
// 处理URL,如果URL不包含域名则拼接baseUrl
|
|
34
|
+
this.options.publicKeyUrl = this.normalizeUrl(this.options.publicKeyUrl, this.options.baseUrl);
|
|
35
|
+
this.options.validateUrl = this.normalizeUrl(this.options.validateUrl, this.options.baseUrl);
|
|
36
|
+
|
|
37
|
+
// 缓存公钥,避免重复请求
|
|
38
|
+
this.publicKeyCache = null;
|
|
39
|
+
this.publicKeyExpiry = null;
|
|
40
|
+
this.encryptor = null; // 缓存加密实例
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* 标准化URL,如果URL不包含域名则拼接baseUrl
|
|
45
|
+
* @param {string} url - 原始URL
|
|
46
|
+
* @param {string} baseUrl - 基础域名
|
|
47
|
+
* @returns {string} 标准化后的URL
|
|
48
|
+
*/
|
|
49
|
+
normalizeUrl(url, baseUrl) {
|
|
50
|
+
if (!url) {
|
|
51
|
+
return url
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
// 如果URL已经包含协议(http://或https://),直接返回
|
|
55
|
+
if ((/^https?:\/\//).test(url) || !baseUrl) {
|
|
56
|
+
return url
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
// 确保baseUrl以/结尾,url以/开头
|
|
60
|
+
const normalizedBaseUrl = baseUrl.endsWith('/') ? baseUrl : `${baseUrl}/`;
|
|
61
|
+
const normalizedUrl = url.startsWith('/') ? url.substring(1) : url;
|
|
62
|
+
|
|
63
|
+
return normalizedBaseUrl + normalizedUrl
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* 获取公钥
|
|
68
|
+
* @returns {Promise<string>} 公钥字符串
|
|
69
|
+
*/
|
|
70
|
+
async getPublicKey() {
|
|
71
|
+
// 检查缓存是否有效
|
|
72
|
+
if (this.publicKeyCache && this.publicKeyExpiry && Date.now() < this.publicKeyExpiry) {
|
|
73
|
+
return this.publicKeyCache
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
try {
|
|
77
|
+
const response = await this.makeRequest(this.options.publicKeyUrl, {
|
|
78
|
+
method: 'GET'
|
|
79
|
+
});
|
|
80
|
+
|
|
81
|
+
if (!this.isSuccessResponse(response)) {
|
|
82
|
+
throw new Error(`获取公钥失败:${response.message || response.msg || '未知错误'}`)
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
// 验证公钥格式
|
|
86
|
+
const publicKey = response.data || response.result;
|
|
87
|
+
if (!publicKey) {
|
|
88
|
+
throw new Error('公钥为空')
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
// 缓存公钥
|
|
92
|
+
this.publicKeyCache = publicKey;
|
|
93
|
+
this.publicKeyExpiry = Date.now() + this.options.cacheDuration;
|
|
94
|
+
|
|
95
|
+
return this.publicKeyCache
|
|
96
|
+
} catch (error) {
|
|
97
|
+
console.error('获取公钥失败:', error);
|
|
98
|
+
this.handleError(PasswordValidator.ERROR_TYPES.PUBLIC_KEY_ERROR, error.message, error);
|
|
99
|
+
throw new Error(`获取公钥失败: ${error.message}`)
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
// 优化:添加响应成功判断方法
|
|
104
|
+
isSuccessResponse(response) {
|
|
105
|
+
if (!response || typeof response !== 'object') {
|
|
106
|
+
return false
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
const successIndicators = [
|
|
110
|
+
response.code === '0',
|
|
111
|
+
response.code === 0,
|
|
112
|
+
response.success === true,
|
|
113
|
+
response.status === 'success',
|
|
114
|
+
response.result === true
|
|
115
|
+
];
|
|
116
|
+
|
|
117
|
+
return successIndicators.some((indicator) => indicator === true)
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
handleError(errorType, message, originalError = null) {
|
|
121
|
+
const errorMessages = {
|
|
122
|
+
[PasswordValidator.ERROR_TYPES.NETWORK_ERROR]: '网络连接失败,请检查网络设置',
|
|
123
|
+
[PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR]: '请求超时,请重试',
|
|
124
|
+
[PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR]: '密码加密失败',
|
|
125
|
+
[PasswordValidator.ERROR_TYPES.VALIDATION_ERROR]: '密码验证失败',
|
|
126
|
+
[PasswordValidator.ERROR_TYPES.PUBLIC_KEY_ERROR]: '获取公钥失败'
|
|
127
|
+
};
|
|
128
|
+
|
|
129
|
+
const errorMessage = errorMessages[errorType] || message || '未知错误';
|
|
130
|
+
|
|
131
|
+
// 调用用户自定义错误处理
|
|
132
|
+
if (this.options.onError) {
|
|
133
|
+
this.options.onError({
|
|
134
|
+
type: errorType,
|
|
135
|
+
message: errorMessage,
|
|
136
|
+
originalError
|
|
137
|
+
});
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
console.error(`密码校验器错误 [${errorType}]:`, errorMessage, originalError);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
/**
|
|
144
|
+
* 使用RSA公钥加密密码
|
|
145
|
+
* @param {string} password 原始密码
|
|
146
|
+
* @param {string} publicKey 公钥字符串
|
|
147
|
+
* @returns {string} 加密后的密码
|
|
148
|
+
*/
|
|
149
|
+
encryptPassword(password, publicKey) {
|
|
150
|
+
try {
|
|
151
|
+
if (!password) {
|
|
152
|
+
throw new Error('密码不能为空')
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
if (password.length < PasswordValidator.CONSTANTS.MIN_PASSWORD_LENGTH) {
|
|
156
|
+
throw new Error('密码长度不足')
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
if (!publicKey) {
|
|
160
|
+
throw new Error('公钥不能为空')
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
if (typeof JSEncrypt === 'undefined') {
|
|
164
|
+
throw new Error('JSEncrypt库未正确加载,请确保已引入JSEncrypt库')
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
// 优化:重用 JSEncrypt 实例
|
|
168
|
+
if (!this.encryptor) {
|
|
169
|
+
this.encryptor = new JSEncrypt();
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
// 如果公钥发生变化,更新公钥
|
|
173
|
+
if (this.lastPublicKey !== publicKey) {
|
|
174
|
+
this.encryptor.setPublicKey(publicKey);
|
|
175
|
+
this.lastPublicKey = publicKey;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
const encrypted = this.encryptor.encrypt(password);
|
|
179
|
+
|
|
180
|
+
if (!encrypted) {
|
|
181
|
+
throw new Error('密码加密失败,可能是公钥格式不正确')
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
return encrypted
|
|
185
|
+
} catch (error) {
|
|
186
|
+
console.error('密码加密失败:', error);
|
|
187
|
+
this.handleError(PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR, error.message, error);
|
|
188
|
+
throw new Error(`密码加密失败: ${error.message}`)
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
/**
|
|
193
|
+
* 校验密码
|
|
194
|
+
* @param {string} password 原始密码
|
|
195
|
+
* @param {string} userName 用户名
|
|
196
|
+
* @param {Object} additionalData 额外的校验数据
|
|
197
|
+
* @returns {Promise<Object>} 校验结果
|
|
198
|
+
*/
|
|
199
|
+
async validatePassword(password, userName, additionalData = {}) {
|
|
200
|
+
try {
|
|
201
|
+
if (!password) {
|
|
202
|
+
throw new Error('密码不能为空')
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
if (!userName) {
|
|
206
|
+
throw new Error('用户名不能为空')
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
// 1. 获取公钥
|
|
210
|
+
const publicKey = await this.getPublicKey();
|
|
211
|
+
|
|
212
|
+
// 2. 加密密码
|
|
213
|
+
const encryptedPassword = this.encryptPassword(password, publicKey);
|
|
214
|
+
|
|
215
|
+
// 3. 调用校验接口
|
|
216
|
+
const response = await this.makeRequest(this.options.validateUrl, {
|
|
217
|
+
method: 'POST',
|
|
218
|
+
body: JSON.stringify({
|
|
219
|
+
userName,
|
|
220
|
+
password: encryptedPassword,
|
|
221
|
+
timestamp: Date.now(),
|
|
222
|
+
...additionalData
|
|
223
|
+
})
|
|
224
|
+
});
|
|
225
|
+
|
|
226
|
+
return {
|
|
227
|
+
success: this.isSuccessResponse(response),
|
|
228
|
+
data: response.data || response.result,
|
|
229
|
+
message: response.message || response.msg || '验证完成',
|
|
230
|
+
code: response.code || response.status,
|
|
231
|
+
originalResponse: response
|
|
232
|
+
}
|
|
233
|
+
} catch (error) {
|
|
234
|
+
console.error('密码校验失败:', error);
|
|
235
|
+
|
|
236
|
+
// 优化:根据错误类型返回不同的错误信息
|
|
237
|
+
let errorType = PasswordValidator.ERROR_TYPES.VALIDATION_ERROR;
|
|
238
|
+
if (error.message.includes('网络') || error.message.includes('fetch')) {
|
|
239
|
+
errorType = PasswordValidator.ERROR_TYPES.NETWORK_ERROR;
|
|
240
|
+
} else if (error.message.includes('超时') || error.message.includes('timeout')) {
|
|
241
|
+
errorType = PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR;
|
|
242
|
+
} else if (error.message.includes('加密')) {
|
|
243
|
+
errorType = PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
this.handleError(errorType, error.message, error);
|
|
247
|
+
|
|
248
|
+
return {
|
|
249
|
+
success: false,
|
|
250
|
+
message: error.message || '密码校验失败',
|
|
251
|
+
code: errorType,
|
|
252
|
+
error
|
|
253
|
+
}
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
/**
|
|
258
|
+
* 发送HTTP请求的通用方法
|
|
259
|
+
* @param {string} url 请求地址
|
|
260
|
+
* @param {Object} options 请求选项
|
|
261
|
+
* @returns {Promise<Object>} 响应结果
|
|
262
|
+
*/
|
|
263
|
+
async makeRequest(url, options = {}) {
|
|
264
|
+
// 优化:为每个请求创建独立的AbortController,避免多个请求互相取消
|
|
265
|
+
const abortController = new AbortController();
|
|
266
|
+
|
|
267
|
+
const timeoutId = setTimeout(() => {
|
|
268
|
+
abortController.abort();
|
|
269
|
+
}, this.options.timeout);
|
|
270
|
+
|
|
271
|
+
try {
|
|
272
|
+
const response = await fetch(url, {
|
|
273
|
+
...options,
|
|
274
|
+
headers: {
|
|
275
|
+
'Content-Type': 'application/json',
|
|
276
|
+
...this.options.headers,
|
|
277
|
+
...options.headers
|
|
278
|
+
},
|
|
279
|
+
signal: abortController.signal
|
|
280
|
+
});
|
|
281
|
+
|
|
282
|
+
clearTimeout(timeoutId);
|
|
283
|
+
|
|
284
|
+
if (!response.ok) {
|
|
285
|
+
throw new Error(`HTTP错误: ${response.status} ${response.statusText}`)
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
const data = await response.json();
|
|
289
|
+
|
|
290
|
+
// 优化:记录请求日志(开发环境)
|
|
291
|
+
if (this.options.debug) {
|
|
292
|
+
console.log('密码校验器请求:', { url, options, response: data });
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
return data
|
|
296
|
+
} catch (error) {
|
|
297
|
+
clearTimeout(timeoutId);
|
|
298
|
+
|
|
299
|
+
if (error.name === 'AbortError') {
|
|
300
|
+
this.handleError(PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR, '请求超时', error);
|
|
301
|
+
throw new Error('请求超时')
|
|
302
|
+
}
|
|
303
|
+
|
|
304
|
+
if (error.message.includes('Failed to fetch') || error.message.includes('NetworkError')) {
|
|
305
|
+
this.handleError(PasswordValidator.ERROR_TYPES.NETWORK_ERROR, '网络连接失败', error);
|
|
306
|
+
throw new Error('网络连接失败')
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
throw error
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
|
|
313
|
+
/**
|
|
314
|
+
* 清除公钥缓存
|
|
315
|
+
*/
|
|
316
|
+
clearCache() {
|
|
317
|
+
this.publicKeyCache = null;
|
|
318
|
+
this.publicKeyExpiry = null;
|
|
319
|
+
}
|
|
320
|
+
|
|
321
|
+
/**
|
|
322
|
+
* 更新配置
|
|
323
|
+
* @param {Object} newOptions 新的配置选项
|
|
324
|
+
*/
|
|
325
|
+
updateOptions(newOptions) {
|
|
326
|
+
this.options = { ...this.options, ...newOptions };
|
|
327
|
+
// 清除缓存,使用新配置重新获取
|
|
328
|
+
this.clearCache();
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
/**
|
|
332
|
+
* 获取缓存状态
|
|
333
|
+
* @returns {Object} 缓存状态信息
|
|
334
|
+
*/
|
|
335
|
+
getCacheStatus() {
|
|
336
|
+
return {
|
|
337
|
+
hasCache: Boolean(this.publicKeyCache),
|
|
338
|
+
isExpired: this.publicKeyExpiry ? Date.now() > this.publicKeyExpiry : true,
|
|
339
|
+
expiryTime: this.publicKeyExpiry,
|
|
340
|
+
remainingTime: this.publicKeyExpiry ? Math.max(0, this.publicKeyExpiry - Date.now()) : 0
|
|
341
|
+
}
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
/**
|
|
345
|
+
* 销毁实例,清理资源
|
|
346
|
+
*/
|
|
347
|
+
destroy() {
|
|
348
|
+
try {
|
|
349
|
+
// 清除缓存
|
|
350
|
+
this.clearCache();
|
|
351
|
+
this.encryptor = null;
|
|
352
|
+
this.lastPublicKey = null;
|
|
353
|
+
|
|
354
|
+
// 调用销毁回调
|
|
355
|
+
if (this.options.onDestroy) {
|
|
356
|
+
this.options.onDestroy();
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
this.options = null;
|
|
360
|
+
} catch (error) {
|
|
361
|
+
console.error('销毁密码校验器时出错:', error);
|
|
362
|
+
}
|
|
363
|
+
}
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
/**
|
|
367
|
+
* 创建密码校验器实例的工厂函数
|
|
368
|
+
* @param {Object} options 配置选项
|
|
369
|
+
* @returns {PasswordValidator} 密码校验器实例
|
|
370
|
+
*/
|
|
371
|
+
function createPasswordValidator(options) {
|
|
372
|
+
return new PasswordValidator(options)
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
/**
|
|
376
|
+
* 快速校验密码的便捷函数
|
|
377
|
+
* @param {string} password 密码
|
|
378
|
+
* @param {string} userName 用户名
|
|
379
|
+
* @param {Object} options 配置选项
|
|
380
|
+
* @param {Object} additionalData 额外数据
|
|
381
|
+
* @returns {Promise<Object>} 校验结果
|
|
382
|
+
*/
|
|
383
|
+
function validatePassword(password, userName, options = {}, additionalData = {}) {
|
|
384
|
+
const validator = new PasswordValidator(options);
|
|
385
|
+
return validator.validatePassword(password, userName, additionalData)
|
|
386
|
+
}
|
|
387
|
+
|
|
388
|
+
export { createPasswordValidator, PasswordValidator as default, validatePassword };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(t
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("jsencrypt")):"function"==typeof define&&define.amd?define(["exports","jsencrypt"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).PasswordValidator={},e.JSEncrypt)}(this,function(e,JSEncrypt){"use strict";class PasswordValidator{static CONSTANTS={DEFAULT_TIMEOUT:1e4,CACHE_DURATION:3e5,MIN_PASSWORD_LENGTH:1};static ERROR_TYPES={NETWORK_ERROR:"NETWORK_ERROR",TIMEOUT_ERROR:"TIMEOUT_ERROR",ENCRYPTION_ERROR:"ENCRYPTION_ERROR",VALIDATION_ERROR:"VALIDATION_ERROR",PUBLIC_KEY_ERROR:"PUBLIC_KEY_ERROR"};constructor(e={}){this.options={publicKeyUrl:e.publicKeyUrl||"/externalapi/commonservice/strongPassword/getPublicKey",validateUrl:e.validateUrl||"/externalapi/commonservice/strongPassword/checkPassword",baseUrl:e.baseUrl||"",timeout:e.timeout||PasswordValidator.CONSTANTS.DEFAULT_TIMEOUT,headers:e.headers||{},cacheDuration:e.cacheDuration||PasswordValidator.CONSTANTS.CACHE_DURATION,...e},this.options.publicKeyUrl=this.normalizeUrl(this.options.publicKeyUrl,this.options.baseUrl),this.options.validateUrl=this.normalizeUrl(this.options.validateUrl,this.options.baseUrl),this.publicKeyCache=null,this.publicKeyExpiry=null,this.encryptor=null}normalizeUrl(e,t){if(!e)return e;if(/^https?:\/\//.test(e)||!t)return e;return(t.endsWith("/")?t:`${t}/`)+(e.startsWith("/")?e.substring(1):e)}async getPublicKey(){if(this.publicKeyCache&&this.publicKeyExpiry&&Date.now()<this.publicKeyExpiry)return this.publicKeyCache;try{const e=await this.makeRequest(this.options.publicKeyUrl,{method:"GET"});if(!this.isSuccessResponse(e))throw new Error(`获取公钥失败:${e.message||e.msg||"未知错误"}`);const t=e.data||e.result;if(!t)throw new Error("公钥为空");return this.publicKeyCache=t,this.publicKeyExpiry=Date.now()+this.options.cacheDuration,this.publicKeyCache}catch(e){throw this.handleError(PasswordValidator.ERROR_TYPES.PUBLIC_KEY_ERROR,e.message,e),new Error(`获取公钥失败: ${e.message}`)}}isSuccessResponse(e){if(!e||"object"!=typeof e)return!1;return["0"===e.code,0===e.code,!0===e.success,"success"===e.status,!0===e.result].some(e=>!0===e)}handleError(e,t,s=null){const r={[PasswordValidator.ERROR_TYPES.NETWORK_ERROR]:"网络连接失败,请检查网络设置",[PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR]:"请求超时,请重试",[PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR]:"密码加密失败",[PasswordValidator.ERROR_TYPES.VALIDATION_ERROR]:"密码验证失败",[PasswordValidator.ERROR_TYPES.PUBLIC_KEY_ERROR]:"获取公钥失败"}[e]||t||"未知错误";this.options.onError&&this.options.onError({type:e,message:r,originalError:s})}encryptPassword(e,t){try{if(!e)throw new Error("密码不能为空");if(e.length<PasswordValidator.CONSTANTS.MIN_PASSWORD_LENGTH)throw new Error("密码长度不足");if(!t)throw new Error("公钥不能为空");if(void 0===JSEncrypt)throw new Error("JSEncrypt库未正确加载,请确保已引入JSEncrypt库");this.encryptor||(this.encryptor=new JSEncrypt),this.lastPublicKey!==t&&(this.encryptor.setPublicKey(t),this.lastPublicKey=t);const s=this.encryptor.encrypt(e);if(!s)throw new Error("密码加密失败,可能是公钥格式不正确");return s}catch(e){throw this.handleError(PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR,e.message,e),new Error(`密码加密失败: ${e.message}`)}}async validatePassword(e,t,s={}){try{if(!e)throw new Error("密码不能为空");if(!t)throw new Error("用户名不能为空");const r=await this.getPublicKey(),i=this.encryptPassword(e,r),o=await this.makeRequest(this.options.validateUrl,{method:"POST",body:JSON.stringify({userName:t,password:i,timestamp:Date.now(),...s})});return{success:this.isSuccessResponse(o),data:o.data||o.result,message:o.message||o.msg||"验证完成",code:o.code||o.status,originalResponse:o}}catch(e){let t=PasswordValidator.ERROR_TYPES.VALIDATION_ERROR;return e.message.includes("网络")||e.message.includes("fetch")?t=PasswordValidator.ERROR_TYPES.NETWORK_ERROR:e.message.includes("超时")||e.message.includes("timeout")?t=PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR:e.message.includes("加密")&&(t=PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR),this.handleError(t,e.message,e),{success:!1,message:e.message||"密码校验失败",code:t,error:e}}}async makeRequest(e,t={}){const s=new AbortController,r=setTimeout(()=>{s.abort()},this.options.timeout);try{const i=await fetch(e,{...t,headers:{"Content-Type":"application/json",...this.options.headers,...t.headers},signal:s.signal});if(clearTimeout(r),!i.ok)throw new Error(`HTTP错误: ${i.status} ${i.statusText}`);const o=await i.json();return this.options.debug,o}catch(e){if(clearTimeout(r),"AbortError"===e.name)throw this.handleError(PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR,"请求超时",e),new Error("请求超时");if(e.message.includes("Failed to fetch")||e.message.includes("NetworkError"))throw this.handleError(PasswordValidator.ERROR_TYPES.NETWORK_ERROR,"网络连接失败",e),new Error("网络连接失败");throw e}}clearCache(){this.publicKeyCache=null,this.publicKeyExpiry=null}updateOptions(e){this.options={...this.options,...e},this.clearCache()}getCacheStatus(){return{hasCache:Boolean(this.publicKeyCache),isExpired:!this.publicKeyExpiry||Date.now()>this.publicKeyExpiry,expiryTime:this.publicKeyExpiry,remainingTime:this.publicKeyExpiry?Math.max(0,this.publicKeyExpiry-Date.now()):0}}destroy(){try{this.clearCache(),this.encryptor=null,this.lastPublicKey=null,this.options.onDestroy&&this.options.onDestroy(),this.options=null}catch(e){}}}e.createPasswordValidator=function(e){return new PasswordValidator(e)},e.default=PasswordValidator,e.validatePassword=function(e,t,s={},r={}){return new PasswordValidator(s).validatePassword(e,t,r)},Object.defineProperty(e,"__esModule",{value:!0})});
|