boka-human-cliend-v2 0.0.4 → 0.0.6

package/dist/boka-human-v2.common.js

@@ -101,6 +101,17 @@ return /******/ (function(modules) { // webpackBootstrap
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "12a7":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_47a63b20_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7b44");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_47a63b20_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_47a63b20_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "5014":
@@ -113,17 +124,6 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("62e4")(module)))
 
-/***/ }),
-
-/***/ "577e":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_334faf30_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7638");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_334faf30_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_334faf30_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "62e4":
@@ -155,7 +155,7 @@ module.exports = function(module) {
 
 /***/ }),
 
-/***/ "7638":
+/***/ "7b44":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -3419,13 +3419,13 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9b08f294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/BokaHumanV2.vue?vue&type=template&id=334faf30&scoped=true
-var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"boka-human-v2"},[_c('div',{staticClass:"icon",attrs:{"id":"icon"},on:{"click":function($event){_vm.visible=!_vm.visible}}},[_vm._v(_vm._s(_vm.visible ? '隐藏' : '显示'))]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"humanMainView"},[_c('div',{staticClass:"humanMainHeader my-dialog__header"},[_c('div',{staticClass:"humanMainHeaderLeft"}),_c('div',{staticClass:"humanMainHeaderCenter"},[_vm._v("客服")]),_c('div',{staticClass:"humanMainHeaderRight"},[_c('span',{on:{"click":function($event){_vm.visible=!_vm.visible}}},[_vm._v("隐藏")])])]),_c('iframe',{attrs:{"src":_vm.src,"frameborder":"0","allowfullscreen":""}})])])
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1e72228b-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/BokaHumanV2.vue?vue&type=template&id=47a63b20&scoped=true
+var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"boka-human-v2"},[_c('div',{staticClass:"humanEnterIcon",attrs:{"id":"humanEnterIcon"},on:{"click":function($event){_vm.visible=!_vm.visible}}},[_c('svg',{attrs:{"t":"1755741820144","viewBox":"0 0 1051 1024","version":"1.1","xmlns":"http://www.w3.org/2000/svg","p-id":"1470","width":"32","height":"32"}},[_c('path',{attrs:{"d":"M135.73310782 546.11486502v91.39864856a68.41216214 68.41216214 0 0 0 136.82432428 0v-91.39864856a68.41216214 68.41216214 0 0 0-136.82432428 0z m628.77618292 174.3141893A113.58699363 113.58699363 0 0 1 728.63851358 637.51351358v-91.39864856A114.02026996 114.02026996 0 0 1 841.86064218 432.18581069C830.16216214 266.51435782 692.03800637 135.73310782 523.40202716 135.73310782 354.74324363 135.73310782 216.64189218 266.51435782 204.94341214 432.18581069A114.0886821 114.0886821 0 0 1 318.16554074 546.11486502v91.39864856a114.02026996 114.02026996 0 0 1-228.04054074 0v-91.39864856a114.02026996 114.02026996 0 0 1 68.64020288-104.53378353C165.83445926 246.28716214 326.375 90.125 523.40202716 90.125s357.5675679 156.16216214 364.63682428 351.45608149A114.0886821 114.0886821 0 0 1 956.67905432 546.11486502v91.39864856a114.02026996 114.02026996 0 0 1-152.26266934 107.3386821 387.89695926 387.89695926 0 0 1-155.61486503 99.8817572A79.76858148 79.76858148 0 0 1 568.78209424 922.47297284h-68.00168848c-44.23986502 0-80.01942573-35.57432428-80.01942572-79.8141893 0-44.17145288 35.66554074-79.81418931 80.04222922-79.8141893h67.95608148c28.80151995 0 54 15.05067573 68.09290494 37.74071008a342.17483148 342.17483148 0 0 0 127.63429074-80.15625zM774.2466214 546.11486502v91.39864856a68.41216214 68.41216214 0 0 0 136.82432428 0v-91.39864856a68.41216214 68.41216214 0 0 0-136.82432427 0zM500.82601358 876.86486502h67.95608066c19.20101358 0 34.43412141-15.23310782 34.43412222-34.20608148 0-18.99577716-15.30151996-34.20608149-34.43412222-34.20608066h-67.95608066c-19.20101358 0-34.43412141 15.23310782-34.4341214 34.20608066 0 18.99577716 15.30151996 34.20608149 34.4341214 34.20608148z","p-id":"1471"}})])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"humanMainView"},[_c('div',{staticClass:"humanMainHeader my-dialog__header"},[_c('div',{staticClass:"humanMainHeaderLeft"}),_c('div',{staticClass:"humanMainHeaderCenter"},[_vm._v("客服")]),_c('div',{staticClass:"humanMainHeaderRight"},[_c('span',{on:{"click":function($event){_vm.visible=!_vm.visible}}},[_vm._v("关闭")])])]),_c('iframe',{attrs:{"id":"iframe","src":_vm.src,"frameborder":"0","allowfullscreen":""}})])])
 }
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/BokaHumanV2.vue?vue&type=template&id=334faf30&scoped=true
+// CONCATENATED MODULE: ./src/BokaHumanV2.vue?vue&type=template&id=47a63b20&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/interactjs/dist/interact.min.js
 var interact_min = __webpack_require__("5014");
