slider-captcha-sdk 1.0.24 → 1.0.26

package/dist/index.esm.js

@@ -1 +1,1417 @@
-function t(t){return new PasswordValidator(t)}function i(t,i,e={},s={}){return new PasswordValidator(e).validatePassword(t,i,s)}var e,s,r;import JSEncrypt from"jsencrypt";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:i={},state:e=this.createInitialState(),captchaData:s=null,times:r=[],startTime:a=null,eventListeners:o=[],timers:n=new Set,rafId:h=null,cachedDimensions:c=null,imageCache:l=new Map,abortController:d=null}=this;Object.assign(this,{elements:i,state:e,captchaData:s,times:r,startTime:a,eventListeners:o,timers:n,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,i){return t?/^https?:\/\//.test(t)||!i?t:(i.endsWith("/")?i:i+"/")+(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:i}=this,e={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(e).forEach(([i,[e,s,r]])=>{t[i]=this.createElement(e,s,r)}),t.container.style.cssText=`width:${i.width}px;height:${i.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,i="",e=""){return Object.assign(document.createElement(t),{className:i,textContent:e})}assembleDOM(){const{elements:t}=this,i=this.createElement("div","slider-captcha-header-buttons");i.append(t.refreshBtn,t.closeBtn),t.header.append(t.title,i),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",i=>{i.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,i,e])=>{this.addEventListener(t,i,e)}),this.bindSliderEvents()}bindSliderEvents(){const{elements:t}=this,i={start:t=>this.handleStart(t),move:this.throttledHandleMove,end:()=>this.handleEnd()};[[t.btn,"mousedown",i.start],[t.btn,"touchstart",i.start],[t.sliderImg,"mousedown",i.start],[t.sliderImg,"touchstart",i.start],[document,"mousemove",i.move,{passive:!1}],[document,"touchmove",i.move,{passive:!1}],[document,"mouseup",i.end],[document,"touchend",i.end]].forEach(([t,i,e,s])=>{this.addEventListener(t,i,e,s)})}addEventListener(t,i,e,s={}){t&&"function"==typeof e&&(t.addEventListener(i,e,s),this.eventListeners.push({element:t,event:i,handler:e,options:s}))}removeAllEventListeners(){this.eventListeners.forEach(({element:t,event:i,handler:e,options:s})=>{try{t?.removeEventListener?.(i,e,s)}catch(t){}}),this.eventListeners.length=0}getDimensions(){if(!this.cachedDimensions){const{track:t,btn:i}=this.elements;this.cachedDimensions={trackWidth:t.offsetWidth,btnWidth:i.offsetWidth,get maxX(){return this.trackWidth-this.btnWidth}}}return this.cachedDimensions}getPosition(){const{maxX:t}=this.getDimensions(),i=this.state.currentX/t;return Math.round(i*(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 i=this.getClientX(t)-this.state.startX,{maxX:e}=this.getDimensions();this.state.currentX=Math.max(0,Math.min(i,e)),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 i=t?"all 0.3s ease":"none";requestAnimationFrame(()=>{const{btn:t,sliderImg:e}=this.elements;t.style.transition=e.style.transition=i})}updateUIState(t){const{elements:i}=this,e={dragging:()=>{i.hint.style.opacity="0",i.fingerAnimation.style.display="none"},success:()=>{Object.assign(i.btn.style,{background:"var(--sc-success)"}),Object.assign(i.icon.style,{color:"white"}),i.icon.textContent="✓"},fail:()=>{Object.assign(i.btn.style,{background:"var(--sc-danger)"}),Object.assign(i.icon.style,{color:"white"}),i.icon.textContent="✗"},reset:()=>{Object.assign(i.btn.style,{background:"white"}),Object.assign(i.icon.style,{color:"#666"}),i.icon.textContent="→",i.fingerAnimation.style.display="block",this.updateHintText("向右滑动完成验证","var(--sc-text-light)")},loading:()=>{i.hint.style.opacity="0",i.fingerAnimation.style.display="none",Object.assign(i.track.style,{pointerEvents:"none",opacity:"0.6"})}};e[t]&&requestAnimationFrame(()=>{e[t](),"loading"!==t&&Object.assign(i.track.style,{pointerEvents:"auto",opacity:"1"})})}updateHintText(t,i){requestAnimationFrame(()=>{Object.assign(this.elements.hint,{textContent:t}),Object.assign(this.elements.hint.style,{color:i,opacity:"1"})})}updateSliderPosition(){const{elements:t,options:i,state:e}=this,{maxX:s}=this.getDimensions(),r=e.currentX/s*(i.width-i.sliderSize),a=e.currentX/s;requestAnimationFrame(()=>{t.btn.style.transform=`translateX(${e.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,i,e=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]||i||"未知错误";this.options.onError&&this.options.onError({type:t,message:s,originalError:e}),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 i=await t.json();if(!this.validateCaptchaData(i))throw Error("验证码数据格式错误");this.captchaData=i.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 i=t.data||t;return["canvasSrc","blockSrc","canvasWidth","canvasHeight","blockWidth","blockHeight","blockY","nonceStr"].every(t=>{const e=i[t];return null!=e&&""!==e})}renderCaptcha(){return new Promise((t,i)=>{let e=!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(()=>{e||(this.hideLoading(),t())}).catch(t=>{e||(e=!0,this.handleError(PopupSliderCaptcha.ERROR_TYPES.IMAGE_LOAD_ERROR,"图片加载失败",t),i(t))})})}loadImageAsync(t,i,e){return new Promise((s,r)=>{if(this.imageCache.has(i)){const r=this.imageCache.get(i);return t.src=r.src,this.applyStyles(t,e),void s()}const a=this.safeSetTimeout(()=>{r(Error("图片加载超时"))},1e4);t.onload=function(){this.safeClearTimeout(a),this.imageCache.set(i,t.cloneNode()),s()}.bind(this),t.onerror=function(t){this.safeClearTimeout(a),r(t)}.bind(this),t.src=i,this.applyStyles(t,e)})}applyStyles(t,i){Object.entries(i).forEach(([i,e])=>{t.style[i]="number"==typeof e?e+"px":e})}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,i])=>{const e=this.elements[t];e&&Object.entries(i).forEach(([t,i])=>{"textContent"===t?e.textContent=i:e.style[t]=i})})})}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 i=await t.json();this.isVerifySuccess(i)?this.onVerifySuccess(i.data||i.result):this.onVerifyFail(i.message||i.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 i=this.dragStartTime?Date.now()-this.dragStartTime:Date.now()-this.startTime,e=`验证成功！耗时：${(i/1e3).toFixed(2)}s`;this.updateUIState("success"),this.showFloatingTime(e,"success"),this.safeSetTimeout(()=>{this.options.onSuccess?.({ticket:t,timestamp:Date.now(),duration:i}),this.hide()},2e3)}showFloatingTime(t,i="success"){const{elements:e}=this;e.floatingTime.textContent=t,e.floatingTime.className="slider-captcha-floating-time "+i,this.safeSetTimeout(()=>e.floatingTime.classList.add("show"),100),this.safeSetTimeout(()=>{e.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,i){const e=setTimeout(()=>{this.timers.delete(e),t()},i);return this.timers.add(e),e}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,i){let e=0;return(...s)=>{const r=Date.now();if(r-e>=i)return e=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 i=new PopupSliderCaptcha(t);return i.show(),i}}"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),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}normalizeUrl(t,i){return t?/^https?:\/\//.test(t)||!i?t:(i.endsWith("/")?i:i+"/")+(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 i=t.data||t.result;if(!i)throw Error("公钥为空");return this.publicKeyCache=i,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,i,e=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]||i||"未知错误";this.options.onError&&this.options.onError({type:t,message:s,originalError:e})}encryptPassword(t,i){try{if(!t)throw Error("密码不能为空");if(t.length<PasswordValidator.CONSTANTS.MIN_PASSWORD_LENGTH)throw Error("密码长度不足");if(!i)throw Error("公钥不能为空");if(void 0===JSEncrypt)throw Error("JSEncrypt库未正确加载，请确保已引入JSEncrypt库");const e=new JSEncrypt;e.setPublicKey(i);const s=e.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,i,e={}){try{if(!t)throw Error("密码不能为空");if(!i)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:i,password:r,timestamp:Date.now(),...e})});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 i=PasswordValidator.ERROR_TYPES.VALIDATION_ERROR;return t.message.includes("网络")||t.message.includes("fetch")?i=PasswordValidator.ERROR_TYPES.NETWORK_ERROR:t.message.includes("超时")||t.message.includes("timeout")?i=PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR:t.message.includes("加密")&&(i=PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR),this.handleError(i,t.message,t),{success:!1,message:t.message||"密码校验失败",code:i,error:t}}}async makeRequest(t,i={}){const e=new AbortController,s=setTimeout(()=>{e.abort()},this.options.timeout);try{const r=await fetch(t,{...i,headers:{"Content-Type":"application/json",...this.options.headers,...i.headers},signal:e.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){}}}r={PopupSliderCaptcha:e,PasswordValidator:s=PasswordValidator,createPasswordValidator:t,validatePassword:i},"undefined"!=typeof window&&(window.SliderCaptcha=e,window.PopupSliderCaptcha=e,window.PasswordValidator=s,window.createPasswordValidator=t,window.validatePassword=i);export{s as PasswordValidator,e as PopupSliderCaptcha,t as createPasswordValidator,r as default,i as validatePassword};
+import JSEncrypt from 'jsencrypt';
+
+/**
+ * 纯JavaScript弹窗滑块验证码组件
+ */
+class PopupSliderCaptcha {
+  static DEFAULTS = {
+    width: 400,
+    height: 240,
+    sliderSize: 40,
+    maxRetries: 3,
+    timeout: 30000,
+    apiUrl: '/externalapi/commonservice/captcha/get',
+    verifyUrl: '/externalapi/commonservice/captcha/check',
+    baseUrl: '', // 基础域名，如果apiUrl和verifyUrl不包含域名则拼接此域名
+    throttleDelay: 16,
+    clickMaskClose: false
+  }
+
+  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(options = {}) {
+    this.options = { ...PopupSliderCaptcha.DEFAULTS, ...options };
+
+    // 处理URL，如果apiUrl和verifyUrl不包含域名则拼接baseUrl
+    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 = false;
+
+    this.throttledHandleMove = this.throttle((e) => this.handleMove(e), this.options.throttleDelay);
+
+    this.lazyInit();
+  }
+
+  // 懒加载初始化
+  lazyInit() {
+    // 预加载CSS样式
+    this.injectStyles();
+
+    // 标记为已初始化
+    this.isInitialized = true;
+  }
+
+  createInitialState() {
+    return {
+      isVisible: false,
+      isDragging: false,
+      currentX: 0,
+      startX: 0,
+      retryCount: 0,
+      isLoading: false
+    }
+  }
+
+  /**
+   * 标准化URL，如果URL不包含域名则拼接baseUrl
+   * @param {string} url - 原始URL
+   * @param {string} baseUrl - 基础域名
+   * @returns {string} 标准化后的URL
+   */
+  normalizeUrl(url, baseUrl) {
+    if (!url || !baseUrl || (/^https?:\/\//).test(url)) {
+      return url
+    }
+
+    const normalizedBaseUrl = baseUrl.endsWith('/') ? baseUrl : `${baseUrl}/`;
+    const normalizedUrl = url.startsWith('/') ? url.slice(1) : url;
+
+    return normalizedBaseUrl + normalizedUrl
+  }
+
+  injectStyles() {
+    if (document.querySelector('#slider-captcha-styles')) { return }
+
+    const style = Object.assign(document.createElement('style'), {
+      id: 'slider-captcha-styles',
+      textContent: PopupSliderCaptcha.getStyles()
+    });
+    document.head.appendChild(style);
+  }
+
+  // 创建dom
+  createElements() {
+    const { options } = this;
+    const containerWidth = options.width;
+    const containerHeight = options.height;
+
+    const html = `
+      <div class="${PopupSliderCaptcha.CSS_CLASSES.overlay}">
+        <div class="${PopupSliderCaptcha.CSS_CLASSES.modal}">
+          <div class="${PopupSliderCaptcha.CSS_CLASSES.header}">
+            <h3 class="slider-captcha-title">安全验证</h3>
+            <div class="slider-captcha-header-buttons">
+              <button class="slider-captcha-refresh" title="刷新">
+                <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>
+              </button>
+              <button class="slider-captcha-close" title="关闭"></button>
+            </div>
+          </div>
+          <div class="${PopupSliderCaptcha.CSS_CLASSES.container}" style="width:${containerWidth}px;height:${containerHeight}px;display:none;">
+            <img class="slider-captcha-bg" alt="背景图">
+            <img class="slider-captcha-piece" alt="滑块">
+            <div class="${PopupSliderCaptcha.CSS_CLASSES.loading}">加载中...</div>
+            <div class="slider-captcha-floating-time"></div>
+          </div>
+          <div class="${PopupSliderCaptcha.CSS_CLASSES.track}" style="display:none;">
+            <div class="slider-captcha-finger">👉</div>
+            <div class="${PopupSliderCaptcha.CSS_CLASSES.btn}">
+              <div class="slider-captcha-icon">→</div>
+            </div>
+            <div class="${PopupSliderCaptcha.CSS_CLASSES.hint}">向右滑动完成验证</div>
+          </div>
+          <div class="${PopupSliderCaptcha.CSS_CLASSES.error}"></div>
+        </div>
+      </div>
+    `;
+
+    const tempDiv = document.createElement('div');
+    tempDiv.innerHTML = html.trim();
+    const overlay = tempDiv.firstElementChild;
+    document.body.appendChild(overlay);
+
+    // 缓存元素引用
+    this.elements = {
+      overlay,
+      modal: overlay.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.modal}`),
+      header: overlay.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.header}`),
+      title: overlay.querySelector('.slider-captcha-title'),
+      closeBtn: overlay.querySelector('.slider-captcha-close'),
+      refreshBtn: overlay.querySelector('.slider-captcha-refresh'),
+      container: overlay.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.container}`),
+      backgroundImg: overlay.querySelector('.slider-captcha-bg'),
+      sliderImg: overlay.querySelector('.slider-captcha-piece'),
+      loadingText: overlay.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.loading}`),
+      floatingTime: overlay.querySelector('.slider-captcha-floating-time'),
+      track: overlay.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.track}`),
+      fingerAnimation: overlay.querySelector('.slider-captcha-finger'),
+      btn: overlay.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.btn}`),
+      icon: overlay.querySelector('.slider-captcha-icon'),
+      hint: overlay.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.hint}`),
+      error: overlay.querySelector(`.${PopupSliderCaptcha.CSS_CLASSES.error}`)
+    };
+  }
+
+  bindEvents() {
+    const { elements } = this;
+
+    const eventConfigs = [
+      [elements.closeBtn, 'click', () => this.hide()],
+      [elements.refreshBtn, 'click', () => this.refresh()],
+      [elements.overlay, 'click', (e) => {
+        if (e.target === elements.overlay && this.options.clickMaskClose) { this.hide(); }
+      }],
+      [document, 'keydown', (e) => {
+        if (e.key === 'Escape' && this.state.isVisible) { this.hide(); }
+      }],
+      [document, 'visibilitychange', () => this.handleVisibilityChange()]
+    ];
+
+    // 批量绑定事件
+    eventConfigs.forEach(([element, event, handler]) => {
+      this.addEventListener(element, event, handler);
+    });
+
+    this.bindSliderEvents();
+  }
+
+  bindSliderEvents() {
+    const { elements } = this;
+    const handlers = {
+      start: (e) => this.handleStart(e)
+    };
+
+    const sliderEventConfigs = [
+      [elements.btn, 'mousedown', handlers.start],
+      [elements.btn, 'touchstart', handlers.start],
+      [elements.sliderImg, 'mousedown', handlers.start],
+      [elements.sliderImg, 'touchstart', handlers.start]
+    ];
+
+    sliderEventConfigs.forEach(([element, event, handler, options]) => {
+      this.addEventListener(element, event, handler, options);
+    });
+  }
+
+  addEventListener(element, event, handler, options = {}) {
+    if (!element || typeof handler !== 'function') { return }
+
+    element.addEventListener(event, handler, options);
+    this.eventListeners.push({ element, event, handler, options });
+  }
+
+  removeEventListener(element, event, handler, options = {}) {
+    if (!element || typeof handler !== 'function') { return }
+    element.removeEventListener(event, handler, options);
+    this.eventListeners = this.eventListeners.filter(l =>
+      !(l.element === element && l.event === event && l.handler === handler)
+    );
+  }
+
+  removeAllEventListeners() {
+    this.eventListeners.forEach(({ element, event, handler, options }) => {
+      try {
+        element?.removeEventListener?.(event, handler, options);
+      } catch (error) {
+        console.warn('Failed to remove event listener:', error);
+      }
+    });
+    this.eventListeners.length = 0;
+  }
+
+  getDimensions() {
+    if (!this.cachedDimensions) {
+      const { track, btn } = this.elements;
+      this.cachedDimensions = {
+        trackWidth: track.offsetWidth,
+        btnWidth: btn.offsetWidth,
+        get maxX() { return this.trackWidth - this.btnWidth }
+      };
+    }
+    return this.cachedDimensions
+  }
+
+  getPosition() {
+    const { maxX } = this.getDimensions();
+    const percentage = this.state.currentX / maxX;
+    return Math.round(percentage * (this.options.width - this.options.sliderSize))
+  }
+
+  handleStart(e) {
+    if (!this.captchaData || this.state.isDragging || this.state.isLoading) { return }
+
+    e.preventDefault();
+
+    Object.assign(this.state, {
+      isDragging: true,
+      startX: this.getClientX(e) - this.state.currentX
+    });
+
+    this.dragStartTime = Date.now();
+    this.times = [{ time: Date.now(), position: this.getPosition() }];
+
+    this.setTransition(false);
+    this.updateUIState('dragging');
+    this.cachedDimensions = null; // 清除缓存
+
+    // 动态绑定移动和结束事件
+    this.boundHandleEnd = this.boundHandleEnd || this.handleEnd.bind(this);
+    document.addEventListener('mousemove', this.throttledHandleMove, { passive: false });
+    document.addEventListener('touchmove', this.throttledHandleMove, { passive: false });
+    document.addEventListener('mouseup', this.boundHandleEnd);
+    document.addEventListener('touchend', this.boundHandleEnd);
+  }
+
+  handleMove(e) {
+    if (!this.state.isDragging) { return }
+    e.preventDefault();
+
+    this.lastClientX = this.getClientX(e);
+
+    if (!this.rafId) {
+      this.rafId = requestAnimationFrame(() => {
+        const deltaX = this.lastClientX - this.state.startX;
+        const { maxX } = this.getDimensions();
+
+        this.state.currentX = Math.max(0, Math.min(deltaX, maxX));
+        this.times.push({ time: Date.now(), position: this.getPosition() });
+
+        this.updateSliderPosition();
+        this.rafId = null;
+      });
+    }
+  }
+
+  handleEnd() {
+    if (!this.state.isDragging) { return }
+
+    // 移除动态绑定的事件
+    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 = false;
+
+    if (this.rafId) {
+      cancelAnimationFrame(this.rafId);
+      this.rafId = null;
+    }
+
+    this.verify();
+  }
+
+  handleVisibilityChange() {
+    const animationState = document.hidden ? 'paused' : 'running';
+    if (this.elements.fingerAnimation?.style) {
+      this.elements.fingerAnimation.style.animationPlayState = animationState;
+    }
+  }
+
+  getClientX = (e) => e.type.includes('touch') ? e.touches[0].clientX : e.clientX
+
+  setTransition(enabled) {
+    const transition = enabled ? 'all 0.3s ease' : 'none';
+    requestAnimationFrame(() => {
+      const { btn, sliderImg } = this.elements;
+      btn.style.transition = sliderImg.style.transition = transition;
+    });
+  }
+
+  updateUIState(state) {
+    const { elements } = this;
+    const updates = {
+      dragging: () => {
+        elements.hint.style.opacity = '0';
+        elements.fingerAnimation.style.display = 'none';
+      },
+      success: () => {
+        Object.assign(elements.btn.style, { background: 'var(--sc-success)' });
+        Object.assign(elements.icon.style, { color: 'white' });
+        elements.icon.textContent = '✓';
+      },
+      fail: () => {
+        Object.assign(elements.btn.style, { background: 'var(--sc-danger)' });
+        Object.assign(elements.icon.style, { color: 'white' });
+        elements.icon.textContent = '✗';
+      },
+      reset: () => {
+        Object.assign(elements.btn.style, { background: 'white' });
+        Object.assign(elements.icon.style, { color: '#666' });
+        elements.icon.textContent = '→';
+        elements.fingerAnimation.style.display = 'block';
+        this.updateHintText('向右滑动完成验证', 'var(--sc-text-light)');
+      },
+      loading: () => {
+        elements.hint.style.opacity = '0';
+        elements.fingerAnimation.style.display = 'none';
+        Object.assign(elements.track.style, { pointerEvents: 'none', opacity: '0.6' });
+      }
+    };
+
+    if (updates[state]) {
+      requestAnimationFrame(() => {
+        updates[state]();
+        if (state !== 'loading') {
+          Object.assign(elements.track.style, { pointerEvents: 'auto', opacity: '1' });
+        }
+      });
+    }
+  }
+
+  updateHintText(text, color) {
+    requestAnimationFrame(() => {
+      Object.assign(this.elements.hint, { textContent: text });
+      Object.assign(this.elements.hint.style, { color, opacity: '1' });
+    });
+  }
+
+  updateSliderPosition() {
+    const { elements, options, state } = this;
+    const { maxX } = this.getDimensions();
+    const pieceX = (state.currentX / maxX) * (options.width - options.sliderSize);
+    const progress = state.currentX / maxX;
+
+    // 优化：使用transform3d触发GPU加速，减少重绘
+    requestAnimationFrame(() => {
+      elements.btn.style.transform = `translate3d(${state.currentX}px, 0, 0)`;
+      elements.sliderImg.style.transform = `translate3d(${pieceX}px, 0, 0)`;
+      elements.fingerAnimation.style.opacity = progress >= 0.8 ? '0' : '0.6';
+    });
+  }
+
+  // 优化：简化显示/隐藏逻辑
+  show() {
+    this.state.isVisible = true;
+
+    if (!this.elements.overlay) {
+      this.createElements();
+      this.bindEvents();
+    }
+
+    // 优化：使用transform3d触发GPU加速
+    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 [captchaData] = await Promise.all([
+        this.fetchCaptchaData(),
+        this.preloadImages()
+      ]);
+
+      this.captchaData = captchaData;
+      this.showCaptcha();
+      await this.renderCaptcha();
+    } catch (error) {
+      this.handleError(PopupSliderCaptcha.ERROR_TYPES.CAPTCHA_DATA_ERROR, error.message, error);
+    }
+  }
+
+  // 通用请求方法
+  async makeRequest(url, body = {}) {
+    // 取消之前的请求
+    if (this.abortController) {
+      this.abortController.abort();
+    }
+    this.abortController = new AbortController();
+
+    const response = await fetch(url, {
+      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,
+        ...body
+      }),
+      signal: this.abortController.signal
+    });
+
+    if (!response.ok) {
+      throw new Error(`HTTP ${response.status}: ${response.statusText}`)
+    }
+
+    return response.json()
+  }
+
+  // 获取验证码数据
+  async fetchCaptchaData() {
+    this.startTime = Date.now();
+    const data = await this.makeRequest(this.options.apiUrl);
+
+    if (!this.validateCaptchaData(data)) {
+      throw new Error('验证码数据格式错误')
+    }
+
+    return data.data
+  }
+
+  // 预加载图片资源
+  preloadImages() {
+    const imageUrls = [
+      'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjY1LDYuMzVDMTYuMiw0LjkgMTQuMjEsNCAxMiw0QTgsOCAwIDAsMCA0LDEyQTgsOCAwIDAsMCAxMiwyMEMxNS43MywyMCAxOC44NCwxNy40NSAxOS43MywxNEgxNy42NUMxNi44MywxNi4zMyAxNC42MSwxOCAxMiwxOEE2LDYgMCAwLDEgNiwxMkE2LDYgMCAwLDEgMTIsNkMxMy42Niw2IDE1LjE0LDYuNjkgMTYuMjIsNy43OEwxMywxMUgyMFY0TDE3LjY1LDYuMzVaIiBmaWxsPSIjOTk5Ii8+Cjwvc3ZnPgo='
+    ];
+
+    return Promise.all(imageUrls.map(url => {
+      return new Promise((resolve) => {
+        const img = new Image();
+        img.onload = img.onerror = () => resolve(); // 忽略错误，继续执行
+        img.src = url;
+      })
+    }))
+  }
+
+  hide() {
+    this.state.isVisible = false;
+    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(error) {
+    if (error.name === 'AbortError') {
+      this.handleError(PopupSliderCaptcha.ERROR_TYPES.TIMEOUT_ERROR, '请求被取消', error);
+    } else if (
+      error.message?.includes('Failed to fetch') ||
+      error.message?.includes('NetworkError')
+    ) {
+      this.handleError(PopupSliderCaptcha.ERROR_TYPES.NETWORK_ERROR, '网络连接失败', error);
+    } else {
+      this.handleError(PopupSliderCaptcha.ERROR_TYPES.CAPTCHA_DATA_ERROR, error.message, error);
+    }
+  }
+
+  handleError(errorType, message, originalError = null) {
+    const errorMessages = {
+      [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]: '验证码数据错误，请刷新重试'
+    };
+
+    const errorMessage = errorMessages[errorType] || message || '未知错误';
+
+    // 调用用户自定义错误处理
+    if (this.options.onError) {
+      this.options.onError({
+        type: errorType,
+        message: errorMessage,
+        originalError
+      });
+    }
+
+    this.showError(errorMessage);
+    console.error(`滑块验证码错误 [${errorType}]:`, errorMessage, originalError);
+  }
+
+  async loadCaptcha() {
+    try {
+      this.showLoading();
+      this.startTime = Date.now();
+
+      const data = await this.makeRequest(this.options.apiUrl);
+
+      if (!this.validateCaptchaData(data)) {
+        throw new Error('验证码数据格式错误')
+      }
+
+      this.captchaData = data.data;
+      this.showCaptcha();
+      await this.renderCaptcha();
+    } catch (error) {
+      this.handleRequestError(error);
+    }
+  }
+
+  // 优化：添加验证码数据验证方法
+  validateCaptchaData(data) {
+    if (!data || typeof data !== 'object') { return false }
+
+    const requiredFields = [
+      'canvasSrc',
+      'blockSrc',
+      'canvasWidth',
+      'canvasHeight',
+      'blockWidth',
+      'blockHeight',
+      'blockY',
+      'nonceStr'
+    ];
+    const dataObj = data.data || data;
+
+    return requiredFields.every((field) => {
+      const value = dataObj[field];
+      return value !== null && value !== undefined && value !== ''
+    })
+  }
+
+  renderCaptcha() {
+    return new Promise((resolve, reject) => {
+      let hasError = false;
+
+      // 优化：并行加载图片，提高性能
+      const loadPromises = [
+        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(loadPromises)
+        .then(() => {
+          if (!hasError) {
+            this.hideLoading();
+            resolve();
+          }
+        })
+        .catch((error) => {
+          if (!hasError) {
+            hasError = true;
+            this.handleError(PopupSliderCaptcha.ERROR_TYPES.IMAGE_LOAD_ERROR, '图片加载失败', error);
+            reject(error);
+          }
+        });
+    })
+  }
+
+  loadImageAsync(imgElement, src, styles) {
+    return new Promise((resolve, reject) => {
+      // 检查缓存
+      if (this.imageCache.has(src)) {
+        const cachedImg = this.imageCache.get(src);
+        imgElement.src = cachedImg.src;
+        this.applyStyles(imgElement, styles);
+        resolve();
+        return
+      }
+
+      // 优化：减少超时时间，提高响应速度
+      const IMAGE_LOAD_TIMEOUT = 5000;
+      const timeoutId = this.safeSetTimeout(() => {
+        reject(new Error('图片加载超时'));
+      }, IMAGE_LOAD_TIMEOUT);
+
+      // 优化：使用更高效的图片加载
+      const img = new Image();
+      img.crossOrigin = 'anonymous'; // 支持跨域
+      img.decoding = 'async'; // 异步解码
+
+
+      img.onload = function onImageLoad() {
+        this.safeClearTimeout(timeoutId);
+
+        // 优化：使用OffscreenCanvas进行图片处理（如果支持）
+        if (typeof OffscreenCanvas !== 'undefined') {
+          try {
+            const canvas = new OffscreenCanvas(img.width, img.height);
+            const ctx = canvas.getContext('2d');
+            ctx.drawImage(img, 0, 0);
+            const imageData = ctx.getImageData(0, 0, img.width, img.height);
+            this.imageCache.set(src, { src: img.src, imageData });
+          } catch (e) {
+            this.imageCache.set(src, img.cloneNode());
+          }
+        } else {
+          this.imageCache.set(src, img.cloneNode());
+        }
+
+        imgElement.src = img.src;
+        this.applyStyles(imgElement, styles);
+        resolve();
+      }.bind(this);
+
+      img.onerror = function onImageError(error) {
+        this.safeClearTimeout(timeoutId);
+        reject(error);
+      }.bind(this);
+
+      img.src = src;
+    })
+  }
+
+  applyStyles(element, styles) {
+    Object.entries(styles).forEach(([key, value]) => {
+      element.style[key] = typeof value === 'number' ? `${value}px` : value;
+    });
+  }
+
+  showLoading() {
+    this.state.isLoading = true;
+    this.batchUpdateStyles({
+      container: { display: 'block' },
+      loadingText: { display: 'flex' },
+      error: { display: 'none' }
+    });
+    this.updateUIState('loading');
+  }
+
+  hideLoading() {
+    this.state.isLoading = false;
+    this.batchUpdateStyles({ loadingText: { display: 'none' } });
+    this.updateUIState('reset');
+  }
+
+  showCaptcha() {
+    this.batchUpdateStyles({
+      container: { display: 'block' },
+      track: { display: 'block' },
+      error: { display: 'none' }
+    });
+  }
+
+  showError(message) {
+    this.hideLoading();
+    this.batchUpdateStyles({
+      error: { display: 'block', textContent: message }
+    });
+  }
+
+  batchUpdateStyles(updates) {
+    requestAnimationFrame(() => {
+      Object.entries(updates).forEach(([elementKey, styles]) => {
+        const element = this.elements[elementKey];
+        if (element) {
+          Object.entries(styles).forEach(([prop, value]) => {
+            if (prop === 'textContent') {
+              element.textContent = value;
+            } else {
+              element.style[prop] = value;
+            }
+          });
+        }
+      });
+    });
+  }
+
+  async verify() {
+    if (!this.captchaData) {
+      this.onVerifyFail('验证码数据丢失');
+      return
+    }
+
+    try {
+      const data = await this.makeRequest(this.options.verifyUrl, {
+        loginVo: {
+          nonceStr: this.captchaData.nonceStr,
+          value: this.getPosition()
+        },
+        dragEventList: [...this.times],
+        ...this.options.verifyData
+      });
+
+      // 优化：更灵活的验证结果判断
+      if (this.isVerifySuccess(data)) {
+        this.onVerifySuccess(data.data || data.result);
+      } else {
+        this.onVerifyFail(data.message || data.msg || '验证失败，请重试！');
+      }
+    } catch (error) {
+      this.handleRequestError(error);
+    }
+  }
+
+  isVerifySuccess(data) {
+    if (!data || typeof data !== 'object') { return false }
+
+    // 支持多种成功标识
+    const successIndicators = [
+      data.code === '0',
+      data.code === 0,
+      data.success === true,
+      data.status === 'success',
+      data.result === true
+    ];
+
+    return successIndicators.some((indicator) => indicator === true)
+  }
+
+  onVerifySuccess(ticket) {
+    const duration = this.dragStartTime ?
+      Date.now() - this.dragStartTime :
+      Date.now() - this.startTime;
+    const durationText = `验证成功！耗时：${(duration / 1000).toFixed(2)}s`;
+
+    this.updateUIState('success');
+    this.showFloatingTime(durationText, 'success');
+
+    this.safeSetTimeout(() => {
+      this.options.onSuccess?.({
+        ticket,
+        timestamp: Date.now(),
+        duration
+      });
+      this.hide();
+    }, 2000);
+  }
+
+  showFloatingTime(text, type = 'success') {
+    const { elements } = this;
+    elements.floatingTime.textContent = text;
+    elements.floatingTime.className = `slider-captcha-floating-time ${type}`;
+
+    this.safeSetTimeout(() => elements.floatingTime.classList.add('show'), 100);
+    this.safeSetTimeout(() => {
+      elements.floatingTime.className = 'slider-captcha-floating-time';
+    }, 2500); // 优化：延长显示时间，避免被reset清除
+  }
+
+  onVerifyFail(message) {
+    this.state.retryCount++;
+    this.updateUIState('fail');
+    this.showFloatingTime(message, 'fail');
+
+    this.safeSetTimeout(() => {
+      if (this.state.retryCount >= this.options.maxRetries) {
+        this.refresh();
+      } else {
+        this.reset();
+      }
+    }, 2500); // 优化：延长等待时间，确保浮动提示完整显示
+  }
+
+  reset() {
+    this.clearAllTimers();
+
+    // 重置状态
+    Object.assign(this.state, {
+      isDragging: false,
+      currentX: 0,
+      startX: 0,
+      isLoading: false
+    });
+
+    this.times = [];
+    this.startTime = null;
+    this.dragStartTime = null; // 优化：重置拖拽开始时间
+    this.cachedDimensions = null;
+
+    requestAnimationFrame(() => {
+      this.setTransition(true);
+      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 (e) {
+      console.error(e);
+    }
+  }
+
+  // 安全的定时器管理
+  safeSetTimeout(callback, delay) {
+    const timerId = setTimeout(() => {
+      this.timers.delete(timerId);
+      callback();
+    }, delay);
+    this.timers.add(timerId);
+    return timerId
+  }
+
+  safeClearTimeout(timerId) {
+    if (timerId) {
+      clearTimeout(timerId);
+      this.timers.delete(timerId);
+    }
+  }
+
+  clearAllTimers() {
+    this.timers.forEach((timer) => {
+      clearTimeout(timer);
+      clearInterval(timer);
+    });
+    this.timers.clear();
+
+    if (this.rafId) {
+      cancelAnimationFrame(this.rafId);
+      this.rafId = null;
+    }
+  }
+
+  // 清理图片资源
+  cleanupImages() {
+    if (this.elements.backgroundImg) {
+      this.elements.backgroundImg.src = '';
+      this.elements.backgroundImg.onload = null;
+      this.elements.backgroundImg.onerror = null;
+    }
+    if (this.elements.sliderImg) {
+      this.elements.sliderImg.src = '';
+      this.elements.sliderImg.onload = null;
+      this.elements.sliderImg.onerror = null;
+    }
+    this.imageCache.clear();
+  }
+
+  throttle(func, delay) {
+    let lastCall = 0;
+    return (...args) => {
+      const now = Date.now();
+      if (now - lastCall >= delay) {
+        lastCall = now;
+        return func.apply(this, args)
+      }
+      return undefined
+    }
+  }
+
+  destroy() {
+    try {
+      // 停止当前的拖拽状态并清理相关事件
+      if (this.state.isDragging) {
+        document.removeEventListener('mousemove', this.throttledHandleMove);
+        document.removeEventListener('touchmove', this.throttledHandleMove);
+        if (this.boundHandleEnd) {
+          document.removeEventListener('mouseup', this.boundHandleEnd);
+          document.removeEventListener('touchend', this.boundHandleEnd);
+        }
+        this.state.isDragging = false;
+      }
+
+      // 取消所有进行中的请求
+      if (this.abortController) {
+        this.abortController.abort();
+        this.abortController = null;
+      }
+
+      // 清理所有定时器
+      this.clearAllTimers();
+
+      // 移除所有事件监听器
+      this.removeAllEventListeners();
+
+      // 清理图片资源
+      this.cleanupImages();
+
+      // 移除DOM元素
+      if (this.elements?.overlay?.parentNode) {
+        this.elements.overlay.parentNode.removeChild(this.elements.overlay);
+      }
+
+      // 清理样式表
+      const styleElement = document.getElementById('slider-captcha-styles');
+      if (styleElement) {
+        styleElement.remove();
+      }
+
+      // 彻底清理引用
+      this.imageCache.clear();
+      this.cachedDimensions = null;
+      this.elements = {};
+      this.state = {};
+      this.times = [];
+      this.eventListeners = [];
+      this.timers.clear();
+      this.throttledHandleMove = null;
+      this.boundHandleEnd = null;
+
+      // 调用销毁回调
+      if (this.options.onDestroy) {
+        this.options.onDestroy();
+      }
+
+      // 清空 options 以释放内存
+      this.options = null;
+    } catch (error) {
+      console.error('销毁滑块验证码时出错:', error);
+    }
+  }
+
+  static create(options) {
+    return new PopupSliderCaptcha(options)
+  }
+
+  static show(options) {
+    const instance = new PopupSliderCaptcha(options);
+    instance.show();
+    return instance
+  }
+}
+
+// 模块导出
+if (typeof module !== 'undefined' && module.exports) {
+  module.exports = PopupSliderCaptcha;
+  module.exports.default = PopupSliderCaptcha;
+} else if (typeof define === 'function' && define.amd) {
+  define([], () => PopupSliderCaptcha);
+} else if (typeof window !== 'undefined') {
+  window.PopupSliderCaptcha = PopupSliderCaptcha;
+  window.SliderCaptcha = PopupSliderCaptcha;
+}
+
+var PopupSliderCaptcha$1 = PopupSliderCaptcha;
+
+/**
+ * 密码校验工具类
+ * 提供密码加密和校验功能
+ */
+class PasswordValidator {
+  static CONSTANTS = {
+    DEFAULT_TIMEOUT: 10000,
+    CACHE_DURATION: 5 * 60 * 1000, // 5分钟缓存
+    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(options = {}) {
+    this.options = {
+      publicKeyUrl: options.publicKeyUrl || '/externalapi/commonservice/strongPassword/getPublicKey',
+      validateUrl: options.validateUrl || '/externalapi/commonservice/strongPassword/checkPassword',
+      baseUrl: options.baseUrl || '', // 基础域名，如果URL不包含域名则拼接此域名
+      timeout: options.timeout || PasswordValidator.CONSTANTS.DEFAULT_TIMEOUT,
+      headers: options.headers || {},
+      cacheDuration: options.cacheDuration || PasswordValidator.CONSTANTS.CACHE_DURATION,
+      ...options
+    };
+
+    // 处理URL，如果URL不包含域名则拼接baseUrl
+    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; // 缓存加密实例
+  }
+
+  /**
+   * 标准化URL，如果URL不包含域名则拼接baseUrl
+   * @param {string} url - 原始URL
+   * @param {string} baseUrl - 基础域名
+   * @returns {string} 标准化后的URL
+   */
+  normalizeUrl(url, baseUrl) {
+    if (!url) {
+      return url
+    }
+
+    // 如果URL已经包含协议（http://或https://），直接返回
+    if ((/^https?:\/\//).test(url) || !baseUrl) {
+      return url
+    }
+
+    // 确保baseUrl以/结尾，url以/开头
+    const normalizedBaseUrl = baseUrl.endsWith('/') ? baseUrl : `${baseUrl}/`;
+    const normalizedUrl = url.startsWith('/') ? url.substring(1) : url;
+
+    return normalizedBaseUrl + normalizedUrl
+  }
+
+  /**
+   * 获取公钥
+   * @returns {Promise<string>} 公钥字符串
+   */
+  async getPublicKey() {
+    // 检查缓存是否有效
+    if (this.publicKeyCache && this.publicKeyExpiry && Date.now() < this.publicKeyExpiry) {
+      return this.publicKeyCache
+    }
+
+    try {
+      const response = await this.makeRequest(this.options.publicKeyUrl, {
+        method: 'GET'
+      });
+
+      if (!this.isSuccessResponse(response)) {
+        throw new Error(`获取公钥失败：${response.message || response.msg || '未知错误'}`)
+      }
+
+      // 验证公钥格式
+      const publicKey = response.data || response.result;
+      if (!publicKey) {
+        throw new Error('公钥为空')
+      }
+
+      // 缓存公钥
+      this.publicKeyCache = publicKey;
+      this.publicKeyExpiry = Date.now() + this.options.cacheDuration;
+
+      return this.publicKeyCache
+    } catch (error) {
+      console.error('获取公钥失败:', error);
+      this.handleError(PasswordValidator.ERROR_TYPES.PUBLIC_KEY_ERROR, error.message, error);
+      throw new Error(`获取公钥失败: ${error.message}`)
+    }
+  }
+
+  // 优化：添加响应成功判断方法
+  isSuccessResponse(response) {
+    if (!response || typeof response !== 'object') {
+      return false
+    }
+
+    const successIndicators = [
+      response.code === '0',
+      response.code === 0,
+      response.success === true,
+      response.status === 'success',
+      response.result === true
+    ];
+
+    return successIndicators.some((indicator) => indicator === true)
+  }
+
+  handleError(errorType, message, originalError = null) {
+    const errorMessages = {
+      [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]: '获取公钥失败'
+    };
+
+    const errorMessage = errorMessages[errorType] || message || '未知错误';
+
+    // 调用用户自定义错误处理
+    if (this.options.onError) {
+      this.options.onError({
+        type: errorType,
+        message: errorMessage,
+        originalError
+      });
+    }
+
+    console.error(`密码校验器错误 [${errorType}]:`, errorMessage, originalError);
+  }
+
+  /**
+   * 使用RSA公钥加密密码
+   * @param {string} password 原始密码
+   * @param {string} publicKey 公钥字符串
+   * @returns {string} 加密后的密码
+   */
+  encryptPassword(password, publicKey) {
+    try {
+      if (!password) {
+        throw new Error('密码不能为空')
+      }
+
+      if (password.length < PasswordValidator.CONSTANTS.MIN_PASSWORD_LENGTH) {
+        throw new Error('密码长度不足')
+      }
+
+      if (!publicKey) {
+        throw new Error('公钥不能为空')
+      }
+
+      if (typeof JSEncrypt === 'undefined') {
+        throw new Error('JSEncrypt库未正确加载，请确保已引入JSEncrypt库')
+      }
+
+      // 优化：重用 JSEncrypt 实例
+      if (!this.encryptor) {
+        this.encryptor = new JSEncrypt();
+      }
+
+      // 如果公钥发生变化，更新公钥
+      if (this.lastPublicKey !== publicKey) {
+        this.encryptor.setPublicKey(publicKey);
+        this.lastPublicKey = publicKey;
+      }
+
+      const encrypted = this.encryptor.encrypt(password);
+
+      if (!encrypted) {
+        throw new Error('密码加密失败，可能是公钥格式不正确')
+      }
+
+      return encrypted
+    } catch (error) {
+      console.error('密码加密失败:', error);
+      this.handleError(PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR, error.message, error);
+      throw new Error(`密码加密失败: ${error.message}`)
+    }
+  }
+
+  /**
+   * 校验密码
+   * @param {string} password 原始密码
+   * @param {string} userName 用户名
+   * @param {Object} additionalData 额外的校验数据
+   * @returns {Promise<Object>} 校验结果
+   */
+  async validatePassword(password, userName, additionalData = {}) {
+    try {
+      if (!password) {
+        throw new Error('密码不能为空')
+      }
+
+      if (!userName) {
+        throw new Error('用户名不能为空')
+      }
+
+      // 1. 获取公钥
+      const publicKey = await this.getPublicKey();
+
+      // 2. 加密密码
+      const encryptedPassword = this.encryptPassword(password, publicKey);
+
+      // 3. 调用校验接口
+      const response = await this.makeRequest(this.options.validateUrl, {
+        method: 'POST',
+        body: JSON.stringify({
+          userName,
+          password: encryptedPassword,
+          timestamp: Date.now(),
+          ...additionalData
+        })
+      });
+
+      return {
+        success: this.isSuccessResponse(response),
+        data: response.data || response.result,
+        message: response.message || response.msg || '验证完成',
+        code: response.code || response.status,
+        originalResponse: response
+      }
+    } catch (error) {
+      console.error('密码校验失败:', error);
+
+      // 优化：根据错误类型返回不同的错误信息
+      let errorType = PasswordValidator.ERROR_TYPES.VALIDATION_ERROR;
+      if (error.message.includes('网络') || error.message.includes('fetch')) {
+        errorType = PasswordValidator.ERROR_TYPES.NETWORK_ERROR;
+      } else if (error.message.includes('超时') || error.message.includes('timeout')) {
+        errorType = PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR;
+      } else if (error.message.includes('加密')) {
+        errorType = PasswordValidator.ERROR_TYPES.ENCRYPTION_ERROR;
+      }
+
+      this.handleError(errorType, error.message, error);
+
+      return {
+        success: false,
+        message: error.message || '密码校验失败',
+        code: errorType,
+        error
+      }
+    }
+  }
+
+  /**
+   * 发送HTTP请求的通用方法
+   * @param {string} url 请求地址
+   * @param {Object} options 请求选项
+   * @returns {Promise<Object>} 响应结果
+   */
+  async makeRequest(url, options = {}) {
+    // 优化：为每个请求创建独立的AbortController，避免多个请求互相取消
+    const abortController = new AbortController();
+
+    const timeoutId = setTimeout(() => {
+      abortController.abort();
+    }, this.options.timeout);
+
+    try {
+      const response = await fetch(url, {
+        ...options,
+        headers: {
+          'Content-Type': 'application/json',
+          ...this.options.headers,
+          ...options.headers
+        },
+        signal: abortController.signal
+      });
+
+      clearTimeout(timeoutId);
+
+      if (!response.ok) {
+        throw new Error(`HTTP错误: ${response.status} ${response.statusText}`)
+      }
+
+      const data = await response.json();
+
+      // 优化：记录请求日志（开发环境）
+      if (this.options.debug) {
+        console.log('密码校验器请求:', { url, options, response: data });
+      }
+
+      return data
+    } catch (error) {
+      clearTimeout(timeoutId);
+
+      if (error.name === 'AbortError') {
+        this.handleError(PasswordValidator.ERROR_TYPES.TIMEOUT_ERROR, '请求超时', error);
+        throw new Error('请求超时')
+      }
+
+      if (error.message.includes('Failed to fetch') || error.message.includes('NetworkError')) {
+        this.handleError(PasswordValidator.ERROR_TYPES.NETWORK_ERROR, '网络连接失败', error);
+        throw new Error('网络连接失败')
+      }
+
+      throw error
+    }
+  }
+
+  /**
+   * 清除公钥缓存
+   */
+  clearCache() {
+    this.publicKeyCache = null;
+    this.publicKeyExpiry = null;
+  }
+
+  /**
+   * 更新配置
+   * @param {Object} newOptions 新的配置选项
+   */
+  updateOptions(newOptions) {
+    this.options = { ...this.options, ...newOptions };
+    // 清除缓存，使用新配置重新获取
+    this.clearCache();
+  }
+
+  /**
+   * 获取缓存状态
+   * @returns {Object} 缓存状态信息
+   */
+  getCacheStatus() {
+    return {
+      hasCache: Boolean(this.publicKeyCache),
+      isExpired: this.publicKeyExpiry ? Date.now() > this.publicKeyExpiry : true,
+      expiryTime: this.publicKeyExpiry,
+      remainingTime: this.publicKeyExpiry ? Math.max(0, this.publicKeyExpiry - Date.now()) : 0
+    }
+  }
+
+  /**
+   * 销毁实例，清理资源
+   */
+  destroy() {
+    try {
+      // 清除缓存
+      this.clearCache();
+      this.encryptor = null;
+      this.lastPublicKey = null;
+
+      // 调用销毁回调
+      if (this.options.onDestroy) {
+        this.options.onDestroy();
+      }
+
+      this.options = null;
+    } catch (error) {
+      console.error('销毁密码校验器时出错:', error);
+    }
+  }
+}
+
+// 导出类和创建实例的工厂函数
+var PasswordValidator$1 = PasswordValidator;
+
+/**
+ * 创建密码校验器实例的工厂函数
+ * @param {Object} options 配置选项
+ * @returns {PasswordValidator} 密码校验器实例
+ */
+function createPasswordValidator(options) {
+  return new PasswordValidator(options)
+}
+
+/**
+ * 快速校验密码的便捷函数
+ * @param {string} password 密码
+ * @param {string} userName 用户名
+ * @param {Object} options 配置选项
+ * @param {Object} additionalData 额外数据
+ * @returns {Promise<Object>} 校验结果
+ */
+function validatePassword(password, userName, options = {}, additionalData = {}) {
+  const validator = new PasswordValidator(options);
+  return validator.validatePassword(password, userName, additionalData)
+}
+
+// 导入滑块验证码组件（使用默认导入）
+
+// 默认导出（向后兼容）
+var index = {
+  PopupSliderCaptcha: PopupSliderCaptcha$1,
+  PasswordValidator: PasswordValidator$1,
+  createPasswordValidator,
+  validatePassword
+};
+
+// 全局注册（用于UMD构建）
+if (typeof window !== 'undefined') {
+  window.SliderCaptcha = PopupSliderCaptcha$1;
+  window.PopupSliderCaptcha = PopupSliderCaptcha$1;
+  window.PasswordValidator = PasswordValidator$1;
+  window.createPasswordValidator = createPasswordValidator;
+  window.validatePassword = validatePassword;
+}
+
+export { PasswordValidator$1 as PasswordValidator, PopupSliderCaptcha$1 as PopupSliderCaptcha, createPasswordValidator, index as default, validatePassword };