boka-human-cliend-v3 0.0.51 → 0.0.52

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

@@ -519,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
       };
     },
@@ -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.51",
+	"version": "0.0.52",
 	"main": "dist/boka-human-v3.umd.js",
 	"scripts": {
 		"dev": "vite",