@@ -3465,9 +3465,14 @@ var dist_viewer = __webpack_require__("0808");
 		}
 	},
 	computed: {
+		host(){
+			// return "https://human.shboka.com/"
+			return "http://192.168.3.12:5173"
+		},
 		src(){
 			let {token,product,subCustType} = this;
-			return `https://human.shboka.com/?token=${token}&product=${product}&subCustType=${subCustType}&human=1&isIFrame=true`;
+			// return `https://human.shboka.com/?token=${token}&product=${product}&subCustType=${subCustType}&human=1&isIFrame=true&time=${new Date().getTime()}`;
+			return `${this.host}/?token=${token}&product=${product}&subCustType=${subCustType}&human=1&isIFrame=true&time=${new Date().getTime()}`;
 		}
 	},
 	data() {
@@ -3478,14 +3483,29 @@ var dist_viewer = __webpack_require__("0808");
 	mounted() {
 		this.icon();
 		this.chatMainInitDrag();
-		/*//告诉内嵌页面是 frame 方式存在
-		window.postMessage({human:1,isIFrame:true}, 'https://human.shboka.com');
-		window.addEventListener('humanInnerMessage', (event) => {
-			// 检查消息来源
-			if (event.origin !== 'https://human.shboka.com') return;
-			
-			console.log('收到来自 iframe 的消息:', event.data);
-		});*/
+		
+		window.humanFunction = {
+			showImg: this.showImg,
+			showVideo: this.showVideo
+		};
+		
+		let frame = document.querySelector("#iframe");
+		frame.onload = function () {
+			frame.contentWindow.postMessage({from:"human",info:{isFrame:true}},"*")
+		}
+		window.addEventListener('message', (e) => {
+			let{origin,data} = e;
+			if(origin==this.host && data.from=="humanFrame"){
+				console.log("外部[收到]了===>>>>",data.info);
+				let{info} = data;
+				let{type,data:url} = info;
+				if(type=="img"){
+					this.showImg(url);
+				}
+				// console.log("外部[收到]了===>>>>",info);
+			}
+		});
+		
 	},
 	methods:{
 		showImg(url,messageItem){
@@ -3511,7 +3531,14 @@ var dist_viewer = __webpack_require__("0808");
 		},
 		icon(){
 			const container = document.body;
-			interact_min_default()('.icon')
+			let defx = container.clientWidth-40;
+			let defy = container.clientHeight-150;
+			let tmpIcon = document.querySelector('#humanEnterIcon');
+			tmpIcon.style.transform = `translate(${defx}px, ${defy}px)`;
+			tmpIcon.setAttribute('data-x', defx);
+			tmpIcon.setAttribute('data-y', defy);
+			
+			interact_min_default()('.humanEnterIcon')
 			.on('tap', function (event) {
 				event.preventDefault()
 			}).draggable({
@@ -3600,8 +3627,8 @@ var dist_viewer = __webpack_require__("0808");
 
 // CONCATENATED MODULE: ./src/BokaHumanV2.vue?vue&type=script&lang=js
  /* harmony default export */ var src_BokaHumanV2vue_type_script_lang_js = (BokaHumanV2vue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/BokaHumanV2.vue?vue&type=style&index=0&id=334faf30&prod&scoped=true&lang=css
-var BokaHumanV2vue_type_style_index_0_id_334faf30_prod_scoped_true_lang_css = __webpack_require__("577e");
+// EXTERNAL MODULE: ./src/BokaHumanV2.vue?vue&type=style&index=0&id=47a63b20&prod&scoped=true&lang=css
+var BokaHumanV2vue_type_style_index_0_id_47a63b20_prod_scoped_true_lang_css = __webpack_require__("12a7");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -3716,7 +3743,7 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "334faf30",
+  "47a63b20",
   null
   
 )

package/dist/boka-human-v2.css

@@ -6,4 +6,4 @@
  * Released under the MIT license
  *
  * Date: 2024-11-24T04:32:14.526Z
- */.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 40'%3E%3Cpath fill='%23fff' d='M49.6 17.9h20.2v3.9H49.6zm123.1 2l10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0l-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6l-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3l5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7zm14 0h6.2V16h-2v-4.3h-4.2v-2zm6.2 14V30h-6.2v-2h4.2v-4.3h2zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7l7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5l8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 00-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 01-10-10.2 10 10 0 0110-10.2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viewer-container::-moz-selection,.viewer-container ::-moz-selection{background-color:transparent}.viewer-container::selection,.viewer-container ::selection{background-color:transparent}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}.viewer-list{box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;right:0;z-index:1}.viewer-player,.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:rgba(0,0,0,.8)}.viewer-toolbar>ul>li:focus{box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:5px 5%;max-width:90%;min-height:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{-webkit-app-region:no-drag;background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8)}.viewer-button:focus{box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:rgba(0,0,0,.5)}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{transition:all .3s}@keyframes viewer-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.viewer-loading:after{animation:viewer-spinner 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-left-color:hsla(0,0%,100%,.5);border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}.boka-human-v2[data-v-334faf30]{overflow:hidden;position:fixed;top:0;left:0;z-index:9999}.icon[data-v-334faf30]{position:fixed;z-index:9999}.humanMainView[data-v-334faf30]{position:fixed;width:480px;height:800px;border:1px solid #ccc;.humanMainHeader[data-v-334faf30]{width:100%;height:40px;text-align:center;cursor:move;font-size:0;box-sizing:border-box;border-bottom:1px solid #f5f5f5;.humanMainHeaderRight[data-v-334faf30]{text-align:right}.humanMainHeaderLeft[data-v-334faf30],.humanMainHeaderRight[data-v-334faf30]{width:20%;display:inline-block;vertical-align:middle;padding:0 10px;line-height:40px;font-size:14px;box-sizing:border-box}.humanMainHeaderCenter[data-v-334faf30]{width:60%;display:inline-block;vertical-align:middle;font-size:16px;box-sizing:border-box}}>iframe[data-v-334faf30]{width:100%;height:calc(100% - 40px)}}
+ */.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 40'%3E%3Cpath fill='%23fff' d='M49.6 17.9h20.2v3.9H49.6zm123.1 2l10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7-10.9-10.9zm94 0l-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7 10.8-10.9zM212 9.3l20.1 10.6L212 30.5V9.3zm161.5 4.6l-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4v-4zm40.2 12.3l5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6h-4zm35.9-16.5h6.3v2h-4.3V16h-2V9.7zm14 0h6.2V16h-2v-4.3h-4.2v-2zm6.2 14V30h-6.2v-2h4.2v-4.3h2zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3h-3.9zM93.6 9.7h-5.8v3.9h2V30h3.8V9.7zm16.1 0h-5.8v3.9h1.9V30h3.9V9.7zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7l7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9v-3.1zm147.2 13.4h6.3V30h-2v-4.3h-4.3v-2zm14 6.3v-6.3h6.2v2h-4.3V30h-1.9zm6.2-14h-6.2V9.7h1.9V14h4.3v2zm-13.9 0h-6.3v-2h4.3V9.7h2V16zm33.3 12.5l8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7-1.9-2zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 00-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 01-10-10.2 10 10 0 0110-10.2z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.viewer-container::-moz-selection,.viewer-container ::-moz-selection{background-color:transparent}.viewer-container::selection,.viewer-container ::selection{background-color:transparent}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}.viewer-list{box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;right:0;z-index:1}.viewer-player,.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:rgba(0,0,0,.8)}.viewer-toolbar>ul>li:focus{box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:5px 5%;max-width:90%;min-height:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{-webkit-app-region:no-drag;background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8)}.viewer-button:focus{box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:rgba(0,0,0,.5)}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{transition:all .3s}@keyframes viewer-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.viewer-loading:after{animation:viewer-spinner 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-left-color:hsla(0,0%,100%,.5);border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}.boka-human-v2[data-v-47a63b20]{overflow:hidden;position:fixed;top:0;left:0;z-index:999}.humanEnterIcon[data-v-47a63b20]{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);>svg[data-v-47a63b20]{width:100%;height:100%;fill:#fff}}.humanMainView[data-v-47a63b20]{position:fixed;width:480px;height:800px;border:1px solid #ccc;.humanMainHeader[data-v-47a63b20]{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;.humanMainHeaderRight[data-v-47a63b20]{text-align:right}.humanMainHeaderLeft[data-v-47a63b20],.humanMainHeaderRight[data-v-47a63b20]{width:20%;display:inline-block;vertical-align:middle;padding:0 10px;line-height:40px;font-size:14px;box-sizing:border-box}.humanMainHeaderCenter[data-v-47a63b20]{width:60%;display:inline-block;vertical-align:middle;font-size:16px;box-sizing:border-box}}>iframe[data-v-47a63b20]{width:100%;height:calc(100% - 40px)}}

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

@@ -101,6 +101,17 @@ return /******/ (function(modules) { // webpackBootstrap
 
 // extracted by mini-css-extract-plugin
 
+/***/ }),
+
+/***/ "12a7":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_47a63b20_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7b44");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_47a63b20_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_47a63b20_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "5014":
@@ -113,17 +124,6 @@ return /******/ (function(modules) { // webpackBootstrap
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("62e4")(module)))
 
-/***/ }),
-
-/***/ "577e":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_334faf30_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7638");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_334faf30_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_7_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_7_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_7_oneOf_1_2_node_modules_cache_loader_dist_cjs_js_ref_1_0_node_modules_vue_loader_lib_index_js_vue_loader_options_BokaHumanV2_vue_vue_type_style_index_0_id_334faf30_prod_scoped_true_lang_css__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "62e4":
@@ -155,7 +155,7 @@ module.exports = function(module) {
 
 /***/ }),
 
