slider-captcha-sdk 1.0.0 → 1.0.2
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 -2
- package/dist/README.md +2 -2
- package/dist/index.cjs.js +1 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.d.ts +50 -41
- package/dist/index.esm.js +1 -0
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -0
- package/dist/index.min.js +59 -0
- package/dist/index.min.js.map +1 -0
- package/dist/password-validator.cjs.js +1 -0
- package/dist/password-validator.cjs.js.map +1 -0
- package/dist/password-validator.esm.js +1 -0
- package/dist/password-validator.esm.js.map +1 -0
- package/dist/password-validator.js +1 -0
- package/dist/password-validator.js.map +1 -0
- package/dist/password-validator.min.js +17 -0
- package/dist/password-validator.min.js.map +1 -0
- package/dist/slider-captcha.cjs.js +1 -1
- package/dist/slider-captcha.cjs.js.map +1 -0
- package/dist/slider-captcha.esm.js +1 -1
- package/dist/slider-captcha.esm.js.map +1 -0
- package/dist/slider-captcha.js +1 -1
- package/dist/slider-captcha.js.map +1 -0
- package/dist/slider-captcha.min.js +42 -1
- package/dist/slider-captcha.min.js.map +1 -1
- package/dist/slider-captcha.ultra.min.js +50 -0
- package/package.json +31 -11
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"slider-captcha.js","sources":["../src/slider-captcha.js"],"sourcesContent":["/**\n * 纯JavaScript弹窗滑块验证码组件\n */\nclass PopupSliderCaptcha {\n static DEFAULTS = {\n width: 320,\n height: 155,\n sliderSize: 38,\n maxRetries: 3,\n timeout: 30000,\n apiUrl: \"/api/captcha\",\n verifyUrl: \"/api/captcha/verify\",\n throttleDelay: 16,\n clickMaskClose: false\n }\n\n static CSS_CLASSES = {\n overlay: \"slider-captcha-overlay\",\n modal: \"slider-captcha-modal\",\n header: \"slider-captcha-header\",\n container: \"slider-captcha-container\",\n track: \"slider-captcha-track\",\n btn: \"slider-captcha-btn\",\n hint: \"slider-captcha-hint\",\n loading: \"slider-captcha-loading\",\n error: \"slider-captcha-error\"\n }\n\n // 优化:提取CSS样式为独立方法,减少主体代码长度\n static getStyles() {\n 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;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;transition:all var(--sc-transition);background:#fff;padding:2px 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}}`\n }\n\n constructor(options = {}) {\n this.options = { ...PopupSliderCaptcha.DEFAULTS, ...options }\n this.elements = {}\n this.state = this.createInitialState()\n this.captchaData = null\n this.times = []\n this.startTime = null\n this.eventListeners = []\n this.timers = new Set()\n this.rafId = null\n this.cachedDimensions = null\n this.imageCache = new Map()\n\n // 优化:使用箭头函数绑定this,避免重复bind调用\n this.throttledHandleMove = this.throttle((e) => this.handleMove(e), this.options.throttleDelay)\n\n this.init()\n }\n\n // 优化:提取初始状态创建为独立方法\n createInitialState() {\n return {\n isVisible: false,\n isDragging: false,\n currentX: 0,\n startX: 0,\n retryCount: 0,\n isLoading: false\n }\n }\n\n init() {\n this.injectStyles()\n this.createElements()\n this.bindEvents()\n }\n\n injectStyles() {\n if (document.querySelector(\"#slider-captcha-styles\")) return\n\n const style = document.createElement(\"style\")\n style.id = \"slider-captcha-styles\"\n style.textContent = PopupSliderCaptcha.getStyles()\n document.head.appendChild(style)\n }\n\n // 优化:简化元素创建逻辑\n createElements() {\n const { elements, options } = this\n\n // 批量创建元素配置\n const elementConfigs = [\n ['overlay', 'div', PopupSliderCaptcha.CSS_CLASSES.overlay],\n ['modal', 'div', PopupSliderCaptcha.CSS_CLASSES.modal],\n ['header', 'div', PopupSliderCaptcha.CSS_CLASSES.header],\n ['title', 'h3', 'slider-captcha-title', '安全验证'],\n ['closeBtn', 'button', 'slider-captcha-close'],\n ['refreshBtn', 'button', 'slider-captcha-refresh'],\n ['container', 'div', PopupSliderCaptcha.CSS_CLASSES.container],\n ['backgroundImg', 'img', 'slider-captcha-bg'],\n ['sliderImg', 'img', 'slider-captcha-piece'],\n ['loadingText', 'div', PopupSliderCaptcha.CSS_CLASSES.loading, '加载中...'],\n ['floatingTime', 'div', 'slider-captcha-floating-time'],\n ['track', 'div', PopupSliderCaptcha.CSS_CLASSES.track],\n ['fingerAnimation', 'div', 'slider-captcha-finger', '👉'],\n ['btn', 'div', PopupSliderCaptcha.CSS_CLASSES.btn],\n ['icon', 'div', '', '→'],\n ['hint', 'div', PopupSliderCaptcha.CSS_CLASSES.hint, '向右滑动完成验证'],\n ['error', 'div', PopupSliderCaptcha.CSS_CLASSES.error]\n ]\n\n // 批量创建元素\n elementConfigs.forEach(([key, tag, className, textContent]) => {\n elements[key] = this.createElement(tag, className, textContent)\n })\n\n // 设置容器尺寸\n elements.container.style.cssText = `width:${options.width}px;height:${options.height}px`\n\n // 添加刷新按钮图标\n elements.refreshBtn.innerHTML = `<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\n this.assembleDOM()\n this.setInitialState()\n }\n\n createElement(tag, className = \"\", textContent = \"\") {\n const element = document.createElement(tag)\n if (className) element.className = className\n if (textContent) element.textContent = textContent\n return element\n }\n\n // 优化:简化DOM组装逻辑\n assembleDOM() {\n const { elements } = this\n\n // 组装头部\n const headerButtons = this.createElement(\"div\", \"slider-captcha-header-buttons\")\n headerButtons.append(elements.refreshBtn, elements.closeBtn)\n elements.header.append(elements.title, headerButtons)\n\n // 组装验证码容器\n elements.container.append(\n elements.backgroundImg,\n elements.sliderImg,\n elements.loadingText,\n elements.floatingTime\n )\n\n // 组装滑块轨道\n elements.btn.appendChild(elements.icon)\n elements.track.append(\n elements.fingerAnimation,\n elements.btn,\n elements.hint\n )\n\n // 组装模态框\n elements.modal.append(\n elements.header,\n elements.container,\n elements.track,\n elements.error\n )\n\n // 组装到覆盖层\n elements.overlay.appendChild(elements.modal)\n document.body.appendChild(elements.overlay)\n }\n\n setInitialState() {\n // 批量设置初始状态\n Object.assign(this.elements.container.style, { display: \"none\" })\n Object.assign(this.elements.track.style, { display: \"none\" })\n }\n\n // 优化:简化事件绑定\n bindEvents() {\n const { elements } = this\n\n // 基础事件\n this.addEventListener(elements.closeBtn, \"click\", () => this.hide())\n this.addEventListener(elements.refreshBtn, \"click\", () => this.refresh())\n this.addEventListener(elements.overlay, \"click\", (e) => {\n if (e.target === elements.overlay && this.options.clickMaskClose) this.hide()\n })\n this.addEventListener(document, \"keydown\", (e) => {\n if (e.key === \"Escape\" && this.state.isVisible) this.hide()\n })\n this.addEventListener(document, \"visibilitychange\", () => this.handleVisibilityChange())\n\n this.bindSliderEvents()\n }\n\n bindSliderEvents() {\n const { elements } = this\n const handlers = {\n start: (e) => this.handleStart(e),\n move: this.throttledHandleMove,\n end: () => this.handleEnd()\n }\n\n // 滑块事件\n this.addEventListener(elements.btn, \"mousedown\", handlers.start)\n this.addEventListener(elements.btn, \"touchstart\", handlers.start)\n this.addEventListener(elements.sliderImg, \"mousedown\", handlers.start)\n this.addEventListener(elements.sliderImg, \"touchstart\", handlers.start)\n this.addEventListener(document, \"mousemove\", handlers.move, { passive: false })\n this.addEventListener(document, \"touchmove\", handlers.move, { passive: false })\n this.addEventListener(document, \"mouseup\", handlers.end)\n this.addEventListener(document, \"touchend\", handlers.end)\n }\n\n // 优化:改进事件管理\n addEventListener(element, event, handler, options = {}) {\n if (!element || typeof handler !== 'function') return\n\n element.addEventListener(event, handler, options)\n this.eventListeners.push({ element, event, handler, options })\n }\n\n removeAllEventListeners() {\n this.eventListeners.forEach(({ element, event, handler, options }) => {\n try {\n element?.removeEventListener?.(event, handler, options)\n } catch (error) {\n console.warn('Failed to remove event listener:', error)\n }\n })\n this.eventListeners.length = 0\n }\n\n // 优化:缓存尺寸计算\n getDimensions() {\n if (!this.cachedDimensions) {\n const trackWidth = this.elements.track.offsetWidth\n const btnWidth = this.elements.btn.offsetWidth\n this.cachedDimensions = {\n trackWidth,\n btnWidth,\n maxX: trackWidth - btnWidth\n }\n }\n return this.cachedDimensions\n }\n\n getPosition() {\n const { maxX } = this.getDimensions()\n const percentage = this.state.currentX / maxX\n return Math.round(percentage * (this.options.width - this.options.sliderSize))\n }\n\n // 优化:简化拖拽处理\n handleStart(e) {\n if (!this.captchaData || this.state.isDragging || this.state.isLoading) return\n\n e.preventDefault()\n this.state.isDragging = true\n this.state.startX = this.getClientX(e) - this.state.currentX\n this.startTime = this.startTime || Date.now()\n this.times = [{ time: Date.now(), position: this.getPosition() }]\n\n this.setTransition(false)\n this.updateUIState(\"dragging\")\n this.cachedDimensions = null // 清除缓存\n }\n\n handleMove(e) {\n if (!this.state.isDragging) return\n e.preventDefault()\n\n const clientX = this.getClientX(e)\n const deltaX = clientX - this.state.startX\n const { maxX } = this.getDimensions()\n\n this.state.currentX = Math.max(0, Math.min(deltaX, maxX))\n this.times.push({ time: Date.now(), position: this.getPosition() })\n\n // 优化:使用RAF批量更新\n this.rafId && cancelAnimationFrame(this.rafId)\n this.rafId = requestAnimationFrame(() => this.updateSliderPosition())\n }\n\n handleEnd() {\n if (!this.state.isDragging) return\n\n this.times.push({ time: Date.now(), position: this.getPosition() })\n this.state.isDragging = false\n\n if (this.rafId) {\n cancelAnimationFrame(this.rafId)\n this.rafId = null\n }\n\n this.verify()\n }\n\n handleVisibilityChange() {\n const animationState = document.hidden ? 'paused' : 'running'\n if (this.elements.fingerAnimation) {\n this.elements.fingerAnimation.style.animationPlayState = animationState\n }\n }\n\n getClientX(e) {\n return e.type.includes(\"touch\") ? e.touches[0].clientX : e.clientX\n }\n\n setTransition(enabled) {\n const transition = enabled ? \"all 0.3s ease\" : \"none\"\n requestAnimationFrame(() => {\n this.elements.btn.style.transition = transition\n this.elements.sliderImg.style.transition = transition\n })\n }\n\n // 优化:简化UI状态更新\n updateUIState(state) {\n const { elements } = this\n const updates = {\n dragging: () => {\n elements.hint.style.opacity = \"0\"\n elements.fingerAnimation.style.display = \"none\"\n },\n success: () => {\n Object.assign(elements.btn.style, { background: \"var(--sc-success)\" })\n Object.assign(elements.icon.style, { innerHTML: \"✓\", color: \"white\" })\n elements.icon.innerHTML = \"✓\"\n },\n fail: () => {\n Object.assign(elements.btn.style, { background: \"var(--sc-danger)\" })\n Object.assign(elements.icon.style, { innerHTML: \"✗\", color: \"white\" })\n elements.icon.innerHTML = \"✗\"\n },\n reset: () => {\n Object.assign(elements.btn.style, { background: \"white\" })\n Object.assign(elements.icon.style, { color: \"#666\" })\n elements.icon.innerHTML = \"→\"\n elements.fingerAnimation.style.display = \"block\"\n this.updateHintText(\"向右滑动完成验证\", \"var(--sc-text-light)\")\n },\n loading: () => {\n elements.hint.style.opacity = \"0\"\n elements.fingerAnimation.style.display = \"none\"\n Object.assign(elements.track.style, { pointerEvents: \"none\", opacity: \"0.6\" })\n }\n }\n\n if (updates[state]) {\n requestAnimationFrame(() => {\n updates[state]()\n if (state !== \"loading\") {\n Object.assign(elements.track.style, { pointerEvents: \"auto\", opacity: \"1\" })\n }\n })\n }\n }\n\n updateHintText(text, color) {\n requestAnimationFrame(() => {\n Object.assign(this.elements.hint, { textContent: text })\n Object.assign(this.elements.hint.style, { color, opacity: \"1\" })\n })\n }\n\n updateSliderPosition() {\n const { elements, options, state } = this\n const { maxX } = this.getDimensions()\n const pieceX = (state.currentX / maxX) * (options.width - options.sliderSize)\n const progress = state.currentX / maxX\n\n requestAnimationFrame(() => {\n elements.btn.style.transform = `translateX(${state.currentX}px)`\n elements.sliderImg.style.transform = `translateX(${pieceX}px)`\n elements.fingerAnimation.style.opacity = progress >= 0.8 ? \"0\" : \"0.6\"\n })\n }\n\n // 优化:简化显示/隐藏逻辑\n show() {\n this.state.isVisible = true\n this.elements.overlay.style.display = \"flex\"\n this.elements.overlay.offsetHeight // 强制重绘\n\n requestAnimationFrame(() => {\n this.elements.overlay.classList.add(\"show\")\n this.elements.modal.classList.add(\"show\")\n })\n\n this.loadCaptcha()\n }\n\n hide() {\n this.state.isVisible = false\n this.elements.overlay.classList.remove(\"show\")\n this.elements.modal.classList.remove(\"show\")\n\n this.safeSetTimeout(() => {\n this.elements.overlay.style.display = \"none\"\n this.reset()\n this.options.onClose?.()\n }, 300)\n }\n\n // 优化:简化加载逻辑\n async loadCaptcha() {\n try {\n this.showLoading()\n this.startTime = Date.now()\n\n const controller = new AbortController()\n const timeoutId = this.safeSetTimeout(() => controller.abort(), this.options.timeout)\n\n const response = await fetch(this.options.apiUrl, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ place: 2, timestamp: Date.now() }),\n signal: controller.signal\n })\n\n this.safeClearTimeout(timeoutId)\n\n if (!response.ok) throw new Error(`HTTP ${response.status}`)\n const data = await response.json()\n\n if (data.data?.canvasSrc && data.data?.blockSrc) {\n this.captchaData = data.data\n this.showCaptcha()\n await this.renderCaptcha()\n } else {\n throw new Error(\"验证码数据格式错误\")\n }\n } catch (error) {\n const message = error.name === 'AbortError' ? \"请求超时,请重试\" : `加载验证码失败: ${error.message}`\n this.showError(message)\n }\n }\n\n async renderCaptcha() {\n return new Promise((resolve, reject) => {\n let loadedCount = 0\n const onLoad = () => ++loadedCount === 2 && (this.hideLoading(), resolve())\n const onError = () => reject(new Error(\"图片加载失败\"))\n\n this.loadImage(this.elements.backgroundImg, this.captchaData.canvasSrc, {\n width: this.captchaData.canvasWidth,\n height: this.captchaData.canvasHeight\n }, onLoad, onError)\n\n this.loadImage(this.elements.sliderImg, this.captchaData.blockSrc, {\n width: this.captchaData.blockWidth,\n height: this.captchaData.blockHeight,\n top: this.captchaData.blockY\n }, onLoad, onError)\n })\n }\n\n loadImage(imgElement, src, styles, onLoad, onError) {\n // 检查缓存\n if (this.imageCache.has(src)) {\n const cachedImg = this.imageCache.get(src)\n imgElement.src = cachedImg.src\n this.applyStyles(imgElement, styles)\n onLoad()\n return\n }\n\n imgElement.onload = () => {\n this.imageCache.set(src, imgElement.cloneNode())\n onLoad()\n }\n imgElement.onerror = onError\n imgElement.src = src\n this.applyStyles(imgElement, styles)\n }\n\n // 优化:提取样式应用逻辑\n applyStyles(element, styles) {\n Object.entries(styles).forEach(([key, value]) => {\n element.style[key] = typeof value === \"number\" ? value + \"px\" : value\n })\n }\n\n // 优化:简化状态显示方法\n showLoading() {\n this.state.isLoading = true\n this.batchUpdateStyles({\n container: { display: \"block\" },\n loadingText: { display: \"flex\" },\n error: { display: \"none\" }\n })\n this.updateUIState(\"loading\")\n }\n\n hideLoading() {\n this.state.isLoading = false\n this.batchUpdateStyles({ loadingText: { display: \"none\" } })\n this.updateUIState(\"reset\")\n }\n\n showCaptcha() {\n this.batchUpdateStyles({\n container: { display: \"block\" },\n track: { display: \"block\" },\n error: { display: \"none\" }\n })\n }\n\n showError(message) {\n this.hideLoading()\n this.batchUpdateStyles({\n error: { display: \"block\", textContent: message }\n })\n }\n\n // 优化:批量样式更新\n batchUpdateStyles(updates) {\n requestAnimationFrame(() => {\n Object.entries(updates).forEach(([elementKey, styles]) => {\n const element = this.elements[elementKey]\n if (element) {\n Object.entries(styles).forEach(([prop, value]) => {\n if (prop === 'textContent') {\n element.textContent = value\n } else {\n element.style[prop] = value\n }\n })\n }\n })\n })\n }\n\n async verify() {\n if (!this.captchaData) {\n this.onVerifyFail(\"验证码数据丢失\")\n return\n }\n\n try {\n const controller = new AbortController()\n const timeoutId = this.safeSetTimeout(() => controller.abort(), this.options.timeout)\n\n const response = await fetch(this.options.verifyUrl, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n loginVo: {\n nonceStr: this.captchaData.nonceStr,\n value: this.getPosition()\n },\n dragEventList: [...this.times]\n }),\n signal: controller.signal\n })\n\n this.safeClearTimeout(timeoutId)\n\n if (!response.ok) throw new Error(`HTTP ${response.status}`)\n const data = await response.json()\n\n if (data.code === \"0\" || data.success === true) {\n this.onVerifySuccess()\n } else {\n this.onVerifyFail(data.message || \"验证失败,请重试!\")\n }\n } catch (error) {\n const message = error.name === 'AbortError' ? \"验证超时,请重试\" : \"网络错误\"\n this.onVerifyFail(message)\n }\n }\n\n onVerifySuccess() {\n const duration = Date.now() - this.startTime\n const durationText = `验证成功!耗时:${(duration / 1000).toFixed(2)}s`\n\n this.updateUIState(\"success\")\n this.showFloatingTime(durationText, \"success\")\n\n this.safeSetTimeout(() => {\n this.options.onSuccess?.({\n captchaId: this.captchaData.captchaId,\n timestamp: Date.now(),\n duration\n })\n this.hide()\n }, 2000)\n }\n\n showFloatingTime(text, type = \"success\") {\n const { elements } = this\n elements.floatingTime.textContent = text\n elements.floatingTime.className = `slider-captcha-floating-time ${type}`\n\n this.safeSetTimeout(() => elements.floatingTime.classList.add(\"show\"), 100)\n this.safeSetTimeout(() => {\n elements.floatingTime.className = \"slider-captcha-floating-time\"\n }, 2500) // 优化:延长显示时间,避免被reset清除\n }\n\n onVerifyFail(message) {\n this.state.retryCount++\n this.updateUIState(\"fail\")\n this.showFloatingTime(message, \"fail\")\n\n this.safeSetTimeout(() => {\n if (this.state.retryCount >= this.options.maxRetries) {\n this.refresh()\n } else {\n this.reset()\n }\n }, 2500) // 优化:延长等待时间,确保浮动提示完整显示\n }\n\n reset() {\n this.clearAllTimers()\n\n // 重置状态\n Object.assign(this.state, {\n isDragging: false,\n currentX: 0,\n startX: 0,\n isLoading: false\n })\n\n this.times = []\n this.startTime = null\n this.cachedDimensions = null\n\n // 重置UI\n requestAnimationFrame(() => {\n this.setTransition(true)\n this.elements.btn.style.transform = \"translateX(0px)\"\n this.elements.sliderImg.style.transform = \"translateX(0px)\"\n this.updateUIState(\"reset\")\n this.elements.error.style.display = \"none\"\n })\n }\n\n refresh() {\n this.reset()\n this.state.retryCount = 0\n this.loadCaptcha()\n }\n\n // 安全的定时器管理\n safeSetTimeout(callback, delay) {\n const timerId = setTimeout(() => {\n this.timers.delete(timerId)\n callback()\n }, delay)\n this.timers.add(timerId)\n return timerId\n }\n\n safeClearTimeout(timerId) {\n if (timerId) {\n clearTimeout(timerId)\n this.timers.delete(timerId)\n }\n }\n\n clearAllTimers() {\n this.timers.forEach(timer => {\n clearTimeout(timer)\n clearInterval(timer)\n })\n this.timers.clear()\n\n if (this.rafId) {\n cancelAnimationFrame(this.rafId)\n this.rafId = null\n }\n }\n\n // 清理图片资源\n cleanupImages() {\n if (this.elements.backgroundImg) {\n this.elements.backgroundImg.src = ''\n this.elements.backgroundImg.onload = null\n this.elements.backgroundImg.onerror = null\n }\n if (this.elements.sliderImg) {\n this.elements.sliderImg.src = ''\n this.elements.sliderImg.onload = null\n this.elements.sliderImg.onerror = null\n }\n this.imageCache.clear()\n }\n\n // 工具函数:节流\n throttle(func, delay) {\n let lastCall = 0\n return function (...args) {\n const now = Date.now()\n if (now - lastCall >= delay) {\n lastCall = now\n return func.apply(this, args)\n }\n }\n }\n\n // 工具函数:防抖\n debounce(func, delay) {\n let timeoutId\n return function (...args) {\n clearTimeout(timeoutId)\n timeoutId = setTimeout(() => func.apply(this, args), delay)\n }\n }\n\n destroy() {\n // 恢复body样式\n document.body.style.userSelect = \"\"\n document.body.style.cursor = \"\"\n\n // 清理所有定时器\n this.clearAllTimers()\n\n // 移除所有事件监听器\n this.removeAllEventListeners()\n\n // 清理图片资源\n this.cleanupImages()\n\n // 移除DOM元素\n if (this.elements.overlay?.parentNode) {\n this.elements.overlay.parentNode.removeChild(this.elements.overlay)\n }\n\n // 清理样式表\n const styleElement = document.getElementById('slider-captcha-styles')\n if (styleElement) {\n styleElement.remove()\n }\n\n // 清空所有属性\n Object.keys(this).forEach(key => {\n if (key !== 'constructor') {\n this[key] = null\n }\n })\n }\n\n static create(options) {\n return new PopupSliderCaptcha(options)\n }\n\n static show(options) {\n const instance = new PopupSliderCaptcha(options)\n instance.show()\n return instance\n }\n}\n\n// 模块导出\nif (typeof module !== \"undefined\" && module.exports) {\n module.exports = PopupSliderCaptcha\n module.exports.default = PopupSliderCaptcha\n} else if (typeof define === \"function\" && define.amd) {\n define([], () => PopupSliderCaptcha)\n} else if (typeof window !== \"undefined\") {\n window.PopupSliderCaptcha = PopupSliderCaptcha\n window.SliderCaptcha = PopupSliderCaptcha\n}\n\n// Add ES6 export for modern module systems\nexport default PopupSliderCaptcha\n"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,43 @@
|
|
|
1
|
-
!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).SliderCaptcha={})}(this,function(t){"use strict";class PopupSliderCaptcha{static DEFAULTS={width:350,height:200,sliderSize:42,maxRetries:3,timeout:3e4,apiUrl:"/api/captcha",verifyUrl:"/api/captcha/verify"};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",finger:"slider-captcha-finger",hint:"slider-captcha-hint",loading:"slider-captcha-loading",error:"slider-captcha-error"};static get version(){return"1.0.0"}static get info(){return{name:"Slider Captcha SDK",version:this.version,author:"Your Name",license:"MIT"}}constructor(t={}){this.options={...PopupSliderCaptcha.DEFAULTS,...t},this.elements={},this.state={isVisible:!1,isDragging:!1,currentX:0,startX:0,retryCount:0},this.captchaData=null,this.times=[],this.startTime=null,this.eventListeners=[],this.init()}init(){this.injectStyles(),this.createElements(),this.bindEvents()}injectStyles(){if(document.querySelector("#slider-captcha-styles"))return;const t=document.createElement("style");t.id="slider-captcha-styles",t.textContent=`\n .${PopupSliderCaptcha.CSS_CLASSES.overlay} {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 9999;\n display: none;\n justify-content: center;\n align-items: center;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.overlay}.show {\n opacity: 1;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.modal} {\n background: white;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n position: relative;\n max-width: 90vw;\n max-height: 90vh;\n transform: scale(0.8) translateY(-20px);\n opacity: 0;\n transition: all 0.3s ease-in-out;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.modal}.show {\n transform: scale(1) translateY(0);\n opacity: 1;\n }\n\n\n .${PopupSliderCaptcha.CSS_CLASSES.header} {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n padding-bottom: 10px;\n border-bottom: 1px solid #eee;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.container} {\n display: flex;\n align-items: center;\n position: relative;\n width: ${this.options.width}px;\n height: ${this.options.height}px;\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 15px;\n background: #837a7a;\n justify-content: center;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.track} {\n width: 100%;\n height: 40px;\n background: #f7f9fa;\n border: 1px solid #e4e7eb;\n border-radius: 20px;\n position: relative;\n margin-bottom: 15px;\n overflow: hidden;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.btn} {\n width: 38px;\n height: 38px;\n background: white;\n border: 1px solid #ccc;\n border-radius: 50%;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n user-select: none;\n z-index: 1\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.finger} {\n position: absolute;\n top: 50%;\n left: 10px;\n transform: translateY(-50%);\n font-size: 20px;\n animation: fingerSlide 2s ease-in-out infinite;\n pointer-events: none;\n z-index: 1;\n opacity: 0.6;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.hint} {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #999;\n font-size: 14px;\n pointer-events: none;\n z-index: 1;\n transition: all 0.3s ease;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.loading} {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(255, 255, 255, 0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n color: #666;\n font-size: 14px;\n z-index: 10;\n border-radius: 4px;\n }\n\n .loading-dots {\n display: inline-block;\n margin-left: 4px;\n }\n\n .loading-dots .dot {\n display: inline-block;\n animation: loading-dot 1.8s infinite both;\n font-size: 25px;\n font-weight: bold;\n }\n\n .loading-dots .dot:nth-child(1) { animation-delay: 0s; }\n .loading-dots .dot:nth-child(2) { animation-delay: 0.6s; }\n .loading-dots .dot:nth-child(3) { animation-delay: 1.2s; }\n\n @keyframes loading-dot {\n 0%, 80%, 100% {\n opacity: 0.3;\n transform: scale(0.8);\n }\n 40% {\n opacity: 1;\n transform: scale(1.2);\n }\n }\n\n @keyframes fingerSlide {\n 0% {\n left: 10px;\n opacity: 0.6;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n left: calc(50% - 10px);\n opacity: 0.6;\n }\n }\n\n .slider-captcha-bg {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .slider-captcha-piece {\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n transition: none;\n z-index: 2;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.error} {\n color: #f56c6c;\n font-size: 12px;\n text-align: center;\n margin-top: 10px;\n display: none;\n }\n\n .slider-captcha-retry {\n background: #409eff;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n font-size: 12px;\n margin-top: 10px;\n display: none;\n }\n\n .slider-captcha-title {\n margin: 0;\n font-size: 16px;\n color: #333;\n }\n\n .slider-captcha-close {\n background: none;\n border: none;\n font-size: 24px;\n cursor: pointer;\n color: #999;\n padding: 0;\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .slider-captcha-refresh {\n background: none;\n border: none;\n font-size: 20px;\n cursor: pointer;\n color: #999;\n padding: 0;\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 10px;\n border-radius: 4px;\n transition: all 0.3s ease;\n }\n\n .slider-captcha-refresh:hover {\n background: #f5f5f5;\n color: #409eff;\n }\n\n .slider-captcha-time {\n position: relative;\n top: 0;\n left: 0;\n transform: none;\n color: #67c23a;\n font-size: 14px;\n font-weight: bold;\n display: none;\n background: rgba(255, 255, 255, 0.9);\n padding: 8px 12px;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n text-align: center;\n margin-top: 10px;\n width: 100%;\n box-sizing: border-box;\n }\n\n .slider-captcha-header-buttons {\n display: flex;\n align-items: center;\n }\n\n /* 移除重复的样式定义 */\n .${PopupSliderCaptcha.CSS_CLASSES.modal}.show {\n transform: scale(1) translateY(0);\n opacity: 1;\n }\n\n .slider-captcha-header-buttons {\n display: flex;\n align-items: center;\n }\n `,document.head.appendChild(t)}createElements(){const{elements:t}=this,{CSS_CLASSES:e}=PopupSliderCaptcha;t.overlay=this.createElement("div",e.overlay),t.modal=this.createElement("div",e.modal),t.header=this.createElement("div",e.header),t.title=this.createElement("h3","slider-captcha-title","滑动验证"),t.closeBtn=this.createElement("button","slider-captcha-close","×"),t.refreshBtn=this.createElement("button","slider-captcha-refresh","⟳"),t.container=this.createElement("div",e.container),t.backgroundImg=this.createElement("img","slider-captcha-bg"),t.sliderImg=this.createElement("img","slider-captcha-piece"),t.loadingText=this.createElement("div",e.loading),t.timeDisplay=this.createElement("div","slider-captcha-time"),t.track=this.createElement("div",e.track),t.fingerAnimation=this.createElement("div",e.finger,"👉"),t.btn=this.createElement("div",e.btn),t.icon=this.createElement("div","","→"),t.hint=this.createElement("div",e.hint,"向右滑动完成验证"),t.error=this.createElement("div",e.error),t.retryBtn=this.createElement("button","slider-captcha-retry","重新获取"),t.loadingText.innerHTML='\n <span class="loading-dots">\n <span class="dot">.</span>\n <span class="dot">.</span>\n <span class="dot">.</span>\n </span>\n ',this.assembleDOM(),this.setInitialState()}createElement(t,e="",n=""){const i=document.createElement(t);return e&&(i.className=e),n&&(i.textContent=n),i}assembleDOM(){const{elements:t}=this;t.btn.appendChild(t.icon),t.track.appendChild(t.fingerAnimation),t.track.appendChild(t.btn),t.track.appendChild(t.hint);const e=this.createElement("div","slider-captcha-header-buttons");e.appendChild(t.refreshBtn),e.appendChild(t.closeBtn),t.header.appendChild(t.title),t.header.appendChild(e),t.container.appendChild(t.backgroundImg),t.container.appendChild(t.sliderImg),t.container.appendChild(t.loadingText),t.modal.appendChild(t.header),t.modal.appendChild(t.container),t.modal.appendChild(t.track),t.modal.appendChild(t.timeDisplay),t.modal.appendChild(t.error),t.modal.appendChild(t.retryBtn),t.overlay.appendChild(t.modal),document.body.appendChild(t.overlay)}setInitialState(){const{elements:t}=this;t.container.style.display="none",t.track.style.display="none"}addEventListenerWithTracking(t,e,n){t&&(t.addEventListener(e,n),this.eventListeners.push({element:t,event:e,handler:n}))}removeAllEventListeners(){this.eventListeners.forEach(({element:t,event:e,handler:n})=>{t&&t.removeEventListener&&t.removeEventListener(e,n)}),this.eventListeners=[]}bindEvents(){const{elements:t}=this;this.addEventListenerWithTracking(t.closeBtn,"click",()=>this.hide()),this.addEventListenerWithTracking(t.refreshBtn,"click",()=>this.refresh()),this.addEventListenerWithTracking(t.retryBtn,"click",()=>this.refresh()),this.addEventListenerWithTracking(t.overlay,"click",e=>{e.target===t.overlay&&this.hide()}),this.addEventListenerWithTracking(document,"keydown",t=>{"Escape"===t.key&&this.state.isVisible&&this.hide()}),this.bindSliderEvents()}bindSliderEvents(){const{elements:t}=this,e={start:this.handleStart.bind(this),move:this.handleMove.bind(this),end:this.handleEnd.bind(this)};this.addEventListenerWithTracking(t.btn,"mousedown",e.start),this.addEventListenerWithTracking(t.btn,"touchstart",e.start),this.addEventListenerWithTracking(t.sliderImg,"mousedown",e.start),this.addEventListenerWithTracking(t.sliderImg,"touchstart",e.start),this.addEventListenerWithTracking(document,"mousemove",e.move),this.addEventListenerWithTracking(document,"touchmove",e.move),this.addEventListenerWithTracking(document,"mouseup",e.end),this.addEventListenerWithTracking(document,"touchend",e.end)}getPosition(){const{elements:t,options:e}=this,n=t.track.offsetWidth-t.btn.offsetWidth,i=this.state.currentX/n;return Math.round(i*(e.width-e.sliderSize))}handleStart(t){if(!this.captchaData||this.state.isDragging)return;this.startTime||(this.startTime=Date.now()),this.times=[{time:Date.now(),position:this.getPosition()}],t.preventDefault(),t.stopPropagation(),this.state.isDragging=!0;const e=this.getClientX(t);this.state.startX=e-this.state.currentX,this.setTransition(!1),this.updateUIState("dragging"),document.body.style.userSelect="none",document.body.style.cursor="grabbing"}handleMove(t){if(!this.state.isDragging)return;t.preventDefault();const e=this.getClientX(t)-this.state.startX,n=this.elements.track.offsetWidth-this.elements.btn.offsetWidth;this.state.currentX=Math.max(0,Math.min(e,n)),this.times.push({time:Date.now(),position:this.getPosition()}),this.updateSliderPosition()}handleEnd(){this.state.isDragging&&(this.times.push({time:Date.now(),position:this.getPosition()}),this.state.isDragging=!1,this.verify())}getClientX(t){return t.type.includes("touch")?t.touches[0].clientX:t.clientX}setTransition(t){const e=t?"all 0.3s ease":"none";this.elements.btn.style.transition=e,this.elements.sliderImg.style.transition=e}updateUIState(t){const{elements:e}=this;switch(t){case"dragging":e.hint.style.opacity="0",e.fingerAnimation.style.display="none";break;case"success":e.btn.style.background="#67c23a",e.icon.innerHTML="✓",e.icon.style.color="white",e.fingerAnimation.style.display="none",this.updateHintText("验证成功","#67c23a");break;case"fail":e.btn.style.background="#f56c6c",e.icon.innerHTML="✗",e.icon.style.color="white";break;case"reset":e.btn.style.background="white",e.icon.innerHTML="→",e.icon.style.color="#666",e.fingerAnimation.style.display="block",this.updateHintText("向右滑动完成验证","#999")}}updateHintText(t,e){const{elements:n}=this;if(n.hint.textContent=t,n.hint.style.color=e,n.hint.style.opacity="1","验证成功"===t){const t=parseInt(n.btn.style.left)||0,e=n.track.offsetWidth;let i="50%";t>.6*e?i="25%":t>.3*e&&(i="75%"),n.hint.style.left=i}else n.hint.style.left="50%"}updateSliderPosition(){const{elements:t,options:e,state:n}=this,i=t.track.offsetWidth-t.btn.offsetWidth,s=n.currentX/i*(e.width-e.sliderSize),a=n.currentX/i;t.btn.style.left=n.currentX+"px",t.sliderImg.style.left=s+"px",t.fingerAnimation.style.opacity=a>=.8?"0":"0.6"}show(){this.state.isVisible=!0,this.elements.overlay.style.display="flex",this.elements.overlay.offsetHeight,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"),setTimeout(()=>{this.elements.overlay.style.display="none",this.reset(),this.options.onClose&&this.options.onClose()},300)}async loadCaptcha(){try{this.showLoading(),this.startTime=Date.now();const t={place:2,timestamp:Date.now()},e=await this.fetchWithTimeout(this.options.apiUrl,{method:"POST",body:JSON.stringify(t),headers:{"Content-Type":"application/json",Accept:"application/json"}});if(!e.ok)throw new Error(`HTTP ${e.status}: 获取验证码失败`);const n=await e.json();if(!(n.data&&n.data.canvasSrc&&n.data.blockSrc))throw new Error(n.message||n.msg||"验证码数据格式错误");this.captchaData=n.data,await this.renderCaptcha()}catch(t){this.showError("加载验证码失败: "+t.message)}}async fetchWithTimeout(t,e){const n=new AbortController,i=setTimeout(()=>n.abort(),this.options.timeout);try{const s=await fetch(t,{...e,signal:n.signal});return clearTimeout(i),s}catch(t){throw clearTimeout(i),t}}async renderCaptcha(){return new Promise((t,e)=>{let n=0;const i=()=>{n++,2===n&&(this.hideLoading(),this.showCaptcha(),t())},s=()=>e(new Error("图片加载失败"));this.loadImage(this.elements.backgroundImg,this.captchaData.canvasSrc,{width:this.captchaData.canvasWidth,height:this.captchaData.canvasHeight},i,s),this.loadImage(this.elements.sliderImg,this.captchaData.blockSrc,{width:this.captchaData.blockWidth,height:this.captchaData.blockHeight,top:this.captchaData.blockY},i,s)})}loadImage(t,e,n,i,s){t.onload=i,t.onerror=s,t.src=e,Object.entries(n).forEach(([e,n])=>{t.style[e]="number"==typeof n?n+"px":n})}showLoading(){const{elements:t}=this;t.container.style.display="block",t.loadingText.style.display="flex",t.track.style.display="none",t.error.style.display="none",t.retryBtn.style.display="none"}hideLoading(){this.elements.loadingText.style.display="none"}showCaptcha(){const{elements:t}=this;t.container.style.display="block",t.loadingText.style.display="none",t.track.style.display="block",t.error.style.display="none",t.retryBtn.style.display="none"}showError(t){this.hideLoading(),this.elements.error.textContent=t,this.elements.error.style.display="block",this.elements.retryBtn.style.display="inline-block"}async verify(){if(this.captchaData)try{const t={loginVo:{nonceStr:this.captchaData.nonceStr,value:this.getPosition()},dragEventList:[...this.times]},e=await this.fetchWithTimeout(this.options.verifyUrl,{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(t)});if(!e.ok)throw new Error(`HTTP ${e.status}: ${e.statusText}`);const n=await e.json();"0"===n.code||!0===n.success?this.onVerifySuccess():this.onVerifyFail(n.message||n.msg||"验证失败")}catch(t){this.onVerifyFail("网络错误,请检查连接后重试")}else this.onVerifyFail("验证码数据丢失,请刷新重试")}onVerifySuccess(){const t=Date.now()-this.startTime,e=`${(t/1e3).toFixed(2)}s`;this.updateUIState("success"),this.showTimeDisplay(e),setTimeout(()=>{this.options.onSuccess({captchaId:this.captchaData.captchaId,timestamp:Date.now(),duration:t}),this.hide()},2e3)}showTimeDisplay(t){const{elements:e}=this;e.timeDisplay.textContent=`验证成功!耗时:${t}`,e.timeDisplay.style.display="block",e.timeDisplay.style.opacity="0",setTimeout(()=>{e.timeDisplay.style.transition="opacity 0.3s ease",e.timeDisplay.style.opacity="1"},100)}onVerifyFail(t){this.state.retryCount++,this.updateUIState("fail"),this.updateHintText(t,"#f56c6c"),setTimeout(()=>{this.reset(),this.state.retryCount>=this.options.maxRetries?(this.showError("验证失败次数过多,请刷新重试"),this.options.onFail({reason:"max_retries_exceeded",retryCount:this.state.retryCount})):this.refresh()},1500)}reset(){this.state.currentX=0,this.setTransition(!0),this.updateUIState("reset"),this.updateSliderPosition(),this.elements.timeDisplay.style.display="none",this.startTime=null}refresh(){this.reset(),this.captchaData=null,this.state.retryCount=0,this.loadCaptcha()}destroy(){document.body.style.userSelect="",document.body.style.cursor="",this.removeAllEventListeners(),this.elements.overlay?.parentNode&&this.elements.overlay.parentNode.removeChild(this.elements.overlay),this.elements=null,this.captchaData=null,this.times=null,this.eventListeners=null,this.state=null,this.options=null,this.startTime=null}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,module.exports.PopupSliderCaptcha=PopupSliderCaptcha):"function"==typeof define&&define.amd?define([],()=>PopupSliderCaptcha):"undefined"!=typeof window&&(window.PopupSliderCaptcha=PopupSliderCaptcha,window.SliderCaptcha=PopupSliderCaptcha),"undefined"!=typeof window&&(window.SliderCaptcha=PopupSliderCaptcha,window.PopupSliderCaptcha=PopupSliderCaptcha),t.PopupSliderCaptcha=PopupSliderCaptcha,t.default=PopupSliderCaptcha,Object.defineProperty(t,"__esModule",{value:!0})});
|
|
1
|
+
(function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define(i):(t="undefined"!=typeof globalThis?globalThis:t||self).SliderCaptcha=i()})(this,(function(){"use strict"
|
|
2
|
+
class PopupSliderCaptcha{static DEFAULTS={width:320,height:155,sliderSize:38,maxRetries:3,timeout:3e4,apiUrl:"/api/captcha",verifyUrl:"/api/captcha/verify",throttleDelay:16,clickMaskClose:!1}
|
|
3
|
+
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"}
|
|
4
|
+
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;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;transition:all var(--sc-transition);background:#fff;padding:2px 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}}"}constructor(t={}){this.options={...PopupSliderCaptcha.DEFAULTS,...t},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.throttledHandleMove=this.throttle((t=>this.handleMove(t)),this.options.throttleDelay),this.init()}createInitialState(){return{isVisible:!1,isDragging:!1,currentX:0,startX:0,retryCount:0,isLoading:!1}}init(){this.injectStyles(),this.createElements(),this.bindEvents()}injectStyles(){if(document.querySelector("#slider-captcha-styles"))return
|
|
5
|
+
const t=document.createElement("style")
|
|
6
|
+
t.id="slider-captcha-styles",t.textContent=PopupSliderCaptcha.getStyles(),document.head.appendChild(t)}createElements(){const{elements:t,options:i}=this;[["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]].forEach((([i,e,s,a])=>{t[i]=this.createElement(e,s,a)})),t.container.style.cssText=`width:${i.width}px;height:${i.height}px`,t.refreshBtn.innerHTML='<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>',this.assembleDOM(),this.setInitialState()}createElement(t,i="",e=""){const s=document.createElement(t)
|
|
7
|
+
return i&&(s.className=i),e&&(s.textContent=e),s}assembleDOM(){const{elements:t}=this,i=this.createElement("div","slider-captcha-header-buttons")
|
|
8
|
+
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
|
|
9
|
+
this.addEventListener(t.closeBtn,"click",(()=>this.hide())),this.addEventListener(t.refreshBtn,"click",(()=>this.refresh())),this.addEventListener(t.overlay,"click",(i=>{i.target===t.overlay&&this.options.clickMaskClose&&this.hide()})),this.addEventListener(document,"keydown",(t=>{"Escape"===t.key&&this.state.isVisible&&this.hide()})),this.addEventListener(document,"visibilitychange",(()=>this.handleVisibilityChange())),this.bindSliderEvents()}bindSliderEvents(){const{elements:t}=this,i={start:t=>this.handleStart(t),move:this.throttledHandleMove,end:()=>this.handleEnd()}
|
|
10
|
+
this.addEventListener(t.btn,"mousedown",i.start),this.addEventListener(t.btn,"touchstart",i.start),this.addEventListener(t.sliderImg,"mousedown",i.start),this.addEventListener(t.sliderImg,"touchstart",i.start),this.addEventListener(document,"mousemove",i.move,{passive:!1}),this.addEventListener(document,"touchmove",i.move,{passive:!1}),this.addEventListener(document,"mouseup",i.end),this.addEventListener(document,"touchend",i.end)}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 t=this.elements.track.offsetWidth,i=this.elements.btn.offsetWidth
|
|
11
|
+
this.cachedDimensions={trackWidth:t,btnWidth:i,maxX:t-i}}return this.cachedDimensions}getPosition(){const{maxX:t}=this.getDimensions(),i=this.state.currentX/t
|
|
12
|
+
return Math.round(i*(this.options.width-this.options.sliderSize))}handleStart(t){!this.captchaData||this.state.isDragging||this.state.isLoading||(t.preventDefault(),this.state.isDragging=!0,this.state.startX=this.getClientX(t)-this.state.currentX,this.startTime=this.startTime||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
|
|
13
|
+
t.preventDefault()
|
|
14
|
+
const i=this.getClientX(t)-this.state.startX,{maxX:e}=this.getDimensions()
|
|
15
|
+
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"
|
|
16
|
+
this.elements.fingerAnimation&&(this.elements.fingerAnimation.style.animationPlayState=t)}getClientX(t){return t.type.includes("touch")?t.touches[0].clientX:t.clientX}setTransition(t){const i=t?"all 0.3s ease":"none"
|
|
17
|
+
requestAnimationFrame((()=>{this.elements.btn.style.transition=i,this.elements.sliderImg.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,{innerHTML:"✓",color:"white"}),i.icon.innerHTML="✓"},fail:()=>{Object.assign(i.btn.style,{background:"var(--sc-danger)"}),Object.assign(i.icon.style,{innerHTML:"✗",color:"white"}),i.icon.innerHTML="✗"},reset:()=>{Object.assign(i.btn.style,{background:"white"}),Object.assign(i.icon.style,{color:"#666"}),i.icon.innerHTML="→",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"})}}
|
|
18
|
+
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(),a=e.currentX/s*(i.width-i.sliderSize),n=e.currentX/s
|
|
19
|
+
requestAnimationFrame((()=>{t.btn.style.transform=`translateX(${e.currentX}px)`,t.sliderImg.style.transform=`translateX(${a}px)`,t.fingerAnimation.style.opacity=.8>n?"0.6":"0"}))}show(){this.state.isVisible=!0,this.elements.overlay.style.display="flex",this.elements.overlay.offsetHeight,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",this.reset(),this.options.onClose?.()}),300)}async loadCaptcha(){try{this.showLoading(),this.startTime=Date.now()
|
|
20
|
+
const t=new AbortController,i=this.safeSetTimeout((()=>t.abort()),this.options.timeout),e=await fetch(this.options.apiUrl,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({place:2,timestamp:Date.now()}),signal:t.signal})
|
|
21
|
+
if(this.safeClearTimeout(i),!e.ok)throw Error("HTTP "+e.status)
|
|
22
|
+
const s=await e.json()
|
|
23
|
+
if(!s.data?.canvasSrc||!s.data?.blockSrc)throw Error("验证码数据格式错误")
|
|
24
|
+
this.captchaData=s.data,this.showCaptcha(),await this.renderCaptcha()}catch(t){const i="AbortError"===t.name?"请求超时,请重试":"加载验证码失败: "+t.message
|
|
25
|
+
this.showError(i)}}async renderCaptcha(){return new Promise(((t,i)=>{let e=0
|
|
26
|
+
const s=()=>2===++e&&(this.hideLoading(),t()),a=()=>i(Error("图片加载失败"))
|
|
27
|
+
this.loadImage(this.elements.backgroundImg,this.captchaData.canvasSrc,{width:this.captchaData.canvasWidth,height:this.captchaData.canvasHeight},s,a),this.loadImage(this.elements.sliderImg,this.captchaData.blockSrc,{width:this.captchaData.blockWidth,height:this.captchaData.blockHeight,top:this.captchaData.blockY},s,a)}))}loadImage(t,i,e,s,a){if(this.imageCache.has(i)){const a=this.imageCache.get(i)
|
|
28
|
+
return t.src=a.src,this.applyStyles(t,e),void s()}t.onload=()=>{this.imageCache.set(i,t.cloneNode()),s()},t.onerror=a,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]
|
|
29
|
+
e&&Object.entries(i).forEach((([t,i])=>{"textContent"===t?e.textContent=i:e.style[t]=i}))}))}))}async verify(){if(this.captchaData)try{const t=new AbortController,i=this.safeSetTimeout((()=>t.abort()),this.options.timeout),e=await fetch(this.options.verifyUrl,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({loginVo:{nonceStr:this.captchaData.nonceStr,value:this.getPosition()},dragEventList:[...this.times]}),signal:t.signal})
|
|
30
|
+
if(this.safeClearTimeout(i),!e.ok)throw Error("HTTP "+e.status)
|
|
31
|
+
const s=await e.json()
|
|
32
|
+
"0"===s.code||!0===s.success?this.onVerifySuccess():this.onVerifyFail(s.message||"验证失败,请重试!")}catch(t){const i="AbortError"===t.name?"验证超时,请重试":"网络错误"
|
|
33
|
+
this.onVerifyFail(i)}else this.onVerifyFail("验证码数据丢失")}onVerifySuccess(){const t=Date.now()-this.startTime,i=`验证成功!耗时:${(t/1e3).toFixed(2)}s`
|
|
34
|
+
this.updateUIState("success"),this.showFloatingTime(i,"success"),this.safeSetTimeout((()=>{this.options.onSuccess?.({captchaId:this.captchaData.captchaId,timestamp:Date.now(),duration:t}),this.hide()}),2e3)}showFloatingTime(t,i="success"){const{elements:e}=this
|
|
35
|
+
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.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(){this.reset(),this.state.retryCount=0,this.loadCaptcha()}safeSetTimeout(t,i){const e=setTimeout((()=>{this.timers.delete(e),t()}),i)
|
|
36
|
+
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
|
|
37
|
+
return function(...s){const a=Date.now()
|
|
38
|
+
if(a-e>=i)return e=a,t.apply(this,s)}}debounce(t,i){let e
|
|
39
|
+
return function(...s){clearTimeout(e),e=setTimeout((()=>t.apply(this,s)),i)}}destroy(){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)
|
|
40
|
+
const t=document.getElementById("slider-captcha-styles")
|
|
41
|
+
t&&t.remove(),Object.keys(this).forEach((t=>{"constructor"!==t&&(this[t]=null)}))}static create(t){return new PopupSliderCaptcha(t)}static show(t){const i=new PopupSliderCaptcha(t)
|
|
42
|
+
return i.show(),i}}return"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),PopupSliderCaptcha}))
|
|
2
43
|
//# sourceMappingURL=slider-captcha.min.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider-captcha.min.js","sources":["../src/slider-captcha.js","../src/index.js"],"sourcesContent":["/**\n * 纯JavaScript弹窗滑块验证码组件\n * @class PopupSliderCaptcha\n */\nclass PopupSliderCaptcha {\n // ==================== 静态配置 ====================\n static DEFAULTS = {\n width: 350,\n height: 200,\n sliderSize: 42,\n maxRetries: 3,\n timeout: 30000,\n apiUrl: \"/api/captcha\",\n verifyUrl: \"/api/captcha/verify\"\n }\n\n static CSS_CLASSES = {\n overlay: \"slider-captcha-overlay\",\n modal: \"slider-captcha-modal\",\n header: \"slider-captcha-header\",\n container: \"slider-captcha-container\",\n track: \"slider-captcha-track\",\n btn: \"slider-captcha-btn\",\n finger: \"slider-captcha-finger\",\n hint: \"slider-captcha-hint\",\n loading: \"slider-captcha-loading\",\n error: \"slider-captcha-error\"\n }\n\n static get version() {\n return '1.0.0'\n }\n\n // 添加SDK信息\n static get info() {\n return {\n name: 'Slider Captcha SDK',\n version: this.version,\n author: 'Your Name',\n license: 'MIT'\n }\n }\n // ==================== 构造函数和初始化 ====================\n constructor(options = {}) {\n this.options = { ...PopupSliderCaptcha.DEFAULTS, ...options }\n this.elements = {}\n this.state = {\n isVisible: false,\n isDragging: false,\n currentX: 0,\n startX: 0,\n retryCount: 0\n }\n this.captchaData = null\n this.times = []\n this.startTime = null\n this.eventListeners = []\n\n this.init()\n }\n\n init() {\n this.injectStyles()\n this.createElements()\n this.bindEvents()\n }\n\n // ==================== 样式注入 ====================\n injectStyles() {\n if (document.querySelector(\"#slider-captcha-styles\")) return\n\n const style = document.createElement(\"style\")\n style.id = \"slider-captcha-styles\"\n style.textContent = `\n .${PopupSliderCaptcha.CSS_CLASSES.overlay} {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 9999;\n display: none;\n justify-content: center;\n align-items: center;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.overlay}.show {\n opacity: 1;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.modal} {\n background: white;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n position: relative;\n max-width: 90vw;\n max-height: 90vh;\n transform: scale(0.8) translateY(-20px);\n opacity: 0;\n transition: all 0.3s ease-in-out;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.modal}.show {\n transform: scale(1) translateY(0);\n opacity: 1;\n }\n\n\n .${PopupSliderCaptcha.CSS_CLASSES.header} {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n padding-bottom: 10px;\n border-bottom: 1px solid #eee;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.container} {\n display: flex;\n align-items: center;\n position: relative;\n width: ${this.options.width}px;\n height: ${this.options.height}px;\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 15px;\n background: #837a7a;\n justify-content: center;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.track} {\n width: 100%;\n height: 40px;\n background: #f7f9fa;\n border: 1px solid #e4e7eb;\n border-radius: 20px;\n position: relative;\n margin-bottom: 15px;\n overflow: hidden;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.btn} {\n width: 38px;\n height: 38px;\n background: white;\n border: 1px solid #ccc;\n border-radius: 50%;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n user-select: none;\n z-index: 1\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.finger} {\n position: absolute;\n top: 50%;\n left: 10px;\n transform: translateY(-50%);\n font-size: 20px;\n animation: fingerSlide 2s ease-in-out infinite;\n pointer-events: none;\n z-index: 1;\n opacity: 0.6;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.hint} {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #999;\n font-size: 14px;\n pointer-events: none;\n z-index: 1;\n transition: all 0.3s ease;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.loading} {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(255, 255, 255, 0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n color: #666;\n font-size: 14px;\n z-index: 10;\n border-radius: 4px;\n }\n\n .loading-dots {\n display: inline-block;\n margin-left: 4px;\n }\n\n .loading-dots .dot {\n display: inline-block;\n animation: loading-dot 1.8s infinite both;\n font-size: 25px;\n font-weight: bold;\n }\n\n .loading-dots .dot:nth-child(1) { animation-delay: 0s; }\n .loading-dots .dot:nth-child(2) { animation-delay: 0.6s; }\n .loading-dots .dot:nth-child(3) { animation-delay: 1.2s; }\n\n @keyframes loading-dot {\n 0%, 80%, 100% {\n opacity: 0.3;\n transform: scale(0.8);\n }\n 40% {\n opacity: 1;\n transform: scale(1.2);\n }\n }\n\n @keyframes fingerSlide {\n 0% {\n left: 10px;\n opacity: 0.6;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n left: calc(50% - 10px);\n opacity: 0.6;\n }\n }\n\n .slider-captcha-bg {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .slider-captcha-piece {\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n transition: none;\n z-index: 2;\n }\n\n .${PopupSliderCaptcha.CSS_CLASSES.error} {\n color: #f56c6c;\n font-size: 12px;\n text-align: center;\n margin-top: 10px;\n display: none;\n }\n\n .slider-captcha-retry {\n background: #409eff;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n font-size: 12px;\n margin-top: 10px;\n display: none;\n }\n\n .slider-captcha-title {\n margin: 0;\n font-size: 16px;\n color: #333;\n }\n\n .slider-captcha-close {\n background: none;\n border: none;\n font-size: 24px;\n cursor: pointer;\n color: #999;\n padding: 0;\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .slider-captcha-refresh {\n background: none;\n border: none;\n font-size: 20px;\n cursor: pointer;\n color: #999;\n padding: 0;\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 10px;\n border-radius: 4px;\n transition: all 0.3s ease;\n }\n\n .slider-captcha-refresh:hover {\n background: #f5f5f5;\n color: #409eff;\n }\n\n .slider-captcha-time {\n position: relative;\n top: 0;\n left: 0;\n transform: none;\n color: #67c23a;\n font-size: 14px;\n font-weight: bold;\n display: none;\n background: rgba(255, 255, 255, 0.9);\n padding: 8px 12px;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n text-align: center;\n margin-top: 10px;\n width: 100%;\n box-sizing: border-box;\n }\n\n .slider-captcha-header-buttons {\n display: flex;\n align-items: center;\n }\n\n /* 移除重复的样式定义 */\n .${PopupSliderCaptcha.CSS_CLASSES.modal}.show {\n transform: scale(1) translateY(0);\n opacity: 1;\n }\n\n .slider-captcha-header-buttons {\n display: flex;\n align-items: center;\n }\n `\n document.head.appendChild(style)\n }\n\n // ==================== DOM 创建和管理 ====================\n createElements() {\n const { elements } = this\n const { CSS_CLASSES } = PopupSliderCaptcha\n\n // 创建主要元素\n elements.overlay = this.createElement(\"div\", CSS_CLASSES.overlay)\n elements.modal = this.createElement(\"div\", CSS_CLASSES.modal)\n elements.header = this.createElement(\"div\", CSS_CLASSES.header)\n elements.title = this.createElement(\"h3\", \"slider-captcha-title\", \"滑动验证\")\n elements.closeBtn = this.createElement(\"button\", \"slider-captcha-close\", \"×\")\n elements.refreshBtn = this.createElement(\"button\", \"slider-captcha-refresh\", \"⟳\") // 添加刷新按钮\n\n // 验证码相关元素\n elements.container = this.createElement(\"div\", CSS_CLASSES.container)\n elements.backgroundImg = this.createElement(\"img\", \"slider-captcha-bg\")\n elements.sliderImg = this.createElement(\"img\", \"slider-captcha-piece\")\n elements.loadingText = this.createElement(\"div\", CSS_CLASSES.loading)\n elements.timeDisplay = this.createElement(\"div\", \"slider-captcha-time\") // 添加耗时显示\n\n // 滑块轨道相关元素\n elements.track = this.createElement(\"div\", CSS_CLASSES.track)\n elements.fingerAnimation = this.createElement(\"div\", CSS_CLASSES.finger, \"👉\")\n elements.btn = this.createElement(\"div\", CSS_CLASSES.btn)\n elements.icon = this.createElement(\"div\", \"\", \"→\")\n elements.hint = this.createElement(\"div\", CSS_CLASSES.hint, \"向右滑动完成验证\")\n\n // 错误和重试元素\n elements.error = this.createElement(\"div\", CSS_CLASSES.error)\n elements.retryBtn = this.createElement(\"button\", \"slider-captcha-retry\", \"重新获取\")\n\n // 设置加载动画内容\n elements.loadingText.innerHTML = `\n <span class=\"loading-dots\">\n <span class=\"dot\">.</span>\n <span class=\"dot\">.</span>\n <span class=\"dot\">.</span>\n </span>\n `\n\n // 组装DOM结构\n this.assembleDOM()\n\n // 初始状态设置\n this.setInitialState()\n }\n\n // 辅助方法:创建元素\n createElement(tag, className = \"\", textContent = \"\") {\n const element = document.createElement(tag)\n if (className) element.className = className\n if (textContent) element.textContent = textContent\n return element\n }\n\n // 组装DOM结构\n assembleDOM() {\n const { elements } = this\n\n // 组装滑块按钮\n elements.btn.appendChild(elements.icon)\n\n // 组装滑块轨道(移除耗时显示)\n elements.track.appendChild(elements.fingerAnimation)\n elements.track.appendChild(elements.btn)\n elements.track.appendChild(elements.hint)\n\n // 创建头部按钮容器\n const headerButtons = this.createElement(\"div\", \"slider-captcha-header-buttons\")\n headerButtons.appendChild(elements.refreshBtn)\n headerButtons.appendChild(elements.closeBtn)\n\n // 组装头部\n elements.header.appendChild(elements.title)\n elements.header.appendChild(headerButtons)\n\n // 组装验证码容器\n elements.container.appendChild(elements.backgroundImg)\n elements.container.appendChild(elements.sliderImg)\n elements.container.appendChild(elements.loadingText)\n\n // 组装模态框(将耗时显示放在轨道后面)\n elements.modal.appendChild(elements.header)\n elements.modal.appendChild(elements.container)\n elements.modal.appendChild(elements.track)\n elements.modal.appendChild(elements.timeDisplay) // 移动到这里,在轨道下方\n elements.modal.appendChild(elements.error)\n elements.modal.appendChild(elements.retryBtn)\n\n // 组装遮罩层\n elements.overlay.appendChild(elements.modal)\n\n // 添加到页面\n document.body.appendChild(elements.overlay)\n }\n\n // 设置初始状态\n setInitialState() {\n const { elements } = this\n elements.container.style.display = \"none\"\n elements.track.style.display = \"none\"\n }\n\n // ==================== 事件管理 ====================\n addEventListenerWithTracking(element, event, handler) {\n if (!element) return\n\n element.addEventListener(event, handler)\n\n // 跟踪事件监听器以便后续移除\n this.eventListeners.push({\n element,\n event,\n handler\n })\n }\n\n // 移除所有跟踪的事件监听器\n removeAllEventListeners() {\n this.eventListeners.forEach(({ element, event, handler }) => {\n if (element && element.removeEventListener) {\n element.removeEventListener(event, handler)\n }\n })\n this.eventListeners = []\n }\n\n // 绑定事件\n bindEvents() {\n const { elements } = this\n\n // 使用箭头函数避免this绑定问题,并跟踪事件监听器\n this.addEventListenerWithTracking(elements.closeBtn, \"click\", () => this.hide())\n this.addEventListenerWithTracking(elements.refreshBtn, \"click\", () => this.refresh()) // 添加刷新按钮事件\n this.addEventListenerWithTracking(elements.retryBtn, \"click\", () => this.refresh())\n\n // 遮罩层点击关闭\n this.addEventListenerWithTracking(elements.overlay, \"click\", (e) => {\n if (e.target === elements.overlay) this.hide()\n })\n\n // 键盘事件\n this.addEventListenerWithTracking(document, \"keydown\", (e) => {\n if (e.key === \"Escape\" && this.state.isVisible) this.hide()\n })\n\n // 滑块拖拽事件\n this.bindSliderEvents()\n }\n\n bindSliderEvents() {\n const { elements } = this\n\n // 统一的事件处理器\n const eventHandlers = {\n start: this.handleStart.bind(this),\n move: this.handleMove.bind(this),\n end: this.handleEnd.bind(this)\n }\n\n // 滑块和按钮的开始事件\n this.addEventListenerWithTracking(elements.btn, \"mousedown\", eventHandlers.start)\n this.addEventListenerWithTracking(elements.btn, \"touchstart\", eventHandlers.start)\n this.addEventListenerWithTracking(elements.sliderImg, \"mousedown\", eventHandlers.start)\n this.addEventListenerWithTracking(elements.sliderImg, \"touchstart\", eventHandlers.start)\n\n // 文档级别的移动和结束事件\n this.addEventListenerWithTracking(document, \"mousemove\", eventHandlers.move)\n this.addEventListenerWithTracking(document, \"touchmove\", eventHandlers.move)\n this.addEventListenerWithTracking(document, \"mouseup\", eventHandlers.end)\n this.addEventListenerWithTracking(document, \"touchend\", eventHandlers.end)\n }\n\n // ==================== 拖拽处理 ====================\n getPosition() {\n const { elements, options } = this\n const maxX = elements.track.offsetWidth - elements.btn.offsetWidth\n const percentage = this.state.currentX / maxX\n return Math.round(percentage * (options.width - options.sliderSize))\n }\n\n handleStart(e) {\n if (!this.captchaData || this.state.isDragging) return\n\n // 记录开始时间(如果还没有记录)\n if (!this.startTime) {\n this.startTime = Date.now()\n }\n\n // 初始化拖拽轨迹\n this.times = [{ time: Date.now(), position: this.getPosition() }]\n\n e.preventDefault()\n e.stopPropagation()\n\n this.state.isDragging = true\n const clientX = this.getClientX(e)\n this.state.startX = clientX - this.state.currentX\n\n // 移除过渡效果并更新UI状态\n this.setTransition(false)\n this.updateUIState(\"dragging\")\n\n // 添加拖拽时的视觉反馈\n document.body.style.userSelect = \"none\"\n document.body.style.cursor = \"grabbing\"\n }\n\n handleMove(e) {\n if (!this.state.isDragging) return\n\n e.preventDefault()\n const clientX = this.getClientX(e)\n const deltaX = clientX - this.state.startX\n const maxX = this.elements.track.offsetWidth - this.elements.btn.offsetWidth\n\n this.state.currentX = Math.max(0, Math.min(deltaX, maxX))\n this.times.push({ time: Date.now(), position: this.getPosition() })\n\n this.updateSliderPosition()\n }\n\n handleEnd() {\n if (!this.state.isDragging) return\n\n this.times.push({ time: Date.now(), position: this.getPosition() })\n this.state.isDragging = false\n this.verify()\n }\n\n // 辅助方法:获取客户端X坐标\n getClientX(e) {\n return e.type.includes(\"touch\") ? e.touches[0].clientX : e.clientX\n }\n\n // ==================== UI 状态更新 ====================\n setTransition(enabled) {\n const transition = enabled ? \"all 0.3s ease\" : \"none\"\n this.elements.btn.style.transition = transition\n this.elements.sliderImg.style.transition = transition\n }\n\n // 更新UI状态\n updateUIState(state) {\n const { elements } = this\n\n switch (state) {\n case \"dragging\":\n elements.hint.style.opacity = \"0\"\n elements.fingerAnimation.style.display = \"none\"\n break\n case \"success\":\n elements.btn.style.background = \"#67c23a\"\n elements.icon.innerHTML = \"✓\"\n elements.icon.style.color = \"white\"\n elements.fingerAnimation.style.display = \"none\"\n this.updateHintText(\"验证成功\", \"#67c23a\")\n break\n case \"fail\":\n elements.btn.style.background = \"#f56c6c\"\n elements.icon.innerHTML = \"✗\"\n elements.icon.style.color = \"white\"\n break\n case \"reset\":\n elements.btn.style.background = \"white\"\n elements.icon.innerHTML = \"→\"\n elements.icon.style.color = \"#666\"\n elements.fingerAnimation.style.display = \"block\"\n this.updateHintText(\"向右滑动完成验证\", \"#999\")\n break\n }\n }\n\n // 更新提示文字\n updateHintText(text, color) {\n const { elements } = this\n elements.hint.textContent = text\n elements.hint.style.color = color\n elements.hint.style.opacity = \"1\"\n\n // 根据滑块位置调整文字位置\n if (text === \"验证成功\") {\n const sliderPosition = parseInt(elements.btn.style.left) || 0\n const trackWidth = elements.track.offsetWidth\n let textLeft = \"50%\"\n\n if (sliderPosition > trackWidth * 0.6) {\n textLeft = \"25%\"\n } else if (sliderPosition > trackWidth * 0.3) {\n textLeft = \"75%\"\n }\n\n elements.hint.style.left = textLeft\n } else {\n elements.hint.style.left = \"50%\"\n }\n }\n\n // 更新滑块位置\n updateSliderPosition() {\n const { elements, options, state } = this\n const maxX = elements.track.offsetWidth - elements.btn.offsetWidth\n const pieceX = (state.currentX / maxX) * (options.width - options.sliderSize)\n\n // 计算滑动进度百分比\n const progress = state.currentX / maxX\n\n elements.btn.style.left = state.currentX + \"px\"\n elements.sliderImg.style.left = pieceX + \"px\"\n\n // 当滑动到80%时,finger元素透明度变为0\n if (progress >= 0.8) {\n elements.fingerAnimation.style.opacity = \"0\"\n } else {\n elements.fingerAnimation.style.opacity = \"0.6\"\n }\n }\n\n // ==================== 显示和隐藏 ====================\n show() {\n this.state.isVisible = true\n this.elements.overlay.style.display = \"flex\"\n\n // 强制重绘以确保初始状态生效\n this.elements.overlay.offsetHeight\n\n // 添加动画类\n requestAnimationFrame(() => {\n this.elements.overlay.classList.add(\"show\")\n this.elements.modal.classList.add(\"show\")\n })\n\n this.loadCaptcha()\n }\n\n hide() {\n this.state.isVisible = false\n\n // 移除动画类\n this.elements.overlay.classList.remove(\"show\")\n this.elements.modal.classList.remove(\"show\")\n\n // 等待动画完成后隐藏\n setTimeout(() => {\n this.elements.overlay.style.display = \"none\"\n this.reset()\n if (this.options.onClose) {\n this.options.onClose()\n }\n }, 300)\n }\n\n // ==================== 验证码加载和渲染 ====================\n async loadCaptcha() {\n try {\n this.showLoading()\n this.startTime = Date.now() // 记录开始时间\n\n const requestData = {\n place: 2,\n timestamp: Date.now()\n }\n\n const response = await this.fetchWithTimeout(this.options.apiUrl, {\n method: \"POST\",\n body: JSON.stringify(requestData),\n headers: {\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\"\n }\n })\n\n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: 获取验证码失败`)\n }\n\n const data = await response.json()\n\n if (data.data && data.data.canvasSrc && data.data.blockSrc) {\n this.captchaData = data.data\n await this.renderCaptcha()\n } else {\n throw new Error(data.message || data.msg || \"验证码数据格式错误\")\n }\n } catch (error) {\n console.error(\"加载验证码失败:\", error)\n this.showError(\"加载验证码失败: \" + error.message)\n }\n }\n\n // 带超时的fetch\n async fetchWithTimeout(url, options) {\n const controller = new AbortController()\n const timeoutId = setTimeout(() => controller.abort(), this.options.timeout)\n\n try {\n const response = await fetch(url, {\n ...options,\n signal: controller.signal\n })\n clearTimeout(timeoutId)\n return response\n } catch (error) {\n clearTimeout(timeoutId)\n throw error\n }\n }\n\n // 渲染验证码\n async renderCaptcha() {\n return new Promise((resolve, reject) => {\n let loadedCount = 0\n const totalImages = 2\n\n const onImageLoad = () => {\n loadedCount++\n if (loadedCount === totalImages) {\n this.hideLoading()\n this.showCaptcha()\n resolve()\n }\n }\n\n const onImageError = () => reject(new Error(\"图片加载失败\"))\n\n // 加载背景图片\n this.loadImage(\n this.elements.backgroundImg,\n this.captchaData.canvasSrc,\n {\n width: this.captchaData.canvasWidth,\n height: this.captchaData.canvasHeight\n },\n onImageLoad,\n onImageError\n )\n\n // 加载滑块图片\n this.loadImage(\n this.elements.sliderImg,\n this.captchaData.blockSrc,\n {\n width: this.captchaData.blockWidth,\n height: this.captchaData.blockHeight,\n top: this.captchaData.blockY\n },\n onImageLoad,\n onImageError\n )\n })\n }\n\n // 加载图片\n loadImage(imgElement, src, styles, onLoad, onError) {\n imgElement.onload = onLoad\n imgElement.onerror = onError\n imgElement.src = src\n\n // 应用样式\n Object.entries(styles).forEach(([key, value]) => {\n imgElement.style[key] = typeof value === \"number\" ? value + \"px\" : value\n })\n }\n\n // ==================== 加载状态管理 ====================\n showLoading() {\n const { elements } = this\n elements.container.style.display = \"block\"\n elements.loadingText.style.display = \"flex\"\n elements.track.style.display = \"none\"\n elements.error.style.display = \"none\"\n elements.retryBtn.style.display = \"none\"\n }\n\n // 隐藏加载状态\n hideLoading() {\n this.elements.loadingText.style.display = \"none\"\n }\n\n // 显示验证码\n showCaptcha() {\n const { elements } = this\n elements.container.style.display = \"block\"\n elements.loadingText.style.display = \"none\"\n elements.track.style.display = \"block\"\n elements.error.style.display = \"none\"\n elements.retryBtn.style.display = \"none\"\n }\n\n // 显示错误\n showError(message) {\n this.hideLoading()\n this.elements.error.textContent = message\n this.elements.error.style.display = \"block\"\n this.elements.retryBtn.style.display = \"inline-block\"\n }\n\n // ==================== 验证逻辑 ====================\n async verify() {\n if (!this.captchaData) {\n this.onVerifyFail(\"验证码数据丢失,请刷新重试\")\n return\n }\n\n try {\n const requestData = {\n loginVo: {\n nonceStr: this.captchaData.nonceStr,\n value: this.getPosition()\n },\n dragEventList: [...this.times]\n }\n\n const response = await this.fetchWithTimeout(this.options.verifyUrl, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n Accept: \"application/json\"\n },\n body: JSON.stringify(requestData)\n })\n\n if (!response.ok) {\n throw new Error(`HTTP ${response.status}: ${response.statusText}`)\n }\n\n const data = await response.json()\n\n if (data.code === \"0\" || data.success === true) {\n this.onVerifySuccess()\n } else {\n this.onVerifyFail(data.message || data.msg || \"验证失败\")\n }\n } catch (error) {\n console.error(\"验证请求失败:\", error)\n this.onVerifyFail(\"网络错误,请检查连接后重试\")\n }\n }\n\n // 验证成功\n onVerifySuccess() {\n const endTime = Date.now()\n const duration = endTime - this.startTime\n const durationText = `${(duration / 1000).toFixed(2)}s`\n\n this.updateUIState(\"success\")\n this.showTimeDisplay(durationText) // 显示耗时\n\n setTimeout(() => {\n this.options.onSuccess({\n captchaId: this.captchaData.captchaId,\n timestamp: Date.now(),\n duration: duration\n })\n this.hide()\n }, 2000) // 延长显示时间以便用户看到耗时\n }\n\n // 添加显示耗时的方法\n showTimeDisplay(timeText) {\n const { elements } = this\n elements.timeDisplay.textContent = `验证成功!耗时:${timeText}`\n elements.timeDisplay.style.display = \"block\"\n\n // 添加淡入动画\n elements.timeDisplay.style.opacity = \"0\"\n setTimeout(() => {\n elements.timeDisplay.style.transition = \"opacity 0.3s ease\"\n elements.timeDisplay.style.opacity = \"1\"\n }, 100)\n }\n\n // 验证失败\n onVerifyFail(message) {\n this.state.retryCount++\n this.updateUIState(\"fail\")\n this.updateHintText(message, \"#f56c6c\")\n\n setTimeout(() => {\n this.reset()\n\n if (this.state.retryCount >= this.options.maxRetries) {\n this.showError(\"验证失败次数过多,请刷新重试\")\n this.options.onFail({\n reason: \"max_retries_exceeded\",\n retryCount: this.state.retryCount\n })\n } else {\n this.refresh()\n }\n }, 1500)\n }\n\n // ==================== 重置和刷新 ====================\n reset() {\n this.state.currentX = 0\n this.setTransition(true)\n this.updateUIState(\"reset\")\n this.updateSliderPosition()\n\n // 隐藏耗时显示\n this.elements.timeDisplay.style.display = \"none\"\n this.startTime = null\n }\n\n // 刷新\n refresh() {\n this.reset()\n this.captchaData = null\n this.state.retryCount = 0\n this.loadCaptcha()\n }\n\n // ==================== 销毁和清理 ====================\n destroy() {\n // 恢复页面状态\n document.body.style.userSelect = \"\"\n document.body.style.cursor = \"\"\n\n // 移除所有事件监听器\n this.removeAllEventListeners()\n\n // 移除DOM元素\n if (this.elements.overlay?.parentNode) {\n this.elements.overlay.parentNode.removeChild(this.elements.overlay)\n }\n\n // 清理所有引用\n this.elements = null\n this.captchaData = null\n this.times = null\n this.eventListeners = null\n this.state = null\n this.options = null\n this.startTime = null\n }\n\n // ==================== 静态工厂方法 ====================\n static create(options) {\n return new PopupSliderCaptcha(options)\n }\n\n static show(options) {\n const instance = new PopupSliderCaptcha(options)\n instance.show()\n return instance\n }\n}\n\n// ==================== 模块导出 ====================\n// ES Module export (for modern bundlers)\nexport default PopupSliderCaptcha\nexport { PopupSliderCaptcha }\n\n// CommonJS export (for Node.js compatibility)\nif (typeof module !== \"undefined\" && module.exports) {\n module.exports = PopupSliderCaptcha\n module.exports.default = PopupSliderCaptcha\n module.exports.PopupSliderCaptcha = PopupSliderCaptcha\n} else if (typeof define === \"function\" && define.amd) {\n define([], () => PopupSliderCaptcha)\n} else if (typeof window !== \"undefined\") {\n window.PopupSliderCaptcha = PopupSliderCaptcha\n window.SliderCaptcha = PopupSliderCaptcha\n}\n","// 导入滑块验证码组件\nimport PopupSliderCaptcha from './slider-captcha.js'\n\n// 导出主要类\nexport { PopupSliderCaptcha }\n\n// 默认导出\nexport default PopupSliderCaptcha\n\n// 全局注册(用于UMD构建)\nif (typeof window !== 'undefined') {\n window.SliderCaptcha = PopupSliderCaptcha\n window.PopupSliderCaptcha = PopupSliderCaptcha\n}\n"],"names":["PopupSliderCaptcha","static","width","height","sliderSize","maxRetries","timeout","apiUrl","verifyUrl","overlay","modal","header","container","track","btn","finger","hint","loading","error","version","info","name","this","author","license","constructor","options","DEFAULTS","elements","state","isVisible","isDragging","currentX","startX","retryCount","captchaData","times","startTime","eventListeners","init","injectStyles","createElements","bindEvents","document","querySelector","style","createElement","id","textContent","CSS_CLASSES","head","appendChild","title","closeBtn","refreshBtn","backgroundImg","sliderImg","loadingText","timeDisplay","fingerAnimation","icon","retryBtn","innerHTML","assembleDOM","setInitialState","tag","className","element","headerButtons","body","display","addEventListenerWithTracking","event","handler","addEventListener","push","removeAllEventListeners","forEach","removeEventListener","hide","refresh","e","target","key","bindSliderEvents","eventHandlers","start","handleStart","bind","move","handleMove","end","handleEnd","getPosition","maxX","offsetWidth","percentage","Math","round","Date","now","time","position","preventDefault","stopPropagation","clientX","getClientX","setTransition","updateUIState","userSelect","cursor","deltaX","max","min","updateSliderPosition","verify","type","includes","touches","enabled","transition","opacity","background","color","updateHintText","text","sliderPosition","parseInt","left","trackWidth","textLeft","pieceX","progress","show","offsetHeight","requestAnimationFrame","classList","add","loadCaptcha","remove","setTimeout","reset","onClose","showLoading","requestData","place","timestamp","response","fetchWithTimeout","method","JSON","stringify","headers","Accept","ok","Error","status","data","json","canvasSrc","blockSrc","message","msg","renderCaptcha","showError","url","controller","AbortController","timeoutId","abort","fetch","signal","clearTimeout","Promise","resolve","reject","loadedCount","onImageLoad","hideLoading","showCaptcha","onImageError","loadImage","canvasWidth","canvasHeight","blockWidth","blockHeight","top","blockY","imgElement","src","styles","onLoad","onError","onload","onerror","Object","entries","value","loginVo","nonceStr","dragEventList","statusText","code","success","onVerifySuccess","onVerifyFail","duration","durationText","toFixed","showTimeDisplay","onSuccess","captchaId","timeText","onFail","reason","destroy","parentNode","removeChild","create","instance","module","exports","default","define","amd","window","SliderCaptcha"],"mappings":"oPAIA,MAAMA,mBAEJC,gBAAkB,CAChBC,MAAO,IACPC,OAAQ,IACRC,WAAY,GACZC,WAAY,EACZC,QAAS,IACTC,OAAQ,eACRC,UAAW,uBAGbP,mBAAqB,CACnBQ,QAAS,yBACTC,MAAO,uBACPC,OAAQ,wBACRC,UAAW,2BACXC,MAAO,uBACPC,IAAK,qBACLC,OAAQ,wBACRC,KAAM,sBACNC,QAAS,yBACTC,MAAO,wBAGT,kBAAWC,GACT,MAAO,OACR,CAGD,eAAWC,GACT,MAAO,CACLC,KAAM,qBACNF,QAASG,KAAKH,QACdI,OAAQ,YACRC,QAAS,MAEZ,CAED,WAAAC,CAAYC,EAAU,IACpBJ,KAAKI,QAAU,IAAK1B,mBAAmB2B,YAAaD,GACpDJ,KAAKM,SAAW,CAAE,EAClBN,KAAKO,MAAQ,CACXC,WAAW,EACXC,YAAY,EACZC,SAAU,EACVC,OAAQ,EACRC,WAAY,GAEdZ,KAAKa,YAAc,KACnBb,KAAKc,MAAQ,GACbd,KAAKe,UAAY,KACjBf,KAAKgB,eAAiB,GAEtBhB,KAAKiB,MACN,CAED,IAAAA,GACEjB,KAAKkB,eACLlB,KAAKmB,iBACLnB,KAAKoB,YACN,CAGD,YAAAF,GACE,GAAIG,SAASC,cAAc,0BAA2B,OAEtD,MAAMC,EAAQF,SAASG,cAAc,SACrCD,EAAME,GAAK,wBACXF,EAAMG,YAAc,YACfhD,mBAAmBiD,YAAYxC,uWAe/BT,mBAAmBiD,YAAYxC,0DAI/BT,mBAAmBiD,YAAYvC,uWAa/BV,mBAAmBiD,YAAYvC,sGAM/BV,mBAAmBiD,YAAYtC,mOAS/BX,mBAAmBiD,YAAYrC,kHAIvBU,KAAKI,QAAQxB,6BACZoB,KAAKI,QAAQvB,sLAQtBH,mBAAmBiD,YAAYpC,iQAW/Bb,mBAAmBiD,YAAYnC,4dAmB/Bd,mBAAmBiD,YAAYlC,wSAY/Bf,mBAAmBiD,YAAYjC,oRAY/BhB,mBAAmBiD,YAAYhC,koDA0E/BjB,mBAAmBiD,YAAY/B,i+DAuF/BlB,mBAAmBiD,YAAYvC,wMAUpCiC,SAASO,KAAKC,YAAYN,EAC3B,CAGD,cAAAJ,GACE,MAAMb,SAAEA,GAAaN,MACf2B,YAAEA,GAAgBjD,mBAGxB4B,EAASnB,QAAUa,KAAKwB,cAAc,MAAOG,EAAYxC,SACzDmB,EAASlB,MAAQY,KAAKwB,cAAc,MAAOG,EAAYvC,OACvDkB,EAASjB,OAASW,KAAKwB,cAAc,MAAOG,EAAYtC,QACxDiB,EAASwB,MAAQ9B,KAAKwB,cAAc,KAAM,uBAAwB,QAClElB,EAASyB,SAAW/B,KAAKwB,cAAc,SAAU,uBAAwB,KACzElB,EAAS0B,WAAahC,KAAKwB,cAAc,SAAU,yBAA0B,KAG7ElB,EAAShB,UAAYU,KAAKwB,cAAc,MAAOG,EAAYrC,WAC3DgB,EAAS2B,cAAgBjC,KAAKwB,cAAc,MAAO,qBACnDlB,EAAS4B,UAAYlC,KAAKwB,cAAc,MAAO,wBAC/ClB,EAAS6B,YAAcnC,KAAKwB,cAAc,MAAOG,EAAYhC,SAC7DW,EAAS8B,YAAcpC,KAAKwB,cAAc,MAAO,uBAGjDlB,EAASf,MAAQS,KAAKwB,cAAc,MAAOG,EAAYpC,OACvDe,EAAS+B,gBAAkBrC,KAAKwB,cAAc,MAAOG,EAAYlC,OAAQ,MACzEa,EAASd,IAAMQ,KAAKwB,cAAc,MAAOG,EAAYnC,KACrDc,EAASgC,KAAOtC,KAAKwB,cAAc,MAAO,GAAI,KAC9ClB,EAASZ,KAAOM,KAAKwB,cAAc,MAAOG,EAAYjC,KAAM,YAG5DY,EAASV,MAAQI,KAAKwB,cAAc,MAAOG,EAAY/B,OACvDU,EAASiC,SAAWvC,KAAKwB,cAAc,SAAU,uBAAwB,QAGzElB,EAAS6B,YAAYK,UAAY,uKASjCxC,KAAKyC,cAGLzC,KAAK0C,iBACN,CAGD,aAAAlB,CAAcmB,EAAKC,EAAY,GAAIlB,EAAc,IAC/C,MAAMmB,EAAUxB,SAASG,cAAcmB,GAGvC,OAFIC,IAAWC,EAAQD,UAAYA,GAC/BlB,IAAamB,EAAQnB,YAAcA,GAChCmB,CACR,CAGD,WAAAJ,GACE,MAAMnC,SAAEA,GAAaN,KAGrBM,EAASd,IAAIqC,YAAYvB,EAASgC,MAGlChC,EAASf,MAAMsC,YAAYvB,EAAS+B,iBACpC/B,EAASf,MAAMsC,YAAYvB,EAASd,KACpCc,EAASf,MAAMsC,YAAYvB,EAASZ,MAGpC,MAAMoD,EAAgB9C,KAAKwB,cAAc,MAAO,iCAChDsB,EAAcjB,YAAYvB,EAAS0B,YACnCc,EAAcjB,YAAYvB,EAASyB,UAGnCzB,EAASjB,OAAOwC,YAAYvB,EAASwB,OACrCxB,EAASjB,OAAOwC,YAAYiB,GAG5BxC,EAAShB,UAAUuC,YAAYvB,EAAS2B,eACxC3B,EAAShB,UAAUuC,YAAYvB,EAAS4B,WACxC5B,EAAShB,UAAUuC,YAAYvB,EAAS6B,aAGxC7B,EAASlB,MAAMyC,YAAYvB,EAASjB,QACpCiB,EAASlB,MAAMyC,YAAYvB,EAAShB,WACpCgB,EAASlB,MAAMyC,YAAYvB,EAASf,OACpCe,EAASlB,MAAMyC,YAAYvB,EAAS8B,aACpC9B,EAASlB,MAAMyC,YAAYvB,EAASV,OACpCU,EAASlB,MAAMyC,YAAYvB,EAASiC,UAGpCjC,EAASnB,QAAQ0C,YAAYvB,EAASlB,OAGtCiC,SAAS0B,KAAKlB,YAAYvB,EAASnB,QACpC,CAGD,eAAAuD,GACE,MAAMpC,SAAEA,GAAaN,KACrBM,EAAShB,UAAUiC,MAAMyB,QAAU,OACnC1C,EAASf,MAAMgC,MAAMyB,QAAU,MAChC,CAGD,4BAAAC,CAA6BJ,EAASK,EAAOC,GACtCN,IAELA,EAAQO,iBAAiBF,EAAOC,GAGhCnD,KAAKgB,eAAeqC,KAAK,CACvBR,UACAK,QACAC,YAEH,CAGD,uBAAAG,GACEtD,KAAKgB,eAAeuC,QAAQ,EAAGV,UAASK,QAAOC,cACzCN,GAAWA,EAAQW,qBACrBX,EAAQW,oBAAoBN,EAAOC,KAGvCnD,KAAKgB,eAAiB,EACvB,CAGD,UAAAI,GACE,MAAMd,SAAEA,GAAaN,KAGrBA,KAAKiD,6BAA6B3C,EAASyB,SAAU,QAAS,IAAM/B,KAAKyD,QACzEzD,KAAKiD,6BAA6B3C,EAAS0B,WAAY,QAAS,IAAMhC,KAAK0D,WAC3E1D,KAAKiD,6BAA6B3C,EAASiC,SAAU,QAAS,IAAMvC,KAAK0D,WAGzE1D,KAAKiD,6BAA6B3C,EAASnB,QAAS,QAAUwE,IACxDA,EAAEC,SAAWtD,EAASnB,SAASa,KAAKyD,SAI1CzD,KAAKiD,6BAA6B5B,SAAU,UAAYsC,IACxC,WAAVA,EAAEE,KAAoB7D,KAAKO,MAAMC,WAAWR,KAAKyD,SAIvDzD,KAAK8D,kBACN,CAED,gBAAAA,GACE,MAAMxD,SAAEA,GAAaN,KAGf+D,EAAgB,CACpBC,MAAOhE,KAAKiE,YAAYC,KAAKlE,MAC7BmE,KAAMnE,KAAKoE,WAAWF,KAAKlE,MAC3BqE,IAAKrE,KAAKsE,UAAUJ,KAAKlE,OAI3BA,KAAKiD,6BAA6B3C,EAASd,IAAK,YAAauE,EAAcC,OAC3EhE,KAAKiD,6BAA6B3C,EAASd,IAAK,aAAcuE,EAAcC,OAC5EhE,KAAKiD,6BAA6B3C,EAAS4B,UAAW,YAAa6B,EAAcC,OACjFhE,KAAKiD,6BAA6B3C,EAAS4B,UAAW,aAAc6B,EAAcC,OAGlFhE,KAAKiD,6BAA6B5B,SAAU,YAAa0C,EAAcI,MACvEnE,KAAKiD,6BAA6B5B,SAAU,YAAa0C,EAAcI,MACvEnE,KAAKiD,6BAA6B5B,SAAU,UAAW0C,EAAcM,KACrErE,KAAKiD,6BAA6B5B,SAAU,WAAY0C,EAAcM,IACvE,CAGD,WAAAE,GACE,MAAMjE,SAAEA,EAAQF,QAAEA,GAAYJ,KACxBwE,EAAOlE,EAASf,MAAMkF,YAAcnE,EAASd,IAAIiF,YACjDC,EAAa1E,KAAKO,MAAMG,SAAW8D,EACzC,OAAOG,KAAKC,MAAMF,GAActE,EAAQxB,MAAQwB,EAAQtB,YACzD,CAED,WAAAmF,CAAYN,GACV,IAAK3D,KAAKa,aAAeb,KAAKO,MAAME,WAAY,OAG3CT,KAAKe,YACRf,KAAKe,UAAY8D,KAAKC,OAIxB9E,KAAKc,MAAQ,CAAC,CAAEiE,KAAMF,KAAKC,MAAOE,SAAUhF,KAAKuE,gBAEjDZ,EAAEsB,iBACFtB,EAAEuB,kBAEFlF,KAAKO,MAAME,YAAa,EACxB,MAAM0E,EAAUnF,KAAKoF,WAAWzB,GAChC3D,KAAKO,MAAMI,OAASwE,EAAUnF,KAAKO,MAAMG,SAGzCV,KAAKqF,eAAc,GACnBrF,KAAKsF,cAAc,YAGnBjE,SAAS0B,KAAKxB,MAAMgE,WAAa,OACjClE,SAAS0B,KAAKxB,MAAMiE,OAAS,UAC9B,CAED,UAAApB,CAAWT,GACT,IAAK3D,KAAKO,MAAME,WAAY,OAE5BkD,EAAEsB,iBACF,MACMQ,EADUzF,KAAKoF,WAAWzB,GACP3D,KAAKO,MAAMI,OAC9B6D,EAAOxE,KAAKM,SAASf,MAAMkF,YAAczE,KAAKM,SAASd,IAAIiF,YAEjEzE,KAAKO,MAAMG,SAAWiE,KAAKe,IAAI,EAAGf,KAAKgB,IAAIF,EAAQjB,IACnDxE,KAAKc,MAAMuC,KAAK,CAAE0B,KAAMF,KAAKC,MAAOE,SAAUhF,KAAKuE,gBAEnDvE,KAAK4F,sBACN,CAED,SAAAtB,GACOtE,KAAKO,MAAME,aAEhBT,KAAKc,MAAMuC,KAAK,CAAE0B,KAAMF,KAAKC,MAAOE,SAAUhF,KAAKuE,gBACnDvE,KAAKO,MAAME,YAAa,EACxBT,KAAK6F,SACN,CAGD,UAAAT,CAAWzB,GACT,OAAOA,EAAEmC,KAAKC,SAAS,SAAWpC,EAAEqC,QAAQ,GAAGb,QAAUxB,EAAEwB,OAC5D,CAGD,aAAAE,CAAcY,GACZ,MAAMC,EAAaD,EAAU,gBAAkB,OAC/CjG,KAAKM,SAASd,IAAI+B,MAAM2E,WAAaA,EACrClG,KAAKM,SAAS4B,UAAUX,MAAM2E,WAAaA,CAC5C,CAGD,aAAAZ,CAAc/E,GACZ,MAAMD,SAAEA,GAAaN,KAErB,OAAQO,GACN,IAAK,WACHD,EAASZ,KAAK6B,MAAM4E,QAAU,IAC9B7F,EAAS+B,gBAAgBd,MAAMyB,QAAU,OACzC,MACF,IAAK,UACH1C,EAASd,IAAI+B,MAAM6E,WAAa,UAChC9F,EAASgC,KAAKE,UAAY,IAC1BlC,EAASgC,KAAKf,MAAM8E,MAAQ,QAC5B/F,EAAS+B,gBAAgBd,MAAMyB,QAAU,OACzChD,KAAKsG,eAAe,OAAQ,WAC5B,MACF,IAAK,OACHhG,EAASd,IAAI+B,MAAM6E,WAAa,UAChC9F,EAASgC,KAAKE,UAAY,IAC1BlC,EAASgC,KAAKf,MAAM8E,MAAQ,QAC5B,MACF,IAAK,QACH/F,EAASd,IAAI+B,MAAM6E,WAAa,QAChC9F,EAASgC,KAAKE,UAAY,IAC1BlC,EAASgC,KAAKf,MAAM8E,MAAQ,OAC5B/F,EAAS+B,gBAAgBd,MAAMyB,QAAU,QACzChD,KAAKsG,eAAe,WAAY,QAGrC,CAGD,cAAAA,CAAeC,EAAMF,GACnB,MAAM/F,SAAEA,GAAaN,KAMrB,GALAM,EAASZ,KAAKgC,YAAc6E,EAC5BjG,EAASZ,KAAK6B,MAAM8E,MAAQA,EAC5B/F,EAASZ,KAAK6B,MAAM4E,QAAU,IAGjB,SAATI,EAAiB,CACnB,MAAMC,EAAiBC,SAASnG,EAASd,IAAI+B,MAAMmF,OAAS,EACtDC,EAAarG,EAASf,MAAMkF,YAClC,IAAImC,EAAW,MAEXJ,EAA8B,GAAbG,EACnBC,EAAW,MACFJ,EAA8B,GAAbG,IAC1BC,EAAW,OAGbtG,EAASZ,KAAK6B,MAAMmF,KAAOE,CACjC,MACMtG,EAASZ,KAAK6B,MAAMmF,KAAO,KAE9B,CAGD,oBAAAd,GACE,MAAMtF,SAAEA,EAAQF,QAAEA,EAAOG,MAAEA,GAAUP,KAC/BwE,EAAOlE,EAASf,MAAMkF,YAAcnE,EAASd,IAAIiF,YACjDoC,EAAUtG,EAAMG,SAAW8D,GAASpE,EAAQxB,MAAQwB,EAAQtB,YAG5DgI,EAAWvG,EAAMG,SAAW8D,EAElClE,EAASd,IAAI+B,MAAMmF,KAAOnG,EAAMG,SAAW,KAC3CJ,EAAS4B,UAAUX,MAAMmF,KAAOG,EAAS,KAIvCvG,EAAS+B,gBAAgBd,MAAM4E,QAD7BW,GAAY,GAC2B,IAEA,KAE5C,CAGD,IAAAC,GACE/G,KAAKO,MAAMC,WAAY,EACvBR,KAAKM,SAASnB,QAAQoC,MAAMyB,QAAU,OAGtChD,KAAKM,SAASnB,QAAQ6H,aAGtBC,sBAAsB,KACpBjH,KAAKM,SAASnB,QAAQ+H,UAAUC,IAAI,QACpCnH,KAAKM,SAASlB,MAAM8H,UAAUC,IAAI,UAGpCnH,KAAKoH,aACN,CAED,IAAA3D,GACEzD,KAAKO,MAAMC,WAAY,EAGvBR,KAAKM,SAASnB,QAAQ+H,UAAUG,OAAO,QACvCrH,KAAKM,SAASlB,MAAM8H,UAAUG,OAAO,QAGrCC,WAAW,KACTtH,KAAKM,SAASnB,QAAQoC,MAAMyB,QAAU,OACtChD,KAAKuH,QACDvH,KAAKI,QAAQoH,SACfxH,KAAKI,QAAQoH,WAEd,IACJ,CAGD,iBAAMJ,GACJ,IACEpH,KAAKyH,cACLzH,KAAKe,UAAY8D,KAAKC,MAEtB,MAAM4C,EAAc,CAClBC,MAAO,EACPC,UAAW/C,KAAKC,OAGZ+C,QAAiB7H,KAAK8H,iBAAiB9H,KAAKI,QAAQnB,OAAQ,CAChE8I,OAAQ,OACRhF,KAAMiF,KAAKC,UAAUP,GACrBQ,QAAS,CACP,eAAgB,mBAChBC,OAAQ,sBAIZ,IAAKN,EAASO,GACZ,MAAM,IAAIC,MAAM,QAAQR,EAASS,mBAGnC,MAAMC,QAAaV,EAASW,OAE5B,KAAID,EAAKA,MAAQA,EAAKA,KAAKE,WAAaF,EAAKA,KAAKG,UAIhD,MAAM,IAAIL,MAAME,EAAKI,SAAWJ,EAAKK,KAAO,aAH5C5I,KAAKa,YAAc0H,EAAKA,WAClBvI,KAAK6I,eAId,CAAC,MAAOjJ,GAEPI,KAAK8I,UAAU,YAAclJ,EAAM+I,QACpC,CACF,CAGD,sBAAMb,CAAiBiB,EAAK3I,GAC1B,MAAM4I,EAAa,IAAIC,gBACjBC,EAAY5B,WAAW,IAAM0B,EAAWG,QAASnJ,KAAKI,QAAQpB,SAEpE,IACE,MAAM6I,QAAiBuB,MAAML,EAAK,IAC7B3I,EACHiJ,OAAQL,EAAWK,SAGrB,OADAC,aAAaJ,GACNrB,CACR,CAAC,MAAOjI,GAEP,MADA0J,aAAaJ,GACPtJ,CACP,CACF,CAGD,mBAAMiJ,GACJ,OAAO,IAAIU,QAAQ,CAACC,EAASC,KAC3B,IAAIC,EAAc,EAClB,MAEMC,EAAc,KAClBD,IAHkB,IAIdA,IACF1J,KAAK4J,cACL5J,KAAK6J,cACLL,MAIEM,EAAe,IAAML,EAAO,IAAIpB,MAAM,WAG5CrI,KAAK+J,UACH/J,KAAKM,SAAS2B,cACdjC,KAAKa,YAAY4H,UACjB,CACE7J,MAAOoB,KAAKa,YAAYmJ,YACxBnL,OAAQmB,KAAKa,YAAYoJ,cAE3BN,EACAG,GAIF9J,KAAK+J,UACH/J,KAAKM,SAAS4B,UACdlC,KAAKa,YAAY6H,SACjB,CACE9J,MAAOoB,KAAKa,YAAYqJ,WACxBrL,OAAQmB,KAAKa,YAAYsJ,YACzBC,IAAKpK,KAAKa,YAAYwJ,QAExBV,EACAG,IAGL,CAGD,SAAAC,CAAUO,EAAYC,EAAKC,EAAQC,EAAQC,GACzCJ,EAAWK,OAASF,EACpBH,EAAWM,QAAUF,EACrBJ,EAAWC,IAAMA,EAGjBM,OAAOC,QAAQN,GAAQjH,QAAQ,EAAEM,EAAKkH,MACpCT,EAAW/I,MAAMsC,GAAwB,iBAAVkH,EAAqBA,EAAQ,KAAOA,GAEtE,CAGD,WAAAtD,GACE,MAAMnH,SAAEA,GAAaN,KACrBM,EAAShB,UAAUiC,MAAMyB,QAAU,QACnC1C,EAAS6B,YAAYZ,MAAMyB,QAAU,OACrC1C,EAASf,MAAMgC,MAAMyB,QAAU,OAC/B1C,EAASV,MAAM2B,MAAMyB,QAAU,OAC/B1C,EAASiC,SAAShB,MAAMyB,QAAU,MACnC,CAGD,WAAA4G,GACE5J,KAAKM,SAAS6B,YAAYZ,MAAMyB,QAAU,MAC3C,CAGD,WAAA6G,GACE,MAAMvJ,SAAEA,GAAaN,KACrBM,EAAShB,UAAUiC,MAAMyB,QAAU,QACnC1C,EAAS6B,YAAYZ,MAAMyB,QAAU,OACrC1C,EAASf,MAAMgC,MAAMyB,QAAU,QAC/B1C,EAASV,MAAM2B,MAAMyB,QAAU,OAC/B1C,EAASiC,SAAShB,MAAMyB,QAAU,MACnC,CAGD,SAAA8F,CAAUH,GACR3I,KAAK4J,cACL5J,KAAKM,SAASV,MAAM8B,YAAciH,EAClC3I,KAAKM,SAASV,MAAM2B,MAAMyB,QAAU,QACpChD,KAAKM,SAASiC,SAAShB,MAAMyB,QAAU,cACxC,CAGD,YAAM6C,GACJ,GAAK7F,KAAKa,YAKV,IACE,MAAM6G,EAAc,CAClBsD,QAAS,CACPC,SAAUjL,KAAKa,YAAYoK,SAC3BF,MAAO/K,KAAKuE,eAEd2G,cAAe,IAAIlL,KAAKc,QAGpB+G,QAAiB7H,KAAK8H,iBAAiB9H,KAAKI,QAAQlB,UAAW,CACnE6I,OAAQ,OACRG,QAAS,CACP,eAAgB,mBAChBC,OAAQ,oBAEVpF,KAAMiF,KAAKC,UAAUP,KAGvB,IAAKG,EAASO,GACZ,MAAM,IAAIC,MAAM,QAAQR,EAASS,WAAWT,EAASsD,cAGvD,MAAM5C,QAAaV,EAASW,OAEV,MAAdD,EAAK6C,OAAiC,IAAjB7C,EAAK8C,QAC5BrL,KAAKsL,kBAELtL,KAAKuL,aAAahD,EAAKI,SAAWJ,EAAKK,KAAO,OAEjD,CAAC,MAAOhJ,GAEPI,KAAKuL,aAAa,gBACnB,MApCCvL,KAAKuL,aAAa,gBAqCrB,CAGD,eAAAD,GACE,MACME,EADU3G,KAAKC,MACM9E,KAAKe,UAC1B0K,EAAe,IAAID,EAAW,KAAME,QAAQ,MAElD1L,KAAKsF,cAAc,WACnBtF,KAAK2L,gBAAgBF,GAErBnE,WAAW,KACTtH,KAAKI,QAAQwL,UAAU,CACrBC,UAAW7L,KAAKa,YAAYgL,UAC5BjE,UAAW/C,KAAKC,MAChB0G,SAAUA,IAEZxL,KAAKyD,QACJ,IACJ,CAGD,eAAAkI,CAAgBG,GACd,MAAMxL,SAAEA,GAAaN,KACrBM,EAAS8B,YAAYV,YAAc,WAAWoK,IAC9CxL,EAAS8B,YAAYb,MAAMyB,QAAU,QAGrC1C,EAAS8B,YAAYb,MAAM4E,QAAU,IACrCmB,WAAW,KACThH,EAAS8B,YAAYb,MAAM2E,WAAa,oBACxC5F,EAAS8B,YAAYb,MAAM4E,QAAU,KACpC,IACJ,CAGD,YAAAoF,CAAa5C,GACX3I,KAAKO,MAAMK,aACXZ,KAAKsF,cAAc,QACnBtF,KAAKsG,eAAeqC,EAAS,WAE7BrB,WAAW,KACTtH,KAAKuH,QAEDvH,KAAKO,MAAMK,YAAcZ,KAAKI,QAAQrB,YACxCiB,KAAK8I,UAAU,kBACf9I,KAAKI,QAAQ2L,OAAO,CAClBC,OAAQ,uBACRpL,WAAYZ,KAAKO,MAAMK,cAGzBZ,KAAK0D,WAEN,KACJ,CAGD,KAAA6D,GACEvH,KAAKO,MAAMG,SAAW,EACtBV,KAAKqF,eAAc,GACnBrF,KAAKsF,cAAc,SACnBtF,KAAK4F,uBAGL5F,KAAKM,SAAS8B,YAAYb,MAAMyB,QAAU,OAC1ChD,KAAKe,UAAY,IAClB,CAGD,OAAA2C,GACE1D,KAAKuH,QACLvH,KAAKa,YAAc,KACnBb,KAAKO,MAAMK,WAAa,EACxBZ,KAAKoH,aACN,CAGD,OAAA6E,GAEE5K,SAAS0B,KAAKxB,MAAMgE,WAAa,GACjClE,SAAS0B,KAAKxB,MAAMiE,OAAS,GAG7BxF,KAAKsD,0BAGDtD,KAAKM,SAASnB,SAAS+M,YACzBlM,KAAKM,SAASnB,QAAQ+M,WAAWC,YAAYnM,KAAKM,SAASnB,SAI7Da,KAAKM,SAAW,KAChBN,KAAKa,YAAc,KACnBb,KAAKc,MAAQ,KACbd,KAAKgB,eAAiB,KACtBhB,KAAKO,MAAQ,KACbP,KAAKI,QAAU,KACfJ,KAAKe,UAAY,IAClB,CAGD,aAAOqL,CAAOhM,GACZ,OAAO,IAAI1B,mBAAmB0B,EAC/B,CAED,WAAO2G,CAAK3G,GACV,MAAMiM,EAAW,IAAI3N,mBAAmB0B,GAExC,OADAiM,EAAStF,OACFsF,CACR,EASmB,oBAAXC,QAA0BA,OAAOC,SAC1CD,OAAOC,QAAU7N,mBACjB4N,OAAOC,QAAQC,QAAU9N,mBACzB4N,OAAOC,QAAQ7N,mBAAqBA,oBACT,mBAAX+N,QAAyBA,OAAOC,IAChDD,OAAO,GAAI,IAAM/N,oBACU,oBAAXiO,SAChBA,OAAOjO,mBAAqBA,mBAC5BiO,OAAOC,cAAgBlO,oBCv/BH,oBAAXiO,SACTA,OAAOC,cAAgBlO,mBACvBiO,OAAOjO,mBAAqBA"}
|
|
1
|
+
{"version":3,"file":"slider-captcha.min.js","sources":["../src/slider-captcha.js"],"sourcesContent":["/**\n * 纯JavaScript弹窗滑块验证码组件\n */\nclass PopupSliderCaptcha {\n static DEFAULTS = {\n width: 320,\n height: 155,\n sliderSize: 38,\n maxRetries: 3,\n timeout: 30000,\n apiUrl: \"/api/captcha\",\n verifyUrl: \"/api/captcha/verify\",\n throttleDelay: 16,\n clickMaskClose: false\n }\n\n static CSS_CLASSES = {\n overlay: \"slider-captcha-overlay\",\n modal: \"slider-captcha-modal\",\n header: \"slider-captcha-header\",\n container: \"slider-captcha-container\",\n track: \"slider-captcha-track\",\n btn: \"slider-captcha-btn\",\n hint: \"slider-captcha-hint\",\n loading: \"slider-captcha-loading\",\n error: \"slider-captcha-error\"\n }\n\n // 优化:提取CSS样式为独立方法,减少主体代码长度\n static getStyles() {\n 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;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;transition:all var(--sc-transition);background:#fff;padding:2px 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}}`\n }\n\n constructor(options = {}) {\n this.options = { ...PopupSliderCaptcha.DEFAULTS, ...options }\n this.elements = {}\n this.state = this.createInitialState()\n this.captchaData = null\n this.times = []\n this.startTime = null\n this.eventListeners = []\n this.timers = new Set()\n this.rafId = null\n this.cachedDimensions = null\n this.imageCache = new Map()\n\n // 优化:使用箭头函数绑定this,避免重复bind调用\n this.throttledHandleMove = this.throttle((e) => this.handleMove(e), this.options.throttleDelay)\n\n this.init()\n }\n\n // 优化:提取初始状态创建为独立方法\n createInitialState() {\n return {\n isVisible: false,\n isDragging: false,\n currentX: 0,\n startX: 0,\n retryCount: 0,\n isLoading: false\n }\n }\n\n init() {\n this.injectStyles()\n this.createElements()\n this.bindEvents()\n }\n\n injectStyles() {\n if (document.querySelector(\"#slider-captcha-styles\")) return\n\n const style = document.createElement(\"style\")\n style.id = \"slider-captcha-styles\"\n style.textContent = PopupSliderCaptcha.getStyles()\n document.head.appendChild(style)\n }\n\n // 优化:简化元素创建逻辑\n createElements() {\n const { elements, options } = this\n\n // 批量创建元素配置\n const elementConfigs = [\n ['overlay', 'div', PopupSliderCaptcha.CSS_CLASSES.overlay],\n ['modal', 'div', PopupSliderCaptcha.CSS_CLASSES.modal],\n ['header', 'div', PopupSliderCaptcha.CSS_CLASSES.header],\n ['title', 'h3', 'slider-captcha-title', '安全验证'],\n ['closeBtn', 'button', 'slider-captcha-close'],\n ['refreshBtn', 'button', 'slider-captcha-refresh'],\n ['container', 'div', PopupSliderCaptcha.CSS_CLASSES.container],\n ['backgroundImg', 'img', 'slider-captcha-bg'],\n ['sliderImg', 'img', 'slider-captcha-piece'],\n ['loadingText', 'div', PopupSliderCaptcha.CSS_CLASSES.loading, '加载中...'],\n ['floatingTime', 'div', 'slider-captcha-floating-time'],\n ['track', 'div', PopupSliderCaptcha.CSS_CLASSES.track],\n ['fingerAnimation', 'div', 'slider-captcha-finger', '👉'],\n ['btn', 'div', PopupSliderCaptcha.CSS_CLASSES.btn],\n ['icon', 'div', '', '→'],\n ['hint', 'div', PopupSliderCaptcha.CSS_CLASSES.hint, '向右滑动完成验证'],\n ['error', 'div', PopupSliderCaptcha.CSS_CLASSES.error]\n ]\n\n // 批量创建元素\n elementConfigs.forEach(([key, tag, className, textContent]) => {\n elements[key] = this.createElement(tag, className, textContent)\n })\n\n // 设置容器尺寸\n elements.container.style.cssText = `width:${options.width}px;height:${options.height}px`\n\n // 添加刷新按钮图标\n elements.refreshBtn.innerHTML = `<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\n this.assembleDOM()\n this.setInitialState()\n }\n\n createElement(tag, className = \"\", textContent = \"\") {\n const element = document.createElement(tag)\n if (className) element.className = className\n if (textContent) element.textContent = textContent\n return element\n }\n\n // 优化:简化DOM组装逻辑\n assembleDOM() {\n const { elements } = this\n\n // 组装头部\n const headerButtons = this.createElement(\"div\", \"slider-captcha-header-buttons\")\n headerButtons.append(elements.refreshBtn, elements.closeBtn)\n elements.header.append(elements.title, headerButtons)\n\n // 组装验证码容器\n elements.container.append(\n elements.backgroundImg,\n elements.sliderImg,\n elements.loadingText,\n elements.floatingTime\n )\n\n // 组装滑块轨道\n elements.btn.appendChild(elements.icon)\n elements.track.append(\n elements.fingerAnimation,\n elements.btn,\n elements.hint\n )\n\n // 组装模态框\n elements.modal.append(\n elements.header,\n elements.container,\n elements.track,\n elements.error\n )\n\n // 组装到覆盖层\n elements.overlay.appendChild(elements.modal)\n document.body.appendChild(elements.overlay)\n }\n\n setInitialState() {\n // 批量设置初始状态\n Object.assign(this.elements.container.style, { display: \"none\" })\n Object.assign(this.elements.track.style, { display: \"none\" })\n }\n\n // 优化:简化事件绑定\n bindEvents() {\n const { elements } = this\n\n // 基础事件\n this.addEventListener(elements.closeBtn, \"click\", () => this.hide())\n this.addEventListener(elements.refreshBtn, \"click\", () => this.refresh())\n this.addEventListener(elements.overlay, \"click\", (e) => {\n if (e.target === elements.overlay && this.options.clickMaskClose) this.hide()\n })\n this.addEventListener(document, \"keydown\", (e) => {\n if (e.key === \"Escape\" && this.state.isVisible) this.hide()\n })\n this.addEventListener(document, \"visibilitychange\", () => this.handleVisibilityChange())\n\n this.bindSliderEvents()\n }\n\n bindSliderEvents() {\n const { elements } = this\n const handlers = {\n start: (e) => this.handleStart(e),\n move: this.throttledHandleMove,\n end: () => this.handleEnd()\n }\n\n // 滑块事件\n this.addEventListener(elements.btn, \"mousedown\", handlers.start)\n this.addEventListener(elements.btn, \"touchstart\", handlers.start)\n this.addEventListener(elements.sliderImg, \"mousedown\", handlers.start)\n this.addEventListener(elements.sliderImg, \"touchstart\", handlers.start)\n this.addEventListener(document, \"mousemove\", handlers.move, { passive: false })\n this.addEventListener(document, \"touchmove\", handlers.move, { passive: false })\n this.addEventListener(document, \"mouseup\", handlers.end)\n this.addEventListener(document, \"touchend\", handlers.end)\n }\n\n // 优化:改进事件管理\n addEventListener(element, event, handler, options = {}) {\n if (!element || typeof handler !== 'function') return\n\n element.addEventListener(event, handler, options)\n this.eventListeners.push({ element, event, handler, options })\n }\n\n removeAllEventListeners() {\n this.eventListeners.forEach(({ element, event, handler, options }) => {\n try {\n element?.removeEventListener?.(event, handler, options)\n } catch (error) {\n console.warn('Failed to remove event listener:', error)\n }\n })\n this.eventListeners.length = 0\n }\n\n // 优化:缓存尺寸计算\n getDimensions() {\n if (!this.cachedDimensions) {\n const trackWidth = this.elements.track.offsetWidth\n const btnWidth = this.elements.btn.offsetWidth\n this.cachedDimensions = {\n trackWidth,\n btnWidth,\n maxX: trackWidth - btnWidth\n }\n }\n return this.cachedDimensions\n }\n\n getPosition() {\n const { maxX } = this.getDimensions()\n const percentage = this.state.currentX / maxX\n return Math.round(percentage * (this.options.width - this.options.sliderSize))\n }\n\n // 优化:简化拖拽处理\n handleStart(e) {\n if (!this.captchaData || this.state.isDragging || this.state.isLoading) return\n\n e.preventDefault()\n this.state.isDragging = true\n this.state.startX = this.getClientX(e) - this.state.currentX\n this.startTime = this.startTime || Date.now()\n this.times = [{ time: Date.now(), position: this.getPosition() }]\n\n this.setTransition(false)\n this.updateUIState(\"dragging\")\n this.cachedDimensions = null // 清除缓存\n }\n\n handleMove(e) {\n if (!this.state.isDragging) return\n e.preventDefault()\n\n const clientX = this.getClientX(e)\n const deltaX = clientX - this.state.startX\n const { maxX } = this.getDimensions()\n\n this.state.currentX = Math.max(0, Math.min(deltaX, maxX))\n this.times.push({ time: Date.now(), position: this.getPosition() })\n\n // 优化:使用RAF批量更新\n this.rafId && cancelAnimationFrame(this.rafId)\n this.rafId = requestAnimationFrame(() => this.updateSliderPosition())\n }\n\n handleEnd() {\n if (!this.state.isDragging) return\n\n this.times.push({ time: Date.now(), position: this.getPosition() })\n this.state.isDragging = false\n\n if (this.rafId) {\n cancelAnimationFrame(this.rafId)\n this.rafId = null\n }\n\n this.verify()\n }\n\n handleVisibilityChange() {\n const animationState = document.hidden ? 'paused' : 'running'\n if (this.elements.fingerAnimation) {\n this.elements.fingerAnimation.style.animationPlayState = animationState\n }\n }\n\n getClientX(e) {\n return e.type.includes(\"touch\") ? e.touches[0].clientX : e.clientX\n }\n\n setTransition(enabled) {\n const transition = enabled ? \"all 0.3s ease\" : \"none\"\n requestAnimationFrame(() => {\n this.elements.btn.style.transition = transition\n this.elements.sliderImg.style.transition = transition\n })\n }\n\n // 优化:简化UI状态更新\n updateUIState(state) {\n const { elements } = this\n const updates = {\n dragging: () => {\n elements.hint.style.opacity = \"0\"\n elements.fingerAnimation.style.display = \"none\"\n },\n success: () => {\n Object.assign(elements.btn.style, { background: \"var(--sc-success)\" })\n Object.assign(elements.icon.style, { innerHTML: \"✓\", color: \"white\" })\n elements.icon.innerHTML = \"✓\"\n },\n fail: () => {\n Object.assign(elements.btn.style, { background: \"var(--sc-danger)\" })\n Object.assign(elements.icon.style, { innerHTML: \"✗\", color: \"white\" })\n elements.icon.innerHTML = \"✗\"\n },\n reset: () => {\n Object.assign(elements.btn.style, { background: \"white\" })\n Object.assign(elements.icon.style, { color: \"#666\" })\n elements.icon.innerHTML = \"→\"\n elements.fingerAnimation.style.display = \"block\"\n this.updateHintText(\"向右滑动完成验证\", \"var(--sc-text-light)\")\n },\n loading: () => {\n elements.hint.style.opacity = \"0\"\n elements.fingerAnimation.style.display = \"none\"\n Object.assign(elements.track.style, { pointerEvents: \"none\", opacity: \"0.6\" })\n }\n }\n\n if (updates[state]) {\n requestAnimationFrame(() => {\n updates[state]()\n if (state !== \"loading\") {\n Object.assign(elements.track.style, { pointerEvents: \"auto\", opacity: \"1\" })\n }\n })\n }\n }\n\n updateHintText(text, color) {\n requestAnimationFrame(() => {\n Object.assign(this.elements.hint, { textContent: text })\n Object.assign(this.elements.hint.style, { color, opacity: \"1\" })\n })\n }\n\n updateSliderPosition() {\n const { elements, options, state } = this\n const { maxX } = this.getDimensions()\n const pieceX = (state.currentX / maxX) * (options.width - options.sliderSize)\n const progress = state.currentX / maxX\n\n requestAnimationFrame(() => {\n elements.btn.style.transform = `translateX(${state.currentX}px)`\n elements.sliderImg.style.transform = `translateX(${pieceX}px)`\n elements.fingerAnimation.style.opacity = progress >= 0.8 ? \"0\" : \"0.6\"\n })\n }\n\n // 优化:简化显示/隐藏逻辑\n show() {\n this.state.isVisible = true\n this.elements.overlay.style.display = \"flex\"\n this.elements.overlay.offsetHeight // 强制重绘\n\n requestAnimationFrame(() => {\n this.elements.overlay.classList.add(\"show\")\n this.elements.modal.classList.add(\"show\")\n })\n\n this.loadCaptcha()\n }\n\n hide() {\n this.state.isVisible = false\n this.elements.overlay.classList.remove(\"show\")\n this.elements.modal.classList.remove(\"show\")\n\n this.safeSetTimeout(() => {\n this.elements.overlay.style.display = \"none\"\n this.reset()\n this.options.onClose?.()\n }, 300)\n }\n\n // 优化:简化加载逻辑\n async loadCaptcha() {\n try {\n this.showLoading()\n this.startTime = Date.now()\n\n const controller = new AbortController()\n const timeoutId = this.safeSetTimeout(() => controller.abort(), this.options.timeout)\n\n const response = await fetch(this.options.apiUrl, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ place: 2, timestamp: Date.now() }),\n signal: controller.signal\n })\n\n this.safeClearTimeout(timeoutId)\n\n if (!response.ok) throw new Error(`HTTP ${response.status}`)\n const data = await response.json()\n\n if (data.data?.canvasSrc && data.data?.blockSrc) {\n this.captchaData = data.data\n this.showCaptcha()\n await this.renderCaptcha()\n } else {\n throw new Error(\"验证码数据格式错误\")\n }\n } catch (error) {\n const message = error.name === 'AbortError' ? \"请求超时,请重试\" : `加载验证码失败: ${error.message}`\n this.showError(message)\n }\n }\n\n async renderCaptcha() {\n return new Promise((resolve, reject) => {\n let loadedCount = 0\n const onLoad = () => ++loadedCount === 2 && (this.hideLoading(), resolve())\n const onError = () => reject(new Error(\"图片加载失败\"))\n\n this.loadImage(this.elements.backgroundImg, this.captchaData.canvasSrc, {\n width: this.captchaData.canvasWidth,\n height: this.captchaData.canvasHeight\n }, onLoad, onError)\n\n this.loadImage(this.elements.sliderImg, this.captchaData.blockSrc, {\n width: this.captchaData.blockWidth,\n height: this.captchaData.blockHeight,\n top: this.captchaData.blockY\n }, onLoad, onError)\n })\n }\n\n loadImage(imgElement, src, styles, onLoad, onError) {\n // 检查缓存\n if (this.imageCache.has(src)) {\n const cachedImg = this.imageCache.get(src)\n imgElement.src = cachedImg.src\n this.applyStyles(imgElement, styles)\n onLoad()\n return\n }\n\n imgElement.onload = () => {\n this.imageCache.set(src, imgElement.cloneNode())\n onLoad()\n }\n imgElement.onerror = onError\n imgElement.src = src\n this.applyStyles(imgElement, styles)\n }\n\n // 优化:提取样式应用逻辑\n applyStyles(element, styles) {\n Object.entries(styles).forEach(([key, value]) => {\n element.style[key] = typeof value === \"number\" ? value + \"px\" : value\n })\n }\n\n // 优化:简化状态显示方法\n showLoading() {\n this.state.isLoading = true\n this.batchUpdateStyles({\n container: { display: \"block\" },\n loadingText: { display: \"flex\" },\n error: { display: \"none\" }\n })\n this.updateUIState(\"loading\")\n }\n\n hideLoading() {\n this.state.isLoading = false\n this.batchUpdateStyles({ loadingText: { display: \"none\" } })\n this.updateUIState(\"reset\")\n }\n\n showCaptcha() {\n this.batchUpdateStyles({\n container: { display: \"block\" },\n track: { display: \"block\" },\n error: { display: \"none\" }\n })\n }\n\n showError(message) {\n this.hideLoading()\n this.batchUpdateStyles({\n error: { display: \"block\", textContent: message }\n })\n }\n\n // 优化:批量样式更新\n batchUpdateStyles(updates) {\n requestAnimationFrame(() => {\n Object.entries(updates).forEach(([elementKey, styles]) => {\n const element = this.elements[elementKey]\n if (element) {\n Object.entries(styles).forEach(([prop, value]) => {\n if (prop === 'textContent') {\n element.textContent = value\n } else {\n element.style[prop] = value\n }\n })\n }\n })\n })\n }\n\n async verify() {\n if (!this.captchaData) {\n this.onVerifyFail(\"验证码数据丢失\")\n return\n }\n\n try {\n const controller = new AbortController()\n const timeoutId = this.safeSetTimeout(() => controller.abort(), this.options.timeout)\n\n const response = await fetch(this.options.verifyUrl, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n loginVo: {\n nonceStr: this.captchaData.nonceStr,\n value: this.getPosition()\n },\n dragEventList: [...this.times]\n }),\n signal: controller.signal\n })\n\n this.safeClearTimeout(timeoutId)\n\n if (!response.ok) throw new Error(`HTTP ${response.status}`)\n const data = await response.json()\n\n if (data.code === \"0\" || data.success === true) {\n this.onVerifySuccess()\n } else {\n this.onVerifyFail(data.message || \"验证失败,请重试!\")\n }\n } catch (error) {\n const message = error.name === 'AbortError' ? \"验证超时,请重试\" : \"网络错误\"\n this.onVerifyFail(message)\n }\n }\n\n onVerifySuccess() {\n const duration = Date.now() - this.startTime\n const durationText = `验证成功!耗时:${(duration / 1000).toFixed(2)}s`\n\n this.updateUIState(\"success\")\n this.showFloatingTime(durationText, \"success\")\n\n this.safeSetTimeout(() => {\n this.options.onSuccess?.({\n captchaId: this.captchaData.captchaId,\n timestamp: Date.now(),\n duration\n })\n this.hide()\n }, 2000)\n }\n\n showFloatingTime(text, type = \"success\") {\n const { elements } = this\n elements.floatingTime.textContent = text\n elements.floatingTime.className = `slider-captcha-floating-time ${type}`\n\n this.safeSetTimeout(() => elements.floatingTime.classList.add(\"show\"), 100)\n this.safeSetTimeout(() => {\n elements.floatingTime.className = \"slider-captcha-floating-time\"\n }, 2500) // 优化:延长显示时间,避免被reset清除\n }\n\n onVerifyFail(message) {\n this.state.retryCount++\n this.updateUIState(\"fail\")\n this.showFloatingTime(message, \"fail\")\n\n this.safeSetTimeout(() => {\n if (this.state.retryCount >= this.options.maxRetries) {\n this.refresh()\n } else {\n this.reset()\n }\n }, 2500) // 优化:延长等待时间,确保浮动提示完整显示\n }\n\n reset() {\n this.clearAllTimers()\n\n // 重置状态\n Object.assign(this.state, {\n isDragging: false,\n currentX: 0,\n startX: 0,\n isLoading: false\n })\n\n this.times = []\n this.startTime = null\n this.cachedDimensions = null\n\n // 重置UI\n requestAnimationFrame(() => {\n this.setTransition(true)\n this.elements.btn.style.transform = \"translateX(0px)\"\n this.elements.sliderImg.style.transform = \"translateX(0px)\"\n this.updateUIState(\"reset\")\n this.elements.error.style.display = \"none\"\n })\n }\n\n refresh() {\n this.reset()\n this.state.retryCount = 0\n this.loadCaptcha()\n }\n\n // 安全的定时器管理\n safeSetTimeout(callback, delay) {\n const timerId = setTimeout(() => {\n this.timers.delete(timerId)\n callback()\n }, delay)\n this.timers.add(timerId)\n return timerId\n }\n\n safeClearTimeout(timerId) {\n if (timerId) {\n clearTimeout(timerId)\n this.timers.delete(timerId)\n }\n }\n\n clearAllTimers() {\n this.timers.forEach(timer => {\n clearTimeout(timer)\n clearInterval(timer)\n })\n this.timers.clear()\n\n if (this.rafId) {\n cancelAnimationFrame(this.rafId)\n this.rafId = null\n }\n }\n\n // 清理图片资源\n cleanupImages() {\n if (this.elements.backgroundImg) {\n this.elements.backgroundImg.src = ''\n this.elements.backgroundImg.onload = null\n this.elements.backgroundImg.onerror = null\n }\n if (this.elements.sliderImg) {\n this.elements.sliderImg.src = ''\n this.elements.sliderImg.onload = null\n this.elements.sliderImg.onerror = null\n }\n this.imageCache.clear()\n }\n\n // 工具函数:节流\n throttle(func, delay) {\n let lastCall = 0\n return function (...args) {\n const now = Date.now()\n if (now - lastCall >= delay) {\n lastCall = now\n return func.apply(this, args)\n }\n }\n }\n\n // 工具函数:防抖\n debounce(func, delay) {\n let timeoutId\n return function (...args) {\n clearTimeout(timeoutId)\n timeoutId = setTimeout(() => func.apply(this, args), delay)\n }\n }\n\n destroy() {\n // 恢复body样式\n document.body.style.userSelect = \"\"\n document.body.style.cursor = \"\"\n\n // 清理所有定时器\n this.clearAllTimers()\n\n // 移除所有事件监听器\n this.removeAllEventListeners()\n\n // 清理图片资源\n this.cleanupImages()\n\n // 移除DOM元素\n if (this.elements.overlay?.parentNode) {\n this.elements.overlay.parentNode.removeChild(this.elements.overlay)\n }\n\n // 清理样式表\n const styleElement = document.getElementById('slider-captcha-styles')\n if (styleElement) {\n styleElement.remove()\n }\n\n // 清空所有属性\n Object.keys(this).forEach(key => {\n if (key !== 'constructor') {\n this[key] = null\n }\n })\n }\n\n static create(options) {\n return new PopupSliderCaptcha(options)\n }\n\n static show(options) {\n const instance = new PopupSliderCaptcha(options)\n instance.show()\n return instance\n }\n}\n\n// 模块导出\nif (typeof module !== \"undefined\" && module.exports) {\n module.exports = PopupSliderCaptcha\n module.exports.default = PopupSliderCaptcha\n} else if (typeof define === \"function\" && define.amd) {\n define([], () => PopupSliderCaptcha)\n} else if (typeof window !== \"undefined\") {\n window.PopupSliderCaptcha = PopupSliderCaptcha\n window.SliderCaptcha = PopupSliderCaptcha\n}\n\n// Add ES6 export for modern module systems\nexport default PopupSliderCaptcha\n"],"names":["PopupSliderCaptcha","static","width","height","sliderSize","maxRetries","timeout","apiUrl","verifyUrl","throttleDelay","clickMaskClose","overlay","modal","header","container","track","btn","hint","loading","error","getStyles","constructor","options","this","DEFAULTS","elements","state","createInitialState","captchaData","times","startTime","eventListeners","timers","Set","rafId","cachedDimensions","imageCache","Map","throttledHandleMove","throttle","e","handleMove","init","isVisible","isDragging","currentX","startX","retryCount","isLoading","injectStyles","createElements","bindEvents","document","querySelector","style","createElement","id","textContent","head","appendChild","CSS_CLASSES","forEach","key","tag","className","cssText","refreshBtn","innerHTML","assembleDOM","setInitialState","element","headerButtons","append","closeBtn","title","backgroundImg","sliderImg","loadingText","floatingTime","icon","fingerAnimation","body","Object","assign","display","addEventListener","hide","refresh","target","handleVisibilityChange","bindSliderEvents","handlers","start","handleStart","move","end","handleEnd","passive","event","handler","push","removeAllEventListeners","removeEventListener","length","getDimensions","trackWidth","offsetWidth","btnWidth","maxX","getPosition","percentage","Math","round","preventDefault","getClientX","Date","now","time","position","setTransition","updateUIState","deltaX","max","min","cancelAnimationFrame","requestAnimationFrame","updateSliderPosition","verify","animationState","hidden","animationPlayState","type","includes","touches","clientX","enabled","transition","updates","dragging","opacity","success","background","color","fail","reset","updateHintText","pointerEvents","text","pieceX","progress","transform","show","offsetHeight","classList","add","loadCaptcha","remove","safeSetTimeout","onClose","showLoading","controller","AbortController","timeoutId","abort","response","fetch","method","headers","JSON","stringify","place","timestamp","signal","safeClearTimeout","ok","Error","status","data","json","canvasSrc","blockSrc","showCaptcha","renderCaptcha","message","name","showError","Promise","resolve","reject","loadedCount","onLoad","hideLoading","onError","loadImage","canvasWidth","canvasHeight","blockWidth","blockHeight","top","blockY","imgElement","src","styles","has","cachedImg","get","applyStyles","onload","set","cloneNode","onerror","entries","value","batchUpdateStyles","elementKey","prop","loginVo","nonceStr","dragEventList","code","onVerifySuccess","onVerifyFail","duration","durationText","toFixed","showFloatingTime","onSuccess","captchaId","clearAllTimers","callback","delay","timerId","setTimeout","delete","clearTimeout","timer","clearInterval","clear","cleanupImages","func","lastCall","args","apply","debounce","destroy","userSelect","cursor","parentNode","removeChild","styleElement","getElementById","keys","create","instance","module","exports","default","define","amd","window","SliderCaptcha"],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
(function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n((t="undefined"!=typeof globalThis?globalThis:t||self).SliderCaptcha={})})(this,(function(t){"use strict"
|
|
2
|
+
class PopupSliderCaptcha{static t={width:350,height:200,i:42,o:3,timeout:3e4,h:"/api/captcha",l:"/api/captcha/verify"}
|
|
3
|
+
static p={u:"slider-captcha-overlay",m:"slider-captcha-modal",v:"slider-captcha-header",container:"slider-captcha-container",track:"slider-captcha-track",k:"slider-captcha-btn",S:"slider-captcha-finger",hint:"slider-captcha-hint",loading:"slider-captcha-loading",error:"slider-captcha-error"}
|
|
4
|
+
static get version(){return"1.0.0"}static get info(){return{name:"Slider Captcha SDK",version:this.version,T:"Your Name",$:"MIT"}}constructor(t={}){this.options={...PopupSliderCaptcha.t,...t},this.elements={},this.state={isVisible:!1,j:!1,C:0,D:0,A:0},this.L=null,this.M=[],this.startTime=null,this.O=[],this.init()}init(){this.P(),this.I(),this._()}P(){if(document.querySelector("#slider-captcha-styles"))return
|
|
5
|
+
const t=document.createElement("style")
|
|
6
|
+
t.id="slider-captcha-styles",t.textContent=`\n .${PopupSliderCaptcha.p.u} {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n z-index: 9999;\n display: none;\n justify-content: center;\n align-items: center;\n opacity: 0;\n transition: opacity 0.3s ease-in-out;\n }\n\n .${PopupSliderCaptcha.p.u}.show {\n opacity: 1;\n }\n\n .${PopupSliderCaptcha.p.m} {\n background: white;\n border-radius: 8px;\n padding: 20px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n position: relative;\n max-width: 90vw;\n max-height: 90vh;\n transform: scale(0.8) translateY(-20px);\n opacity: 0;\n transition: all 0.3s ease-in-out;\n }\n\n .${PopupSliderCaptcha.p.m}.show {\n transform: scale(1) translateY(0);\n opacity: 1;\n }\n\n\n .${PopupSliderCaptcha.p.v} {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 15px;\n padding-bottom: 10px;\n border-bottom: 1px solid #eee;\n }\n\n .${PopupSliderCaptcha.p.container} {\n display: flex;\n align-items: center;\n position: relative;\n width: ${this.options.width}px;\n height: ${this.options.height}px;\n border-radius: 4px;\n overflow: hidden;\n margin-bottom: 15px;\n background: #837a7a;\n justify-content: center;\n }\n\n .${PopupSliderCaptcha.p.track} {\n width: 100%;\n height: 40px;\n background: #f7f9fa;\n border: 1px solid #e4e7eb;\n border-radius: 20px;\n position: relative;\n margin-bottom: 15px;\n overflow: hidden;\n }\n\n .${PopupSliderCaptcha.p.k} {\n width: 38px;\n height: 38px;\n background: white;\n border: 1px solid #ccc;\n border-radius: 50%;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n user-select: none;\n z-index: 1\n }\n\n .${PopupSliderCaptcha.p.S} {\n position: absolute;\n top: 50%;\n left: 10px;\n transform: translateY(-50%);\n font-size: 20px;\n animation: fingerSlide 2s ease-in-out infinite;\n pointer-events: none;\n z-index: 1;\n opacity: 0.6;\n }\n\n .${PopupSliderCaptcha.p.hint} {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n color: #999;\n font-size: 14px;\n pointer-events: none;\n z-index: 1;\n transition: all 0.3s ease;\n }\n\n .${PopupSliderCaptcha.p.loading} {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(255, 255, 255, 0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n color: #666;\n font-size: 14px;\n z-index: 10;\n border-radius: 4px;\n }\n\n .loading-dots {\n display: inline-block;\n margin-left: 4px;\n }\n\n .loading-dots .dot {\n display: inline-block;\n animation: loading-dot 1.8s infinite both;\n font-size: 25px;\n font-weight: bold;\n }\n\n .loading-dots .dot:nth-child(1) { animation-delay: 0s; }\n .loading-dots .dot:nth-child(2) { animation-delay: 0.6s; }\n .loading-dots .dot:nth-child(3) { animation-delay: 1.2s; }\n\n @keyframes loading-dot {\n 0%, 80%, 100% {\n opacity: 0.3;\n transform: scale(0.8);\n }\n 40% {\n opacity: 1;\n transform: scale(1.2);\n }\n }\n\n @keyframes fingerSlide {\n 0% {\n left: 10px;\n opacity: 0.6;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n left: calc(50% - 10px);\n opacity: 0.6;\n }\n }\n\n .slider-captcha-bg {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n\n .slider-captcha-piece {\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n transition: none;\n z-index: 2;\n }\n\n .${PopupSliderCaptcha.p.error} {\n color: #f56c6c;\n font-size: 12px;\n text-align: center;\n margin-top: 10px;\n display: none;\n }\n\n .slider-captcha-retry {\n background: #409eff;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n font-size: 12px;\n margin-top: 10px;\n display: none;\n }\n\n .slider-captcha-title {\n margin: 0;\n font-size: 16px;\n color: #333;\n }\n\n .slider-captcha-close {\n background: none;\n border: none;\n font-size: 24px;\n cursor: pointer;\n color: #999;\n padding: 0;\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .slider-captcha-refresh {\n background: none;\n border: none;\n font-size: 20px;\n cursor: pointer;\n color: #999;\n padding: 0;\n width: 30px;\n height: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 10px;\n border-radius: 4px;\n transition: all 0.3s ease;\n }\n\n .slider-captcha-refresh:hover {\n background: #f5f5f5;\n color: #409eff;\n }\n\n .slider-captcha-time {\n position: relative;\n top: 0;\n left: 0;\n transform: none;\n color: #67c23a;\n font-size: 14px;\n font-weight: bold;\n display: none;\n background: rgba(255, 255, 255, 0.9);\n padding: 8px 12px;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n text-align: center;\n margin-top: 10px;\n width: 100%;\n box-sizing: border-box;\n }\n\n .slider-captcha-header-buttons {\n display: flex;\n align-items: center;\n }\n\n /* 移除重复的样式定义 */\n .${PopupSliderCaptcha.p.m}.show {\n transform: scale(1) translateY(0);\n opacity: 1;\n }\n\n .slider-captcha-header-buttons {\n display: flex;\n align-items: center;\n }\n `,document.head.appendChild(t)}I(){const{elements:t}=this,{p:n}=PopupSliderCaptcha
|
|
7
|
+
t.u=this.createElement("div",n.u),t.m=this.createElement("div",n.m),t.v=this.createElement("div",n.v),t.title=this.createElement("h3","slider-captcha-title","滑动验证"),t.Y=this.createElement("button","slider-captcha-close","×"),t.U=this.createElement("button","slider-captcha-refresh","⟳"),t.container=this.createElement("div",n.container),t.V=this.createElement("img","slider-captcha-bg"),t.F=this.createElement("img","slider-captcha-piece"),t.H=this.createElement("div",n.loading),t.N=this.createElement("div","slider-captcha-time"),t.track=this.createElement("div",n.track),t.X=this.createElement("div",n.S,"👉"),t.k=this.createElement("div",n.k),t.icon=this.createElement("div","","→"),t.hint=this.createElement("div",n.hint,"向右滑动完成验证"),t.error=this.createElement("div",n.error),t.J=this.createElement("button","slider-captcha-retry","重新获取"),t.H.innerHTML='\n <span class="loading-dots">\n <span class="dot">.</span>\n <span class="dot">.</span>\n <span class="dot">.</span>\n </span>\n ',this.W(),this.q()}createElement(t,n="",i=""){const e=document.createElement(t)
|
|
8
|
+
return n&&(e.className=n),i&&(e.textContent=i),e}W(){const{elements:t}=this
|
|
9
|
+
t.k.appendChild(t.icon),t.track.appendChild(t.X),t.track.appendChild(t.k),t.track.appendChild(t.hint)
|
|
10
|
+
const n=this.createElement("div","slider-captcha-header-buttons")
|
|
11
|
+
n.appendChild(t.U),n.appendChild(t.Y),t.v.appendChild(t.title),t.v.appendChild(n),t.container.appendChild(t.V),t.container.appendChild(t.F),t.container.appendChild(t.H),t.m.appendChild(t.v),t.m.appendChild(t.container),t.m.appendChild(t.track),t.m.appendChild(t.N),t.m.appendChild(t.error),t.m.appendChild(t.J),t.u.appendChild(t.m),document.body.appendChild(t.u)}q(){const{elements:t}=this
|
|
12
|
+
t.container.style.display="none",t.track.style.display="none"}K(t,n,i){t&&(t.addEventListener(n,i),this.O.push({element:t,event:n,R:i}))}B(){this.O.forEach((({element:t,event:n,R:i})=>{t&&t.removeEventListener&&t.removeEventListener(n,i)})),this.O=[]}_(){const{elements:t}=this
|
|
13
|
+
this.K(t.Y,"click",(()=>this.hide())),this.K(t.U,"click",(()=>this.refresh())),this.K(t.J,"click",(()=>this.refresh())),this.K(t.u,"click",(n=>{n.target===t.u&&this.hide()})),this.K(document,"keydown",(t=>{"Escape"===t.key&&this.state.isVisible&&this.hide()})),this.G()}G(){const{elements:t}=this,n={start:this.Z.bind(this),move:this.tt.bind(this),end:this.nt.bind(this)}
|
|
14
|
+
this.K(t.k,"mousedown",n.start),this.K(t.k,"touchstart",n.start),this.K(t.F,"mousedown",n.start),this.K(t.F,"touchstart",n.start),this.K(document,"mousemove",n.move),this.K(document,"touchmove",n.move),this.K(document,"mouseup",n.end),this.K(document,"touchend",n.end)}it(){const{elements:t,options:n}=this,i=t.track.offsetWidth-t.k.offsetWidth,e=this.state.C/i
|
|
15
|
+
return Math.round(e*(n.width-n.i))}Z(t){if(!this.L||this.state.j)return
|
|
16
|
+
this.startTime||(this.startTime=Date.now()),this.M=[{time:Date.now(),position:this.it()}],t.preventDefault(),t.stopPropagation(),this.state.j=!0
|
|
17
|
+
const n=this.et(t)
|
|
18
|
+
this.state.D=n-this.state.C,this.st(!1),this.ot("dragging"),document.body.style.userSelect="none",document.body.style.cursor="grabbing"}tt(t){if(!this.state.j)return
|
|
19
|
+
t.preventDefault()
|
|
20
|
+
const n=this.et(t)-this.state.D,i=this.elements.track.offsetWidth-this.elements.k.offsetWidth
|
|
21
|
+
this.state.C=Math.max(0,Math.min(n,i)),this.M.push({time:Date.now(),position:this.it()}),this.ht()}nt(){this.state.j&&(this.M.push({time:Date.now(),position:this.it()}),this.state.j=!1,this.verify())}et(t){return t.type.includes("touch")?t.touches[0].clientX:t.clientX}st(t){const n=t?"all 0.3s ease":"none"
|
|
22
|
+
this.elements.k.style.transition=n,this.elements.F.style.transition=n}ot(t){const{elements:n}=this
|
|
23
|
+
switch(t){case"dragging":n.hint.style.opacity="0",n.X.style.display="none"
|
|
24
|
+
break
|
|
25
|
+
case"success":n.k.style.background="#67c23a",n.icon.innerHTML="✓",n.icon.style.color="white",n.X.style.display="none",this.rt("验证成功","#67c23a")
|
|
26
|
+
break
|
|
27
|
+
case"fail":n.k.style.background="#f56c6c",n.icon.innerHTML="✗",n.icon.style.color="white"
|
|
28
|
+
break
|
|
29
|
+
case"reset":n.k.style.background="white",n.icon.innerHTML="→",n.icon.style.color="#666",n.X.style.display="block",this.rt("向右滑动完成验证","#999")}}rt(t,n){const{elements:i}=this
|
|
30
|
+
if(i.hint.textContent=t,i.hint.style.color=n,i.hint.style.opacity="1","验证成功"===t){const t=parseInt(i.k.style.left)||0,n=i.track.offsetWidth
|
|
31
|
+
let e="50%"
|
|
32
|
+
t>.6*n?e="25%":t>.3*n&&(e="75%"),i.hint.style.left=e}else i.hint.style.left="50%"}ht(){const{elements:t,options:n,state:i}=this,e=t.track.offsetWidth-t.k.offsetWidth,s=i.C/e*(n.width-n.i),o=i.C/e
|
|
33
|
+
t.k.style.left=i.C+"px",t.F.style.left=s+"px",t.X.style.opacity=.8>o?"0.6":"0"}show(){this.state.isVisible=!0,this.elements.u.style.display="flex",this.elements.u.offsetHeight,requestAnimationFrame((()=>{this.elements.u.classList.add("show"),this.elements.m.classList.add("show")})),this.ct()}hide(){this.state.isVisible=!1,this.elements.u.classList.remove("show"),this.elements.m.classList.remove("show"),setTimeout((()=>{this.elements.u.style.display="none",this.reset(),this.options.lt&&this.options.lt()}),300)}async ct(){try{this.dt(),this.startTime=Date.now()
|
|
34
|
+
const t={ut:2,timestamp:Date.now()},n=await this.ft(this.options.h,{method:"POST",body:JSON.stringify(t),headers:{gt:"application/json",bt:"application/json"}})
|
|
35
|
+
if(!n.ok)throw Error(`HTTP ${n.status}: 获取验证码失败`)
|
|
36
|
+
const i=await n.json()
|
|
37
|
+
if(!(i.data&&i.data.xt&&i.data.yt))throw Error(i.message||i.wt||"验证码数据格式错误")
|
|
38
|
+
this.L=i.data,await this.vt()}catch(t){this.kt("加载验证码失败: "+t.message)}}async ft(t,n){const i=new AbortController,e=setTimeout((()=>i.abort()),this.options.timeout)
|
|
39
|
+
try{const s=await fetch(t,{...n,signal:i.signal})
|
|
40
|
+
return clearTimeout(e),s}catch(t){throw clearTimeout(e),t}}async vt(){return new Promise(((t,n)=>{let i=0
|
|
41
|
+
const e=()=>{i++,2===i&&(this.St(),this.Tt(),t())},s=()=>n(Error("图片加载失败"))
|
|
42
|
+
this.zt(this.elements.V,this.L.xt,{width:this.L.$t,height:this.L.Et},e,s),this.zt(this.elements.F,this.L.yt,{width:this.L.jt,height:this.L.Ct,top:this.L.Dt},e,s)}))}zt(t,n,i,e,s){t.onload=e,t.onerror=s,t.src=n,Object.entries(i).forEach((([n,i])=>{t.style[n]="number"==typeof i?i+"px":i}))}dt(){const{elements:t}=this
|
|
43
|
+
t.container.style.display="block",t.H.style.display="flex",t.track.style.display="none",t.error.style.display="none",t.J.style.display="none"}St(){this.elements.H.style.display="none"}Tt(){const{elements:t}=this
|
|
44
|
+
t.container.style.display="block",t.H.style.display="none",t.track.style.display="block",t.error.style.display="none",t.J.style.display="none"}kt(t){this.St(),this.elements.error.textContent=t,this.elements.error.style.display="block",this.elements.J.style.display="inline-block"}async verify(){if(this.L)try{const t={At:{Lt:this.L.Lt,value:this.it()},Mt:[...this.M]},n=await this.ft(this.options.l,{method:"POST",headers:{gt:"application/json",bt:"application/json"},body:JSON.stringify(t)})
|
|
45
|
+
if(!n.ok)throw Error(`HTTP ${n.status}: ${n.statusText}`)
|
|
46
|
+
const i=await n.json()
|
|
47
|
+
"0"===i.code||!0===i.Ot?this.Pt():this.It(i.message||i.wt||"验证失败")}catch(t){this.It("网络错误,请检查连接后重试")}else this.It("验证码数据丢失,请刷新重试")}Pt(){const t=Date.now()-this.startTime,n=(t/1e3).toFixed(2)+"s"
|
|
48
|
+
this.ot("success"),this._t(n),setTimeout((()=>{this.options.Yt({Ut:this.L.Ut,timestamp:Date.now(),duration:t}),this.hide()}),2e3)}_t(t){const{elements:n}=this
|
|
49
|
+
n.N.textContent="验证成功!耗时:"+t,n.N.style.display="block",n.N.style.opacity="0",setTimeout((()=>{n.N.style.transition="opacity 0.3s ease",n.N.style.opacity="1"}),100)}It(t){this.state.A++,this.ot("fail"),this.rt(t,"#f56c6c"),setTimeout((()=>{this.reset(),this.state.A<this.options.o?this.refresh():(this.kt("验证失败次数过多,请刷新重试"),this.options.Vt({reason:"max_retries_exceeded",A:this.state.A}))}),1500)}reset(){this.state.C=0,this.st(!0),this.ot("reset"),this.ht(),this.elements.N.style.display="none",this.startTime=null}refresh(){this.reset(),this.L=null,this.state.A=0,this.ct()}destroy(){document.body.style.userSelect="",document.body.style.cursor="",this.B(),this.elements.u?.parentNode&&this.elements.u.parentNode.removeChild(this.elements.u),this.elements=null,this.L=null,this.M=null,this.O=null,this.state=null,this.options=null,this.startTime=null}static create(t){return new PopupSliderCaptcha(t)}static show(t){const n=new PopupSliderCaptcha(t)
|
|
50
|
+
return n.show(),n}}"undefined"!=typeof module&&module.exports?(module.exports=PopupSliderCaptcha,module.exports.default=PopupSliderCaptcha,module.exports.PopupSliderCaptcha=PopupSliderCaptcha):"function"==typeof define&&define.amd?define([],(()=>PopupSliderCaptcha)):"undefined"!=typeof window&&(window.PopupSliderCaptcha=PopupSliderCaptcha,window.SliderCaptcha=PopupSliderCaptcha),"undefined"!=typeof window&&(window.SliderCaptcha=PopupSliderCaptcha,window.PopupSliderCaptcha=PopupSliderCaptcha),t.PopupSliderCaptcha=PopupSliderCaptcha,t.default=PopupSliderCaptcha,Object.defineProperty(t,"Ft",{value:!0})}))
|