@web-utils/component 2.70.0 → 3.0.1

package/chat/index.mjs

@@ -1,7 +1,18 @@
-import { formatDate as c } from "@web-utils/integrations/dayjs";
-import { s as l } from "../chunks/util.ae730cde.mjs";
-import { n as d } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
-var u = function() {
+import { formatDate as f } from "@web-utils/integrations/dayjs";
+import { s as r } from "../chunks/util.7844e2c2.mjs";
+import { _ as c } from "../chunks/ElementDialog.d8f3105c.mjs";
+import d from "element-ui/lib/input";
+import p from "element-ui/lib/form-item";
+import _ from "element-ui/lib/form";
+import l from "element-ui/lib/button";
+import h from "element-ui/lib/tooltip";
+import u from "element-ui/lib/dropdown-item";
+import g from "element-ui/lib/scrollbar";
+import y from "element-ui/lib/popover";
+import v from "element-ui/lib/dropdown-menu";
+import b from "element-ui/lib/dropdown";
+import { n as w } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+var x = function() {
   var t = this, o = t.$createElement, e = t._self._c || o;
   return e("div", {
     staticClass: "avue-chat",
@@ -49,9 +60,9 @@ var u = function() {
   }, [e("div", {
     ref: "main",
     staticClass: "web__main"
-  }, t._l(t.list, function(i, a) {
+  }, t._l(t.list, function(i, n) {
     return e("div", {
-      key: a,
+      key: n,
       staticClass: "web__main-item",
       class: {
         "web__main-item--mine": i.mine
@@ -75,11 +86,11 @@ var u = function() {
       }
     }), i.text.list ? t._e() : e("ul", {
       staticClass: "web__main-list"
-    }, t._l(i.text.list, function(s, n) {
+    }, t._l(i.text.list, function(s, a) {
       return e("li", {
-        key: n,
+        key: a,
         on: {
-          click: function(g) {
+          click: function(N) {
             return t.handleItemMsg(s);
           }
         }
@@ -135,7 +146,7 @@ var u = function() {
     }
   }), e("div", {
     staticClass: "web__msg-menu"
-  }, [e("ElDropdown", {
+  }, [e(b, {
     staticClass: "web__msg-submit",
     attrs: {
       "split-button": "",
@@ -149,7 +160,7 @@ var u = function() {
     scopedSlots: t._u([{
       key: "dropdown",
       fn: function() {
-        return [e("ElDropdownMenu", [e("ElDropdownItem", [e("ElPopover", {
+        return [e(v, [e(u, [e(y, {
           attrs: {
             placement: "top",
             width: "160"
@@ -157,7 +168,7 @@ var u = function() {
           scopedSlots: t._u([{
             key: "reference",
             fn: function() {
-              return [e("ElButton", {
+              return [e(l, {
                 attrs: {
                   type: "text",
                   icon: "el-icon-plus"
@@ -173,7 +184,7 @@ var u = function() {
             },
             expression: "visible"
           }
-        }, [e("ElInput", {
+        }, [e(d, {
           staticStyle: {
             "margin-bottom": "10px"
           },
@@ -197,7 +208,7 @@ var u = function() {
             margin: "0",
             "text-align": "right"
           }
-        }, [e("ElButton", {
+        }, [e(l, {
           attrs: {
             size: "mini",
             type: "text"
@@ -207,7 +218,7 @@ var u = function() {
               t.visible = !1;
             }
           }
-        }, [t._v(" 取消 ")]), e("ElButton", {
+        }, [t._v(" 取消 ")]), e(l, {
           attrs: {
             type: "primary",
             size: "mini"
@@ -215,19 +226,19 @@ var u = function() {
           on: {
             click: t.addKey
           }
-        }, [t._v(" 确定 ")])], 1)], 1)], 1), e("ElScrollbar", {
+        }, [t._v(" 确定 ")])], 1)], 1)], 1), e(g, {
           staticStyle: {
             height: "100px"
           }
-        }, t._l(t.keylist, function(i, a) {
-          return e("ElDropdownItem", {
-            key: a,
+        }, t._l(t.keylist, function(i, n) {
+          return e(u, {
+            key: n,
             nativeOn: {
               click: function(s) {
                 return t.sendKey(i);
               }
             }
-          }, [e("ElTooltip", {
+          }, [e(h, {
             attrs: {
               effect: "dark",
               content: i,
@@ -238,7 +249,7 @@ var u = function() {
       },
       proxy: !0
     }])
-  }, [t._v(" 发送 ")])], 1)])])]), t._t("default")], 2), t.upload.box ? e("div", [e("ElementDialog", {
+  }, [t._v(" 发送 ")])], 1)])])]), t._t("default")], 2), t.upload.box ? e("div", [e(c, {
     attrs: {
       title: t.upload.title,
       "body-padding": !1,
@@ -253,7 +264,7 @@ var u = function() {
     scopedSlots: t._u([{
       key: "footer",
       fn: function() {
-        return [e("ElButton", {
+        return [e(l, {
           attrs: {
             size: "small"
           },
@@ -262,7 +273,7 @@ var u = function() {
               t.upload.box = !1;
             }
           }
-        }, [t._v("取 消")]), e("ElButton", {
+        }, [t._v("取 消")]), e(l, {
           attrs: {
             type: "primary",
             size: "small"
@@ -274,12 +285,12 @@ var u = function() {
       },
       proxy: !0
     }], null, !1, 99567638)
-  }, [e("ElForm", {
+  }, [e(_, {
     ref: "form",
     attrs: {
       model: t.upload
     }
-  }, [e("ElFormItem", {
+  }, [e(p, {
     attrs: {
       prop: "src",
       rules: [{
@@ -287,7 +298,7 @@ var u = function() {
         message: "地址不能为空"
       }]
     }
-  }, [e("ElInput", {
+  }, [e(d, {
     staticStyle: {
       "margin-bottom": "10px"
     },
@@ -306,7 +317,7 @@ var u = function() {
       },
       expression: "upload.src"
     }
-  })], 1)], 1)], 1)], 1) : t._e(), t.show ? e("div", [e("ElementDialog", {
+  })], 1)], 1)], 1)], 1) : t._e(), t.show ? e("div", [e(c, {
     staticClass: "web__dialog",
     attrs: {
       visible: t.show,
@@ -347,8 +358,8 @@ var u = function() {
       controls: "controls"
     }
   }) : t._e()])], 1) : t._e()]);
-}, f = [];
-const m = {
+}, S = [];
+const k = {
   name: "Chat",
   props: {
     beforeOpen: Function,
@@ -427,12 +438,12 @@ const m = {
     },
     heightStyleName() {
       return {
-        height: l(this.height)
+        height: r(this.height)
       };
     },
     widthStyleName() {
       return {
-        width: l(this.width)
+        width: r(this.width)
       };
     },
     msgActive() {
@@ -463,32 +474,32 @@ const m = {
     getNotification(t) {
       const o = this, e = Notification || window.Notification;
       if (e) {
-        let a = function() {
-          e.requestPermission(function(n) {
-            n === "granted" ? s() : console.log("用户无情残忍的拒绝了你!!!");
+        let n = function() {
+          e.requestPermission(function(a) {
+            a === "granted" ? s() : console.log("用户无情残忍的拒绝了你!!!");
           });
         }, s = function() {
-          const n = new Notification(o.config.name, {
+          const a = new Notification(o.config.name, {
             body: t,
             icon: o.config.img
           });
-          n.onshow = function() {
+          a.onshow = function() {
             o.getAudio(), setTimeout(() => {
-              n.close();
+              a.close();
             }, 2500);
-          }, n.onclick = function() {
-            n.close();
+          }, a.onclick = function() {
+            a.close();
           };
         };
         const i = e.permission;
-        i === "granted" ? s() : i === "denied" ? console.log("用户拒绝了你!!!") : a();
+        i === "granted" ? s() : i === "denied" ? console.log("用户拒绝了你!!!") : n();
       }
     },
     // mine为'我'的对话
     // text为内容
     pushMsg(t = {}) {
-      const o = t.mine === !0, e = t.text || {}, a = {
-        date: t.date || c(Date.now(), "YYYY-MM-DD HH:mm:ss"),
+      const o = t.mine === !0, e = t.text || {}, n = {
+        date: t.date || f(Date.now(), "YYYY-MM-DD HH:mm:ss"),
         text: (() => typeof e != "object" ? {
           text: e
         } : e)(),
@@ -496,7 +507,7 @@ const m = {
         img: o ? this.config.myImg : this.config.img,
         name: o ? this.config.myName : this.config.name
       };
-      this.list.push(a), setTimeout(() => {
+      this.list.push(n), setTimeout(() => {
         this.setScroll();
       }, 50);
     },
@@ -518,8 +529,8 @@ const m = {
       const o = t;
       return setTimeout(() => {
         (this.$refs.content || []).forEach((i) => {
-          for (let a = 0; a < i.children.length; a++) {
-            const s = i.children[a];
+          for (let n = 0; n < i.children.length; n++) {
+            const s = i.children[n];
             s.getAttribute("data-flag") !== "0" && (s.setAttribute("data-flag", 0), s.onclick = () => {
               this.handleEvent(s.dataset);
             }, s.tagName === "IMG" ? (s.className = "web__msg--img", s.src = s.getAttribute("data-src")) : s.tagName === "VIDEO" ? (s.className = "web__msg--video", s.src = s.getAttribute("data-src")) : s.tagName === "AUDIO" ? (s.className = "web__msg--audio", s.controls = "controls", s.src = s.getAttribute("data-src")) : s.tagName === "FILE" ? (s.className = "web__msg--file", s.innerHTML = `<h2>File</h2><span>${s.getAttribute("data-name")}</span>`) : s.tagName === "MAP" && (s.className = "web__msg--file web__msg--map", s.innerHTML = `<h2>Map</h2><span>${s.getAttribute("data-longitude")} , ${s.getAttribute(
@@ -530,7 +541,7 @@ const m = {
       }, 0), o;
     },
     getDetail(t = {}) {
-      const { type: o, src: e, name: i, longitude: a, latitude: s, address: n } = t;
+      const { type: o, src: e, name: i, longitude: n, latitude: s, address: a } = t;
       if (o === "img")
         return `<img data-type="IMG" data-src="${e}"   alt=""/>`;
       if (o === "video")
@@ -540,7 +551,7 @@ const m = {
       if (o === "file")
         return `<file data-type="FILE" data-name="${i}" data-src="${e}"></file>`;
       if (o === "map")
-        return `<map data-type="MAP" data-src="${e}" data-address="${n} " data-latitude="${s}" data-longitude="${a}"></map>`;
+        return `<map data-type="MAP" data-src="${e}" data-address="${a} " data-latitude="${s}" data-longitude="${n}"></map>`;
     },
     // 处理事件
     handleEvent(t) {
@@ -555,24 +566,24 @@ const m = {
       }), this.notice && this.getNotification(t.text || t);
     }
   }
-}, r = {};
-var p = /* @__PURE__ */ d(
-  m,
-  u,
-  f,
+}, m = {};
+var $ = /* @__PURE__ */ w(
+  k,
+  x,
+  S,
   !1,
-  h,
+  C,
   null,
   null,
   null
 );
-function h(t) {
-  for (let o in r)
-    this[o] = r[o];
+function C(t) {
+  for (let o in m)
+    this[o] = m[o];
 }
-const b = /* @__PURE__ */ function() {
-  return p.exports;
+const K = /* @__PURE__ */ function() {
+  return $.exports;
 }();
 export {
-  b as default
+  K as default
 };