boka-human-cliend-v2 0.0.38 → 0.0.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/boka-human-v2.common.js +64 -19
  2. package/dist/boka-human-v2.css +1 -1
  3. package/dist/boka-human-v2.umd.js +64 -19
  4. package/dist/boka-human-v2.umd.min.js +2 -2
  5. package/package.json +1 -1
  6. package/src/BokaHumanV2.vue +74 -13
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "boka-human-cliend-v2",
3
- "version": "0.0.38",
3
+ "version": "0.0.40",
4
4
  "main": "dist/boka-human-v2.umd.js",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve src/demo/main.js",
package/src/BokaHumanV2.vue CHANGED
@@ -1,9 +1,11 @@
1
1
  <template>
2
2
  <div class="boka-human-v2">
3
- <div class="humanEnterIcon" id="humanEnterIcon" :class="[unreadCount>0?'unreadCount':'']" >
3
+ <div id="humanViewOuter" style="position: fixed;width:100vw;height: 100vh;top:0;left: 0;display: none;"></div>
4
+ <div class="humanEnterIcon" id="humanEnterIcon" v-if="!hideEnter" :class="[unreadCount>0?'unreadCount':'']" >
4
5
  <template v-if="unreadCount<1">
5
6
  <!--<svg t="1755741820144" viewBox="0 0 1051 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1470" width="32" height="32"><path 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"></path></svg>-->
6
- <img @click="changeChatViewVisible" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABACAYAAACunKHjAAAF70lEQVR4Aeyai5HbIBCGrasnPeSuipQTp5t0kUsRqUf5P45lFoRkJMtInnGGNYjHsvuxoMfl7dLp3ziO75JrlD/KTVQMya6tz7WTaWGah4KQezgfHNRsfyQ/o7wrN1ExJLu2Pj81nsR44NAeOj7i5yEgZD2GjzIY53EA0eWmxFjgAESqx4dEyq4gZKUBwPA5rz/V4OWXrk2sXlWziUgByq5AdgEhAGELyPQ5ADj4ofaPYRhKuQ7DYPKhMjLQVwIgxqqYpRAlmhfwlLPGLRd3g8AYTWxbQMWUcCA4FZ37VE5d6rBUoK8EQEGH+gJFWZYAv0t03AVCEACAMd46nMV4hLJv21yOUIiUKhDZctdW2QRCk9pWKMPylwzeFUBJTvqJkhoQzo7NMDaBkHFEQgkBAJsNkc5VCSAaUEYHMLBNTevSahCKhnIiwh8I5Otmv7P3DAyidfWCrAIhCEzgI4ED8BAIxjDC4I5kVeREBrZSbpJmEBFCdjDKiNKApkn37iQ7iMbSFmD4RVuctglEDYK0lhOr6rgUYUzOjFaLmkBUlHF3YBUqTcdVCQbbwcNoPi9ugqhEAxCY8DiPF2aOMPwiNW2RmyA0Z3ku7AJBeh+ZfFQwT+YDFaUsgojR4MeUE/i205QVFUQEYjaxRRYPzkUQ0vJdkpImeIZoMHvLRVuMilsgPMVSsU14ylyLRkQgTfbNgqhsi2alTTP36eQXb3F7zIKQnX5b8AT5dCBiVMiVlGa3xxIIvy3+JlXPV2hawCoIbQsPAdeblNHxhOIXsfQrmVsFodZsQCXE1OVpUtMizoF4Gi/XGlqJ9qCiBUQT0aDthD+t0TwHwt8xuO0I5LjLR9IerMavv6phr4rjWMxZvXNkIDQKp/kClZ0RURF1vMCo23jaJ0wZh/0I9kbTswwfJ/YnEFJA45ICrw0g9Pd1h5flwxr71X1MsAII1eBUGTKcDQhPZwhl7+ypYMiHGgRsxnYTbz9lxpBfAgiVSgh8c+BbJMLnc4QvUihU95SAkaim2s4FQWAhvR0AwHYE202Gy+WS+aCxAcabCijxpgOhrAvtOoGpB0i4jj8lxFjdNctskJ0AAMbECLXhg2/jzPhGRPg7xCV2nCiwCrWjBLGqdysckdcWssGOLCroDwhyk0kHayjyrJ+MORSGt00LxYr7qklZffxC0v4DEKdxAos6SgYDEB3nPu9ULxBxbV4gXiAigZi9IuIFIhKI2SsiZkBkT5mxTy0707NH9jxQM3amzvvwj4jYqijprzyppbbehZan3FofQPjHZV5AFh9RpYR2/5Ljx/f2m3ejciHD2+QNQ7z96Pj9VllNXq1xdqJLEAinTMmk0zEV2WLIzqr9mKY2QOEHl0gYS0SkCwpRgKEx41U/JihAYpeQzb6yh1Z+OogW86ppfGSU9hPp4Rum+nkIRANjvz7MREWBjDr6xOqbZArUiT8DBiUqnyEt2c8ClvZjc/q2YhFhZGrKGFAKkZCUlI0HXdccnTOF6Mk+3iQQjCAyJLX/1UozYgpOEwnauiHsZRyRqywlbE0XsUAdABDKsfrytTXSVSwIBt/4lA2Dqhg0xH+UMwVqPywBQZPXwh47kWh2yqir2p9FhJROklRUB046NlZgvISDC1GxmsIBvaRSo4hKIPhu2DrrrO9Ylm+CKAfccy3jMRxhPyNz6ghzO/lTP40P20D5qIH0UZYSh/cmCGjoBkLGs4LJKSZvFCKHCAEgUtNx9+HdBUSEMFlBgeAuVRM1ZYmxNQC2FYCcDVh70QVExaiwgjp/OJRrwiGNk5WhoYo2tgFCOVTe89MLhH+rBULLChIppW84jfMI5bJ983UvEN5AD8XXl+VyKwBwdwA26REgOPlLJ82e2ZxtNNu4Q0MvEGWY250gQNFhWubcHTggzcVdt4Ep9XkXEFpNHEH83DiKwzUpI6YE6fXsUu4CIlqKMyWM2LSYcTZsGLeoc9LYDQRRIeGNtRUIznM4ttxhJo6tregGwgwTDJ4bcJBnBcBkonZL9AGGDX1o/h8AAP//85TBrAAAAAZJREFUAwCgHqvQJpFL5wAAAABJRU5ErkJggg==" alt="" style="width: 100%;">
7
+ <!-- <img @click="changeChatViewVisible" src="data:image/jpeg;base64,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" alt="" style="width: 100%;"> -->
8
+ <img @click="changeChatViewVisible" src="https://static.bokao2o.com/img_humanIcon.png" alt="" style="width: 100%;">
7
9
  </template>
