boka-human-cliend-v3 0.0.16 → 0.0.18

package/dist/boka-human-cliend-v3.css

@@ -444,80 +444,80 @@
     display: none;
   }
 }
-
 /* 可根据需要添加样式 */
 .boka-human-v2 {
-	overflow: hidden;
-	position: fixed;
-	top: 0;
-	left: 0;
-	z-index: 999;
-}
-.humanEnterIcon{
-	position: fixed;
-	z-index: 999;
-	background-color: #0074ff;
-	border-radius: 50%;
-	width: 40px;
-	height: 40px;
-	text-align: center;
-	padding: 8px;
-	box-sizing: border-box;
-	/*transform: translate(100vw, 100vh);*/
-	transform: translate(50vw, 50vh);
->svg{
-		width: 100%;
-		height:100%;
-		fill:#fff;
-}
-&.unreadCount{
-		background-color: red;
-		color: #fff;
-		line-height: 24px;
-		font-size: 14px;
-		font-weight: bold;
+  overflow: hidden;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999;
 }
+.humanEnterIcon {
+  position: fixed;
+  z-index: 999;
+  background-color: #0074ff;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  text-align: center;
+  padding: 8px;
+  box-sizing: border-box;
+  /*transform: translate(100vw, 100vh);*/
+  transform: translate(50vw, 50vh);
+}
+.humanEnterIcon > svg {
+  width: 100%;
+  height: 100%;
+  fill: #fff;
+}
+.humanEnterIcon.unreadCount {
+  background-color: red;
+  color: #fff;
+  line-height: 24px;
+  font-size: 14px;
+  font-weight: bold;
 }
 .humanMainView {
-	position: fixed;
-	min-width: 420px;
-	min-height: 400px;
-	height: 80vh;
-	border: 1px solid #ccc;
-.humanMainHeader {
-		width: 100%;
-		height: 40px;
-		text-align: center;
-		cursor: move;
-		font-size: 0;
-		box-sizing: border-box;
-		border-bottom: 1px solid #f5f5f5;
-		position: relative;
-		z-index: 999;
-		background: #fff;
-		white-space: nowrap;
-.humanMainHeaderRight{
-			text-align: right;
-}
-.humanMainHeaderLeft,.humanMainHeaderRight{
-			width:20%;
-			display: inline-block;
-			vertical-align: middle;
-			padding: 0 10px;
-			line-height: 40px;
-			font-size: 14px;
-			box-sizing: border-box;
-}
-.humanMainHeaderCenter{
-			width:60%;
-			display: inline-block;
-			vertical-align: middle;
-			font-size: 16px;
-			box-sizing: border-box;
-}
-}
->iframe{
-		width: 100%;
-		height: calc(100% - 40px);
+  position: fixed;
+  min-width: 420px;
+  min-height: 400px;
+  height: 80vh;
+  border: 1px solid #ccc;
+}
+.humanMainView .humanMainHeader {
+  width: 100%;
+  height: 40px;
+  text-align: center;
+  cursor: move;
+  font-size: 0;
+  box-sizing: border-box;
+  border-bottom: 1px solid #f5f5f5;
+  position: relative;
+  z-index: 999;
+  background: #fff;
+  white-space: nowrap;
+}
+.humanMainView .humanMainHeader .humanMainHeaderRight {
+  text-align: right;
+}
+.humanMainView .humanMainHeader .humanMainHeaderLeft,
+.humanMainView .humanMainHeader .humanMainHeaderRight {
+  width: 20%;
+  display: inline-block;
+  vertical-align: middle;
+  padding: 0 10px;
+  line-height: 40px;
+  font-size: 14px;
+  box-sizing: border-box;
+}
+.humanMainView .humanMainHeader .humanMainHeaderCenter {
+  width: 60%;
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 16px;
+  box-sizing: border-box;
 }
+.humanMainView > iframe {
+  width: 100%;
+  height: calc(100% - 40px);
 }

package/dist/boka-human-v3.umd.js

@@ -5200,7 +5200,7 @@
         if (product.toLowerCase() === "mase" || product.toLowerCase() === "aime" && subCustType === "overseas") {
           return "https://service.mase.cloud";
         }
-        return "https://human.shboka.com";
+        return "https://baidu.com";
       },
       src() {
         let { token, product, subCustType, source } = this;
@@ -5214,8 +5214,10 @@
       };
     },
     mounted() {
-      this.icon();
-      this.chatMainInitDrag();
+      setTimeout(() => {
+        this.icon();
+        this.chatMainInitDrag();
+      });
       window.humanFunction = {
         showChatView: this.showChat
       };
@@ -5241,6 +5243,10 @@
       });
     },
     methods: {
+      sendMsgToFrame(info) {
+        let frame = document.querySelector("#iframe");
+        frame.contentWindow.postMessage({ from: "human", info }, "*");
+      },
       showChat(flag = true) {
         this.visible = flag;
       },
@@ -5248,6 +5254,7 @@
         this.visible = !this.visible;
         if (this.visible) {
           this.unreadCount = 0;
+          this.sendMsgToFrame({ type: "toBottom" });
         }
       },
       showImg(url, messageItem) {
@@ -5274,7 +5281,7 @@
       icon() {
         const container = document.body;
         let defx = container.clientWidth - 40;
-        let defy = container.clientHeight - 150;
+        let defy = Math.min(screen.availHeight, container.clientHeight) - 150;
         let tmpIcon = document.querySelector("#humanEnterIcon");
         tmpIcon.style.transform = `translate(${defx}px, ${defy}px)`;
         tmpIcon.setAttribute("data-x", defx);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "boka-human-cliend-v3",
-	"version": "0.0.16",
+	"version": "0.0.18",
 	"main": "dist/boka-human-v3.umd.js",
 	"scripts": {
 		"dev": "vite",
@@ -13,8 +13,9 @@
 	},
 	"devDependencies": {
 		"@vitejs/plugin-vue": "^6.0.1",
+		"less": "^4.4.1",
+		"viewerjs": "^1.11.7",
 		"vite": "^7.0.6",
-		"vite-plugin-vue-devtools": "^8.0.0",
-		"viewerjs": "^1.11.7"
+		"vite-plugin-vue-devtools": "^8.0.0"
 	}
 }