@web-utils/component 2.7.35 → 2.7.37

package/dist/components/chat/index.js

@@ -1,673 +0,0 @@
-import { formatDate } from "@web-utils/integrations/dayjs";
-import { s as setPx } from "../../chunks/util.b0d0b0ad.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  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) {
-        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"
-    }
-  }), _c("source", {
-    attrs: {
-      "src": _vm.audio[1],
-      "type": "audio/mpeg"
-    }
-  }), _c("source", {
-    attrs: {
-      "src": _vm.audio[2],
-      "type": "audio/wav"
-    }
-  })]), _c("div", {
-    staticClass: "web__logo"
-  }, [_c("img", {
-    staticClass: "web__logo-img",
-    attrs: {
-      "src": _vm.config.img,
-      "alt": ""
-    }
-  }), _c("div", {
-    staticClass: "web__logo-info"
-  }, [_c("p", {
-    staticClass: "web__logo-name"
-  }, [_vm._v(" " + _vm._s(_vm.config.name) + " ")]), _c("p", {
-    staticClass: "web__logo-dept"
-  }, [_vm._v(" " + _vm._s(_vm.config.dept) + " ")])]), _vm._t("header")], 2), _c("div", {
-    staticClass: "web__content"
-  }, [_c("div", {
-    style: _vm.widthStyleName
-  }, [_c("div", {
-    ref: "main",
-    staticClass: "web__main"
-  }, _vm._l(_vm.list, function(item, index) {
-    return _c("div", {
-      key: index,
-      staticClass: "web__main-item",
-      class: {
-        "web__main-item--mine": item.mine
-      }
-    }, [_c("div", {
-      staticClass: "web__main-user"
-    }, [_c("img", {
-      attrs: {
-        "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"
-    }, [_c("div", {
-      staticClass: "web__main-arrow"
-    }), _c("span", {
-      ref: "content",
-      refInFor: true,
-      domProps: {
-        "innerHTML": _vm._s(_vm.handleDetail(item.text.text))
-      }
-    }), !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) {
-            return _vm.handleItemMsg(citem);
-          }
-        }
-      }, [_vm._v(" " + _vm._s(citem.text) + " ")]);
-    }), 0) : _vm._e()])]);
-  }), 0), _c("div", {
-    staticClass: "web__footer",
-    style: _vm.widthStyleName
-  }, [_c("div", {
-    staticClass: "web__tools"
-  }, [_vm.tools.img ? _c("i", {
-    staticClass: "el-icon-picture-outline",
-    on: {
-      "click": function($event) {
-        return _vm.handleUpload("img");
-      }
-    }
-  }) : _vm._e(), _vm.tools.video ? _c("i", {
-    staticClass: "el-icon-video-camera",
-    on: {
-      "click": function($event) {
-        return _vm.handleUpload("video");
-      }
-    }
-  }) : _vm._e(), _vm.tools.file ? _c("i", {
-    staticClass: "el-icon-folder-opened",
-    on: {
-      "click": function($event) {
-        return _vm.handleUpload("file");
-      }
-    }
-  }) : _vm._e()]), _c("div", {
-    staticClass: "web__msg"
-  }, [_c("textarea", {
-    directives: [{
-      name: "model",
-      rawName: "v-model",
-      value: _vm.msg,
-      expression: "msg"
-    }],
-    staticClass: "web__msg-input",
-    attrs: {
-      "rows": "2",
-      "placeholder": _vm.placeholder
-    },
-    domProps: {
-      "value": _vm.msg
-    },
-    on: {
-      "input": function($event) {
-        if ($event.target.composing)
-          return;
-        _vm.msg = $event.target.value;
-      }
-    }
-  }), _c("div", {
-    staticClass: "web__msg-menu"
-  }, [_c("ElDropdown", {
-    staticClass: "web__msg-submit",
-    attrs: {
-      "split-button": "",
-      "type": "primary",
-      "size": "mini",
-      "trigger": "click"
-    },
-    on: {
-      "click": _vm.handleSend
-    }
-  }, [_vm._v(" 发送 "), _c("ElDropdownMenu", {
-    attrs: {
-      "slot": "dropdown"
-    },
-    slot: "dropdown"
-  }, [_c("ElDropdownItem", [_c("ElPopover", {
-    attrs: {
-      "placement": "top",
-      "width": "160"
-    },
-    model: {
-      value: _vm.visible,
-      callback: function($$v) {
-        _vm.visible = $$v;
-      },
-      expression: "visible"
-    }
-  }, [_c("ElInput", {
-    staticStyle: {
-      "margin-bottom": "10px"
-    },
-    attrs: {
-      "size": "mini",
-      "rows": 3,
-      "show-word-limit": "",
-      "maxlength": "100",
-      "placeholder": "请输入快捷回复语",
-      "type": "textarea"
-    },
-    model: {
-      value: _vm.keys,
-      callback: function($$v) {
-        _vm.keys = $$v;
-      },
-      expression: "keys"
-    }
-  }), _c("div", {
-    staticStyle: {
-      "text-align": "right",
-      "margin": "0"
-    }
-  }, [_c("ElButton", {
-    attrs: {
-      "size": "mini",
-      "type": "text"
-    },
-    on: {
-      "click": function($event) {
-        _vm.visible = false;
-      }
-    }
-  }, [_vm._v(" 取消 ")]), _c("ElButton", {
-    attrs: {
-      "type": "primary",
-      "size": "mini"
-    },
-    on: {
-      "click": _vm.addKey
-    }
-  }, [_vm._v(" 确定 ")])], 1), _c("ElButton", {
-    attrs: {
-      "slot": "reference",
-      "type": "text",
-      "icon": "el-icon-plus"
-    },
-    slot: "reference"
-  })], 1)], 1), _c("ElScrollbar", {
-    staticStyle: {
-      "height": "100px"
-    }
-  }, _vm._l(_vm.keylist, function(item, index) {
-    return _c("ElDropdownItem", {
-      key: index,
-      nativeOn: {
-        "click": function($event) {
-          return _vm.sendKey(item);
-        }
-      }
-    }, [_c("ElTooltip", {
-      attrs: {
-        "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": false,
-      "visible": _vm.upload.box,
-      "width": "30%"
-    },
-    on: {
-      "update:visible": function($event) {
-        return _vm.$set(_vm.upload, "box", $event);
-      }
-    }
-  }, [_c("ElForm", {
-    ref: "form",
-    attrs: {
-      "model": _vm.upload
-    }
-  }, [_c("ElFormItem", {
-    attrs: {
-      "prop": "src",
-      "rules": [{
-        required: true,
-        message: "地址不能为空"
-      }]
-    }
-  }, [_c("ElInput", {
-    staticStyle: {
-      "margin-bottom": "10px"
-    },
-    attrs: {
-      "size": "mini",
-      "rows": 4,
-      "show-word-limit": "",
-      "maxlength": "100",
-      "placeholder": "请输入地址",
-      "type": "textarea"
-    },
-    model: {
-      value: _vm.upload.src,
-      callback: function($$v) {
-        _vm.$set(_vm.upload, "src", $$v);
-      },
-      expression: "upload.src"
-    }
-  })], 1)], 1), _c("span", {
-    staticClass: "dialog-footer",
-    attrs: {
-      "slot": "footer"
-    },
-    slot: "footer"
-  }, [_c("ElButton", {
-    attrs: {
-      "size": "small"
-    },
-    on: {
-      "click": function($event) {
-        _vm.upload.box = false;
-      }
-    }
-  }, [_vm._v("取 消")]), _c("ElButton", {
-    attrs: {
-      "type": "primary",
-      "size": "small"
-    },
-    on: {
-      "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": false,
-      "title": "预览",
-      "width": "40%",
-      "before-close": _vm.handleClose
-    },
-    on: {
-      "update:visible": function($event) {
-        _vm.show = $event;
-      }
-    }
-  }, [_vm.imgSrc ? _c("img", {
-    staticStyle: {
-      "width": "100%",
-      "object-fit": "cover"
-    },
-    attrs: {
-      "src": _vm.imgSrc
-    }
-  }) : _vm._e(), _vm.videoSrc ? _c("video", {
-    staticStyle: {
-      "width": "100%",
-      "object-fit": "cover"
-    },
-    attrs: {
-      "src": _vm.videoSrc,
-      "controls": "controls"
-    }
-  }) : _vm._e(), _vm.audioSrc ? _c("audio", {
-    staticStyle: {
-      "width": "100%",
-      "object-fit": "cover"
-    },
-    attrs: {
-      "src": _vm.audioSrc,
-      "controls": "controls"
-    }
-  }) : _vm._e()])], 1) : _vm._e()]);
-};
-var staticRenderFns = [];
-const Chat_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "Chat",
-  props: {
-    beforeOpen: Function,
-    tools: {
-      type: Object,
-      default: () => {
-        return {
-          img: true,
-          video: true,
-          file: true
-        };
-      }
-    },
-    placeholder: {
-      type: String,
-      default: "请输入..."
-    },
-    width: {
-      type: [String, Number],
-      default: "100%"
-    },
-    height: {
-      type: [String, Number],
-      default: "520px"
-    },
-    value: {
-      type: String
-    },
-    notice: {
-      type: Boolean,
-      default: true
-    },
-    audio: {
-      type: Array,
-      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: () => {
-        return {};
-      }
-    },
-    keylist: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    },
-    list: {
-      type: Array,
-      default: () => {
-        return [];
-      }
-    }
-  },
-  data() {
-    return {
-      upload: {
-        box: false,
-        src: "",
-        type: "",
-        title: ""
-      },
-      visible: false,
-      imgSrc: "",
-      videoSrc: "",
-      audioSrc: "",
-      keys: "",
-      show: false
-    };
-  },
-  computed: {
-    msg: {
-      get() {
-        return this.value;
-      },
-      set(val) {
-        this.$emit("input", val);
-        this.$emit("change", val);
-      }
-    },
-    heightStyleName() {
-      return {
-        height: setPx(this.height)
-      };
-    },
-    widthStyleName() {
-      return {
-        width: setPx(this.width)
-      };
-    },
-    msgActive() {
-      return this.msg.replace(/[\r\n]/g, "");
-    }
-  },
-  methods: {
-    uploadSubmit() {
-      this.$refs.form.validate((valid) => {
-        if (valid) {
-          this.upload.box = false;
-          this.$emit("submit", this.getDetail(this.upload));
-        }
-      });
-    },
-    handleUpload(type) {
-      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();
-    },
-    addKey() {
-      if (this.keys !== "") {
-        this.$emit("keyadd", this.keys);
-        this.keys = "";
-      }
-      this.visible = false;
-    },
-    sendKey(key) {
-      this.$emit("keysend", key);
-    },
-    getAudio() {
-      this.$refs.chatAudio.play();
-    },
-    getNotification(text) {
-      const safe = this;
-      const NotificationInstance = Notification || window.Notification;
-      if (NotificationInstance) {
-        let setPermission = function() {
-          NotificationInstance.requestPermission(function(PERMISSION) {
-            if (PERMISSION === "granted") {
-              CreatNotification();
-            } else {
-              console.log("用户无情残忍的拒绝了你!!!");
-            }
-          });
-        }, CreatNotification = function() {
-          const n = new Notification(safe.config.name, {
-            body: text,
-            icon: safe.config.img
-          });
-          n.onshow = function() {
-            safe.getAudio();
-            setTimeout(() => {
-              n.close();
-            }, 2500);
-          };
-          n.onclick = function() {
-            n.close();
-          };
-        };
-        const permissionNow = NotificationInstance.permission;
-        if (permissionNow === "granted") {
-          CreatNotification();
-        } else if (permissionNow === "denied") {
-          console.log("用户拒绝了你!!!");
-        } else {
-          setPermission();
-        }
-      }
-    },
-    // mine为'我'的对话
-    // text为内容
-    pushMsg(params = {}) {
-      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.setScroll();
-      }, 50);
-    },
-    setScroll(count) {
-      this.$nextTick(() => {
-        this.$refs.main.scrollTop = count || this.$refs.main.scrollHeight;
-      });
-    },
-    // 用户主动发送
-    handleSend() {
-      if (this.msgActive) {
-        this.$emit("submit");
-      }
-    },
-    // 选择列表
-    handleItemMsg(item) {
-      this.$emit("submit", item.ask);
-    },
-    // 处理排版
-    handleDetail(html = "") {
-      const result = html;
-      setTimeout(() => {
-        const list = this.$refs.content || [];
-        list.forEach((ele) => {
-          for (let i = 0; i < ele.children.length; i++) {
-            const child = ele.children[i];
-            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);
-      return result;
-    },
-    getDetail(params = {}) {
-      const { type, src, name, longitude, latitude, address } = params;
-      if (type === "img") {
-        return `<img data-type="IMG" data-src="${src}"  />`;
-      } else if (type === "video") {
-        return `<video data-type="VIDEO"  data-src="${src}"></video>`;
-      } else if (type === "audio") {
-        return `<audio data-type="AUDIO"  data-src="${src}"></audio>`;
-      } else if (type === "file") {
-        return `<file data-type="FILE" data-name="${name}" data-src="${src}"></file>`;
-      } 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 = () => {
-        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);
-        }
-      };
-      if (typeof this.beforeOpen === "function") {
-        this.beforeOpen(params, callback);
-      } else {
-        callback();
-      }
-    },
-    rootSendMsg(msg) {
-      this.pushMsg({
-        text: msg
-      });
-      if (this.notice) {
-        this.getNotification(msg.text || msg);
-      }
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const Chat = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Chat as default
-};