@seaverse/auth-sdk 0.4.0 → 0.4.1

package/README.md

@@ -570,8 +570,22 @@ Toast.success('操作成功', '数据已保存');
 Toast.error('操作失败', '请稍后重试');
 Toast.warning('注意', '账号已存在');
 Toast.info('提示', '邮件已发送');
+
+// 自定义显示时长（默认 3000ms）
+Toast.success('操作成功', '数据已保存', 5000);
 ```
 
+**🎯 智能交互特性**
+
+Toast 提供了智能的用户交互体验：
+
+- **Hover 暂停**：当鼠标悬停在 Toast 上时，自动暂停倒计时，让用户有足够时间阅读消息
+- **离开继续**：鼠标移开后，继续倒计时并自动消失
+- **手动关闭**：点击右上角的关闭按钮可立即关闭通知
+- **自动消失**：默认 3 秒后自动消失（可自定义时长）
+
+这些特性确保用户不会错过重要提示信息。
+
 #### 重置密码流程
 
 AuthModal 支持完整的密码重置流程：

package/dist/index.cjs

@@ -2247,6 +2247,7 @@ class Toast {
         }
         // Create toast element
         const toast = this.createToast(type, title, message, onClose);
+        const toastId = toast.id;
         // Add to container
         this.container.appendChild(toast);
         this.toasts.push(toast);
@@ -2254,11 +2255,17 @@ class Toast {
         requestAnimationFrame(() => {
             toast.classList.add('toast-show');
         });
-        // Auto-dismiss
+        // Auto-dismiss with hover support
         if (duration > 0) {
-            setTimeout(() => {
-                this.dismiss(toast, onClose);
-            }, duration);
+            this.scheduleAutoDismiss(toast, duration, onClose);
+            // Pause auto-dismiss on hover
+            toast.addEventListener('mouseenter', () => {
+                this.clearAutoDismiss(toastId);
+            });
+            // Resume auto-dismiss on leave
+            toast.addEventListener('mouseleave', () => {
+                this.scheduleAutoDismiss(toast, duration, onClose);
+            });
         }
     }
     /**
@@ -2472,6 +2479,30 @@ class Toast {
         svg.appendChild(path);
         return svg;
     }
+    /**
+     * Schedule auto-dismiss for a toast
+     */
+    static scheduleAutoDismiss(toast, duration, onClose) {
+        const toastId = toast.id;
+        // Clear existing timer if any
+        this.clearAutoDismiss(toastId);
+        // Schedule new timer
+        const timer = setTimeout(() => {
+            this.dismiss(toast, onClose);
+            this.timers.delete(toastId);
+        }, duration);
+        this.timers.set(toastId, timer);
+    }
+    /**
+     * Clear auto-dismiss timer for a toast
+     */
+    static clearAutoDismiss(toastId) {
+        const timer = this.timers.get(toastId);
+        if (timer) {
+            clearTimeout(timer);
+            this.timers.delete(toastId);
+        }
+    }
     /**
      * Dismiss a toast
      */
@@ -2764,6 +2795,7 @@ Toast.container = null;
 Toast.toasts = [];
 Toast.nextId = 0;
 Toast.cssInjected = false;
+Toast.timers = new Map();
 
 class AuthModal {
     constructor(options) {