@web-utils/component 2.7.30 → 2.7.32

package/dist/components/chat/{index.js → index.mjs}

@@ -1,40 +1,44 @@
 import { formatDate } from "@web-utils/integrations/dayjs";
-import { s as setPx } from "../../chunks/util.89913643.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+import { s as setPx } from "../../chunks/util.b0d0b0ad.mjs";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.mjs";
 var render = function() {
-  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
   return _c("div", {
     staticClass: "avue-chat",
     style: _vm.heightStyleName,
     on: {
-      keyup: function($event) {
-        return !$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter") ? null : _vm.handleSend.apply(null, arguments);
+      "keyup": function($event) {
+        if (!$event.type.indexOf("key") && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter"))
+          return null;
+        return _vm.handleSend.apply(null, arguments);
       }
     }
   }, [_c("audio", {
     ref: "chatAudio"
   }, [_c("source", {
     attrs: {
-      src: _vm.audio[0],
-      type: "audio/ogg"
+      "src": _vm.audio[0],
+      "type": "audio/ogg"
     }
   }), _c("source", {
     attrs: {
-      src: _vm.audio[1],
-      type: "audio/mpeg"
+      "src": _vm.audio[1],
+      "type": "audio/mpeg"
     }
   }), _c("source", {
     attrs: {
-      src: _vm.audio[2],
-      type: "audio/wav"
+      "src": _vm.audio[2],
+      "type": "audio/wav"
     }
   })]), _c("div", {
     staticClass: "web__logo"
   }, [_c("img", {
     staticClass: "web__logo-img",
     attrs: {
-      src: _vm.config.img,
-      alt: ""
+      "src": _vm.config.img,
+      "alt": ""
     }
   }), _c("div", {
     staticClass: "web__logo-info"
@@ -60,7 +64,7 @@ var render = function() {
       staticClass: "web__main-user"
     }, [_c("img", {
       attrs: {
-        src: item.img
+        "src": item.img
       }
     }), _c("cite", [_vm._v(" " + _vm._s(item.name) + " "), _c("i", [_vm._v(_vm._s(item.date))])])]), _c("div", {
       staticClass: "web__main-text"
@@ -68,22 +72,22 @@ var render = function() {
       staticClass: "web__main-arrow"
     }), _c("span", {
       ref: "content",
-      refInFor: !0,
+      refInFor: true,
       domProps: {
-        innerHTML: _vm._s(_vm.handleDetail(item.text.text))
+        "innerHTML": _vm._s(_vm.handleDetail(item.text.text))
       }
-    }), item.text.list ? _vm._e() : _c("ul", {
+    }), !item.text.list ? _c("ul", {
       staticClass: " web__main-list"
     }, _vm._l(item.text.list, function(citem, cindex) {
       return _c("li", {
         key: cindex,
         on: {
-          click: function($event) {
+          "click": function($event) {
             return _vm.handleItemMsg(citem);
           }
         }
       }, [_vm._v(" " + _vm._s(citem.text) + " ")]);
-    }), 0)])]);
+    }), 0) : _vm._e()])]);
   }), 0), _c("div", {
     staticClass: "web__footer",
     style: _vm.widthStyleName
@@ -92,21 +96,21 @@ var render = function() {
   }, [_vm.tools.img ? _c("i", {
     staticClass: "el-icon-picture-outline",
     on: {
-      click: function($event) {
+      "click": function($event) {
         return _vm.handleUpload("img");
       }
     }
   }) : _vm._e(), _vm.tools.video ? _c("i", {
     staticClass: "el-icon-video-camera",
     on: {
-      click: function($event) {
+      "click": function($event) {
         return _vm.handleUpload("video");
       }
     }
   }) : _vm._e(), _vm.tools.file ? _c("i", {
     staticClass: "el-icon-folder-opened",
     on: {
-      click: function($event) {
+      "click": function($event) {
         return _vm.handleUpload("file");
       }
     }
@@ -121,15 +125,17 @@ var render = function() {
     }],
     staticClass: "web__msg-input",
     attrs: {
-      rows: "2",
-      placeholder: _vm.placeholder
+      "rows": "2",
+      "placeholder": _vm.placeholder
     },
     domProps: {
-      value: _vm.msg
+      "value": _vm.msg
     },
     on: {
-      input: function($event) {
-        $event.target.composing || (_vm.msg = $event.target.value);
+      "input": function($event) {
+        if ($event.target.composing)
+          return;
+        _vm.msg = $event.target.value;
       }
     }
   }), _c("div", {
@@ -138,22 +144,22 @@ var render = function() {
     staticClass: "web__msg-submit",
     attrs: {
       "split-button": "",
-      type: "primary",
-      size: "mini",
-      trigger: "click"
+      "type": "primary",
+      "size": "mini",
+      "trigger": "click"
     },
     on: {
-      click: _vm.handleSend
+      "click": _vm.handleSend
     }
   }, [_vm._v(" 发送 "), _c("ElDropdownMenu", {
     attrs: {
-      slot: "dropdown"
+      "slot": "dropdown"
     },
     slot: "dropdown"
   }, [_c("ElDropdownItem", [_c("ElPopover", {
     attrs: {
-      placement: "top",
-      width: "160"
+      "placement": "top",
+      "width": "160"
     },
     model: {
       value: _vm.visible,
@@ -167,12 +173,12 @@ var render = function() {
       "margin-bottom": "10px"
     },
     attrs: {
-      size: "mini",
-      rows: 3,
+      "size": "mini",
+      "rows": 3,
       "show-word-limit": "",
-      maxlength: "100",
-      placeholder: "请输入快捷回复语",
-      type: "textarea"
+      "maxlength": "100",
+      "placeholder": "请输入快捷回复语",
+      "type": "textarea"
     },
     model: {
       value: _vm.keys,
@@ -184,58 +190,58 @@ var render = function() {
   }), _c("div", {
     staticStyle: {
       "text-align": "right",
-      margin: "0"
+      "margin": "0"
     }
   }, [_c("ElButton", {
     attrs: {
-      size: "mini",
-      type: "text"
+      "size": "mini",
+      "type": "text"
     },
     on: {
-      click: function($event) {
-        _vm.visible = !1;
+      "click": function($event) {
+        _vm.visible = false;
       }
     }
   }, [_vm._v(" 取消 ")]), _c("ElButton", {
     attrs: {
-      type: "primary",
-      size: "mini"
+      "type": "primary",
+      "size": "mini"
     },
     on: {
-      click: _vm.addKey
+      "click": _vm.addKey
     }
   }, [_vm._v(" 确定 ")])], 1), _c("ElButton", {
     attrs: {
-      slot: "reference",
-      type: "text",
-      icon: "el-icon-plus"
+      "slot": "reference",
+      "type": "text",
+      "icon": "el-icon-plus"
     },
     slot: "reference"
   })], 1)], 1), _c("ElScrollbar", {
     staticStyle: {
-      height: "100px"
+      "height": "100px"
     }
   }, _vm._l(_vm.keylist, function(item, index) {
     return _c("ElDropdownItem", {
       key: index,
       nativeOn: {
-        click: function($event) {
+        "click": function($event) {
           return _vm.sendKey(item);
         }
       }
     }, [_c("ElTooltip", {
       attrs: {
-        effect: "dark",
-        content: item,
-        placement: "top"
+        "effect": "dark",
+        "content": item,
+        "placement": "top"
       }
     }, [_c("span", [_vm._v(" " + _vm._s(item.substr(0, 10)) + _vm._s(item.length > 10 ? "..." : ""))])])], 1);
   }), 1)], 1)], 1)], 1)])])]), _vm._t("default")], 2), _vm.upload.box ? _c("div", [_c("ElementDialog", {
     attrs: {
-      title: _vm.upload.title,
-      "body-padding": !1,
-      visible: _vm.upload.box,
-      width: "30%"
+      "title": _vm.upload.title,
+      "body-padding": false,
+      "visible": _vm.upload.box,
+      "width": "30%"
     },
     on: {
       "update:visible": function($event) {
@@ -245,13 +251,13 @@ var render = function() {
   }, [_c("ElForm", {
     ref: "form",
     attrs: {
-      model: _vm.upload
+      "model": _vm.upload
     }
   }, [_c("ElFormItem", {
     attrs: {
-      prop: "src",
-      rules: [{
-        required: !0,
+      "prop": "src",
+      "rules": [{
+        required: true,
         message: "地址不能为空"
       }]
     }
@@ -260,12 +266,12 @@ var render = function() {
       "margin-bottom": "10px"
     },
     attrs: {
-      size: "mini",
-      rows: 4,
+      "size": "mini",
+      "rows": 4,
       "show-word-limit": "",
-      maxlength: "100",
-      placeholder: "请输入地址",
-      type: "textarea"
+      "maxlength": "100",
+      "placeholder": "请输入地址",
+      "type": "textarea"
     },
     model: {
       value: _vm.upload.src,
@@ -277,33 +283,33 @@ var render = function() {
   })], 1)], 1), _c("span", {
     staticClass: "dialog-footer",
     attrs: {
-      slot: "footer"
+      "slot": "footer"
     },
     slot: "footer"
   }, [_c("ElButton", {
     attrs: {
-      size: "small"
+      "size": "small"
     },
     on: {
-      click: function($event) {
-        _vm.upload.box = !1;
+      "click": function($event) {
+        _vm.upload.box = false;
       }
     }
   }, [_vm._v("取 消")]), _c("ElButton", {
     attrs: {
-      type: "primary",
-      size: "small"
+      "type": "primary",
+      "size": "small"
     },
     on: {
-      click: _vm.uploadSubmit
+      "click": _vm.uploadSubmit
     }
   }, [_vm._v("确 定")])], 1)], 1)], 1) : _vm._e(), _vm.show ? _c("div", [_c("ElementDialog", {
     staticClass: "web__dialog",
     attrs: {
-      visible: _vm.show,
-      "body-padding": !1,
-      title: "预览",
-      width: "40%",
+      "visible": _vm.show,
+      "body-padding": false,
+      "title": "预览",
+      "width": "40%",
       "before-close": _vm.handleClose
     },
     on: {
@@ -313,43 +319,47 @@ var render = function() {
     }
   }, [_vm.imgSrc ? _c("img", {
     staticStyle: {
-      width: "100%",
+      "width": "100%",
       "object-fit": "cover"
     },
     attrs: {
-      src: _vm.imgSrc
+      "src": _vm.imgSrc
     }
   }) : _vm._e(), _vm.videoSrc ? _c("video", {
     staticStyle: {
-      width: "100%",
+      "width": "100%",
       "object-fit": "cover"
     },
     attrs: {
-      src: _vm.videoSrc,
-      controls: "controls"
+      "src": _vm.videoSrc,
+      "controls": "controls"
     }
   }) : _vm._e(), _vm.audioSrc ? _c("audio", {
     staticStyle: {
-      width: "100%",
+      "width": "100%",
       "object-fit": "cover"
     },
     attrs: {
-      src: _vm.audioSrc,
-      controls: "controls"
+      "src": _vm.audioSrc,
+      "controls": "controls"
     }
   }) : _vm._e()])], 1) : _vm._e()]);
-}, staticRenderFns = [];
+};
+var staticRenderFns = [];
+const Chat_vue_vue_type_style_index_0_lang = "";
 const __vue2_script = {
   name: "Chat",
   props: {
     beforeOpen: Function,
     tools: {
       type: Object,
-      default: () => ({
-        img: !0,
-        video: !0,
-        file: !0
-      })
+      default: () => {
+        return {
+          img: true,
+          video: true,
+          file: true
+        };
+      }
     },
     placeholder: {
       type: String,
@@ -368,43 +378,51 @@ const __vue2_script = {
     },
     notice: {
       type: Boolean,
-      default: !0
+      default: true
     },
     audio: {
       type: Array,
-      default: () => [
-        "https://www.helloweba.net/demo/notifysound/notify.ogg",
-        "https://www.helloweba.net/demo/notifysound/notify.mp3",
-        "https://www.helloweba.net/demo/notifysound/notify.wav"
-      ]
+      default: () => {
+        return [
+          "https://www.helloweba.net/demo/notifysound/notify.ogg",
+          "https://www.helloweba.net/demo/notifysound/notify.mp3",
+          "https://www.helloweba.net/demo/notifysound/notify.wav"
+        ];
+      }
     },
     config: {
       type: Object,
-      default: () => ({})
+      default: () => {
+        return {};
+      }
     },
     keylist: {
       type: Array,
-      default: () => []
+      default: () => {
+        return [];
+      }
     },
     list: {
       type: Array,
-      default: () => []
+      default: () => {
+        return [];
+      }
     }
   },
   data() {
     return {
       upload: {
-        box: !1,
+        box: false,
         src: "",
         type: "",
         title: ""
       },
-      visible: !1,
+      visible: false,
       imgSrc: "",
       videoSrc: "",
       audioSrc: "",
       keys: "",
-      show: !1
+      show: false
     };
   },
   computed: {
@@ -413,7 +431,8 @@ const __vue2_script = {
         return this.value;
       },
       set(val) {
-        this.$emit("input", val), this.$emit("change", val);
+        this.$emit("input", val);
+        this.$emit("change", val);
       }
     },
     heightStyleName() {
@@ -433,17 +452,36 @@ const __vue2_script = {
   methods: {
     uploadSubmit() {
       this.$refs.form.validate((valid) => {
-        valid && (this.upload.box = !1, this.$emit("submit", this.getDetail(this.upload)));
+        if (valid) {
+          this.upload.box = false;
+          this.$emit("submit", this.getDetail(this.upload));
+        }
       });
     },
     handleUpload(type) {
-      this.upload.type = type, this.upload.src = "", type === "img" ? this.upload.title = "图片上传" : type === "video" ? this.upload.title = "视频上传" : type === "file" && (this.upload.title = "文件上传"), this.upload.box = !0;
+      this.upload.type = type;
+      this.upload.src = "";
+      if (type === "img") {
+        this.upload.title = "图片上传";
+      } else if (type === "video") {
+        this.upload.title = "视频上传";
+      } else if (type === "file") {
+        this.upload.title = "文件上传";
+      }
+      this.upload.box = true;
     },
     handleClose(done) {
-      this.imgSrc = void 0, this.videoSrc = void 0, this.audioSrc = void 0, done();
+      this.imgSrc = void 0;
+      this.videoSrc = void 0;
+      this.audioSrc = void 0;
+      done();
     },
     addKey() {
-      this.keys !== "" && (this.$emit("keyadd", this.keys), this.keys = ""), this.visible = !1;
+      if (this.keys !== "") {
+        this.$emit("keyadd", this.keys);
+        this.keys = "";
+      }
+      this.visible = false;
     },
     sendKey(key) {
       this.$emit("keysend", key);
@@ -452,11 +490,16 @@ const __vue2_script = {
       this.$refs.chatAudio.play();
     },
     getNotification(text) {
-      const safe = this, NotificationInstance = Notification || window.Notification;
+      const safe = this;
+      const NotificationInstance = Notification || window.Notification;
       if (NotificationInstance) {
         let setPermission = function() {
           NotificationInstance.requestPermission(function(PERMISSION) {
-            PERMISSION === "granted" ? CreatNotification() : console.log("用户无情残忍的拒绝了你!!!");
+            if (PERMISSION === "granted") {
+              CreatNotification();
+            } else {
+              console.log("用户无情残忍的拒绝了你!!!");
+            }
           });
         }, CreatNotification = function() {
           const n = new Notification(safe.config.name, {
@@ -464,30 +507,47 @@ const __vue2_script = {
             icon: safe.config.img
           });
           n.onshow = function() {
-            safe.getAudio(), setTimeout(() => {
+            safe.getAudio();
+            setTimeout(() => {
               n.close();
             }, 2500);
-          }, n.onclick = function() {
+          };
+          n.onclick = function() {
             n.close();
           };
         };
         const permissionNow = NotificationInstance.permission;
-        permissionNow === "granted" ? CreatNotification() : permissionNow === "denied" ? console.log("用户拒绝了你!!!") : setPermission();
+        if (permissionNow === "granted") {
+          CreatNotification();
+        } else if (permissionNow === "denied") {
+          console.log("用户拒绝了你!!!");
+        } else {
+          setPermission();
+        }
       }
     },
     // mine为'我'的对话
     // text为内容
     pushMsg(params = {}) {
-      const mine = params.mine === !0, text = params.text || {}, textObj = {
-        date: params.date || formatDate(Date.now(), "YYYY-MM-DD HH:mm:ss"),
-        text: (() => typeof text != "object" ? {
-          text
-        } : text)(),
+      const mine = params.mine === true;
+      const text = params.text || {};
+      const date = params.date;
+      const textObj = {
+        date: date || formatDate(Date.now(), "YYYY-MM-DD HH:mm:ss"),
+        text: (() => {
+          if (typeof text !== "object") {
+            return {
+              text
+            };
+          }
+          return text;
+        })(),
         mine,
         img: mine ? this.config.myImg : this.config.img,
         name: mine ? this.config.myName : this.config.name
       };
-      this.list.push(textObj), setTimeout(() => {
+      this.list.push(textObj);
+      setTimeout(() => {
         this.setScroll();
       }, 50);
     },
@@ -498,7 +558,9 @@ const __vue2_script = {
     },
     // 用户主动发送
     handleSend() {
-      this.msgActive && this.$emit("submit");
+      if (this.msgActive) {
+        this.$emit("submit");
+      }
     },
     // 选择列表
     handleItemMsg(item) {
@@ -507,57 +569,101 @@ const __vue2_script = {
     // 处理排版
     handleDetail(html = "") {
       const result = html;
-      return setTimeout(() => {
-        (this.$refs.content || []).forEach((ele) => {
+      setTimeout(() => {
+        const list = this.$refs.content || [];
+        list.forEach((ele) => {
           for (let i = 0; i < ele.children.length; i++) {
             const child = ele.children[i];
-            child.getAttribute("data-flag") != 0 && (child.setAttribute("data-flag", 0), child.onclick = () => {
-              this.handleEvent(child.dataset);
-            }, child.tagName === "IMG" ? (child.className = "web__msg--img", child.src = child.getAttribute("data-src")) : child.tagName === "VIDEO" ? (child.className = "web__msg--video", child.src = child.getAttribute("data-src")) : child.tagName === "AUDIO" ? (child.className = "web__msg--audio", child.controls = "controls", child.src = child.getAttribute("data-src")) : child.tagName === "FILE" ? (child.className = "web__msg--file", child.innerHTML = `<h2>File</h2><span>${child.getAttribute("data-name")}</span>`) : child.tagName === "MAP" && (child.className = "web__msg--file web__msg--map", child.innerHTML = `<h2>Map</h2><span>${child.getAttribute("data-longitude")} , ${child.getAttribute("data-latitude")}<br />${child.getAttribute("data-address")}</span>`), this.setScroll());
+            if (child.getAttribute("data-flag") != 0) {
+              child.setAttribute("data-flag", 0);
+              child.onclick = () => {
+                this.handleEvent(child.dataset);
+              };
+              if (child.tagName === "IMG") {
+                child.className = "web__msg--img";
+                child.src = child.getAttribute("data-src");
+              } else if (child.tagName === "VIDEO") {
+                child.className = "web__msg--video";
+                child.src = child.getAttribute("data-src");
+              } else if (child.tagName === "AUDIO") {
+                child.className = "web__msg--audio";
+                child.controls = "controls";
+                child.src = child.getAttribute("data-src");
+              } else if (child.tagName === "FILE") {
+                child.className = "web__msg--file";
+                child.innerHTML = `<h2>File</h2><span>${child.getAttribute("data-name")}</span>`;
+              } else if (child.tagName === "MAP") {
+                child.className = "web__msg--file web__msg--map";
+                child.innerHTML = `<h2>Map</h2><span>${child.getAttribute("data-longitude")} , ${child.getAttribute("data-latitude")}<br />${child.getAttribute("data-address")}</span>`;
+              }
+              this.setScroll();
+            }
           }
         });
-      }, 0), result;
+      }, 0);
+      return result;
     },
     getDetail(params = {}) {
       const { type, src, name, longitude, latitude, address } = params;
-      if (type === "img")
+      if (type === "img") {
         return `<img data-type="IMG" data-src="${src}"  />`;
-      if (type === "video")
+      } else if (type === "video") {
         return `<video data-type="VIDEO"  data-src="${src}"></video>`;
-      if (type === "audio")
+      } else if (type === "audio") {
         return `<audio data-type="AUDIO"  data-src="${src}"></audio>`;
-      if (type === "file")
+      } else if (type === "file") {
         return `<file data-type="FILE" data-name="${name}" data-src="${src}"></file>`;
-      if (type === "map")
+      } else if (type === "map") {
         return `<map data-type="MAP" data-src="${src}" data-address="${address} "data-latitude="${latitude}" data-longitude="${longitude}"></map>`;
+      }
     },
     // 处理事件
     handleEvent(params) {
       const callback = () => {
-        params.type === "IMG" ? (this.imgSrc = params.src, this.show = !0) : params.type === "VIDEO" ? (this.videoSrc = params.src, this.show = !0) : params.type === "AUDIO" ? (this.audioSrc = params.src, this.show = !0) : params.type === "FILE" && window.open(params.src);
+        if (params.type === "IMG") {
+          this.imgSrc = params.src;
+          this.show = true;
+        } else if (params.type === "VIDEO") {
+          this.videoSrc = params.src;
+          this.show = true;
+        } else if (params.type === "AUDIO") {
+          this.audioSrc = params.src;
+          this.show = true;
+        } else if (params.type === "FILE") {
+          window.open(params.src);
+        }
       };
-      typeof this.beforeOpen == "function" ? this.beforeOpen(params, callback) : callback();
+      if (typeof this.beforeOpen === "function") {
+        this.beforeOpen(params, callback);
+      } else {
+        callback();
+      }
     },
     rootSendMsg(msg) {
       this.pushMsg({
         text: msg
-      }), this.notice && this.getNotification(msg.text || msg);
+      });
+      if (this.notice) {
+        this.getNotification(msg.text || msg);
+      }
     }
   }
-}, __cssModules = {};
+};
+const __cssModules = {};
 var __component__ = /* @__PURE__ */ normalizeComponent(
   __vue2_script,
   render,
   staticRenderFns,
-  !1,
+  false,
   __vue2_injectStyles,
   null,
   null,
   null
 );
 function __vue2_injectStyles(context) {
-  for (let o in __cssModules)
+  for (let o in __cssModules) {
     this[o] = __cssModules[o];
+  }
 }
 const Chat = /* @__PURE__ */ function() {
   return __component__.exports;