8
10
  <template v-else>
9
11
  <span @click="changeChatViewVisible">{{unreadCount>99?'99+' : unreadCount}}</span>
@@ -13,9 +15,9 @@
13
15
  <div class="humanMainView" :class="fullScreen?'full':''" v-show="visible">
14
16
  <div class="humanMainHeader my-dialog__header">
15
17
  <div class="humanMainHeaderLeft"></div>
16
- <div class="humanMainHeaderCenter">客服</div>
18
+ <div class="humanMainHeaderCenter">{{viewTitle||"客服"}}</div>
17
19
  <div class="humanMainHeaderRight">
18
- <span @click="visible=false" @touchstart.stop="visible=false">
20
+ <span v-if="!hideClose" @click="visible=false" @touchstart.stop="visible=false">
19
21
  <!--<svg style="display: inline-block;vertical-align: middle;" t="1759046770151" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9352" width="14" height="14"><path d="M585.412525 512.594747L973.601616 124.418586c19.600808-19.600808 19.600808-51.898182 0-71.49899l-2.120404-2.120404c-19.600808-19.600808-51.898182-19.600808-71.49899 0L511.793131 439.518384 123.61697 50.799192c-19.600808-19.600808-51.898182-19.600808-71.49899 0l-2.120404 2.120404c-20.11798 19.600808-20.11798 51.898182 0 71.49899l388.189091 388.189091L49.997576 900.783838c-19.587879 19.600808-19.587879 51.898182 0 71.49899l2.120404 2.120404c19.600808 19.600808 51.898182 19.600808 71.49899 0L511.793131 586.214141l388.189091 388.176162c19.600808 19.600808 51.898182 19.600808 71.49899 0l2.120404-2.120404c19.600808-19.600808 19.600808-51.898182 0-71.49899L585.412525 512.594747z m0 0" p-id="9353"></path></svg>-->
20
22
  <!--关闭-->
21
23
  <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="" style="width: 14px;">
@@ -62,6 +64,18 @@ export default {
62
64
  fullScreen: {
63
65
  type: [Boolean,Number],
64
66
  default: 0
67
+ },
68
+ hideEnter: {
69
+ type: Boolean,
70
+ default: false
71
+ },
72
+ hideClose: {
73
+ type: Boolean,
74
+ default: false
75
+ },
76
+ viewTitle: {
77
+ type: String,
78
+ default: '客服'
65
79
  }
66
80
  },
