slider-captcha-sdk 1.0.18 → 1.0.20

package/dist/slider-captcha.esm.js

@@ -8,22 +8,22 @@ class PopupSliderCaptcha {
     sliderSize: 38,
     maxRetries: 3,
     timeout: 30000,
-    apiUrl: "/api/captcha",
-    verifyUrl: "/api/captcha/verify",
+    apiUrl: '/api/captcha',
+    verifyUrl: '/api/captcha/verify',
     throttleDelay: 16,
     clickMaskClose: false
   }
 
   static CSS_CLASSES = {
-    overlay: "slider-captcha-overlay",
-    modal: "slider-captcha-modal",
-    header: "slider-captcha-header",
-    container: "slider-captcha-container",
-    track: "slider-captcha-track",
-    btn: "slider-captcha-btn",
-    hint: "slider-captcha-hint",
-    loading: "slider-captcha-loading",
-    error: "slider-captcha-error"
+    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'
   }
 
   // 优化：提取CSS样式为独立方法，减少主体代码长度
@@ -40,7 +40,6 @@ class PopupSliderCaptcha {
     THROTTLE_DELAY: 16
   }
 
-  // 优化：添加错误类型枚举
   static ERROR_TYPES = {
     NETWORK_ERROR: 'NETWORK_ERROR',
     TIMEOUT_ERROR: 'TIMEOUT_ERROR',
@@ -50,7 +49,6 @@ class PopupSliderCaptcha {
   }
 
   constructor(options = {}) {
-    // 优化：合并默认配置，使用常量
     this.options = {
       ...PopupSliderCaptcha.DEFAULTS,
       ...options,
@@ -59,7 +57,6 @@ class PopupSliderCaptcha {
       throttleDelay: options.throttleDelay || PopupSliderCaptcha.CONSTANTS.THROTTLE_DELAY
     };
 
-    // 优化：初始化所有属性
     this.elements = {};
     this.state = this.createInitialState();
     this.captchaData = null;
@@ -72,10 +69,8 @@ class PopupSliderCaptcha {
     this.imageCache = new Map();
     this.abortController = null;
 
-    // 优化：使用箭头函数绑定this，避免重复bind调用
     this.throttledHandleMove = this.throttle((e) => this.handleMove(e), this.options.throttleDelay);
 
-    // 优化：添加错误处理
     try {
       this.init();
     } catch (error) {
@@ -84,7 +79,6 @@ class PopupSliderCaptcha {
     }
   }
 
-  // 优化：提取初始状态创建为独立方法
   createInitialState() {
     return {
       isVisible: false,
@@ -103,15 +97,14 @@ class PopupSliderCaptcha {
   }
 
   injectStyles() {
-    if (document.querySelector("#slider-captcha-styles")) return
+    if (document.querySelector('#slider-captcha-styles')) { return }
 
-    const style = document.createElement("style");
-    style.id = "slider-captcha-styles";
+    const style = document.createElement('style');
+    style.id = 'slider-captcha-styles';
     style.textContent = PopupSliderCaptcha.getStyles();
     document.head.appendChild(style);
   }
 
-  // 优化：简化元素创建逻辑
   createElements() {
     const { elements, options } = this;
 
@@ -151,19 +144,18 @@ class PopupSliderCaptcha {
     this.setInitialState();
   }
 
-  createElement(tag, className = "", textContent = "") {
+  createElement(tag, className = '', textContent = '') {
     const element = document.createElement(tag);
-    if (className) element.className = className;
-    if (textContent) element.textContent = textContent;
+    if (className) { element.className = className; }
+    if (textContent) { element.textContent = textContent; }
     return element
   }
 
-  // 优化：简化DOM组装逻辑
   assembleDOM() {
     const { elements } = this;
 
     // 组装头部
-    const headerButtons = this.createElement("div", "slider-captcha-header-buttons");
+    const headerButtons = this.createElement('div', 'slider-captcha-header-buttons');
     headerButtons.append(elements.refreshBtn, elements.closeBtn);
     elements.header.append(elements.title, headerButtons);
 
@@ -177,19 +169,10 @@ class PopupSliderCaptcha {
 
     // 组装滑块轨道
     elements.btn.appendChild(elements.icon);
-    elements.track.append(
-      elements.fingerAnimation,
-      elements.btn,
-      elements.hint
-    );
+    elements.track.append(elements.fingerAnimation, elements.btn, elements.hint);
 
     // 组装模态框
-    elements.modal.append(
-      elements.header,
-      elements.container,
-      elements.track,
-      elements.error
-    );
+    elements.modal.append(elements.header, elements.container, elements.track, elements.error);
 
     // 组装到覆盖层
     elements.overlay.appendChild(elements.modal);
@@ -198,24 +181,23 @@ class PopupSliderCaptcha {
 
   setInitialState() {
     // 批量设置初始状态
-    Object.assign(this.elements.container.style, { display: "none" });
-    Object.assign(this.elements.track.style, { display: "none" });
+    Object.assign(this.elements.container.style, { display: 'none' });
+    Object.assign(this.elements.track.style, { display: 'none' });
   }
 
-  // 优化：简化事件绑定
   bindEvents() {
     const { elements } = this;
 
     // 基础事件
-    this.addEventListener(elements.closeBtn, "click", () => this.hide());
-    this.addEventListener(elements.refreshBtn, "click", () => this.refresh());
-    this.addEventListener(elements.overlay, "click", (e) => {
-      if (e.target === elements.overlay && this.options.clickMaskClose) this.hide();
+    this.addEventListener(elements.closeBtn, 'click', () => this.hide());
+    this.addEventListener(elements.refreshBtn, 'click', () => this.refresh());
+    this.addEventListener(elements.overlay, 'click', (e) => {
+      if (e.target === elements.overlay && this.options.clickMaskClose) { this.hide(); }
     });
-    this.addEventListener(document, "keydown", (e) => {
-      if (e.key === "Escape" && this.state.isVisible) this.hide();
+    this.addEventListener(document, 'keydown', (e) => {
+      if (e.key === 'Escape' && this.state.isVisible) { this.hide(); }
     });
-    this.addEventListener(document, "visibilitychange", () => this.handleVisibilityChange());
+    this.addEventListener(document, 'visibilitychange', () => this.handleVisibilityChange());
 
     this.bindSliderEvents();
   }
@@ -229,19 +211,18 @@ class PopupSliderCaptcha {
     };
 
     // 滑块事件
-    this.addEventListener(elements.btn, "mousedown", handlers.start);
-    this.addEventListener(elements.btn, "touchstart", handlers.start);
-    this.addEventListener(elements.sliderImg, "mousedown", handlers.start);
-    this.addEventListener(elements.sliderImg, "touchstart", handlers.start);
-    this.addEventListener(document, "mousemove", handlers.move, { passive: false });
-    this.addEventListener(document, "touchmove", handlers.move, { passive: false });
-    this.addEventListener(document, "mouseup", handlers.end);
-    this.addEventListener(document, "touchend", handlers.end);
+    this.addEventListener(elements.btn, 'mousedown', handlers.start);
+    this.addEventListener(elements.btn, 'touchstart', handlers.start);
+    this.addEventListener(elements.sliderImg, 'mousedown', handlers.start);
+    this.addEventListener(elements.sliderImg, 'touchstart', handlers.start);
+    this.addEventListener(document, 'mousemove', handlers.move, { passive: false });
+    this.addEventListener(document, 'touchmove', handlers.move, { passive: false });
+    this.addEventListener(document, 'mouseup', handlers.end);
+    this.addEventListener(document, 'touchend', handlers.end);
   }
 
-  // 优化：改进事件管理
   addEventListener(element, event, handler, options = {}) {
-    if (!element || typeof handler !== 'function') return
+    if (!element || typeof handler !== 'function') { return }
 
     element.addEventListener(event, handler, options);
     this.eventListeners.push({ element, event, handler, options });
@@ -258,7 +239,6 @@ class PopupSliderCaptcha {
     this.eventListeners.length = 0;
   }
 
-  // 优化：缓存尺寸计算
   getDimensions() {
     if (!this.cachedDimensions) {
       const trackWidth = this.elements.track.offsetWidth;
@@ -278,9 +258,8 @@ class PopupSliderCaptcha {
     return Math.round(percentage * (this.options.width - this.options.sliderSize))
   }
 
-  // 优化：简化拖拽处理
   handleStart(e) {
-    if (!this.captchaData || this.state.isDragging || this.state.isLoading) return
+    if (!this.captchaData || this.state.isDragging || this.state.isLoading) { return }
 
     e.preventDefault();
     this.state.isDragging = true;
@@ -289,12 +268,12 @@ class PopupSliderCaptcha {
     this.times = [{ time: Date.now(), position: this.getPosition() }];
 
     this.setTransition(false);
-    this.updateUIState("dragging");
+    this.updateUIState('dragging');
     this.cachedDimensions = null; // 清除缓存
   }
 
   handleMove(e) {
-    if (!this.state.isDragging) return
+    if (!this.state.isDragging) { return }
     e.preventDefault();
 
     const clientX = this.getClientX(e);
@@ -305,12 +284,14 @@ class PopupSliderCaptcha {
     this.times.push({ time: Date.now(), position: this.getPosition() });
 
     // 优化：使用RAF批量更新
-    this.rafId && cancelAnimationFrame(this.rafId);
+    if (this.rafId) {
+      cancelAnimationFrame(this.rafId);
+    }
     this.rafId = requestAnimationFrame(() => this.updateSliderPosition());
   }
 
   handleEnd() {
-    if (!this.state.isDragging) return
+    if (!this.state.isDragging) { return }
 
     this.times.push({ time: Date.now(), position: this.getPosition() });
     this.state.isDragging = false;
@@ -331,11 +312,11 @@ class PopupSliderCaptcha {
   }
 
   getClientX(e) {
-    return e.type.includes("touch") ? e.touches[0].clientX : e.clientX
+    return e.type.includes('touch') ? e.touches[0].clientX : e.clientX
   }
 
   setTransition(enabled) {
-    const transition = enabled ? "all 0.3s ease" : "none";
+    const transition = enabled ? 'all 0.3s ease' : 'none';
     requestAnimationFrame(() => {
       this.elements.btn.style.transition = transition;
       this.elements.sliderImg.style.transition = transition;
@@ -347,38 +328,38 @@ class PopupSliderCaptcha {
     const { elements } = this;
     const updates = {
       dragging: () => {
-        elements.hint.style.opacity = "0";
-        elements.fingerAnimation.style.display = "none";
+        elements.hint.style.opacity = '0';
+        elements.fingerAnimation.style.display = 'none';
       },
       success: () => {
-        Object.assign(elements.btn.style, { background: "var(--sc-success)" });
-        Object.assign(elements.icon.style, { innerHTML: "✓", color: "white" });
-        elements.icon.innerHTML = "✓";
+        Object.assign(elements.btn.style, { background: 'var(--sc-success)' });
+        Object.assign(elements.icon.style, { innerHTML: '✓', color: 'white' });
+        elements.icon.innerHTML = '✓';
       },
       fail: () => {
-        Object.assign(elements.btn.style, { background: "var(--sc-danger)" });
-        Object.assign(elements.icon.style, { innerHTML: "✗", color: "white" });
-        elements.icon.innerHTML = "✗";
+        Object.assign(elements.btn.style, { background: 'var(--sc-danger)' });
+        Object.assign(elements.icon.style, { innerHTML: '✗', color: 'white' });
+        elements.icon.innerHTML = '✗';
       },
       reset: () => {
-        Object.assign(elements.btn.style, { background: "white" });
-        Object.assign(elements.icon.style, { color: "#666" });
-        elements.icon.innerHTML = "→";
-        elements.fingerAnimation.style.display = "block";
-        this.updateHintText("向右滑动完成验证", "var(--sc-text-light)");
+        Object.assign(elements.btn.style, { background: 'white' });
+        Object.assign(elements.icon.style, { color: '#666' });
+        elements.icon.innerHTML = '→';
+        elements.fingerAnimation.style.display = 'block';
+        this.updateHintText('向右滑动完成验证', 'var(--sc-text-light)');
       },
       loading: () => {
-        elements.hint.style.opacity = "0";
-        elements.fingerAnimation.style.display = "none";
-        Object.assign(elements.track.style, { pointerEvents: "none", opacity: "0.6" });
+        elements.hint.style.opacity = '0';
+        elements.fingerAnimation.style.display = 'none';
+        Object.assign(elements.track.style, { pointerEvents: 'none', opacity: '0.6' });
       }
     };
 
     if (updates[state]) {
       requestAnimationFrame(() => {
         updates[state]();
-        if (state !== "loading") {
-          Object.assign(elements.track.style, { pointerEvents: "auto", opacity: "1" });
+        if (state !== 'loading') {
+          Object.assign(elements.track.style, { pointerEvents: 'auto', opacity: '1' });
         }
       });
     }
@@ -387,7 +368,7 @@ class PopupSliderCaptcha {
   updateHintText(text, color) {
     requestAnimationFrame(() => {
       Object.assign(this.elements.hint, { textContent: text });
-      Object.assign(this.elements.hint.style, { color, opacity: "1" });
+      Object.assign(this.elements.hint.style, { color, opacity: '1' });
     });
   }
 
@@ -400,18 +381,18 @@ class PopupSliderCaptcha {
     requestAnimationFrame(() => {
       elements.btn.style.transform = `translateX(${state.currentX}px)`;
       elements.sliderImg.style.transform = `translateX(${pieceX}px)`;
-      elements.fingerAnimation.style.opacity = progress >= 0.8 ? "0" : "0.6";
+      elements.fingerAnimation.style.opacity = progress >= 0.8 ? '0' : '0.6';
     });
   }
 
   // 优化：简化显示/隐藏逻辑
   show() {
     this.state.isVisible = true;
-    this.elements.overlay.style.display = "flex";
+    this.elements.overlay.style.display = 'flex';
 
     requestAnimationFrame(() => {
-      this.elements.overlay.classList.add("show");
-      this.elements.modal.classList.add("show");
+      this.elements.overlay.classList.add('show');
+      this.elements.modal.classList.add('show');
     });
 
     this.loadCaptcha();
@@ -419,11 +400,11 @@ class PopupSliderCaptcha {
 
   hide() {
     this.state.isVisible = false;
-    this.elements.overlay.classList.remove("show");
-    this.elements.modal.classList.remove("show");
+    this.elements.overlay.classList.remove('show');
+    this.elements.modal.classList.remove('show');
 
     this.safeSetTimeout(() => {
-      this.elements.overlay.style.display = "none";
+      this.elements.overlay.style.display = 'none';
       document.body.removeChild(this.elements.overlay);
       this.reset();
       this.options.onClose?.();
@@ -469,9 +450,9 @@ class PopupSliderCaptcha {
       this.abortController = new AbortController();
 
       const response = await fetch(this.options.apiUrl, {
-        method: "POST",
+        method: 'POST',
         headers: {
-          "Content-Type": "application/json",
+          'Content-Type': 'application/json',
           ...this.options.headers
         },
         body: JSON.stringify({
@@ -489,7 +470,7 @@ class PopupSliderCaptcha {
 
       // 优化：更严格的数据验证
       if (!this.validateCaptchaData(data)) {
-        throw new Error("验证码数据格式错误")
+        throw new Error('验证码数据格式错误')
       }
 
       this.captchaData = data.data;
@@ -498,7 +479,10 @@ class PopupSliderCaptcha {
     } catch (error) {
       if (error.name === 'AbortError') {
         this.handleError(PopupSliderCaptcha.ERROR_TYPES.TIMEOUT_ERROR, '请求被取消');
-      } else if (error.message.includes('Failed to fetch') || error.message.includes('NetworkError')) {
+      } else if (
+        error.message.includes('Failed to fetch') ||
+        error.message.includes('NetworkError')
+      ) {
         this.handleError(PopupSliderCaptcha.ERROR_TYPES.NETWORK_ERROR, '网络连接失败');
       } else {
         this.handleError(PopupSliderCaptcha.ERROR_TYPES.CAPTCHA_DATA_ERROR, error.message, error);
@@ -508,12 +492,21 @@ class PopupSliderCaptcha {
 
   // 优化：添加验证码数据验证方法
   validateCaptchaData(data) {
-    if (!data || typeof data !== 'object') return false
-
-    const requiredFields = ['canvasSrc', 'blockSrc', 'canvasWidth', 'canvasHeight', 'blockWidth', 'blockHeight', 'blockY', 'nonceStr'];
+    if (!data || typeof data !== 'object') { return false }
+
+    const requiredFields = [
+      'canvasSrc',
+      'blockSrc',
+      'canvasWidth',
+      'canvasHeight',
+      'blockWidth',
+      'blockHeight',
+      'blockY',
+      'nonceStr'
+    ];
     const dataObj = data.data || data;
 
-    return requiredFields.every(field => {
+    return requiredFields.every((field) => {
       const value = dataObj[field];
       return value !== null && value !== undefined && value !== ''
     })
@@ -523,6 +516,22 @@ class PopupSliderCaptcha {
     return new Promise((resolve, reject) => {
       let hasError = false;
 
+      // const _onLoad = () => {
+      //   if (hasError) { return }
+      //   loadedCount++
+      //   if (loadedCount === 2) {
+      //     this.hideLoading()
+      //     resolve()
+      //   }
+      // }
+      //
+      // const _onError = (error) => {
+      //   if (hasError) { return }
+      //   hasError = true
+      //   this.handleError(PopupSliderCaptcha.ERROR_TYPES.IMAGE_LOAD_ERROR, '图片加载失败', error)
+      //   reject(new Error('图片加载失败'))
+      // }
+
       // 优化：并行加载图片，提高性能
       const loadPromises = [
         this.loadImageAsync(this.elements.backgroundImg, this.captchaData.canvasSrc, {
@@ -569,16 +578,16 @@ class PopupSliderCaptcha {
         reject(new Error('图片加载超时'));
       }, 10000); // 10秒超时
 
-      imgElement.onload = () => {
+      imgElement.onload = function onImageLoad() {
         this.safeClearTimeout(timeoutId);
         this.imageCache.set(src, imgElement.cloneNode());
         resolve();
-      };
+      }.bind(this);
 
-      imgElement.onerror = (error) => {
+      imgElement.onerror = function onImageError(error) {
         this.safeClearTimeout(timeoutId);
         reject(error);
-      };
+      }.bind(this);
 
       imgElement.src = src;
       this.applyStyles(imgElement, styles);
@@ -588,7 +597,7 @@ class PopupSliderCaptcha {
   // 优化：提取样式应用逻辑
   applyStyles(element, styles) {
     Object.entries(styles).forEach(([key, value]) => {
-      element.style[key] = typeof value === "number" ? value + "px" : value;
+      element.style[key] = typeof value === 'number' ? `${value}px` : value;
     });
   }
 
@@ -596,31 +605,31 @@ class PopupSliderCaptcha {
   showLoading() {
     this.state.isLoading = true;
     this.batchUpdateStyles({
-      container: { display: "block" },
-      loadingText: { display: "flex" },
-      error: { display: "none" }
+      container: { display: 'block' },
+      loadingText: { display: 'flex' },
+      error: { display: 'none' }
     });
-    this.updateUIState("loading");
+    this.updateUIState('loading');
   }
 
   hideLoading() {
     this.state.isLoading = false;
-    this.batchUpdateStyles({ loadingText: { display: "none" } });
-    this.updateUIState("reset");
+    this.batchUpdateStyles({ loadingText: { display: 'none' } });
+    this.updateUIState('reset');
   }
 
   showCaptcha() {
     this.batchUpdateStyles({
-      container: { display: "block" },
-      track: { display: "block" },
-      error: { display: "none" }
+      container: { display: 'block' },
+      track: { display: 'block' },
+      error: { display: 'none' }
     });
   }
 
   showError(message) {
     this.hideLoading();
     this.batchUpdateStyles({
-      error: { display: "block", textContent: message }
+      error: { display: 'block', textContent: message }
     });
   }
 
@@ -644,7 +653,7 @@ class PopupSliderCaptcha {
 
   async verify() {
     if (!this.captchaData) {
-      this.onVerifyFail("验证码数据丢失");
+      this.onVerifyFail('验证码数据丢失');
       return
     }
 
@@ -656,9 +665,9 @@ class PopupSliderCaptcha {
       this.abortController = new AbortController();
 
       const response = await fetch(this.options.verifyUrl, {
-        method: "POST",
+        method: 'POST',
         headers: {
-          "Content-Type": "application/json",
+          'Content-Type': 'application/json',
           ...this.options.headers
         },
         body: JSON.stringify({
@@ -682,12 +691,15 @@ class PopupSliderCaptcha {
       if (this.isVerifySuccess(data)) {
         this.onVerifySuccess(data.data || data.result);
       } else {
-        this.onVerifyFail(data.message || data.msg || "验证失败，请重试！");
+        this.onVerifyFail(data.message || data.msg || '验证失败，请重试！');
       }
     } catch (error) {
       if (error.name === 'AbortError') {
         this.handleError(PopupSliderCaptcha.ERROR_TYPES.TIMEOUT_ERROR, '验证请求被取消');
-      } else if (error.message.includes('Failed to fetch') || error.message.includes('NetworkError')) {
+      } else if (
+        error.message.includes('Failed to fetch') ||
+        error.message.includes('NetworkError')
+      ) {
         this.handleError(PopupSliderCaptcha.ERROR_TYPES.NETWORK_ERROR, '网络连接失败');
       } else {
         this.handleError(PopupSliderCaptcha.ERROR_TYPES.VALIDATION_ERROR, error.message, error);
@@ -697,30 +709,32 @@ class PopupSliderCaptcha {
 
   // 优化：添加验证成功判断方法
   isVerifySuccess(data) {
-    if (!data || typeof data !== 'object') return false
+    if (!data || typeof data !== 'object') { return false }
 
     // 支持多种成功标识
     const successIndicators = [
-      data.code === "0",
+      data.code === '0',
       data.code === 0,
       data.success === true,
       data.status === 'success',
       data.result === true
     ];
 
-    return successIndicators.some(indicator => indicator === true)
+    return successIndicators.some((indicator) => indicator === true)
   }
 
   onVerifySuccess(ticket) {
-    const duration = this.dragStartTime ? Date.now() - this.dragStartTime : (Date.now() - this.startTime);
+    const duration = this.dragStartTime ?
+      Date.now() - this.dragStartTime :
+      Date.now() - this.startTime;
     const durationText = `验证成功！耗时：${(duration / 1000).toFixed(2)}s`;
 
-    this.updateUIState("success");
-    this.showFloatingTime(durationText, "success");
+    this.updateUIState('success');
+    this.showFloatingTime(durationText, 'success');
 
     this.safeSetTimeout(() => {
       this.options.onSuccess?.({
-        ticket: ticket,
+        ticket,
         timestamp: Date.now(),
         duration
       });
@@ -728,21 +742,21 @@ class PopupSliderCaptcha {
     }, 2000);
   }
 
-  showFloatingTime(text, type = "success") {
+  showFloatingTime(text, type = 'success') {
     const { elements } = this;
     elements.floatingTime.textContent = text;
     elements.floatingTime.className = `slider-captcha-floating-time ${type}`;
 
-    this.safeSetTimeout(() => elements.floatingTime.classList.add("show"), 100);
+    this.safeSetTimeout(() => elements.floatingTime.classList.add('show'), 100);
     this.safeSetTimeout(() => {
-      elements.floatingTime.className = "slider-captcha-floating-time";
+      elements.floatingTime.className = 'slider-captcha-floating-time';
     }, 2500); // 优化：延长显示时间，避免被reset清除
   }
 
   onVerifyFail(message) {
     this.state.retryCount++;
-    this.updateUIState("fail");
-    this.showFloatingTime(message, "fail");
+    this.updateUIState('fail');
+    this.showFloatingTime(message, 'fail');
 
     this.safeSetTimeout(() => {
       if (this.state.retryCount >= this.options.maxRetries) {
@@ -772,10 +786,10 @@ class PopupSliderCaptcha {
     // 重置UI
     requestAnimationFrame(() => {
       this.setTransition(true);
-      this.elements.btn.style.transform = "translateX(0px)";
-      this.elements.sliderImg.style.transform = "translateX(0px)";
-      this.updateUIState("reset");
-      this.elements.error.style.display = "none";
+      this.elements.btn.style.transform = 'translateX(0px)';
+      this.elements.sliderImg.style.transform = 'translateX(0px)';
+      this.updateUIState('reset');
+      this.elements.error.style.display = 'none';
     });
   }
 
@@ -803,7 +817,7 @@ class PopupSliderCaptcha {
   }
 
   clearAllTimers() {
-    this.timers.forEach(timer => {
+    this.timers.forEach((timer) => {
       clearTimeout(timer);
       clearInterval(timer);
     });
@@ -833,13 +847,15 @@ class PopupSliderCaptcha {
   // 工具函数：节流
   throttle(func, delay) {
     let lastCall = 0;
-    return function (...args) {
+    const throttledFunction = (...args) => {
       const now = Date.now();
       if (now - lastCall >= delay) {
         lastCall = now;
         return func.apply(this, args)
       }
-    }
+      return undefined
+    };
+    return throttledFunction
   }
 
   destroy() {
@@ -852,8 +868,8 @@ class PopupSliderCaptcha {
 
       // 恢复body样式
       if (document.body) {
-        document.body.style.userSelect = "";
-        document.body.style.cursor = "";
+        document.body.style.userSelect = '';
+        document.body.style.cursor = '';
       }
 
       // 清理所有定时器
@@ -881,7 +897,7 @@ class PopupSliderCaptcha {
       this.cachedDimensions = null;
 
       // 清空所有属性
-      Object.keys(this).forEach(key => {
+      Object.keys(this).forEach((key) => {
         if (key !== 'constructor') {
           this[key] = null;
         }
@@ -908,12 +924,12 @@ class PopupSliderCaptcha {
 }
 
 // 模块导出
-if (typeof module !== "undefined" && module.exports) {
+if (typeof module !== 'undefined' && module.exports) {
   module.exports = PopupSliderCaptcha;
   module.exports.default = PopupSliderCaptcha;
-} else if (typeof define === "function" && define.amd) {
+} else if (typeof define === 'function' && define.amd) {
   define([], () => PopupSliderCaptcha);
-} else if (typeof window !== "undefined") {
+} else if (typeof window !== 'undefined') {
   window.PopupSliderCaptcha = PopupSliderCaptcha;
   window.SliderCaptcha = PopupSliderCaptcha;
 }