boka-human-cliend-v3 0.0.35 → 0.0.36

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

@@ -5216,8 +5216,8 @@
       },
       src() {
         let { token, product, custType, subCustType, source, terminal = "" } = this;
-        let { protocol, host, port } = location;
-        let domain = `${protocol}//${host}${port ? ":" + port : ""}`;
+        let { protocol, host } = location;
+        let domain = `${protocol}//${host}`;
         return `${this.host}?token=${token}&product=${product}&custType=${custType}&subCustType=${subCustType}&source=${source}&human=1&isIFrame=true&terminal=${terminal}&domain=${encodeURIComponent(domain)}&time=${(/* @__PURE__ */ new Date()).getTime()}`;
       }
     },
@@ -5353,8 +5353,21 @@
           inertia: true,
           modifiers: [
             interact.modifiers.restrictRect({
-              restriction: "body",
+              restriction: "#humanViewOuter",
               endOnly: true
+              /*restriction: () => {
+              	const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
+              	const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
+              	
+              	return {
+              		left: scrollLeft,
+              		top: scrollTop,
+              		right: scrollLeft + window.innerWidth,
+              		bottom: scrollTop + window.innerHeight
+              	};
+              },
+              elementRect: { left: 0, right: 1, top: 0, bottom: 1 },
+              endOnly: false*/
             })
           ],
           autoScroll: true,
@@ -5380,6 +5393,10 @@
   const _hoisted_4 = ["src"];
   function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      _cache[7] || (_cache[7] = vue.createElementVNode("div", {
+        id: "humanViewOuter",
+        style: { "position": "fixed", "width": "100vw", "height": "100vh", "top": "0", "left": "0", "display": "none" }
+      }, null, -1)),
       vue.createElementVNode("div", {
         class: vue.normalizeClass(["humanEnterIcon", [$data.unreadCount > 0 ? "unreadCount" : ""]]),
         id: "humanEnterIcon"
@@ -5404,7 +5421,7 @@
           vue.createElementVNode("div", _hoisted_3, [
             vue.createElementVNode("span", {
               onClick: _cache[2] || (_cache[2] = ($event) => $data.visible = false),
-              onTouchstart: _cache[3] || (_cache[3] = ($event) => $data.visible = false)
+              onTouchstart: _cache[3] || (_cache[3] = vue.withModifiers(($event) => $data.visible = false, ["stop"]))
             }, [..._cache[4] || (_cache[4] = [
               vue.createElementVNode("img", {
                 src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABzUlEQVR4AbzV207DQAwE0MKPA18Oe6ydKCnZdJNWRXFsj+ei9IXP25v/Evjdcn9b6a299OG5eCfwq0foCH19uvHiyah6An8gvRwQ+3q58eAVg8pIoGMB/YoI6+vpRssjQt6wWwIdAA5mRQAznyka2mh4wmpfBwIcEMyKEGaeKVyacHnBsm++MCACYnYGsOyjjoObOw9Y9ur3X1hgeyEStLEeRrBadl5uODnRwrIvfRSIQEBoVgxh5nXB3ILRwLJv+lEgIiEDs2IMMyszzKxwYebdehRIxICRWQmAKTNM4cDMw5oJJGbE0KwEKbNywzEf1mwgE4aMzeuCua2x4XwmcGhy5nAm0Fesf8bkwNyyH/bZQIaMY+ZnVNndcLIP+0wgI4YxEQRT5uA4sOy7/VEgA0YRC4BlN8Oy48Ky/+tHgYQMImIMy54Oc8tOA8u+6aNAAsKQGcKy33c3nOC0sOxL3wtEJAiJESz7qOPg5s4Dlr36fSACYh3biwGsjVMPLk3IvGDZN/8PHRByJIRln+00tOHzhNWeLwQ4FNheBLA2XnpoeUTMG7Z8ISBHxDoGuNh58Iq8MvKFOeiIIT3befHkUz2BDh8N1Vt76cNz8f4DAAD//8lliLUAAAAGSURBVAMAfghcOXqadykAAAAASUVORK5CYII=",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "boka-human-cliend-v3",
-	"version": "0.0.35",
+	"version": "0.0.36",
 	"main": "dist/boka-human-v3.umd.js",
 	"scripts": {
 		"dev": "vite",

package/src/demo/App.vue

@@ -1,6 +1,7 @@
 <template>
 	<div id="app">
-		<BokaHuman :token="'Bearer 8937d9ccf21264a83c3cb29aaf16dc7'" :product="'manageCenterPlus'" :cust-type="'manageCenterPlus'" :sub-cust-type="'standard'" source="g8" :full-screen="1"/>
+		<BokaHuman :token="'4e9d58f42ceab334b3b24d31ec437bef'" :product="'web'" :cust-type="''" :sub-cust-type="''" source="bkWeb-PC" :full-screen="0"/>
+		<div style="height: 200vh; width: 100vw; background: #fff;"></div>
 	</div>
 </template>