boka-human-cliend-v3 0.0.50 → 0.0.52

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

@@ -480,9 +480,11 @@
 .humanMainView {
   position: fixed;
   min-width: 360px;
+  width: 400px;
   max-width: 600px;
   min-height: 360px;
   height: 80vh;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 }
 .humanMainView.full {
   padding-top: env(safe-area-inset-top);
@@ -496,6 +498,7 @@
   left: 0;
   z-index: 999;
   overflow: hidden;
+  box-shadow: none;
 }
 .humanMainView .humanMainHeader {
   width: 100%;
@@ -516,6 +519,13 @@
 .humanMainView .humanMainHeader .humanMainHeaderRight {
   text-align: right;
 }
+.humanMainView .humanMainHeader .humanMainHeaderLeft {
+  text-align: left;
+}
+.humanMainView .humanMainHeader .humanMainHeaderLeft .reload {
+  cursor: pointer;
+  color: #0074ff;
+}
 .humanMainView .humanMainHeader .humanMainHeaderLeft,
 .humanMainView .humanMainHeader .humanMainHeaderRight {
   width: 20%;

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

@@ -5229,15 +5229,16 @@
         return "https://human.shboka.com";
       },
       src() {
-        let { token, product, custType = "", subCustType, source, terminal = "" } = this;
+        let { token, product, custType = "", subCustType, source, terminal = "", reloadTime } = this;
         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()}`;
+        return `${this.host}?token=${token}&product=${product}&custType=${custType}&subCustType=${subCustType}&source=${source}&human=1&isIFrame=true&terminal=${terminal}&domain=${encodeURIComponent(domain)}&time=${reloadTime || (/* @__PURE__ */ new Date()).getTime()}`;
       }
     },
     data() {
       return {
         visible: false,
+        reloadTime: (/* @__PURE__ */ new Date()).getTime(),
         unreadCount: 0
       };
     },
@@ -5376,18 +5377,18 @@
               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*/
+              								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,
@@ -5404,14 +5405,19 @@
             }
           }
         });
+      },
+      reloadFrame() {
+        console.log(this.$refs.humanFrame);
+        this.reloadTime = (/* @__PURE__ */ new Date()).getTime();
       }
     }
   };
   const _hoisted_1 = { class: "boka-human-v2" };
   const _hoisted_2 = { class: "humanMainHeader my-dialog__header" };
-  const _hoisted_3 = { class: "humanMainHeaderCenter" };
-  const _hoisted_4 = { class: "humanMainHeaderRight" };
-  const _hoisted_5 = ["src"];
+  const _hoisted_3 = { class: "humanMainHeaderLeft" };
+  const _hoisted_4 = { class: "humanMainHeaderCenter" };
+  const _hoisted_5 = { class: "humanMainHeaderRight" };
+  const _hoisted_6 = ["src"];
   function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
       _cache[6] || (_cache[6] = vue.createElementVNode("div", {
@@ -5438,14 +5444,19 @@
         class: vue.normalizeClass(["humanMainView", $props.fullScreen ? "full" : ""])
       }, [
         vue.createElementVNode("div", _hoisted_2, [
-          _cache[5] || (_cache[5] = vue.createElementVNode("div", { class: "humanMainHeaderLeft" }, null, -1)),
-          vue.createElementVNode("div", _hoisted_3, vue.toDisplayString($props.viewTitle || "客服"), 1),
-          vue.createElementVNode("div", _hoisted_4, [
+          vue.createElementVNode("div", _hoisted_3, [
+            vue.createElementVNode("span", {
+              class: "reload",
+              onClick: _cache[2] || (_cache[2] = (...args) => $options.reloadFrame && $options.reloadFrame(...args))
+            }, "刷新")
+          ]),
+          vue.createElementVNode("div", _hoisted_4, vue.toDisplayString($props.viewTitle || "客服"), 1),
+          vue.createElementVNode("div", _hoisted_5, [
             !$props.hideClose ? (vue.openBlock(), vue.createElementBlock("span", {
               key: 0,
-              onClick: _cache[2] || (_cache[2] = ($event) => $data.visible = false),
-              onTouchstart: _cache[3] || (_cache[3] = vue.withModifiers(($event) => $data.visible = false, ["stop"]))
-            }, [..._cache[4] || (_cache[4] = [
+              onClick: _cache[3] || (_cache[3] = ($event) => $data.visible = false),
+              onTouchstart: _cache[4] || (_cache[4] = vue.withModifiers(($event) => $data.visible = false, ["stop"]))
+            }, [..._cache[5] || (_cache[5] = [
               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=",
                 alt: "",
@@ -5456,10 +5467,11 @@
         ]),
         vue.createElementVNode("iframe", {
           id: "iframe",
+          ref: "humanFrame",
           src: $options.src,
           frameborder: "0",
           allowfullscreen: ""
-        }, null, 8, _hoisted_5)
+        }, null, 8, _hoisted_6)
       ], 2), [
         [vue.vShow, $data.visible]
       ])

package/package.json

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

package/src/demo/App.vue

@@ -1,6 +1,6 @@
 <template>
 	<div id="app">
-		<BokaHuman :token="'707a38d6c7d2e9ea8ce126f40884986'" :product="'web'" :cust-type="''" :sub-cust-type="''" source="bkWeb-Mobile" :full-screen="1"/>
+		<BokaHuman :token="'bearer 53b2251627e82b29b521d78c5ac9a9ea'" :product="'manageCenterPlus'" :cust-type="'manageCenterPlus'" :sub-cust-type="'standard'" source="pc" :full-screen="0"/>
 		<div style="height: 200vh; width: 100vw; background: #fff;"></div>
 	</div>
 </template>
@@ -14,7 +14,7 @@ export default {
 		BokaHuman:BokaHumanRaw
 	},
 	mounted() {
-	
+
 	}
 }
 </script>