chat-customer-47net 1.5.1 → 1.5.3

package/chat-customer-47net.es.js

@@ -1161,7 +1161,7 @@ var conversionExports = conversion.exports;
 var imageConversion = conversionExports;
 dayjs.extend(utc);
 dayjs.extend(timezone);
-const version = "1.5.1";
+const version = "1.5.3";
 const publicDateFormat = "MM/DD/YY";
 const serverLocal = "America/New_York";
 const getTime = dateTime => {
@@ -8747,7 +8747,7 @@ const __vue2_script$3 = {
   }
 };
 const __cssModules$3 = {};
-var __component__$3 = /* @__PURE__ */normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "593360e3", null, null);
+var __component__$3 = /* @__PURE__ */normalizeComponent(__vue2_script$3, render$3, staticRenderFns$3, false, __vue2_injectStyles$3, "2ec20a45", null, null);
 function __vue2_injectStyles$3(context) {
   for (let o in __cssModules$3) {
     this[o] = __cssModules$3[o];
@@ -8928,6 +8928,7 @@ const __vue2_script$2 = {
     back() {
       this.historyRoute.pop();
       this.route = this.historyRoute[this.historyRoute.length - 1];
+      this.$emit("back");
     },
     handleRoute(route) {
       this.route = route;
@@ -9269,7 +9270,7 @@ const __vue2_script$2 = {
   }
 };
 const __cssModules$2 = {};
-var __component__$2 = /* @__PURE__ */normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "51192a57", null, null);
+var __component__$2 = /* @__PURE__ */normalizeComponent(__vue2_script$2, render$2, staticRenderFns$2, false, __vue2_injectStyles$2, "0dded926", null, null);
 function __vue2_injectStyles$2(context) {
   for (let o in __cssModules$2) {
     this[o] = __cssModules$2[o];
@@ -9344,6 +9345,83 @@ function __vue2_injectStyles$1(context) {
 const ConsultButton = /* @__PURE__ */function () {
   return __component__$1.exports;
 }();
+class CrossTabSyncManager {
+  constructor(siteName) {
+    this.siteName = siteName;
+    this.storageKey = "consult47_dialog_state";
+    this.pageIdKey = "consult47_page_" + Date.now() + "_" + Math.random();
+    this.sessionKey = "consult47_active_pages";
+  }
+  // 初始化：记录当前页面为活跃页面
+  init() {
+    this.registerActivePage();
+    window.addEventListener("beforeunload", () => this.unregisterActivePage());
+  }
+  // 获取当前状态
+  getDialogState() {
+    try {
+      const state = localStorage.getItem(this.storageKey);
+      return state ? JSON.parse(state) : null;
+    } catch (e) {
+      return null;
+    }
+  }
+  // 设置对话状态为"进入对话"
+  setDialogActive(siteName) {
+    const state = {
+      isInDialog: true,
+      siteName,
+      timestamp: Date.now()
+    };
+    localStorage.setItem(this.storageKey, JSON.stringify(state));
+  }
+  // 设置对话状态为"退出对话"
+  setDialogInactive(siteName) {
+    const state = {
+      isInDialog: false,
+      siteName,
+      timestamp: Date.now()
+    };
+    localStorage.setItem(this.storageKey, JSON.stringify(state));
+  }
+  // 记录当前页面为活跃
+  registerActivePage() {
+    try {
+      const activePages = JSON.parse(localStorage.getItem(this.sessionKey) || "[]");
+      activePages.push(this.pageIdKey);
+      localStorage.setItem(this.sessionKey, JSON.stringify(activePages));
+    } catch (e) {
+      console.error("注册活跃页面失败", e);
+    }
+  }
+  // 移除当前页面的活跃标记，如果没有其他页面则清除 localStorage 状态
+  unregisterActivePage() {
+    try {
+      const activePages = JSON.parse(localStorage.getItem(this.sessionKey) || "[]");
+      const filtered = activePages.filter(id => id !== this.pageIdKey);
+      if (filtered.length > 0) {
+        localStorage.setItem(this.sessionKey, JSON.stringify(filtered));
+      } else {
+        localStorage.removeItem(this.sessionKey);
+        this.setDialogInactive(this.siteName);
+      }
+    } catch (e) {
+      console.error("注销活跃页面失败", e);
+    }
+  }
+  // 清除对话状态
+  clearDialogState() {
+    localStorage.removeItem(this.storageKey);
+  }
+  // 检查是否应该直接进入对话界面
+  shouldShowDialog() {
+    const state = this.getDialogState();
+    if (!state || !state.isInDialog) {
+      return false;
+    }
+    return state.siteName === this.siteName;
+  }
+}
 var render = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -9370,7 +9448,8 @@ var render = function () {
       "updateInitData": _vm.getInitData,
       "onChangeRoute": _vm.onChangeRoute,
       "updateMessage": _vm.updateMessage,
-      "trackEvent": _vm.trackEvent
+      "trackEvent": _vm.trackEvent,
+      "back": _vm.backCover
     }
   }), _vm.showButton ? _c("ConsultButton", {
     directives: [{
@@ -9414,7 +9493,9 @@ const __vue2_script = {
       isAudioInited: false,
       onWindowUrl: window.location.href,
       isSetVisitedpage: true,
-      accessToken: getToken()
+      accessToken: getToken(),
+      syncManager: null
+      // 跨标签页同步管理器
     };
   },
   computed: {
@@ -9448,6 +9529,9 @@ const __vue2_script = {
     document.removeEventListener("touchstart", this.initAudio);
     document.removeEventListener("click", this.initAudio);
     if (this.unwatchRoute) this.unwatchRoute();
+    if (this.syncManager) {
+      this.syncManager.unregisterActivePage();
+    }
   },
   watch: {
     "$route"(to, from) {
@@ -9549,14 +9633,23 @@ const __vue2_script = {
         this.isHandlingStorage = false;
       }
     },
+    // 初始化跨标签页同步
+    initCrossTabSync() {
+      if (!this.initData.siteName) return;
+      this.syncManager = new CrossTabSyncManager(this.initData.siteName);
+      this.syncManager.init();
+    },
     handleClick() {
       this.showView = true;
+      const isFirstOpen = this.syncManager.shouldShowDialog();
       if (this.onRoute === "dialog") {
         this.updateOpenView(true);
         this.clearClinetUnRead();
         if (this.$refs.consultContainer) {
           this.$refs.consultContainer.scrollToBottom();
         }
+      } else if (this.onRoute === "cover" && this.conversations.length > 0 && this.$refs.consultContainer && isFirstOpen) {
+        this.$refs.consultContainer.handleToConversation(this.conversations[0]);
       }
       this.trackEvent("Chat opened");
     },
@@ -9564,6 +9657,11 @@ const __vue2_script = {
       this.showView = false;
       this.updateOpenView(false);
     },
+    backCover() {
+      if (this.syncManager) {
+        this.syncManager.setDialogInactive();
+      }
+    },
     updateOpenView(isOpenView) {
       this.socket.emit("updateOpenView", {
         isOpenView,
@@ -9649,6 +9747,9 @@ const __vue2_script = {
         setTimeout(() => {
           this.updateOpenView(true);
           this.clearClinetUnRead();
+          if (this.syncManager) {
+            this.syncManager.setDialogActive(this.initData.siteName);
+          }
         }, 300);
       }
     },
@@ -9717,6 +9818,7 @@ const __vue2_script = {
         if (this.userId) {
           this.joinRoom("");
         }
+        this.initCrossTabSync();
         callback && callback();
       } catch (err) {
         error && error(err);