boka-human-cliend-v3 0.0.36 → 0.0.38

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

@@ -491,6 +491,11 @@
   max-width: 100vw!important;
   height: 100vh!important;
   max-height: 100vh!important;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 999;
+  overflow: hidden;
 }
 .humanMainView .humanMainHeader {
   width: 100%;
@@ -504,6 +509,7 @@
   z-index: 999;
   background: #fff;
   white-space: nowrap;
+  user-select: none;
 }
 .humanMainView .humanMainHeader .humanMainHeaderRight {
   text-align: right;

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

@@ -5204,6 +5204,14 @@
       fullScreen: {
         type: [Boolean, Number],
         default: 0
+      },
+      hideIcon: {
+        type: Boolean,
+        default: false
+      },
+      viewTitle: {
+        type: String,
+        default: "客服"
       }
     },
     computed: {
@@ -5232,8 +5240,13 @@
       console.log(`%c 客服组件属性 `, "background: #f00; color: #fff; padding: 2px 2px; border-radius: 3px;");
       console.log(this.$props);
       setTimeout(() => {
-        this.icon();
-        this.chatMainInitDrag();
+        if (!this.hideIcon) {
+          this.icon();
+          this.visible = true;
+        }
+        if (!this.fullScreen) {
+          this.chatMainInitDrag();
+        }
       });
       window.humanFunction = {
         showChatView: this.showChat
@@ -5389,15 +5402,17 @@
   };
   const _hoisted_1 = { class: "boka-human-v2" };
   const _hoisted_2 = { class: "humanMainHeader my-dialog__header" };
-  const _hoisted_3 = { class: "humanMainHeaderRight" };
-  const _hoisted_4 = ["src"];
+  const _hoisted_3 = { class: "humanMainHeaderCenter" };
+  const _hoisted_4 = { class: "humanMainHeaderRight" };
+  const _hoisted_5 = ["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", {
+      _cache[6] || (_cache[6] = vue.createElementVNode("div", {
         id: "humanViewOuter",
         style: { "position": "fixed", "width": "100vw", "height": "100vh", "top": "0", "left": "0", "display": "none" }
       }, null, -1)),
-      vue.createElementVNode("div", {
+      !$props.hideIcon ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
         class: vue.normalizeClass(["humanEnterIcon", [$data.unreadCount > 0 ? "unreadCount" : ""]]),
         id: "humanEnterIcon"
       }, [
@@ -5411,15 +5426,16 @@
           key: 1,
           onClick: _cache[1] || (_cache[1] = (...args) => $options.changeChatViewVisible && $options.changeChatViewVisible(...args))
         }, vue.toDisplayString($data.unreadCount > 99 ? "99+" : $data.unreadCount), 1))
-      ], 2),
+      ], 2)) : vue.createCommentVNode("", true),
       vue.withDirectives(vue.createElementVNode("div", {
         class: vue.normalizeClass(["humanMainView", $props.fullScreen ? "full" : ""])
       }, [
         vue.createElementVNode("div", _hoisted_2, [
           _cache[5] || (_cache[5] = vue.createElementVNode("div", { class: "humanMainHeaderLeft" }, null, -1)),
-          _cache[6] || (_cache[6] = vue.createElementVNode("div", { class: "humanMainHeaderCenter" }, "客服", -1)),
-          vue.createElementVNode("div", _hoisted_3, [
-            vue.createElementVNode("span", {
+          vue.createElementVNode("div", _hoisted_3, vue.toDisplayString($props.viewTitle || "客服"), 1),
+          vue.createElementVNode("div", _hoisted_4, [
+            !$props.hideIcon ? (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] = [
@@ -5428,7 +5444,7 @@
                 alt: "",
                 style: { "width": "14px" }
               }, null, -1)
-            ])], 32)
+            ])], 32)) : vue.createCommentVNode("", true)
           ])
         ]),
         vue.createElementVNode("iframe", {
@@ -5436,7 +5452,7 @@
           src: $options.src,
           frameborder: "0",
           allowfullscreen: ""
-        }, null, 8, _hoisted_4)
+        }, null, 8, _hoisted_5)
       ], 2), [
         [vue.vShow, $data.visible]
       ])

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "boka-human-cliend-v3",
-	"version": "0.0.36",
+	"version": "0.0.38",
 	"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="'4e9d58f42ceab334b3b24d31ec437bef'" :product="'web'" :cust-type="''" :sub-cust-type="''" source="bkWeb-PC" :full-screen="0"/>
+		<BokaHuman :token="'707a38d6c7d2e9ea8ce126f40884986'" :product="'web'" :cust-type="''" :sub-cust-type="''" source="bkWeb-Mobile" :full-screen="1"/>
 		<div style="height: 200vh; width: 100vw; background: #fff;"></div>
 	</div>
 </template>