customer-chat-sdk 1.0.75 → 1.1.1

package/dist/customer-sdk.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 // 直接使用base64字符串，避免打包后路径问题
 const iconImage = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAArKSURBVHgB7Z1NbFTXFcf/93mwaGyEabLoIgFTqWRFMZUitSoIu80ial01SFWrKgsGKXYpWdRtFilRK4xUgbKICosmCKIySKCo2UAE6i61XVroDuOoi2YT02RZVFNwQTAzN+e8N88ej9+8j5n3ce5wf5JhPvyY4f3f/9xzz73vXoUeYKish6oljCiFYQ2MaAebVR3D/Jzf1xpDUPTTggIW6feXoOlH0Q9wS9exRK/Pl6qYX6qoJRiOgoEMvqpHWUjlYJ9iQeEJmTb07y6y2CT6HP99/z01C8MwQmB26OMSyuTIH9LTkSA35oLn9FmKCB/WHmP2YUUtQjhiBV4jqsIoJKJJbOC8ZLHFCczhl75UWXvCFuPUDiBXV5TGeWlhXIzALCx9m6Ni3RqfeRL71PJZVYEAChfYdayDc1klSkXBCRr9caxooQsTuIccG4qbiddxsKjQnbvAlDwNVzfgXK8L2wq30ZSMHcs7GctV4IFX9ZTyXGtM8pQq2i2qnCQ3H0NO5CLwk+radnDYrj3CWB5udpAx7FoS96YVdxVy1XCJzgmfG2RMZg5268P9FI6BzP8TRlN3Q/YvkRGZCOyG5H5cApcVLZFkGbJTF3igrEccErfX+rVZk5XIqbbBmyb1y2oDZqy4yfHbZT6HSJHUHDwwqQ/QP1aBpWvIIOXlM+o8UiAVga246ZOWyF0LbMXNjjRE7kpgbi/oS1yCJTNIoP33zqjL6JCOBW5Up24+sWXHvKDyJplojEal5tEBHWXRLG6tHzNW3BxQ7oTBSxvpnKMDOhKYxbVdofxwu1BUW+DqIBKSWODBSf17K24hjFRLbuk3EYkEbhTHbW25KBxMJR2giJ1k2aRKCJR0VR9jd9ySZmwH26RKCKRBicfWYxJLYGp3j9p2VxA0th43VEeGaBuahRIzVEc6uFbCtBVXIDFDdaiDBw/pUdSp7bXIpY6xsCm5oQ5W9fiNuaUgVHjfuK2DN01ovj/IaIE3PwVs/TL9PEOPv7T2vX/fAe7+H/j4c5hPiItLbQ9SyasmRcOCvvJN4OvPAXueB7Y9He+4a/8CFkjoq1TO/9snMA7tuEbcHvReoINNc++eHcCb48De59E1t+94gp+46rncGNq4OFBg6vfehAEzIl/5FnDkB/GdmpQL1w0SWmP2/lk11vryOoFNyJx3Pgu89eN0HBuHP3zkCc1ttmgCXLwui1ZVlCGYw98Brv82P3GZ174L/P031LY/C9FQs3qg9bU1Dm5MWP8UAuEE6v1D+QobxPErnptFQtWt0mNsb14daI2Daxtk3j+09WnPQUWLy7xJbf6RcciEqlu8rknzS2sEpnT7AITB4v759ewSqU6QLHJjJaLV5/4DieFZorjNSA3XpUfY4ofpFQdLDM/vH5YrLsNO5qRPGs1hekVgGu9N9Z6YbuEQKD1rZVjkrcIuwuYw3dwG74MQ+ITxiTMBN7s/DGmsFKlcgd3ihqAxX253TYIjjahQTVq6qxihIbCuyilLcvlRcrvbDo447GYp6IaLXYGVoPUzjhgSmlthcSW52NfUF3gXBGCqe324pCnFxbqhqcO3Q0iZMckCm4w/Hi0Bvt2FtXWqG2W0v5w5SyhFdsv4boiBV8F3pCRYe3egJ+D/h6AwPewoR0b3yPTw3Mzer0EEvN2BQ/m0CAfzPKpeYY+QpoY3J3Eoj96Mgtn5nKw+ZLdI6QmoOraXoIsP0a1TWoPg6TLv/AW4/R/v9zmZSdJuv/MRsPCZd+xrL8avH/PnXryR7NidQqIRtcHbSkpjiy543feoK54nvX3vbW/Gow+LHWdclgXiYxc+T35su8996yfhRQ1JfXmHVUbBRDmCx11v3wl+fSFi4vobHwT/Dh977ZPOPveNP0VPwJPQ5JB5hzJfTjgNrt5q/x7PYQ7j48/av7cQ8l7U5164gVDiNDuZowwROIwoJy096PzYXkCEwFEnOmzgPyrRGt/V+bGhnxvRFZIyWV6GwA/C33+3HNxOc6ITdaIPv9j5se0+15TZJkxf/zempyhWb0SBbHsG+NEL7d8fooRlfGTV6Tu+4g0rvv4SIknz2Be+CvzqJW/UKAxu2//4V4hAbZrQi0Vn0uySfx5Hz8B3Kf70XRQOLzIuIkT79+r2ClHZeV5QN2nJoXqliLnQ1wy8L7cdgu4xvuuQyrchgKj+rClwJBJ0sZKDNURsY37xH+gJrna06G9GKMw7vHU5BCDsyu+YizcgBl1nB/dhEUI4cQVGw8mipIuUzeuUHspwMMMnx6h1MVo4LuwCLVVJYL4LTUqixRyqwEj4whQVnqkPzNo6jSeiXGxiWyzNvWRadyzME1hjFoL4ecWswsfF67Lcy/iaenc2lOQ4mOFB9uNS18FogUOzxJvA/d7RymSdwQn9X2mryp4uy55Oy1Hm278LnvVRKFTbuH9WbeGHq7VoR5aLmXbTbaTw6w8Eiusx5z9YvcO/hg8hjKAJc1LgPOGCsHbXh5LmlZ3SVgTeUJW5/6AvspQSIH8fyeIytb7VpHlFYHdVFiUrm/bhk8rhuujM2p9GK1lcsu/cw9Ory/yvXSdLYJhm/OWUipyKyhGEEyrJOQGjW3aCXSOwG6aFjC75FL1Wlu9anqGxZEDfvDk8M2sEdsuWSo6LixSXmwPu37JrTamsaYVKc3hm1q34rh1ycb34JQ2LEJdF5RB84oqZ5VJVw7rNpIMXBP+ZnqFQPYqCyEtc7sNyCOa7H1hQnmpjQhgORGOeihvr1hcI3rNB4ViRAv/vAfD9t5EpQgsUHUPJ1amg19vvujKpP7Xb2ZkBDw0un1GBm3K0nTZLbfFBWMxAU8RtQ/jOZwW3xZZowtzLhE98V+2vDIsMVD080oYKfP+0mpVavrR4/d6wfQuZyFtXSoquEGHVLQvcMd9ajAgbKfASVUa0DdXy0DjVWrUKIvbyKzbhkkNUYtVM7LsLbagWAodmB2Nxfz22wDZUy0BTnzdOaPZJdH8whYWTHPthKQY698vvkQYJSLwEGq9BXO13N68UvztpL5Gk3W0m8R3+PGZccrCfroxFWHKBxU3S7jbT8SKGAxN6hA6ekTaXuuegpKrah91J2t1mOl6jY/msmlfKDkhkDZ/jTsVlulqE5d4ZdVlpK3JWUMZ8kM8xuiCVdWY3TegydaHOwZIaLC5FyQq6JLWFhK3I6ZGWuExq62Tdoy9EV8t+W+3qAjp3fA7TEpdJfSnwoUN6uFbHjJ3ukwzuCtEfLG6qN+mkvtIdlzT7qM9m+8mJmOd+btriMpksZeiK/Ai7bVkzBnSOSk9hrJuuUBiZ79YwMKmnqCt11BZEWqD2lgcOktaWk5LLdhy2XV7HXNVBOSvXNpPrfiuDk3qartxfPLFuzsm1zeS+oU7DzdPk5sLvf8qZ3FzbTGE7JvG28qqOc09A2J6jVHbanaFaAAVvieVVwOhbHO01oblfqxwcLEpYn8IF9mmUOqfooYjdyLugUMe2IkZgn0boLhvVRnPy5OAyDe2dlyKsjziBfdxkrIZRcnWZnu6DTOZ0HZc3DKKydFKJrMGLFbiZFbGBl8FiF9XN4oEUhVvSRW3GCIFb4TDOW9NTSByln11ZJWi8zDKvxMsLe/J6ntLCbxyMFLiVoSk9VH2IEVd03rKedzX3XD7EO3AG7gvlDc3ddR8qLLpZr6LX6iRoHxZLGzFvgkOj+ALBlx6CtCZy6AAAAABJRU5ErkJggg==';
 class IconManager {
-    constructor(position) {
+    constructor(position, debug = false) {
         this.iconElement = null;
         this.badgeElement = null;
         this.onClickCallback = null;
@@ -17,8 +17,14 @@ class IconManager {
         this.iconStartY = 0;
         this.dragMoveHandler = null;
         this.dragEndHandler = null;
+        this.checkDragHandler = null; // 临时拖动检测监听器
+        this.dragStartHandler = null; // 拖动开始事件监听器
+        this.touchStartHandler = null; // 触摸开始事件监听器
         this.iconPosition = null; // 图标位置配置
+        this.debug = false; // debug 模式标志
+        this.isClickEnabled = true; // 是否允许点击（iframe 打开时禁用）
         this.iconPosition = position || null;
+        this.debug = debug;
     }
     /**
      * 显示悬浮图标
@@ -32,7 +38,7 @@ class IconManager {
         this.iconElement.className = 'customer-sdk-icon';
         // 直接设置样式 - 图标容器
         const defaultStyle = {
-            position: 'fixed',
+            position: 'absolute',
             width: '30px',
             height: '30px',
             backgroundColor: 'transparent', // 移除背景色，让图片直接显示
@@ -41,7 +47,7 @@ class IconManager {
             alignItems: 'center',
             justifyContent: 'center',
             cursor: 'pointer',
-            zIndex: '999999',
+            zIndex: '1000002', // 确保图标始终在最上层（遮罩层 999998，iframe 容器 999999）
             boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
             userSelect: 'none',
             transition: 'transform 0.2s ease',
@@ -86,7 +92,9 @@ class IconManager {
         iconImg.alt = 'Customer Service';
         // 添加图片加载成功处理
         iconImg.onload = () => {
-            console.log('Icon image loaded successfully');
+            if (this.debug) {
+                console.log('Icon image loaded successfully');
+            }
             if (this.iconElement) {
                 // 确保图片可见
                 iconImg.style.opacity = '1';
@@ -95,6 +103,7 @@ class IconManager {
         };
         // 添加图片加载错误处理
         iconImg.onerror = (e) => {
+            // 错误始终输出
             console.error('Failed to load icon image', e);
             // 只记录错误，不使用默认样式，必须使用外部提供的图片
         };
@@ -116,7 +125,9 @@ class IconManager {
         this.setupDragEvents();
         // 添加到页面
         document.body.appendChild(this.iconElement);
-        console.log('CustomerSDK icon displayed');
+        if (this.debug) {
+            console.log('CustomerSDK icon displayed');
+        }
     }
     /**
      * 强制清理所有拖动事件监听器
@@ -129,7 +140,9 @@ class IconManager {
                 document.removeEventListener('touchmove', this.dragMoveHandler);
             }
             catch (e) {
-                console.warn('Error removing drag move listeners:', e);
+                if (this.debug) {
+                    console.warn('Error removing drag move listeners:', e);
+                }
             }
         }
         if (this.dragEndHandler) {
@@ -138,7 +151,9 @@ class IconManager {
                 document.removeEventListener('touchend', this.dragEndHandler);
             }
             catch (e) {
-                console.warn('Error removing drag end listeners:', e);
+                if (this.debug) {
+                    console.warn('Error removing drag end listeners:', e);
+                }
             }
         }
         // 重置拖动状态
@@ -161,7 +176,9 @@ class IconManager {
             this.onClickCallback = null;
             this.dragMoveHandler = null;
             this.dragEndHandler = null;
-            console.log('CustomerSDK icon hidden');
+            if (this.debug) {
+                console.log('CustomerSDK icon hidden');
+            }
         }
     }
     /**
@@ -218,7 +235,9 @@ class IconManager {
      */
     showNotification(options) {
         if (!this.iconElement) {
-            console.warn('Icon not displayed, cannot show notification');
+            if (this.debug) {
+                console.warn('Icon not displayed, cannot show notification');
+            }
             return;
         }
         const { showBadge = true, badgeCount = 0, badgeText = '', pulse = false } = options;
@@ -230,7 +249,9 @@ class IconManager {
         if (this.notificationCallback) {
             this.notificationCallback({ badgeCount, badgeText, pulse });
         }
-        console.log('Notification shown:', { badgeCount, badgeText });
+        if (this.debug) {
+            console.log('Notification shown:', { badgeCount, badgeText });
+        }
     }
     /**
      * 清除消息订阅
@@ -240,7 +261,9 @@ class IconManager {
             this.badgeElement.remove();
             this.badgeElement = null;
         }
-        console.log('Notification cleared');
+        if (this.debug) {
+            console.log('Notification cleared');
+        }
     }
     /**
      * 设置拖动和点击事件
@@ -251,9 +274,11 @@ class IconManager {
         // 绑定事件处理器（用于后续清理）
         this.dragMoveHandler = this.handleDragMove.bind(this);
         this.dragEndHandler = this.handleDragEnd.bind(this);
-        // 只在图标上监听开始事件
-        this.iconElement.addEventListener('mousedown', this.handleDragStart.bind(this));
-        this.iconElement.addEventListener('touchstart', this.handleDragStart.bind(this), { passive: false });
+        this.dragStartHandler = this.handleDragStart.bind(this);
+        // 只在图标上监听开始事件（保存引用以便后续移除）
+        this.iconElement.addEventListener('mousedown', this.dragStartHandler);
+        this.touchStartHandler = this.handleDragStart.bind(this);
+        this.iconElement.addEventListener('touchstart', this.touchStartHandler, { passive: false });
     }
     /**
      * 开始拖动
@@ -276,12 +301,33 @@ class IconManager {
         const rect = this.iconElement.getBoundingClientRect();
         this.iconStartX = rect.left;
         this.iconStartY = rect.top;
-        // 添加拖动样式
-        this.iconElement.style.transition = 'none';
-        this.iconElement.style.cursor = 'grabbing';
+        // 注意：不要在这里立即移除 transition 和设置 cursor
+        // 只有在真正开始拖动时才修改样式，避免点击时图标位置跳动
         // 只在真正开始拖动时添加document事件监听
         // 先添加一个临时的move监听器来检测是否真的在拖动
         const checkDrag = (moveEvent) => {
+            // 检测事件目标：如果事件发生在iframe或其他元素上，停止检测拖动
+            const target = moveEvent.target;
+            if (target && target !== this.iconElement && !this.iconElement?.contains(target)) {
+                // 检查是否是iframe相关元素
+                const isIframeElement = target.tagName === 'IFRAME' ||
+                    target.closest('iframe') ||
+                    target.closest('.customer-sdk-container') ||
+                    target.closest('.customer-sdk-overlay');
+                if (isIframeElement) {
+                    // 如果事件发生在iframe相关元素上，停止检测并清理监听器
+                    if (this.checkDragHandler) {
+                        if ('touches' in moveEvent) {
+                            document.removeEventListener('touchmove', this.checkDragHandler);
+                        }
+                        else {
+                            document.removeEventListener('mousemove', this.checkDragHandler);
+                        }
+                        this.checkDragHandler = null;
+                    }
+                    return;
+                }
+            }
             const moveX = 'touches' in moveEvent ? moveEvent.touches[0].clientX : moveEvent.clientX;
             const moveY = 'touches' in moveEvent ? moveEvent.touches[0].clientY : moveEvent.clientY;
             const deltaX = moveX - this.dragStartX;
@@ -289,12 +335,20 @@ class IconManager {
             // 如果移动距离超过5px，开始拖动
             if (Math.abs(deltaX) > 5 || Math.abs(deltaY) > 5) {
                 this.isDragging = true;
-                // 移除临时监听器
-                if ('touches' in moveEvent) {
-                    document.removeEventListener('touchmove', checkDrag);
+                // 只有在真正开始拖动时才移除 transition 和设置 cursor
+                if (this.iconElement) {
+                    this.iconElement.style.transition = 'none';
+                    this.iconElement.style.cursor = 'grabbing';
                 }
-                else {
-                    document.removeEventListener('mousemove', checkDrag);
+                // 移除临时监听器
+                if (this.checkDragHandler) {
+                    if ('touches' in moveEvent) {
+                        document.removeEventListener('touchmove', this.checkDragHandler);
+                    }
+                    else {
+                        document.removeEventListener('mousemove', this.checkDragHandler);
+                    }
+                    this.checkDragHandler = null;
                 }
                 // 添加正式的事件监听器
                 if (this.dragMoveHandler && this.dragEndHandler) {
@@ -309,13 +363,15 @@ class IconManager {
                 }
             }
         };
+        // 保存 checkDrag 引用，以便后续清理
+        this.checkDragHandler = checkDrag;
         // 添加临时检测监听器
         if ('touches' in e) {
-            document.addEventListener('touchmove', checkDrag, { passive: false });
+            document.addEventListener('touchmove', this.checkDragHandler, { passive: false });
             document.addEventListener('touchend', this.dragEndHandler);
         }
         else {
-            document.addEventListener('mousemove', checkDrag);
+            document.addEventListener('mousemove', this.checkDragHandler);
             document.addEventListener('mouseup', this.dragEndHandler);
         }
     }
@@ -327,20 +383,9 @@ class IconManager {
             return;
         const clientX = 'touches' in e ? e.touches[0].clientX : e.clientX;
         const clientY = 'touches' in e ? e.touches[0].clientY : e.clientY;
-        // 检测事件目标：如果事件发生在iframe或其他元素上，停止拖动
-        const target = e.target;
-        if (target && target !== this.iconElement && !this.iconElement.contains(target)) {
-            // 检查是否是iframe相关元素
-            const isIframeElement = target.tagName === 'IFRAME' ||
-                target.closest('iframe') ||
-                target.closest('.customer-sdk-container') ||
-                target.closest('.customer-sdk-overlay');
-            if (isIframeElement) {
-                // 如果事件发生在iframe相关元素上，停止拖动
-                this.handleDragEnd();
-                return;
-            }
-        }
+        // 注意：拖动过程中不检测 iframe 元素，因为用户可能只是想将图标拖动到 iframe 附近或上方
+        // 只有在拖动开始时（checkDrag 阶段）才检测 iframe，防止误判为拖动
+        // 一旦开始拖动，就应该允许拖动到任何位置，包括 iframe 上方
         // 计算从拖动开始位置到当前位置的距离
         const deltaX = clientX - this.dragStartX;
         const deltaY = clientY - this.dragStartY;
@@ -375,10 +420,15 @@ class IconManager {
     /**
      * 结束拖动
      */
-    handleDragEnd(e) {
+    handleDragEnd(_e) {
         if (!this.iconElement)
             return;
-        // 清理document上的事件监听器
+        // 清理document上的所有事件监听器（包括临时检测监听器）
+        if (this.checkDragHandler) {
+            document.removeEventListener('mousemove', this.checkDragHandler);
+            document.removeEventListener('touchmove', this.checkDragHandler);
+            this.checkDragHandler = null;
+        }
         if (this.dragMoveHandler) {
             document.removeEventListener('mousemove', this.dragMoveHandler);
             document.removeEventListener('touchmove', this.dragMoveHandler);
@@ -387,6 +437,8 @@ class IconManager {
             document.removeEventListener('mouseup', this.dragEndHandler);
             document.removeEventListener('touchend', this.dragEndHandler);
         }
+        // 恢复样式（如果之前被修改过）
+        // 注意：如果只是点击（没有拖动），这些样式可能没有被修改，但恢复操作是安全的
         this.iconElement.style.transition = 'transform 0.2s ease';
         this.iconElement.style.cursor = 'pointer';
         // 如果只是点击（没有拖动），触发点击事件
@@ -399,10 +451,52 @@ class IconManager {
      * 处理点击事件
      */
     handleClick() {
+        // 如果点击被禁用（iframe 打开时），不执行点击回调
+        if (!this.isClickEnabled) {
+            return;
+        }
         if (this.onClickCallback) {
             this.onClickCallback();
         }
     }
+    /**
+     * 禁用点击和拖拽（iframe 打开时调用）
+     */
+    disableClick() {
+        this.isClickEnabled = false;
+        // 移除拖动事件监听器
+        if (this.iconElement) {
+            if (this.dragStartHandler) {
+                this.iconElement.removeEventListener('mousedown', this.dragStartHandler);
+            }
+            if (this.touchStartHandler) {
+                this.iconElement.removeEventListener('touchstart', this.touchStartHandler);
+            }
+            // 禁用所有鼠标事件（包括点击和拖拽）
+            this.iconElement.style.pointerEvents = 'none';
+            this.iconElement.style.cursor = 'default';
+        }
+        // 清理可能正在进行的拖动
+        this.forceCleanupDragEvents();
+    }
+    /**
+     * 启用点击和拖拽（iframe 关闭时调用）
+     */
+    enableClick() {
+        this.isClickEnabled = true;
+        // 重新添加拖动事件监听器
+        if (this.iconElement) {
+            if (this.dragStartHandler) {
+                this.iconElement.addEventListener('mousedown', this.dragStartHandler);
+            }
+            if (this.touchStartHandler) {
+                this.iconElement.addEventListener('touchstart', this.touchStartHandler, { passive: false });
+            }
+            // 恢复鼠标事件
+            this.iconElement.style.pointerEvents = 'auto';
+            this.iconElement.style.cursor = 'pointer';
+        }
+    }
     /**
      * 创建消息徽章（简化版）
      */
@@ -464,14 +558,16 @@ class IframeManager {
         this.containerElement = null; // 包装容器，包含iframe和关闭按钮
         this.isOpen = false;
         this.isCreated = false;
+        this.debug = false; // debug 模式标志
         this.config = {
             src: '',
             mode: 'auto', // 默认自动检测设备类型
-            width: 400,
+            width: 450, // PC 模式默认宽度
             height: 600,
             allowClose: true,
             ...config
         };
+        this.debug = config.debug ?? false;
         this.setupMessageListener();
     }
     /**
@@ -483,9 +579,12 @@ class IframeManager {
             // 创建隐藏的iframe（预连接到SSE）
             this.createIframe();
             this.isCreated = true;
-            console.log('CustomerSDK iframe initialized (hidden, SSE connected)');
+            if (this.debug) {
+                console.log('CustomerSDK iframe initialized (hidden, SSE connected)');
+            }
         }
         catch (error) {
+            // 错误始终输出
             console.error('Failed to initialize iframe:', error);
             throw error;
         }
@@ -503,9 +602,9 @@ class IframeManager {
         try {
             const actualMode = this.getActualMode();
             const isPC = actualMode === 'popup';
-            // 只PC模式下创建遮罩层
+            // PC模式：创建或显示遮罩层
             if (isPC) {
-                this.createOverlay();
+                this.createOverlay(); // createOverlay 内部会检查是否已存在
             }
             // 显示已创建的容器
             if (this.containerElement) {
@@ -520,8 +619,18 @@ class IframeManager {
                         opacity: '1',
                         display: 'block'
                     });
-                    // 将容器移到遮罩层内
-                    this.overlayElement?.appendChild(this.containerElement);
+                    // 关键优化：避免重复移动容器导致 iframe 重新加载
+                    // 只有当容器不在遮罩层内时才移动，且确保遮罩层在 DOM 中
+                    if (this.overlayElement) {
+                        // 如果遮罩层不在 DOM 中，先添加到 DOM
+                        if (!this.overlayElement.parentNode) {
+                            document.body.appendChild(this.overlayElement);
+                        }
+                        // 只有当容器不在遮罩层内时才移动（避免重复移动导致 iframe 重新加载）
+                        if (this.containerElement.parentNode !== this.overlayElement) {
+                            this.overlayElement.appendChild(this.containerElement);
+                        }
+                    }
                 }
                 else {
                     // 移动端模式：直接全屏显示，不需要遮罩层
@@ -536,9 +645,12 @@ class IframeManager {
                 }
             }
             this.isOpen = true;
-            console.log('CustomerSDK iframe shown');
+            if (this.debug) {
+                console.log('CustomerSDK iframe shown');
+            }
         }
         catch (error) {
+            // 错误始终输出
             console.error('Failed to show iframe:', error);
         }
     }
@@ -555,26 +667,33 @@ class IframeManager {
         if (!this.isOpen) {
             return;
         }
-        // 隐藏容器但保留DOM元素
+        // 隐藏容器但保留DOM元素（不移动容器，避免 iframe 重新加载）
         if (this.containerElement) {
             Object.assign(this.containerElement.style, {
                 visibility: 'hidden',
                 opacity: '0',
                 display: 'none'
             });
+            // 注意：不移动容器，保持容器在当前位置（遮罩层或 body），避免 iframe 重新加载
         }
-        // 移除遮罩层（仅PC模式）
+        // 隐藏遮罩层但不移除（仅PC模式，避免重新创建导致 iframe 重新加载）
         if (this.overlayElement) {
-            this.overlayElement.remove();
-            this.overlayElement = null;
+            Object.assign(this.overlayElement.style, {
+                visibility: 'hidden',
+                opacity: '0',
+                display: 'none'
+            });
+            // 不移除遮罩层，下次显示时直接显示即可
         }
         // 恢复body滚动（移动端模式）
-        const actualMode = this.getActualMode();
-        if (actualMode === 'fullscreen') {
+        const actualModeForScroll = this.getActualMode();
+        if (actualModeForScroll === 'fullscreen') {
             this.preventBodyScroll(false);
         }
         this.isOpen = false;
-        console.log('CustomerSDK iframe hidden (SSE still connected)');
+        if (this.debug) {
+            console.log('CustomerSDK iframe hidden (SSE still connected)');
+        }
         // 触发关闭回调
         if (this.config.onClose) {
             this.config.onClose();
@@ -597,7 +716,9 @@ class IframeManager {
             this.iframeElement = null;
         }
         this.isCreated = false;
-        console.log('CustomerSDK container destroyed');
+        if (this.debug) {
+            console.log('CustomerSDK container destroyed');
+        }
     }
     /**
      * 检查是否已打开
@@ -614,9 +735,29 @@ class IframeManager {
         }
     }
     /**
-     * 创建遮罩层
+     * 创建遮罩层（PC模式使用）
      */
     createOverlay() {
+        // 如果遮罩层已存在，直接显示即可
+        if (this.overlayElement && this.overlayElement.parentNode) {
+            Object.assign(this.overlayElement.style, {
+                visibility: 'visible',
+                opacity: '1',
+                display: 'flex'
+            });
+            return;
+        }
+        // 如果遮罩层存在但不在 DOM 中，重新添加到 DOM
+        if (this.overlayElement && !this.overlayElement.parentNode) {
+            document.body.appendChild(this.overlayElement);
+            Object.assign(this.overlayElement.style, {
+                visibility: 'visible',
+                opacity: '1',
+                display: 'flex'
+            });
+            return;
+        }
+        // 创建新的遮罩层
         this.overlayElement = document.createElement('div');
         this.overlayElement.className = 'customer-sdk-overlay';
         Object.assign(this.overlayElement.style, {
@@ -632,7 +773,7 @@ class IframeManager {
             justifyContent: 'center',
             cursor: this.config.allowClose ? 'pointer' : 'default'
         });
-        // 点击遮罩层关闭
+        // 点击遮罩层关闭（只添加一次事件监听器）
         if (this.config.allowClose) {
             this.overlayElement.addEventListener('click', (e) => {
                 if (e.target === this.overlayElement) {
@@ -684,45 +825,59 @@ class IframeManager {
             'allow-pointer-lock', // 允许指针锁定
             'allow-storage-access-by-user-activation' // 允许用户激活的存储访问
         ].join(' '));
-        // 根据设备类型设置滚动行为
+        // 根据设备类型设置模式
         const actualMode = this.getActualMode();
         const isPC = actualMode === 'popup';
         this.iframeElement.scrolling = isPC ? 'auto' : 'no'; // PC显示滚动条，移动端禁用
-        const containerStyles = {
-            width: isPC ? `${this.config.width}px` : '100%',
-            height: isPC ? `${this.config.height}px` : '100%',
-            maxWidth: isPC ? '450px' : '100%',
-            maxHeight: isPC ? '700px' : '100%',
+        // PC 模式：使用配置的宽度和高度
+        // 移动端：使用全屏
+        const containerStyles = isPC ? {
+            // PC 弹窗模式
+            width: `${this.config.width || 450}px`,
+            height: `${this.config.height || 600}px`,
+            maxWidth: '90vw',
+            maxHeight: '90vh',
             backgroundColor: '#ffffff',
-            borderRadius: isPC ? '12px' : '12px 12px 0 0',
-            boxShadow: isPC
-                ? '0 20px 40px rgba(0, 0, 0, 0.15)'
-                : '0 -4px 16px rgba(0, 0, 0, 0.25)',
+            borderRadius: '12px',
+            boxShadow: '0 20px 40px rgba(0, 0, 0, 0.15)',
             border: 'none',
             position: 'fixed',
             zIndex: '999999',
-            // PC模式下的定位
-            ...(isPC ? {
-                top: '50%',
-                left: '50%',
-                transform: 'translate(-50%, -50%)'
-            } : {
-                // 移动端全屏模式 - 确保占满屏幕且不滚动
-                top: '0',
-                left: '0',
-                bottom: '0',
-                right: '0',
-                transform: 'none',
-                overflow: 'hidden', // 防止容器本身滚动
-                position: 'fixed' // 确保固定定位
-            }),
+            // PC模式：居中显示
+            top: '50%',
+            left: '50%',
+            transform: 'translate(-50%, -50%)',
+            overflow: 'hidden',
+            // 初始隐藏的关键样式
+            visibility: 'hidden',
+            opacity: '0',
+            display: 'none'
+        } : {
+            // 移动端全屏模式（强制 100% 宽度和高度）
+            width: '100%',
+            height: '100%',
+            maxWidth: '100%',
+            maxHeight: '100%',
+            backgroundColor: '#ffffff',
+            borderRadius: '12px 12px 0 0',
+            boxShadow: '0 -4px 16px rgba(0, 0, 0, 0.25)',
+            border: 'none',
+            position: 'fixed',
+            zIndex: '999999',
+            // 全屏模式 - 占满整个屏幕
+            top: '0',
+            left: '0',
+            bottom: '0',
+            right: '0',
+            transform: 'none',
+            overflow: 'hidden',
             // 初始隐藏的关键样式
             visibility: 'hidden',
             opacity: '0',
             display: 'none'
         };
         Object.assign(this.containerElement.style, containerStyles);
-        // iframe填充整个容器，根据设备类型设置滚动样式
+        // iframe填充整个容器
         const iframeStyles = {
             width: '100%',
             height: '100%',
@@ -748,7 +903,9 @@ class IframeManager {
         });
         // 添加到body（预连接SSE，但不显示）
         document.body.appendChild(this.containerElement);
-        console.log('CustomerSDK container created (hidden, ready for SSE)');
+        if (this.debug) {
+            console.log('CustomerSDK container created (hidden, ready for SSE)');
+        }
     }
     /**
      * 向iframe注入移动端优化样式（隐藏滚动条）
@@ -800,12 +957,16 @@ class IframeManager {
         `;
                 // 注入样式
                 iframeDoc.head?.appendChild(style);
-                console.log('CustomerSDK mobile styles injected successfully');
+                if (this.debug) {
+                    console.log('CustomerSDK mobile styles injected successfully');
+                }
             }
         }
         catch (error) {
             // 跨域限制时静默忽略
-            console.log('Cannot inject styles due to cross-origin restrictions:', error);
+            if (this.debug) {
+                console.log('Cannot inject styles due to cross-origin restrictions:', error);
+            }
         }
     }
     /**
@@ -850,6 +1011,7 @@ class IframeManager {
     }
     /**
      * 获取当前显示模式
+     * PC 模式使用弹窗，移动端使用全屏
      */
     getActualMode() {
         if (this.config.mode === 'auto') {
@@ -872,7 +1034,9 @@ class IframeManager {
      * 处理来自iframe的消息
      */
     handleIframeMessage(data) {
-        console.log('Message from iframe:', data);
+        if (this.debug) {
+            console.log('Message from iframe:', data);
+        }
         // 判断data是字符串还是对象，兼容两种格式
         let messageType;
         if (typeof data === 'string') {
@@ -882,13 +1046,17 @@ class IframeManager {
             messageType = data.type;
         }
         else {
-            console.log('Unknown message format:', data);
+            if (this.debug) {
+                console.log('Unknown message format:', data);
+            }
             return;
         }
         // 根据消息类型处理不同的操作
         switch (messageType) {
             case 'iframe_ready':
-                console.log('Iframe is ready');
+                if (this.debug) {
+                    console.log('Iframe is ready');
+                }
                 break;
             case 'close_iframe':
             case 'close':
@@ -896,29 +1064,38 @@ class IframeManager {
                 break;
             case 'resize_iframe':
             case 'resize':
-                if (data.width && data.height) {
+                // PC模式支持 resize，移动端忽略
+                const actualMode = this.getActualMode();
+                if (actualMode === 'popup' && data.width && data.height) {
                     this.resizeIframe(data.width, data.height);
                 }
+                else if (this.debug) {
+                    console.log('Resize request ignored (fullscreen mode)');
+                }
                 break;
             case 'new-message':
                 // 新消息通知 - 触发回调让外层处理
-                console.log('Received new message notification');
+                if (this.debug) {
+                    console.log('Received new message notification');
+                }
                 if (this.config.onMessage) {
                     this.config.onMessage(messageType, data);
                 }
                 break;
             default:
                 // 可以在这里添加自定义消息处理
-                console.log('Custom message:', data);
+                if (this.debug) {
+                    console.log('Custom message:', data);
+                }
         }
     }
     /**
-     * 调整iframe大小
+     * 调整iframe大小（PC模式支持）
      */
     resizeIframe(width, height) {
-        if (this.iframeElement) {
-            this.iframeElement.style.width = `${width}px`;
-            this.iframeElement.style.height = `${height}px`;
+        if (this.containerElement) {
+            this.containerElement.style.width = `${width}px`;
+            this.containerElement.style.height = `${height}px`;
         }
     }
 }
@@ -20611,35 +20788,56 @@ class CustomerServiceSDK {
         this.screenshotManager = null;
         this.config = null;
         this.isInitialized = false;
+        this.initResult = null; // 保存初始化结果
+        this.debug = false; // debug 模式标志
     }
     /**
      * 初始化 SDK
      * @param config SDK配置
      * @param options UI选项（可选）
+     * @returns 返回初始化信息（包含设备ID等）
      */
     async init(config, options) {
         if (this.isInitialized) {
-            console.warn('CustomerSDK already initialized');
-            return;
+            if (this.debug) {
+                console.warn('CustomerSDK already initialized');
+            }
+            // 如果已经初始化，返回之前保存的初始化信息
+            if (this.initResult) {
+                return this.initResult;
+            }
+            throw new Error('SDK already initialized but cannot retrieve initialization info');
         }
         this.config = config;
+        this.debug = config.debug ?? false;
         try {
             // 获取设备指纹ID
             const deviceId = await this.getDeviceId();
-            console.log('Device ID:', deviceId);
+            if (this.debug) {
+                console.log('Device ID:', deviceId);
+            }
             // 构建iframe URL（带参数）
             const iframeUrl = this.buildIframeUrl(config, deviceId);
+            // 准备返回的初始化信息
+            const initResult = {
+                deviceId,
+                iframeUrl,
+                referrer: document.referrer,
+                agent: config.agent,
+                timestamp: Date.now()
+            };
             // 创建悬浮图标管理器（支持自定义位置）
             const iconPosition = options?.iconPosition || undefined;
-            this.iconManager = new IconManager(iconPosition);
+            this.iconManager = new IconManager(iconPosition, this.debug);
             await this.iconManager.show();
             // 创建iframe管理器（自动检测设备类型）
             this.iframeManager = new IframeManager({
                 src: iframeUrl,
-                mode: 'auto', // 自动根据设备类型选择模式
-                width: 400,
-                height: 600,
+                mode: 'auto', // 自动根据设备类型选择模式（PC弹窗，移动端全屏）
+                width: options?.width || 450, // PC模式宽度（像素，默认450px），移动端不使用
+                height: options?.height || 600, // PC模式高度（像素），移动端不使用（强制全屏）
                 allowClose: true,
+                debug: this.debug, // 传递 debug 标志
                 onMessage: (messageType, _data) => {
                     // 处理来自iframe的消息
                     if (messageType === 'new-message') {
@@ -20649,8 +20847,9 @@ class CustomerServiceSDK {
                     // checkScreenshot 消息由 ScreenshotManager 处理，不需要在这里处理
                 },
                 onClose: () => {
-                    // iframe关闭时，清理图标拖动事件监听器
+                    // iframe关闭时，清理图标拖动事件监听器，并重新启用图标点击
                     this.iconManager?.forceCleanupDragEvents();
+                    this.iconManager?.enableClick();
                 },
                 ...options
             });
@@ -20661,24 +20860,40 @@ class CustomerServiceSDK {
                 // 打开iframe时清除红点通知
                 this.clearNotification();
                 this.iframeManager?.show();
+                // iframe 打开后，禁用图标点击（防止重复打开）
+                this.iconManager?.disableClick();
             });
             // 初始化截图管理器（如果启用了截图功能）
             if (config.screenshot) {
                 // 默认截图目标为 document.body，可以通过配置自定义
                 const targetElement = document.body;
                 // 传入发送消息到 iframe 的回调函数
-                this.screenshotManager = new ScreenshotManager(targetElement, config.screenshot, (data) => {
+                // 将 debug 配置传递给截图管理器（通过 silentMode 的相反值）
+                const screenshotOptions = {
+                    ...config.screenshot,
+                    silentMode: !this.debug // debug=true 时 silentMode=false（显示日志），debug=false 时 silentMode=true（隐藏日志）
+                };
+                this.screenshotManager = new ScreenshotManager(targetElement, screenshotOptions, (data) => {
                     // 通过 IframeManager 发送消息到 iframe
                     this.iframeManager?.sendToIframe(data);
                 });
                 // 自动启用截图功能（用于测试，实际使用时需要通过 iframe 消息启用）
                 this.screenshotManager.enable(true);
-                console.log('CustomerSDK screenshot manager initialized and enabled');
+                if (this.debug) {
+                    console.log('CustomerSDK screenshot manager initialized and enabled');
+                }
             }
             this.isInitialized = true;
-            console.log('CustomerSDK initialized successfully (iframe pre-connected to SSE)');
+            // 保存初始化结果，以便后续获取
+            this.initResult = initResult;
+            if (this.debug) {
+                console.log('CustomerSDK initialized successfully (iframe pre-connected to SSE)');
+            }
+            // 返回初始化信息
+            return initResult;
         }
         catch (error) {
+            // 错误始终输出
             console.error('Failed to initialize CustomerSDK:', error);
             throw error;
         }
@@ -20747,7 +20962,9 @@ class CustomerServiceSDK {
      */
     showNotification(badgeCount = 1, options = {}) {
         if (!this.iconManager) {
-            console.warn('SDK not initialized');
+            if (this.debug) {
+                console.warn('SDK not initialized');
+            }
             return;
         }
         this.iconManager.showNotification({
@@ -20779,7 +20996,9 @@ class CustomerServiceSDK {
      */
     async captureScreenshot(force = false) {
         if (!this.screenshotManager) {
-            console.warn('截图功能未启用');
+            if (this.debug) {
+                console.warn('截图功能未启用');
+            }
             return false;
         }
         return await this.screenshotManager.captureOnce(force);
@@ -20789,11 +21008,15 @@ class CustomerServiceSDK {
      */
     enableScreenshot(enabled) {
         if (!this.screenshotManager) {
-            console.warn('截图管理器未初始化');
+            if (this.debug) {
+                console.warn('截图管理器未初始化');
+            }
             return;
         }
         this.screenshotManager.enable(enabled);
-        console.log(`📸 截图功能已${enabled ? '启用' : '禁用'}`);
+        if (this.debug) {
+            console.log(`📸 截图功能已${enabled ? '启用' : '禁用'}`);
+        }
     }
     /**
      * 获取截图状态
@@ -20807,11 +21030,15 @@ class CustomerServiceSDK {
      */
     updateScreenshotOptions(options) {
         if (!this.screenshotManager) {
-            console.warn('截图管理器未初始化，无法更新配置');
+            if (this.debug) {
+                console.warn('截图管理器未初始化，无法更新配置');
+            }
             return;
         }
         this.screenshotManager.updateOptions(options);
-        console.log('📸 截图配置已更新:', options);
+        if (this.debug) {
+            console.log('📸 截图配置已更新:', options);
+        }
     }
     /**
      * 销毁 SDK
@@ -20824,27 +21051,47 @@ class CustomerServiceSDK {
         this.iframeManager = null;
         this.screenshotManager = null;
         this.config = null;
+        this.initResult = null;
         this.isInitialized = false;
-        console.log('CustomerSDK destroyed');
+        if (this.debug) {
+            console.log('CustomerSDK destroyed');
+        }
+    }
+    /**
+     * 获取初始化信息（设备ID等）
+     */
+    getInitResult() {
+        return this.initResult;
     }
     /**
      * 获取设备指纹ID
      */
     async getDeviceId() {
-        console.log('🔍 Starting to get device fingerprint...');
+        if (this.debug) {
+            console.log('🔍 Starting to get device fingerprint...');
+        }
         try {
-            console.log('📦 Loading FingerprintJS...');
+            if (this.debug) {
+                console.log('📦 Loading FingerprintJS...');
+            }
             const fp = await index$1.load();
-            console.log('🎯 Getting device fingerprint...');
+            if (this.debug) {
+                console.log('🎯 Getting device fingerprint...');
+            }
             const result = await fp.get();
-            console.log('✅ FingerprintJS result:', result);
-            console.log('🆔 Device ID obtained:', result.visitorId);
+            if (this.debug) {
+                console.log('✅ FingerprintJS result:', result);
+                console.log('🆔 Device ID obtained:', result.visitorId);
+            }
             return result.visitorId;
         }
         catch (error) {
+            // 错误始终输出
             console.warn('❌ Failed to get device fingerprint, using fallback:', error);
             const fallbackId = 'device_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);
-            console.log('🆔 Fallback Device ID:', fallbackId);
+            if (this.debug) {
+                console.log('🆔 Fallback Device ID:', fallbackId);
+            }
             return fallbackId;
         }
     }
@@ -20875,12 +21122,13 @@ let globalSDKInstance = null;
  * 初始化 Customer SDK
  * @param config SDK配置
  * @param options UI选项（可选）
+ * @returns 返回初始化信息（包含设备ID等）
  */
 const init = async (config, options) => {
     if (!globalSDKInstance) {
         globalSDKInstance = new CustomerServiceSDK();
     }
-    await globalSDKInstance.init(config, options);
+    return await globalSDKInstance.init(config, options);
 };
 /**
  * 获取全局SDK实例
@@ -20943,6 +21191,13 @@ const getConnectionStatus = () => {
     const sdk = getInstance();
     return sdk.getConnectionStatus();
 };
+/**
+ * 获取初始化信息（设备ID等）
+ */
+const getInitResult = () => {
+    const sdk = getInstance();
+    return sdk.getInitResult();
+};
 /**
  * 消息通知API
  */
@@ -20986,6 +21241,7 @@ const updateScreenshotOptions = (options) => {
 var index = {
     init,
     getInstance,
+    getInitResult,
     showIcon,
     hideIcon,
     setIconPosition,
@@ -21014,6 +21270,7 @@ exports.default = index;
 exports.destroy = destroy;
 exports.enableScreenshot = enableScreenshot;
 exports.getConnectionStatus = getConnectionStatus;
+exports.getInitResult = getInitResult;
 exports.getInstance = getInstance;
 exports.getScreenshotState = getScreenshotState;
 exports.hideIcon = hideIcon;