boka-human-cliend-v2 0.0.40 → 0.0.42

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "boka-human-cliend-v2",
-	"version": "0.0.40",
+	"version": "0.0.42",
 	"main": "dist/boka-human-v2.umd.js",
 	"scripts": {
 		"serve": "vue-cli-service serve src/demo/main.js",

package/src/BokaHumanV2.vue

@@ -114,16 +114,16 @@ export default {
 			}else{
 				this.visible=true;
 			}
-			
+
 			if(!this.fullScreen){
 				this.chatMainInitDrag();
 			}
 		})
-		
+
 		window.humanFunction = {
 			showChatView: this.showChat
 		};
-		
+
 		let frame = document.querySelector("#iframe");
 		frame.onload = function () {
 			frame.contentWindow.postMessage({from:"human",info:{isFrame:true}},"*")
@@ -142,12 +142,12 @@ export default {
 						this.unreadCount+=count;
 					}
 				}else if(type=="toAi"){//切换到智能体了,需要隐藏顶部
-				
+
 				}
 				// console.log("外部[收到]了===>>>>",info);
 			}
 		});
-		
+
 	},
 	methods:{
 		sendMsgToFrame(info){
@@ -161,7 +161,7 @@ export default {
 			this.visible=!this.visible;
 			if(this.visible){
 				this.unreadCount=0;
-				
+
 				this.sendMsgToFrame({type:"toBottom"});
 			}
 		},
@@ -194,7 +194,7 @@ export default {
 			tmpIcon.style.transform = `translate(${defx}px, ${defy}px)`;
 			tmpIcon.setAttribute('data-x', defx);
 			tmpIcon.setAttribute('data-y', defy);
-			
+
 			interact('.humanEnterIcon')
 					.on('tap', function (event) {
 						event.preventDefault()
@@ -212,7 +212,7 @@ export default {
 						var target = event.target
 						var x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx
 						var y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy
-						
+
 						// 限制纵向位置在容器内
 						if (y < 0) {
 							y = 0;
@@ -220,13 +220,13 @@ export default {
 						if (y > container.clientHeight - target.offsetHeight) {
 							y = container.clientHeight - target.offsetHeight;
 						}
-						
+
 						// 横向限制：不允许停留在中间，拖动时允许在左侧区和右侧区之间滑动
 						// 这里允许水平拖动到左右边界之间，但不允许停留中间，拖动结束时自动吸附
 						// 但为了拖动顺畅，这里不限制x，吸附逻辑放在 dragend 事件
-						
+
 						target.style.transform = `translate(${x}px, ${y}px)`;
-						
+
 						// update the posiion attributes
 						target.setAttribute('data-x', x)
 						target.setAttribute('data-y', y)
@@ -262,7 +262,7 @@ export default {
 						/*restriction: () => {
 							const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
 							const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
-							
+
 							return {
 								left: scrollLeft,
 								top: scrollTop,
@@ -280,18 +280,18 @@ export default {
 						var target = event.target
 						var x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx
 						var y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy
-						
+
 						target.style.transform = 'translate(' + x + 'px, ' + y + 'px)'
-						
+
 						// update the posiion attributes
 						target.setAttribute('data-x', x)
 						target.setAttribute('data-y', y)
-						
-						
+
+
 						/*const target = event.target;
 						const x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx;
 						const y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy;
-						
+
 						target.style.transform = `translate(${x}px, ${y}px)`;
 						target.setAttribute('data-x', x);
 						target.setAttribute('data-y', y);*/
@@ -317,14 +317,19 @@ export default {
 .humanEnterIcon{
 	position: fixed;
 	z-index: 999;
-	//background-color: #0074ff;
+	background-color: #0074ff;
 	border-radius: 50%;
+	//width: 56px;
+	//height: 56px;
 	width: 40px;
 	height: 40px;
 	text-align: center;
 	box-sizing: border-box;
 	/*transform: translate(100vw, 100vh);*/
 	transform: translate(50vw, 50vh);
+	box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
+	padding: 8px;
+	//background: #fff;
 	>svg{
 		width: 100%;
 		height:100%;
@@ -336,17 +341,18 @@ export default {
 		line-height: 24px;
 		font-size: 14px;
 		font-weight: bold;
-		padding: 8px;
 	}
 }
 .humanMainView {
 	position: fixed;
 	min-width: 360px;
+	width: 400px;
 	max-width: 600px;
 	min-height: 360px;
 	height: 80vh;
 	//border: 1px solid #ccc;
 	//transform: translate(10vw, 10vh);
+	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 	&.full{
 		padding-top: env(safe-area-inset-top);   /* 0 ～ 50px 不等，由系统决定 */
 		width: 100vw!important;
@@ -359,6 +365,7 @@ export default {
 		z-index: 999;
 		overflow: hidden;
 		//transform: none;
+		box-shadow: none;
 	}
 	.humanMainHeader {
 		width: 100%;
@@ -374,7 +381,7 @@ export default {
 		background: url(https://rs.bokao2o.com/bkWeb/Def_BKWeb_AI_Header.png) center top / 100% no-repeat rgb(255, 255, 255);
 		white-space: nowrap;
 		user-select: none;
-		
+
 		max-width: 1000px;
 		left: 50%;
 		transform: translateX(-50%);

package/src/demo/App.vue

@@ -1,7 +1,7 @@
 <template>
 	<div id="app">
-		===
-		<BokaHumanV2 :token="'Bearer 8937d9ccf21264a83c3cb29aaf16dc7'" :product="'manageCenterPlus'" :sub-cust-type="'standard'"/>
+		<!-- token=Bearer 9f5f0c3cae2398961e254bd0fa3587&product=manageCenterPlus&custType=manageCenterPlus&subCustType=standard&source=g8&human=1&isIFrame=true&terminal=&domain=http%3A%2F%2F192.168.3.153%3A8080&time=1766385220881 -->
+		<BokaHumanV2 :token="'Bearer 53b2251627e82b29b521d78c5ac9a9ea'" :product="'manageCenterPlus'" :sub-cust-type="'standard'"/>
 		<!--<Hello :token="'Bearer 8937d9ccf21264a83c3cb29aaf16dc7'" :product="'manageCenterPlus'" :sub-cust-type="'standard'"/>-->
 		---
 	</div>
@@ -18,7 +18,7 @@ export default {
 		Hello
 	},
 	mounted() {
-	
+
 	}
 }
 </script>