-/***/ "7638":
+/***/ "7b44":
 /***/ (function(module, exports, __webpack_require__) {
 
 // extracted by mini-css-extract-plugin
@@ -3419,13 +3419,13 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"9b08f294-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/BokaHumanV2.vue?vue&type=template&id=334faf30&scoped=true
-var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"boka-human-v2"},[_c('div',{staticClass:"icon",attrs:{"id":"icon"},on:{"click":function($event){_vm.visible=!_vm.visible}}},[_vm._v(_vm._s(_vm.visible ? '隐藏' : '显示'))]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"humanMainView"},[_c('div',{staticClass:"humanMainHeader my-dialog__header"},[_c('div',{staticClass:"humanMainHeaderLeft"}),_c('div',{staticClass:"humanMainHeaderCenter"},[_vm._v("客服")]),_c('div',{staticClass:"humanMainHeaderRight"},[_c('span',{on:{"click":function($event){_vm.visible=!_vm.visible}}},[_vm._v("隐藏")])])]),_c('iframe',{attrs:{"src":_vm.src,"frameborder":"0","allowfullscreen":""}})])])
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1e72228b-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--5!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/BokaHumanV2.vue?vue&type=template&id=47a63b20&scoped=true
+var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:"boka-human-v2"},[_c('div',{staticClass:"humanEnterIcon",attrs:{"id":"humanEnterIcon"},on:{"click":function($event){_vm.visible=!_vm.visible}}},[_c('svg',{attrs:{"t":"1755741820144","viewBox":"0 0 1051 1024","version":"1.1","xmlns":"http://www.w3.org/2000/svg","p-id":"1470","width":"32","height":"32"}},[_c('path',{attrs:{"d":"M135.73310782 546.11486502v91.39864856a68.41216214 68.41216214 0 0 0 136.82432428 0v-91.39864856a68.41216214 68.41216214 0 0 0-136.82432428 0z m628.77618292 174.3141893A113.58699363 113.58699363 0 0 1 728.63851358 637.51351358v-91.39864856A114.02026996 114.02026996 0 0 1 841.86064218 432.18581069C830.16216214 266.51435782 692.03800637 135.73310782 523.40202716 135.73310782 354.74324363 135.73310782 216.64189218 266.51435782 204.94341214 432.18581069A114.0886821 114.0886821 0 0 1 318.16554074 546.11486502v91.39864856a114.02026996 114.02026996 0 0 1-228.04054074 0v-91.39864856a114.02026996 114.02026996 0 0 1 68.64020288-104.53378353C165.83445926 246.28716214 326.375 90.125 523.40202716 90.125s357.5675679 156.16216214 364.63682428 351.45608149A114.0886821 114.0886821 0 0 1 956.67905432 546.11486502v91.39864856a114.02026996 114.02026996 0 0 1-152.26266934 107.3386821 387.89695926 387.89695926 0 0 1-155.61486503 99.8817572A79.76858148 79.76858148 0 0 1 568.78209424 922.47297284h-68.00168848c-44.23986502 0-80.01942573-35.57432428-80.01942572-79.8141893 0-44.17145288 35.66554074-79.81418931 80.04222922-79.8141893h67.95608148c28.80151995 0 54 15.05067573 68.09290494 37.74071008a342.17483148 342.17483148 0 0 0 127.63429074-80.15625zM774.2466214 546.11486502v91.39864856a68.41216214 68.41216214 0 0 0 136.82432428 0v-91.39864856a68.41216214 68.41216214 0 0 0-136.82432427 0zM500.82601358 876.86486502h67.95608066c19.20101358 0 34.43412141-15.23310782 34.43412222-34.20608148 0-18.99577716-15.30151996-34.20608149-34.43412222-34.20608066h-67.95608066c-19.20101358 0-34.43412141 15.23310782-34.4341214 34.20608066 0 18.99577716 15.30151996 34.20608149 34.4341214 34.20608148z","p-id":"1471"}})])]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.visible),expression:"visible"}],staticClass:"humanMainView"},[_c('div',{staticClass:"humanMainHeader my-dialog__header"},[_c('div',{staticClass:"humanMainHeaderLeft"}),_c('div',{staticClass:"humanMainHeaderCenter"},[_vm._v("客服")]),_c('div',{staticClass:"humanMainHeaderRight"},[_c('span',{on:{"click":function($event){_vm.visible=!_vm.visible}}},[_vm._v("关闭")])])]),_c('iframe',{attrs:{"id":"iframe","src":_vm.src,"frameborder":"0","allowfullscreen":""}})])])
 }
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/BokaHumanV2.vue?vue&type=template&id=334faf30&scoped=true
+// CONCATENATED MODULE: ./src/BokaHumanV2.vue?vue&type=template&id=47a63b20&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/interactjs/dist/interact.min.js
 var interact_min = __webpack_require__("5014");
