@web-utils/component 4.0.16 → 5.0.0-beta01

package/chat/index.mjs

@@ -1,266 +1,441 @@
-import { formatDate as r } from "@web-utils/integrations/dayjs";
-import { s as l } from "../chunks/util.DqFv_pWg.mjs";
-import { n as c } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const d = {
-  name: "Chat",
-  props: {
-    beforeOpen: Function,
-    tools: {
-      type: Object,
-      default: () => ({
-        img: !0,
-        video: !0,
-        file: !0
-      })
-    },
-    placeholder: {
-      type: String,
-      default: "请输入..."
-    },
-    width: {
-      type: [String, Number],
-      default: "100%"
-    },
-    height: {
-      type: [String, Number],
-      default: "520px"
-    },
-    value: {
-      type: String
-    },
-    notice: {
-      type: Boolean,
-      default: !0
-    },
-    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"
-      ]
-    },
-    config: {
-      type: Object,
-      default: () => ({})
-    },
-    keylist: {
-      type: Array,
-      default: () => []
-    },
-    list: {
-      type: Array,
-      default: () => []
-    }
-  },
-  data() {
-    return {
-      upload: {
-        box: !1,
-        src: "",
-        type: "",
-        title: ""
-      },
-      visible: !1,
-      imgSrc: "",
-      videoSrc: "",
-      audioSrc: "",
-      keys: "",
-      show: !1
-    };
-  },
-  computed: {
-    msg: {
-      get() {
-        return this.value;
-      },
-      set(s) {
-        this.$emit("input", s), this.$emit("change", s);
-      }
-    },
-    heightStyleName() {
-      return {
-        height: l(this.height)
-      };
-    },
-    widthStyleName() {
-      return {
-        width: l(this.width)
-      };
-    },
-    msgActive() {
-      return this.msg.replace(/[\r\n]/g, "");
-    }
-  },
-  methods: {
-    uploadSubmit() {
-      this.$refs.form.validate((s) => {
-        s && (this.upload.box = !1, this.$emit("submit", this.getDetail(this.upload)));
-      });
-    },
-    handleUpload(s) {
-      this.upload.type = s, this.upload.src = "", s === "img" ? this.upload.title = "图片上传" : s === "video" ? this.upload.title = "视频上传" : s === "file" && (this.upload.title = "文件上传"), this.upload.box = !0;
-    },
-    handleClose(s) {
-      this.imgSrc = void 0, this.videoSrc = void 0, this.audioSrc = void 0, s();
-    },
-    addKey() {
-      this.keys !== "" && (this.$emit("keyadd", this.keys), this.keys = ""), this.visible = !1;
-    },
-    sendKey(s) {
-      this.$emit("keysend", s);
-    },
-    getAudio() {
-      this.$refs.chatAudio.play();
-    },
-    getNotification(s) {
-      const t = this, e = Notification || window.Notification;
-      if (e) {
-        let a = function() {
-          e.requestPermission((n) => {
-            n === "granted" ? o() : console.log("用户无情残忍的拒绝了你!!!");
-          });
-        }, o = function() {
-          const n = new Notification(t.config.name, {
-            body: s,
-            icon: t.config.img
-          });
-          n.onshow = function() {
-            t.getAudio(), setTimeout(() => {
-              n.close();
-            }, 2500);
-          }, n.onclick = function() {
-            n.close();
-          };
-        };
-        const i = e.permission;
-        i === "granted" ? o() : i === "denied" ? console.log("用户拒绝了你!!!") : a();
-      }
-    },
-    // mine为'我'的对话
-    // text为内容
-    pushMsg(s = {}) {
-      const t = s.mine === !0, e = s.text || {}, a = {
-        date: s.date || r(Date.now(), "YYYY-MM-DD HH:mm:ss"),
-        text: typeof e != "object" ? {
-          text: e
-        } : e,
-        mine: t,
-        img: t ? this.config.myImg : this.config.img,
-        name: t ? this.config.myName : this.config.name
-      };
-      this.list.push(a), setTimeout(() => {
-        this.setScroll();
-      }, 50);
-    },
-    setScroll(s) {
-      this.$nextTick(() => {
-        this.$refs.main.scrollTop = s || this.$refs.main.scrollHeight;
-      });
-    },
-    // 用户主动发送
-    handleSend() {
-      this.msgActive && this.$emit("submit");
-    },
-    // 选择列表
-    handleItemMsg(s) {
-      this.$emit("submit", s.ask);
-    },
-    // 处理排版
-    handleDetail(s = "") {
-      const t = s;
-      return setTimeout(() => {
-        (this.$refs.content || []).forEach((i) => {
-          for (let a = 0; a < i.children.length; a++) {
-            const o = i.children[a];
-            o.getAttribute("data-flag") !== "0" && (o.setAttribute("data-flag", 0), o.onclick = () => {
-              this.handleEvent(o.dataset);
-            }, o.tagName === "IMG" ? (o.className = "web__msg--img", o.src = o.getAttribute("data-src")) : o.tagName === "VIDEO" ? (o.className = "web__msg--video", o.src = o.getAttribute("data-src")) : o.tagName === "AUDIO" ? (o.className = "web__msg--audio", o.controls = "controls", o.src = o.getAttribute("data-src")) : o.tagName === "FILE" ? (o.className = "web__msg--file", o.innerHTML = `<h2>File</h2><span>${o.getAttribute("data-name")}</span>`) : o.tagName === "MAP" && (o.className = "web__msg--file web__msg--map", o.innerHTML = `<h2>Map</h2><span>${o.getAttribute("data-longitude")} , ${o.getAttribute(
-              "data-latitude"
-            )}<br />${o.getAttribute("data-address")}</span>`), this.setScroll());
-          }
-        });
-      }, 0), t;
-    },
-    getDetail(s = {}) {
-      const { type: t, src: e, name: i, longitude: a, latitude: o, address: n } = s;
-      if (t === "img")
-        return `<img data-type="IMG" data-src="${e}"   alt=""/>`;
-      if (t === "video")
-        return `<video data-type="VIDEO"  data-src="${e}"></video>`;
-      if (t === "audio")
-        return `<audio data-type="AUDIO"  data-src="${e}"></audio>`;
-      if (t === "file")
-        return `<file data-type="FILE" data-name="${i}" data-src="${e}"></file>`;
-      if (t === "map")
-        return `<map data-type="MAP" data-src="${e}" data-address="${n} " data-latitude="${o}" data-longitude="${a}"></map>`;
-    },
-    // 处理事件
-    handleEvent(s) {
-      const t = () => {
-        s.type === "IMG" ? (this.imgSrc = s.src, this.show = !0) : s.type === "VIDEO" ? (this.videoSrc = s.src, this.show = !0) : s.type === "AUDIO" ? (this.audioSrc = s.src, this.show = !0) : s.type === "FILE" && window.open(s.src);
-      };
-      typeof this.beforeOpen == "function" ? this.beforeOpen(s, t) : t();
-    },
-    rootSendMsg(s) {
-      this.pushMsg({
-        text: s
-      }), this.notice && this.getNotification(s.text || s);
-    }
-  }
-};
-var u = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "avue-chat", style: t.heightStyleName, on: { keyup: function(i) {
-    return !i.type.indexOf("key") && t._k(i.keyCode, "enter", 13, i.key, "Enter") ? null : t.handleSend.apply(null, arguments);
-  } } }, [e("audio", { ref: "chatAudio" }, [e("source", { attrs: { src: t.audio[0], type: "audio/ogg" } }), e("source", { attrs: { src: t.audio[1], type: "audio/mpeg" } }), e("source", { attrs: { src: t.audio[2], type: "audio/wav" } })]), e("div", { staticClass: "web__logo" }, [e("img", { staticClass: "web__logo-img", attrs: { src: t.config.img, alt: "" } }), e("div", { staticClass: "web__logo-info" }, [e("p", { staticClass: "web__logo-name" }, [t._v(" " + t._s(t.config.name) + " ")]), e("p", { staticClass: "web__logo-dept" }, [t._v(" " + t._s(t.config.dept) + " ")])]), t._t("header")], 2), e("div", { staticClass: "web__content" }, [e("div", { style: t.widthStyleName }, [e("div", { ref: "main", staticClass: "web__main" }, t._l(t.list, function(i, a) {
-    return e("div", { key: a, staticClass: "web__main-item", class: { "web__main-item--mine": i.mine } }, [e("div", { staticClass: "web__main-user" }, [e("img", { attrs: { src: i.img, alt: "" } }), e("cite", [t._v(" " + t._s(i.name) + " "), e("i", [t._v(t._s(i.date))])])]), e("div", { staticClass: "web__main-text" }, [e("div", { staticClass: "web__main-arrow" }), e("span", { ref: "content", refInFor: !0, domProps: { innerHTML: t._s(t.handleDetail(i.text.text)) } }), i.text.list ? t._e() : e("ul", { staticClass: "web__main-list" }, t._l(i.text.list, function(o, n) {
-      return e("li", { key: n, on: { click: function(p) {
-        return t.handleItemMsg(o);
-      } } }, [t._v(" " + t._s(o.text) + " ")]);
-    }), 0)])]);
-  }), 0), e("div", { staticClass: "web__footer", style: t.widthStyleName }, [e("div", { staticClass: "web__tools" }, [t.tools.img ? e("i", { staticClass: "el-icon-picture-outline", on: { click: function(i) {
-    return t.handleUpload("img");
-  } } }) : t._e(), t.tools.video ? e("i", { staticClass: "el-icon-video-camera", on: { click: function(i) {
-    return t.handleUpload("video");
-  } } }) : t._e(), t.tools.file ? e("i", { staticClass: "el-icon-folder-opened", on: { click: function(i) {
-    return t.handleUpload("file");
-  } } }) : t._e()]), e("div", { staticClass: "web__msg" }, [e("textarea", { directives: [{ name: "model", rawName: "v-model", value: t.msg, expression: "msg" }], staticClass: "web__msg-input", attrs: { rows: "2", placeholder: t.placeholder }, domProps: { value: t.msg }, on: { input: function(i) {
-    i.target.composing || (t.msg = i.target.value);
-  } } }), e("div", { staticClass: "web__msg-menu" }, [e("ElDropdown", { staticClass: "web__msg-submit", attrs: { "split-button": "", type: "primary", size: "mini", trigger: "click" }, on: { click: t.handleSend }, scopedSlots: t._u([{ key: "dropdown", fn: function() {
-    return [e("ElDropdownMenu", [e("ElDropdownItem", [e("ElPopover", { attrs: { placement: "top", width: "160" }, scopedSlots: t._u([{ key: "reference", fn: function() {
-      return [e("ElButton", { attrs: { type: "text", icon: "el-icon-plus" } })];
-    }, proxy: !0 }]), model: { value: t.visible, callback: function(i) {
-      t.visible = i;
-    }, expression: "visible" } }, [e("ElInput", { staticStyle: { "margin-bottom": "10px" }, attrs: { size: "mini", rows: 3, "show-word-limit": "", maxlength: "100", placeholder: "请输入快捷回复语", type: "textarea" }, model: { value: t.keys, callback: function(i) {
-      t.keys = i;
-    }, expression: "keys" } }), e("div", { staticStyle: { margin: "0", "text-align": "right" } }, [e("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(i) {
-      t.visible = !1;
-    } } }, [t._v(" 取消 ")]), e("ElButton", { attrs: { type: "primary", size: "mini" }, on: { click: t.addKey } }, [t._v(" 确定 ")])], 1)], 1)], 1), e("ElScrollbar", { staticStyle: { height: "100px" } }, t._l(t.keylist, function(i, a) {
-      return e("ElDropdownItem", { key: a, nativeOn: { click: function(o) {
-        return t.sendKey(i);
-      } } }, [e("ElTooltip", { attrs: { effect: "dark", content: i, placement: "top" } }, [e("span", [t._v(" " + t._s(i.substr(0, 10)) + t._s(i.length > 10 ? "..." : ""))])])], 1);
-    }), 1)], 1)];
-  }, proxy: !0 }]) }, [t._v(" 发送 ")])], 1)])])]), t._t("default")], 2), t.upload.box ? e("div", [e("ElementDialog", { attrs: { title: t.upload.title, "body-padding": !1, visible: t.upload.box, width: "30%" }, on: { "update:visible": function(i) {
-    return t.$set(t.upload, "box", i);
-  } }, scopedSlots: t._u([{ key: "footer", fn: function() {
-    return [e("ElButton", { attrs: { size: "small" }, on: { click: function(i) {
-      t.upload.box = !1;
-    } } }, [t._v("取 消")]), e("ElButton", { attrs: { type: "primary", size: "small" }, on: { click: t.uploadSubmit } }, [t._v("确 定")])];
-  }, proxy: !0 }], null, !1, 99567638) }, [e("ElForm", { ref: "form", attrs: { model: t.upload } }, [e("ElFormItem", { attrs: { prop: "src", rules: [{ required: !0, message: "地址不能为空" }] } }, [e("ElInput", { staticStyle: { "margin-bottom": "10px" }, attrs: { size: "mini", rows: 4, "show-word-limit": "", maxlength: "100", placeholder: "请输入地址", type: "textarea" }, model: { value: t.upload.src, callback: function(i) {
-    t.$set(t.upload, "src", i);
-  }, expression: "upload.src" } })], 1)], 1)], 1)], 1) : t._e(), t.show ? e("div", [e("ElementDialog", { staticClass: "web__dialog", attrs: { visible: t.show, "body-padding": !1, title: "预览", width: "40%", "before-close": t.handleClose }, on: { "update:visible": function(i) {
-    t.show = i;
-  } } }, [t.imgSrc ? e("img", { staticStyle: { width: "100%", "object-fit": "cover" }, attrs: { src: t.imgSrc } }) : t._e(), t.videoSrc ? e("video", { staticStyle: { width: "100%", "object-fit": "cover" }, attrs: { src: t.videoSrc, controls: "controls" } }) : t._e(), t.audioSrc ? e("audio", { staticStyle: { width: "100%", "object-fit": "cover" }, attrs: { src: t.audioSrc, controls: "controls" } }) : t._e()])], 1) : t._e()]);
-}, f = [], m = /* @__PURE__ */ c(
-  d,
-  u,
-  f,
-  !1,
-  null,
-  null
-);
-const y = m.exports;
-export {
-  y as default
-};
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { x as t } from "../chunks/util.g-WQEec9.mjs";
+import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderList as f, renderSlot as p, resolveComponent as m, toDisplayString as h, vModelText as g, withCtx as _, withDirectives as v, withKeys as y } from "vue";
+import { formatDate as b } from "@web-utils/integrations/dayjs";
+//#region src/components/chat/Chat.vue
+var x = {
+	name: "Chat",
+	props: {
+		beforeOpen: Function,
+		tools: {
+			type: Object,
+			default: () => ({
+				img: !0,
+				video: !0,
+				file: !0
+			})
+		},
+		placeholder: {
+			type: String,
+			default: "请输入..."
+		},
+		width: {
+			type: [String, Number],
+			default: "100%"
+		},
+		height: {
+			type: [String, Number],
+			default: "520px"
+		},
+		modelValue: { type: String },
+		notice: {
+			type: Boolean,
+			default: !0
+		},
+		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"
+			]
+		},
+		config: {
+			type: Object,
+			default: () => ({})
+		},
+		keylist: {
+			type: Array,
+			default: () => []
+		},
+		list: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"change",
+		"submit",
+		"keyadd",
+		"keysend"
+	],
+	data() {
+		return {
+			upload: {
+				box: !1,
+				src: "",
+				type: "",
+				title: ""
+			},
+			visible: !1,
+			imgSrc: "",
+			videoSrc: "",
+			audioSrc: "",
+			keys: "",
+			show: !1
+		};
+	},
+	computed: {
+		msg: {
+			get() {
+				return this.modelValue;
+			},
+			set(e) {
+				this.$emit("update:modelValue", e), this.$emit("change", e);
+			}
+		},
+		heightStyleName() {
+			return { height: t(this.height) };
+		},
+		widthStyleName() {
+			return { width: t(this.width) };
+		},
+		msgActive() {
+			return this.msg.replace(/[\r\n]/g, "");
+		}
+	},
+	methods: {
+		uploadSubmit() {
+			this.$refs.form.validate((e) => {
+				e && (this.upload.box = !1, this.$emit("submit", this.getDetail(this.upload)));
+			});
+		},
+		handleUpload(e) {
+			this.upload.type = e, this.upload.src = "", e === "img" ? this.upload.title = "图片上传" : e === "video" ? this.upload.title = "视频上传" : e === "file" && (this.upload.title = "文件上传"), this.upload.box = !0;
+		},
+		handleClose(e) {
+			this.imgSrc = void 0, this.videoSrc = void 0, this.audioSrc = void 0, e();
+		},
+		addKey() {
+			this.keys !== "" && (this.$emit("keyadd", this.keys), this.keys = ""), this.visible = !1;
+		},
+		sendKey(e) {
+			this.$emit("keysend", e);
+		},
+		getAudio() {
+			this.$refs.chatAudio.play();
+		},
+		getNotification(e) {
+			let t = this, n = Notification || window.Notification;
+			if (n) {
+				let r = n.permission;
+				r === "granted" ? a() : r === "denied" ? console.log("用户拒绝了你!!!") : i();
+				function i() {
+					n.requestPermission((e) => {
+						e === "granted" ? a() : console.log("用户无情残忍的拒绝了你!!!");
+					});
+				}
+				function a() {
+					let n = new Notification(t.config.name, {
+						body: e,
+						icon: t.config.img
+					});
+					n.onshow = function() {
+						t.getAudio(), setTimeout(() => {
+							n.close();
+						}, 2500);
+					}, n.onclick = function() {
+						n.close();
+					};
+				}
+			}
+		},
+		pushMsg(e = {}) {
+			let t = e.mine === !0, n = e.text || {}, r = {
+				date: e.date || b(Date.now(), "YYYY-MM-DD HH:mm:ss"),
+				text: typeof n == "object" ? n : { text: n },
+				mine: t,
+				img: t ? this.config.myImg : this.config.img,
+				name: t ? this.config.myName : this.config.name
+			};
+			this.list.push(r), setTimeout(() => {
+				this.setScroll();
+			}, 50);
+		},
+		setScroll(e) {
+			this.$nextTick(() => {
+				this.$refs.main.scrollTop = e || this.$refs.main.scrollHeight;
+			});
+		},
+		handleSend() {
+			this.msgActive && this.$emit("submit");
+		},
+		handleItemMsg(e) {
+			this.$emit("submit", e.ask);
+		},
+		handleDetail(e = "") {
+			let t = e;
+			return setTimeout(() => {
+				(this.$refs.content || []).forEach((e) => {
+					for (let t = 0; t < e.children.length; t++) {
+						let n = e.children[t];
+						n.getAttribute("data-flag") !== "0" && (n.setAttribute("data-flag", 0), n.onclick = () => {
+							this.handleEvent(n.dataset);
+						}, n.tagName === "IMG" ? (n.className = "web__msg--img", n.src = n.getAttribute("data-src")) : n.tagName === "VIDEO" ? (n.className = "web__msg--video", n.src = n.getAttribute("data-src")) : n.tagName === "AUDIO" ? (n.className = "web__msg--audio", n.controls = "controls", n.src = n.getAttribute("data-src")) : n.tagName === "FILE" ? (n.className = "web__msg--file", n.innerHTML = `<h2>File</h2><span>${n.getAttribute("data-name")}</span>`) : n.tagName === "MAP" && (n.className = "web__msg--file web__msg--map", n.innerHTML = `<h2>Map</h2><span>${n.getAttribute("data-longitude")} , ${n.getAttribute("data-latitude")}<br />${n.getAttribute("data-address")}</span>`), this.setScroll());
+					}
+				});
+			}, 0), t;
+		},
+		getDetail(e = {}) {
+			let { type: t, src: n, name: r, longitude: i, latitude: a, address: o } = e;
+			if (t === "img") return `<img data-type="IMG" data-src="${n}"   alt=""/>`;
+			if (t === "video") return `<video data-type="VIDEO"  data-src="${n}"></video>`;
+			if (t === "audio") return `<audio data-type="AUDIO"  data-src="${n}"></audio>`;
+			if (t === "file") return `<file data-type="FILE" data-name="${r}" data-src="${n}"></file>`;
+			if (t === "map") return `<map data-type="MAP" data-src="${n}" data-address="${o} " data-latitude="${a}" data-longitude="${i}"></map>`;
+		},
+		handleEvent(e) {
+			let t = () => {
+				e.type === "IMG" ? (this.imgSrc = e.src, this.show = !0) : e.type === "VIDEO" ? (this.videoSrc = e.src, this.show = !0) : e.type === "AUDIO" ? (this.audioSrc = e.src, this.show = !0) : e.type === "FILE" && window.open(e.src);
+			};
+			typeof this.beforeOpen == "function" ? this.beforeOpen(e, t) : t();
+		},
+		rootSendMsg(e) {
+			this.pushMsg({ text: e }), this.notice && this.getNotification(e.text || e);
+		}
+	}
+}, S = { ref: "chatAudio" }, ee = ["src"], te = ["src"], C = ["src"], w = { class: "web__logo" }, T = ["src"], E = { class: "web__logo-info" }, D = { class: "web__logo-name" }, O = { class: "web__logo-dept" }, k = { class: "web__content" }, A = {
+	ref: "main",
+	class: "web__main"
+}, j = { class: "web__main-user" }, M = ["src"], N = { class: "web__main-text" }, P = ["innerHTML"], F = {
+	key: 0,
+	class: "web__main-list"
+}, I = ["onClick"], L = { class: "web__tools" }, ne = { class: "web__msg" }, R = ["placeholder"], z = { class: "web__msg-menu" }, B = { style: {
+	margin: "0",
+	"text-align": "right"
+} }, V = { key: 0 }, H = { key: 1 }, U = ["src"], W = ["src"], G = ["src"];
+function K(e, t, b, x, K, q) {
+	let J = m("ElInput"), Y = m("ElButton"), X = m("ElPopover"), Z = m("ElDropdownItem"), Q = m("ElTooltip"), re = m("ElScrollbar"), ie = m("ElDropdownMenu"), ae = m("ElDropdown"), oe = m("ElFormItem"), se = m("ElForm"), $ = m("ElementDialog");
+	return d(), a("div", {
+		class: "avue-chat",
+		style: u(q.heightStyleName),
+		onKeyup: t[11] || (t[11] = y((...e) => q.handleSend && q.handleSend(...e), ["enter"]))
+	}, [
+		o("audio", S, [
+			o("source", {
+				src: b.audio[0],
+				type: "audio/ogg"
+			}, null, 8, ee),
+			o("source", {
+				src: b.audio[1],
+				type: "audio/mpeg"
+			}, null, 8, te),
+			o("source", {
+				src: b.audio[2],
+				type: "audio/wav"
+			}, null, 8, C)
+		], 512),
+		o("div", w, [
+			o("img", {
+				src: b.config.img,
+				class: "web__logo-img",
+				alt: ""
+			}, null, 8, T),
+			o("div", E, [o("p", D, h(b.config.name), 1), o("p", O, h(b.config.dept), 1)]),
+			p(e.$slots, "header")
+		]),
+		o("div", k, [o("div", { style: u(q.widthStyleName) }, [o("div", A, [(d(!0), a(n, null, f(b.list, (e, r) => (d(), a("div", {
+			key: r,
+			class: l(["web__main-item", { "web__main-item--mine": e.mine }])
+		}, [o("div", j, [o("img", {
+			src: e.img,
+			alt: ""
+		}, null, 8, M), o("cite", null, [s(h(e.name) + " ", 1), o("i", null, h(e.date), 1)])]), o("div", N, [
+			t[12] || (t[12] = o("div", { class: "web__main-arrow" }, null, -1)),
+			o("span", {
+				ref_for: !0,
+				ref: "content",
+				innerHTML: q.handleDetail(e.text.text)
+			}, null, 8, P),
+			e.text.list ? i("v-if", !0) : (d(), a("ul", F, [(d(!0), a(n, null, f(e.text.list, (e, t) => (d(), a("li", {
+				key: t,
+				onClick: (t) => q.handleItemMsg(e)
+			}, h(e.text), 9, I))), 128))]))
+		])], 2))), 128))], 512), o("div", {
+			class: "web__footer",
+			style: u(q.widthStyleName)
+		}, [o("div", L, [
+			b.tools.img ? (d(), a("i", {
+				key: 0,
+				class: "el-icon-picture-outline",
+				onClick: t[0] || (t[0] = (e) => q.handleUpload("img"))
+			})) : i("v-if", !0),
+			b.tools.video ? (d(), a("i", {
+				key: 1,
+				class: "el-icon-video-camera",
+				onClick: t[1] || (t[1] = (e) => q.handleUpload("video"))
+			})) : i("v-if", !0),
+			b.tools.file ? (d(), a("i", {
+				key: 2,
+				class: "el-icon-folder-opened",
+				onClick: t[2] || (t[2] = (e) => q.handleUpload("file"))
+			})) : i("v-if", !0)
+		]), o("div", ne, [v(o("textarea", {
+			"onUpdate:modelValue": t[3] || (t[3] = (e) => q.msg = e),
+			rows: "2",
+			placeholder: b.placeholder,
+			class: "web__msg-input"
+		}, null, 8, R), [[g, q.msg]]), o("div", z, [c(ae, {
+			"split-button": "",
+			class: "web__msg-submit",
+			type: "primary",
+			size: "mini",
+			trigger: "click",
+			onClick: q.handleSend
+		}, {
+			dropdown: _(() => [c(ie, null, {
+				default: _(() => [c(Z, null, {
+					default: _(() => [c(X, {
+						modelValue: K.visible,
+						"onUpdate:modelValue": t[6] || (t[6] = (e) => K.visible = e),
+						placement: "top",
+						width: "160"
+					}, {
+						reference: _(() => [c(Y, {
+							type: "text",
+							icon: "el-icon-plus"
+						})]),
+						default: _(() => [c(J, {
+							modelValue: K.keys,
+							"onUpdate:modelValue": t[4] || (t[4] = (e) => K.keys = e),
+							size: "mini",
+							style: { "margin-bottom": "10px" },
+							rows: 3,
+							"show-word-limit": "",
+							maxlength: "100",
+							placeholder: "请输入快捷回复语",
+							type: "textarea"
+						}, null, 8, ["modelValue"]), o("div", B, [c(Y, {
+							size: "mini",
+							type: "text",
+							onClick: t[5] || (t[5] = (e) => K.visible = !1)
+						}, {
+							default: _(() => [...t[13] || (t[13] = [s(" 取消 ", -1)])]),
+							_: 1
+						}), c(Y, {
+							type: "primary",
+							size: "mini",
+							onClick: q.addKey
+						}, {
+							default: _(() => [...t[14] || (t[14] = [s(" 确定 ", -1)])]),
+							_: 1
+						}, 8, ["onClick"])])]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					_: 1
+				}), c(re, { style: { height: "100px" } }, {
+					default: _(() => [(d(!0), a(n, null, f(b.keylist, (e, t) => (d(), r(Z, {
+						key: t,
+						onClick: (t) => q.sendKey(e)
+					}, {
+						default: _(() => [c(Q, {
+							effect: "dark",
+							content: e,
+							placement: "top"
+						}, {
+							default: _(() => [o("span", null, h(e.substr(0, 10)) + h(e.length > 10 ? "..." : ""), 1)]),
+							_: 2
+						}, 1032, ["content"])]),
+						_: 2
+					}, 1032, ["onClick"]))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			})]),
+			default: _(() => [t[15] || (t[15] = s(" 发送 ", -1))]),
+			_: 1
+		}, 8, ["onClick"])])])], 4)], 4), p(e.$slots, "default")]),
+		K.upload.box ? (d(), a("div", V, [c($, {
+			visible: K.upload.box,
+			"onUpdate:visible": t[9] || (t[9] = (e) => K.upload.box = e),
+			title: K.upload.title,
+			"body-padding": !1,
+			width: "30%"
+		}, {
+			footer: _(() => [c(Y, {
+				size: "small",
+				onClick: t[8] || (t[8] = (e) => K.upload.box = !1)
+			}, {
+				default: _(() => [...t[16] || (t[16] = [s("取 消", -1)])]),
+				_: 1
+			}), c(Y, {
+				type: "primary",
+				size: "small",
+				onClick: q.uploadSubmit
+			}, {
+				default: _(() => [...t[17] || (t[17] = [s("确 定", -1)])]),
+				_: 1
+			}, 8, ["onClick"])]),
+			default: _(() => [c(se, {
+				ref: "form",
+				model: K.upload
+			}, {
+				default: _(() => [c(oe, {
+					prop: "src",
+					rules: [{
+						required: !0,
+						message: "地址不能为空"
+					}]
+				}, {
+					default: _(() => [c(J, {
+						modelValue: K.upload.src,
+						"onUpdate:modelValue": t[7] || (t[7] = (e) => K.upload.src = e),
+						size: "mini",
+						style: { "margin-bottom": "10px" },
+						rows: 4,
+						"show-word-limit": "",
+						maxlength: "100",
+						placeholder: "请输入地址",
+						type: "textarea"
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["model"])]),
+			_: 1
+		}, 8, ["visible", "title"])])) : i("v-if", !0),
+		K.show ? (d(), a("div", H, [c($, {
+			visible: K.show,
+			"onUpdate:visible": t[10] || (t[10] = (e) => K.show = e),
+			"body-padding": !1,
+			title: "预览",
+			width: "40%",
+			"before-close": q.handleClose,
+			class: "web__dialog"
+		}, {
+			default: _(() => [
+				K.imgSrc ? (d(), a("img", {
+					key: 0,
+					src: K.imgSrc,
+					style: {
+						width: "100%",
+						"object-fit": "cover"
+					}
+				}, null, 8, U)) : i("v-if", !0),
+				K.videoSrc ? (d(), a("video", {
+					key: 1,
+					src: K.videoSrc,
+					style: {
+						width: "100%",
+						"object-fit": "cover"
+					},
+					controls: "controls"
+				}, null, 8, W)) : i("v-if", !0),
+				K.audioSrc ? (d(), a("audio", {
+					key: 2,
+					src: K.audioSrc,
+					style: {
+						width: "100%",
+						"object-fit": "cover"
+					},
+					controls: "controls"
+				}, null, 8, G)) : i("v-if", !0)
+			]),
+			_: 1
+		}, 8, ["visible", "before-close"])])) : i("v-if", !0)
+	], 36);
+}
+var q = /* @__PURE__ */ e(x, [["render", K]]);
+//#endregion
+export { q as default };