67
81
  computed: {
@@ -69,13 +83,15 @@ export default {
69
83
  let {product,subCustType} = this;
70
84
  if(product.toLowerCase()==="mase" || (product.toLowerCase()==="aime" && subCustType==="overseas")){
71
85
  return "https://service.mase.cloud"
86
+ }else if(product=="web"){
87
+ return "https://sale.shboka.com"
72
88
  }
73
89
  return "https://human.shboka.com"
74
90
  // return "https://baidu.com"
75
91
  // return "http://192.168.3.12:5173"
76
92
  },
77
93
  src(){
78
- let {token,product,custType,subCustType,source,terminal=""} = this;
94
+ let {token,product,custType="",subCustType,source,terminal=""} = this;
79
95
  // return `https://human.shboka.com/?token=${token}&product=${product}&subCustType=${subCustType}&human=1&isIFrame=true&time=${new Date().getTime()}`;
80
96
  let {protocol,host} = location;
81
97
  let domain = `${protocol}//${host}`
@@ -93,8 +109,15 @@ export default {
93
109
  console.log(`%c 客服组件属性 `, 'background: #f00; color: #fff; padding: 2px 2px; border-radius: 3px;')
94
110
  console.log(this.$props)
95
111
  setTimeout(()=>{
96
- this.icon();
97
- this.chatMainInitDrag();
112
+ if(!this.hideEnter){
113
+ this.icon();
114
+ }else{
115
+ this.visible=true;
116
+ }
117
+
118
+ if(!this.fullScreen){
119
+ this.chatMainInitDrag();
120
+ }
98
121
  })
99
122
 
100
123
  window.humanFunction = {
@@ -118,6 +141,8 @@ export default {
118
141
  if(type=="add" && !this.visible){
119
142
  this.unreadCount+=count;
120
143
  }
144
+ }else if(type=="toAi"){//切换到智能体了,需要隐藏顶部
145
+
121
146
  }
122
147
  // console.log("外部[收到]了===>>>>",info);
123
148
  }
@@ -232,8 +257,21 @@ export default {
232
257
  inertia: true,
233
258
  modifiers: [
234
259
  interact.modifiers.restrictRect({
235
- restriction: 'body',
260
+ restriction: '#humanViewOuter',
236
261
  endOnly: true
262
+ /*restriction: () => {
263
+ const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
264
+ const scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
265
+
266
+ return {
267
+ left: scrollLeft,
268
+ top: scrollTop,
269
+ right: scrollLeft + window.innerWidth,
270
+ bottom: scrollTop + window.innerHeight
271
+ };
272
+ },
273
+ elementRect: { left: 0, right: 1, top: 0, bottom: 1 },
274
+ endOnly: false*/
237
275
  })
238
276
  ],
239
277
  autoScroll: true,
@@ -248,6 +286,15 @@ export default {
248
286
  // update the posiion attributes
249
287
  target.setAttribute('data-x', x)
250
288
  target.setAttribute('data-y', y)
289
+
290
+
291
+ /*const target = event.target;
292
+ const x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx;
293
+ const y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy;
294
+
295
+ target.style.transform = `translate(${x}px, ${y}px)`;
296
+ target.setAttribute('data-x', x);
297
+ target.setAttribute('data-y', y);*/
251
298
  },
252
299
  end(event) {
253
300
  }
@@ -270,12 +317,11 @@ export default {
270
317
  .humanEnterIcon{
271
318
  position: fixed;
272
319
  z-index: 999;
273
- background-color: #0074ff;
320
+ //background-color: #0074ff;
274
321
  border-radius: 50%;
275
322
  width: 40px;
276
323
  height: 40px;
277
324
  text-align: center;
278
- padding: 8px;
279
325
  box-sizing: border-box;
280
326
  /*transform: translate(100vw, 100vh);*/
281
327
  transform: translate(50vw, 50vh);
@@ -290,6 +336,7 @@ export default {
290
336
  line-height: 24px;
291
337
  font-size: 14px;
292
338
  font-weight: bold;
339
+ padding: 8px;
293
340
  }
294
341
  }
295
342
  .humanMainView {
@@ -298,13 +345,20 @@ export default {
298
345
  max-width: 600px;
299
346
  min-height: 360px;
300
347
  height: 80vh;
301
- border: 1px solid #ccc;
348
+ //border: 1px solid #ccc;
349
+ //transform: translate(10vw, 10vh);
302
350
  &.full{
303
351
  padding-top: env(safe-area-inset-top); /* 0 ～ 50px 不等，由系统决定 */
304
352
  width: 100vw!important;
305
353
  max-width: 100vw!important;
306
354
  height: 100vh!important;
307
355
  max-height: 100vh!important;
356
+ position: fixed;
357
+ top:0;
358
+ left:0;
359
+ z-index: 999;
360
+ overflow: hidden;
361
+ //transform: none;
308
362
  }
309
363
  .humanMainHeader {
310
364
  width: 100%;
@@ -313,11 +367,17 @@ export default {
313
367
  cursor: move;
314
368
  font-size: 0;
315
369
  box-sizing: border-box;
316
- border-bottom: 1px solid #f5f5f5;
370
+ //border-bottom: 1px solid #f5f5f5;
317
371
  position: relative;
318
372
  z-index: 999;
319
- background: #fff;
373
+ //background: #fff;
374
+ background: url(https://rs.bokao2o.com/bkWeb/Def_BKWeb_AI_Header.png) center top / 100% no-repeat rgb(255, 255, 255);
320
375
  white-space: nowrap;
376
+ user-select: none;
377
+
378
+ max-width: 1000px;
379
+ left: 50%;
380
+ transform: translateX(-50%);
321
381
  .humanMainHeaderRight{
322
382
  text-align: right;
323
383
  }
@@ -336,6 +396,7 @@ export default {
336
396
  vertical-align: middle;
337
397
  font-size: 16px;
338
398
  box-sizing: border-box;
399
+ padding: 6px 0;
339
400
  }
340
401
  }
341
402
  >iframe{