@@ -3465,9 +3465,14 @@ var dist_viewer = __webpack_require__("0808");
 		}
 	},
 	computed: {
+		host(){
+			// return "https://human.shboka.com/"
+			return "http://192.168.3.12:5173"
+		},
 		src(){
 			let {token,product,subCustType} = this;
-			return `https://human.shboka.com/?token=${token}&product=${product}&subCustType=${subCustType}&human=1&isIFrame=true`;
+			// return `https://human.shboka.com/?token=${token}&product=${product}&subCustType=${subCustType}&human=1&isIFrame=true&time=${new Date().getTime()}`;
+			return `${this.host}/?token=${token}&product=${product}&subCustType=${subCustType}&human=1&isIFrame=true&time=${new Date().getTime()}`;
 		}
 	},
 	data() {
@@ -3478,14 +3483,29 @@ var dist_viewer = __webpack_require__("0808");
 	mounted() {
 		this.icon();
 		this.chatMainInitDrag();
-		/*//告诉内嵌页面是 frame 方式存在
-		window.postMessage({human:1,isIFrame:true}, 'https://human.shboka.com');
-		window.addEventListener('humanInnerMessage', (event) => {
-			// 检查消息来源
-			if (event.origin !== 'https://human.shboka.com') return;
-			
-			console.log('收到来自 iframe 的消息:', event.data);
-		});*/
+		
+		window.humanFunction = {
+			showImg: this.showImg,
+			showVideo: this.showVideo
+		};
+		
+		let frame = document.querySelector("#iframe");
+		frame.onload = function () {
+			frame.contentWindow.postMessage({from:"human",info:{isFrame:true}},"*")
+		}
+		window.addEventListener('message', (e) => {
+			let{origin,data} = e;
+			if(origin==this.host && data.from=="humanFrame"){
+				console.log("外部[收到]了===>>>>",data.info);
+				let{info} = data;
+				let{type,data:url} = info;
+				if(type=="img"){
+					this.showImg(url);
+				}
+				// console.log("外部[收到]了===>>>>",info);
+			}
+		});
+		
 	},
 	methods:{
 		showImg(url,messageItem){
@@ -3511,7 +3531,14 @@ var dist_viewer = __webpack_require__("0808");
 		},
 		icon(){
 			const container = document.body;
-			interact_min_default()('.icon')
+			let defx = container.clientWidth-40;
+			let defy = container.clientHeight-150;
+			let tmpIcon = document.querySelector('#humanEnterIcon');
+			tmpIcon.style.transform = `translate(${defx}px, ${defy}px)`;
+			tmpIcon.setAttribute('data-x', defx);
+			tmpIcon.setAttribute('data-y', defy);
+			
+			interact_min_default()('.humanEnterIcon')
 			.on('tap', function (event) {
 				event.preventDefault()
 			}).draggable({
@@ -3600,8 +3627,8 @@ var dist_viewer = __webpack_require__("0808");
 
 // CONCATENATED MODULE: ./src/BokaHumanV2.vue?vue&type=script&lang=js
  /* harmony default export */ var src_BokaHumanV2vue_type_script_lang_js = (BokaHumanV2vue_type_script_lang_js); 
-// EXTERNAL MODULE: ./src/BokaHumanV2.vue?vue&type=style&index=0&id=334faf30&prod&scoped=true&lang=css
-var BokaHumanV2vue_type_style_index_0_id_334faf30_prod_scoped_true_lang_css = __webpack_require__("577e");
+// EXTERNAL MODULE: ./src/BokaHumanV2.vue?vue&type=style&index=0&id=47a63b20&prod&scoped=true&lang=css
+var BokaHumanV2vue_type_style_index_0_id_47a63b20_prod_scoped_true_lang_css = __webpack_require__("12a7");
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
 /* globals __VUE_SSR_CONTEXT__ */
@@ -3716,7 +3743,7 @@ var component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "334faf30",
+  "47a63b20",
   null
   
 )