vue-color-ui 0.0.33 → 0.0.34

package/lib/temp-color-ui.js

@@ -1,7 +1,7 @@
 var $e = Object.defineProperty;
-var ye = (t, e, c) => e in t ? $e(t, e, { enumerable: !0, configurable: !0, writable: !0, value: c }) : t[e] = c;
-var j = (t, e, c) => (ye(t, typeof e != "symbol" ? e + "" : e, c), c);
-import { defineComponent as g, openBlock as o, createElementBlock as a, Fragment as m, renderList as $, normalizeClass as u, normalizeStyle as I, createElementVNode as n, toDisplayString as r, createTextVNode as y, createCommentVNode as p, pushScopeId as ke, popScopeId as Ie, computed as x, renderSlot as w, createBlock as S, ref as V, withModifiers as ie, unref as we, onMounted as ae, resolveComponent as be, createVNode as E, onUnmounted as Ce, withKeys as xe, withDirectives as re, vShow as ue, provide as ge, watch as Te, inject as de, withCtx as ne } from "vue";
+var ye = (s, e, i) => e in s ? $e(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i;
+var j = (s, e, i) => (ye(s, typeof e != "symbol" ? e + "" : e, i), i);
+import { defineComponent as g, openBlock as o, createElementBlock as a, Fragment as _, renderList as $, normalizeClass as u, normalizeStyle as I, createElementVNode as n, toDisplayString as r, createTextVNode as y, createCommentVNode as p, pushScopeId as ke, popScopeId as Ie, computed as x, renderSlot as w, createBlock as S, ref as V, withModifiers as ie, unref as we, onMounted as ae, resolveComponent as be, createVNode as q, onUnmounted as Ce, withKeys as xe, withDirectives as re, vShow as ue, provide as ge, watch as Te, inject as de, withCtx as ne } from "vue";
 const Be = { class: "nav-list" }, je = ["url"], Se = { class: "nav-title" }, Ve = { class: "nav-name" }, ze = {
   name: "TNavCard"
 }, P = /* @__PURE__ */ g({
@@ -9,29 +9,29 @@ const Be = { class: "nav-list" }, je = ["url"], Se = { class: "nav-title" }, Ve
   props: {
     items: {}
   },
-  setup(t) {
-    return (e, c) => (o(), a("div", Be, [
-      (o(!0), a(m, null, $(e.items, (s, l) => (o(), a("div", {
+  setup(s) {
+    return (e, i) => (o(), a("div", Be, [
+      (o(!0), a(_, null, $(e.items, (t, c) => (o(), a("div", {
         "hover-class": "none",
-        url: "/pages/basics/" + s.name,
-        class: u(["nav-li", "bg-" + s.color]),
+        url: "/pages/basics/" + t.name,
+        class: u(["nav-li", "bg-" + t.color]),
         navigateTo: "",
-        style: I([{ animation: "show " + ((l + 1) * 0.2 + 1) + "s 1" }]),
-        key: l
+        style: I([{ animation: "show " + ((c + 1) * 0.2 + 1) + "s 1" }]),
+        key: c
       }, [
-        n("div", Se, r(s.title), 1),
-        n("div", Ve, r(s.name), 1),
+        n("div", Se, r(t.title), 1),
+        n("div", Ve, r(t.name), 1),
         n("text", {
-          class: u("cuIcon-" + s.cuIcon)
+          class: u("cuIcon-" + t.cuIcon)
         }, null, 2)
       ], 14, je))), 128))
     ]));
   }
 });
-P.install = (t) => {
-  t.component(P.name, P);
+P.install = (s) => {
+  s.component(P.name, P);
 };
-const pe = (t) => (ke("data-v-bbdb83ff"), t = t(), Ie(), t), qe = { class: "cu-item shadow" }, Ee = { class: "title" }, Me = { class: "text-cut" }, Ae = { class: "content" }, Ne = ["src", "alt"], Pe = { class: "desc" }, De = { class: "text-content" }, Fe = {
+const pe = (s) => (ke("data-v-bbdb83ff"), s = s(), Ie(), s), Ee = { class: "cu-item shadow" }, qe = { class: "title" }, Me = { class: "text-cut" }, Ae = { class: "content" }, Ne = ["src", "alt"], Pe = { class: "desc" }, De = { class: "text-content" }, Fe = {
   key: 0,
   class: "content flex-sub justify-between text-sm solid-top margin-top-sm",
   style: { padding: "5px 15px" }
@@ -55,12 +55,12 @@ const pe = (t) => (ke("data-v-bbdb83ff"), t = t(), Ie(), t), qe = { class: "cu-i
       timeAgo: "十天前"
     }) }
   },
-  setup(t) {
-    return (e, c) => (o(), a("div", {
+  setup(s) {
+    return (e, i) => (o(), a("div", {
       class: u(["cu-card article", e.isCard ? "" : "no-card"])
     }, [
-      n("div", qe, [
-        n("div", Ee, [
+      n("div", Ee, [
+        n("div", qe, [
           n("div", Me, r(e.title), 1)
         ]),
         n("div", Ae, [
@@ -71,10 +71,10 @@ const pe = (t) => (ke("data-v-bbdb83ff"), t = t(), Ie(), t), qe = { class: "cu-i
           n("div", Pe, [
             n("div", De, r(e.description), 1),
             n("div", null, [
-              (o(!0), a(m, null, $(e.tags, (s) => (o(), a("div", {
-                key: s,
+              (o(!0), a(_, null, $(e.tags, (t) => (o(), a("div", {
+                key: t,
                 class: "cu-tag bg-red light sm round"
-              }, r(s), 1))), 128))
+              }, r(t), 1))), 128))
             ])
           ])
         ]),
@@ -95,14 +95,14 @@ const pe = (t) => (ke("data-v-bbdb83ff"), t = t(), Ie(), t), qe = { class: "cu-i
       ])
     ], 2));
   }
-}), A = (t, e) => {
-  const c = t.__vccOpts || t;
-  for (const [s, l] of e)
-    c[s] = l;
-  return c;
+}), A = (s, e) => {
+  const i = s.__vccOpts || s;
+  for (const [t, c] of e)
+    i[t] = c;
+  return i;
 }, D = /* @__PURE__ */ A(Xe, [["__scopeId", "data-v-bbdb83ff"]]);
-D.install = (t) => {
-  t.component(D.name, D);
+D.install = (s) => {
+  s.component(D.name, D);
 };
 const Je = { class: "cu-item shadow" }, Qe = { class: "cu-list menu-avatar" }, We = { class: "cu-item" }, Ye = { class: "content flex-sub" }, Ze = { class: "text-gray text-sm flex justify-between" }, et = { class: "text-content" }, tt = { class: "text-gray text-sm text-right padding" }, st = /* @__PURE__ */ n("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1), ot = /* @__PURE__ */ n("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1), nt = /* @__PURE__ */ n("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1), at = { class: "cu-item" }, lt = { class: "content" }, ct = { class: "text-grey" }, it = { class: "text-gray text-content text-df" }, rt = { class: "flex" }, ut = { class: "flex-sub" }, dt = { class: "margin-top-sm flex justify-between" }, ft = { class: "text-gray text-df" }, pt = {
   key: 0,
@@ -157,8 +157,8 @@ const Je = { class: "cu-item shadow" }, Qe = { class: "cu-list menu-avatar" }, W
       }
     ] }
   },
-  setup(t) {
-    return (e, c) => (o(), a("div", null, [
+  setup(s) {
+    return (e, i) => (o(), a("div", null, [
       n("div", {
         class: u(["cu-card dynamic", e.isCard ? "is-card" : "no-card"])
       }, [
@@ -179,10 +179,10 @@ const Je = { class: "cu-item shadow" }, Qe = { class: "cu-list menu-avatar" }, W
           n("div", {
             class: u(["grid flex-sub padding-lr", e.isCard ? "col-3 grid-square" : "col-1"])
           }, [
-            (o(!0), a(m, null, $(e.isCard ? 9 : 1, (s) => (o(), a("div", {
+            (o(!0), a(_, null, $(e.isCard ? 9 : 1, (t) => (o(), a("div", {
               class: u(["bg-img", e.isCard ? "" : "only-img"]),
               style: I({ backgroundImage: `url(${e.imageUrl})` }),
-              key: s
+              key: t
             }, null, 6))), 128))
           ], 2),
           n("div", tt, [
@@ -193,35 +193,35 @@ const Je = { class: "cu-item shadow" }, Qe = { class: "cu-list menu-avatar" }, W
             nt,
             y(" " + r(e.comments), 1)
           ]),
-          (o(!0), a(m, null, $(e.commentsList, (s) => {
-            var l;
+          (o(!0), a(_, null, $(e.commentsList, (t) => {
+            var c;
             return o(), a("div", {
               class: "cu-list menu-avatar comment solids-top",
-              key: s.id
+              key: t.id
             }, [
               n("div", at, [
                 n("div", {
                   class: "cu-avatar round",
-                  style: I({ backgroundImage: `url(${s.avatarUrl})` })
+                  style: I({ backgroundImage: `url(${t.avatarUrl})` })
                 }, null, 4),
                 n("div", lt, [
-                  n("div", ct, r(s.author), 1),
-                  n("div", it, r(s.text), 1),
-                  (o(!0), a(m, null, $(s.replies, (i) => (o(), a("div", {
-                    key: i.id,
+                  n("div", ct, r(t.author), 1),
+                  n("div", it, r(t.text), 1),
+                  (o(!0), a(_, null, $(t.replies, (l) => (o(), a("div", {
+                    key: l.id,
                     class: "bg-grey padding-sm radius margin-top-sm text-sm"
                   }, [
                     n("div", rt, [
-                      n("div", null, r(i.author) + "：", 1),
-                      n("div", ut, r(i.text), 1)
+                      n("div", null, r(l.author) + "：", 1),
+                      n("div", ut, r(l.text), 1)
                     ])
                   ]))), 128)),
                   n("div", dt, [
-                    n("div", ft, r(s.date), 1),
+                    n("div", ft, r(t.date), 1),
                     n("div", null, [
-                      s.likes ? (o(), a("span", pt)) : p("", !0),
+                      t.likes ? (o(), a("span", pt)) : p("", !0),
                       ht,
-                      n("span", gt, r((l = s.replies) == null ? void 0 : l.length), 1)
+                      n("span", gt, r((c = t.replies) == null ? void 0 : c.length), 1)
                     ])
                   ])
                 ])
@@ -233,8 +233,8 @@ const Je = { class: "cu-item shadow" }, Qe = { class: "cu-list menu-avatar" }, W
     ]));
   }
 });
-F.install = (t) => {
-  t.component(F.name, F);
+F.install = (s) => {
+  s.component(F.name, F);
 };
 const _t = {
   ssss: "2px",
@@ -248,14 +248,14 @@ const _t = {
   xxl: "30px",
   xxxl: "48px"
 };
-function vt(t, e, c = "px") {
+function vt(s, e, i = "px") {
   if (typeof e == "number")
-    return `${t}: ${e}${c};`;
-  const s = _t[e];
-  return s ? `${t}: ${s};` : "";
+    return `${s}: ${e}${i};`;
+  const t = _t[e];
+  return t ? `${s}: ${t};` : "";
 }
-function bt(t) {
-  return vt("font-size", t);
+function bt(s) {
+  return vt("font-size", s);
 }
 const $t = {
   name: "TIcon"
@@ -266,11 +266,11 @@ const $t = {
     color: { default: "grey" },
     size: { default: 15 }
   },
-  setup(t) {
-    const e = t, c = x(() => bt(e.size));
-    return (s, l) => (o(), a("i", {
-      class: u(`cuIcon-${s.name} text-${s.color}`),
-      style: I(c.value)
+  setup(s) {
+    const e = s, i = x(() => bt(e.size));
+    return (t, c) => (o(), a("i", {
+      class: u(`cuIcon-${t.name} text-${t.color}`),
+      style: I(i.value)
     }, null, 6));
   }
 }), yt = { class: "action border-title" }, kt = { class: "action border-title" }, It = { class: "tib text-xl text-bold text-blue" }, wt = /* @__PURE__ */ n("div", {
@@ -285,7 +285,7 @@ const $t = {
 }, Vt = { class: "action" }, zt = {
   key: 6,
   class: "cu-bar bg-white solid-bottom"
-}, qt = { class: "action" }, Et = { class: "action" }, Mt = { name: "TTitle" }, L = /* @__PURE__ */ g({
+}, Et = { class: "action" }, qt = { class: "action" }, Mt = { name: "TTitle" }, L = /* @__PURE__ */ g({
   ...Mt,
   props: {
     title: { default: "主题名称" },
@@ -296,8 +296,8 @@ const $t = {
     mode: {},
     center: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    return (e, c) => e.mode === "default1" ? (o(), a("div", {
+  setup(s) {
+    return (e, i) => e.mode === "default1" ? (o(), a("div", {
       key: 0,
       class: u(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
@@ -360,13 +360,13 @@ const $t = {
         }, r(e.title), 3)
       ])
     ])) : (o(), a("div", zt, [
-      n("div", qt, [
+      n("div", Et, [
         n("i", {
           class: u(`cuIcon-${e.icon} text-${e.color}`)
         }, null, 2),
         w(e.$slots, "default")
       ]),
-      n("div", Et, [
+      n("div", qt, [
         w(e.$slots, "action")
       ])
     ]));
@@ -380,8 +380,8 @@ const $t = {
     size: { default: "lg" },
     mode: { default: "round" }
   },
-  setup(t) {
-    return (e, c) => e.url ? (o(), a("div", {
+  setup(s) {
+    return (e, i) => e.url ? (o(), a("div", {
       key: 0,
       class: u(["cu-avatar", e.size, e.mode]),
       style: I({ backgroundImage: `url(${e.url})` })
@@ -401,11 +401,11 @@ const $t = {
     size: { default: "sm" },
     mode: { default: "round" }
   },
-  setup(t) {
-    return (e, c) => (o(), a("div", Nt, [
-      (o(!0), a(m, null, $(e.urls, (s, l) => (o(), S(z, {
-        key: l,
-        url: s,
+  setup(s) {
+    return (e, i) => (o(), a("div", Nt, [
+      (o(!0), a(_, null, $(e.urls, (t, c) => (o(), S(z, {
+        key: c,
+        url: t,
         size: e.size
       }, null, 8, ["url", "size"]))), 128))
     ]));
@@ -423,35 +423,35 @@ const $t = {
     disabled: { type: Boolean, default: !1 },
     shadow: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    const e = t, c = x(() => [
+  setup(s) {
+    const e = s, i = x(() => [
       "cu-btn",
       e.rounded ? "round" : "radius",
       e.shadow ? "shadow" : "",
       `bg-${e.bg}`,
       e.size !== "default" ? e.size : ""
-    ].join(" ")), s = x(() => ({
+    ].join(" ")), t = x(() => ({
       cursor: e.disabled ? "not-allowed" : "pointer"
-    })), l = x(() => ({
+    })), c = x(() => ({
       marginRight: e.text ? "8px" : "0"
     }));
-    return (i, d) => (o(), a("button", {
-      class: u(c.value),
-      style: I(s.value),
-      disabled: i.disabled
+    return (l, d) => (o(), a("button", {
+      class: u(i.value),
+      style: I(t.value),
+      disabled: l.disabled
     }, [
-      w(i.$slots, "default"),
-      i.icon ? (o(), a("i", {
+      w(l.$slots, "default"),
+      l.icon ? (o(), a("i", {
         key: 0,
-        class: u(`cuIcon-${i.icon}`),
-        style: I(l.value)
+        class: u(`cuIcon-${l.icon}`),
+        style: I(c.value)
       }, null, 6)) : p("", !0),
-      i.text ? (o(), a("span", Ft, r(i.text), 1)) : p("", !0)
+      l.text ? (o(), a("span", Ft, r(l.text), 1)) : p("", !0)
     ], 14, Dt));
   }
 }), Rt = { key: 0 }, Ut = {
   name: "TTag"
-}, q = /* @__PURE__ */ g({
+}, E = /* @__PURE__ */ g({
   ...Ut,
   props: {
     text: {},
@@ -461,40 +461,40 @@ const $t = {
     light: { type: Boolean, default: !1 },
     line: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    const e = t, c = x(() => [
+  setup(s) {
+    const e = s, i = x(() => [
       "cu-tag",
       e.shape !== "default" ? e.shape : "",
       e.light !== !1 ? "light" : "",
       `${e.line !== !1 ? "line" : "bg"}-${e.bg}`,
       e.size !== "default" ? e.size : ""
-    ].join(" ")), s = x(() => ({}));
-    return (l, i) => (o(), a("div", {
-      class: u(c.value),
-      style: I(s.value)
+    ].join(" ")), t = x(() => ({}));
+    return (c, l) => (o(), a("div", {
+      class: u(i.value),
+      style: I(t.value)
     }, [
-      w(l.$slots, "default"),
-      l.text ? (o(), a("span", Rt, r(l.text), 1)) : p("", !0)
+      w(c.$slots, "default"),
+      c.text ? (o(), a("span", Rt, r(c.text), 1)) : p("", !0)
     ], 6));
   }
 });
-M.install = (t) => {
-  t.component(M.name, M);
+M.install = (s) => {
+  s.component(M.name, M);
 };
-L.install = (t) => {
-  t.component(L.name, L);
+L.install = (s) => {
+  s.component(L.name, L);
 };
-z.install = (t) => {
-  t.component(z.name, z);
+z.install = (s) => {
+  s.component(z.name, z);
 };
-R.install = (t) => {
-  t.component(R.name, R);
+R.install = (s) => {
+  s.component(R.name, R);
 };
-U.install = (t) => {
-  t.component(U.name, U);
+U.install = (s) => {
+  s.component(U.name, U);
 };
-q.install = (t) => {
-  t.component(q.name, q);
+E.install = (s) => {
+  s.component(E.name, E);
 };
 const Ot = ["onClick"], Gt = {
   key: 0,
@@ -541,38 +541,38 @@ const Ot = ["onClick"], Gt = {
     onItemClick: { type: Function, default: () => {
     } }
   },
-  setup(t) {
-    const e = t, c = (s, l) => {
-      e.onItemClick && e.onItemClick(s, l);
+  setup(s) {
+    const e = s, i = (t, c) => {
+      e.onItemClick && e.onItemClick(t, c);
     };
-    return (s, l) => (o(), a("div", {
-      class: u(["cu-bar tabbar", `bg-${s.bg} ${s.isFoot ? "foot" : ""}`])
+    return (t, c) => (o(), a("div", {
+      class: u(["cu-bar tabbar", `bg-${t.bg} ${t.isFoot ? "foot" : ""}`])
     }, [
-      (o(!0), a(m, null, $(s.items, (i, d) => (o(), a("div", {
+      (o(!0), a(_, null, $(t.items, (l, d) => (o(), a("div", {
         key: d,
-        class: u(["action", `text-${d === s.activeIndex ? s.activeColor : s.color}`]),
-        onClick: (f) => c(i, d)
+        class: u(["action", `text-${d === t.activeIndex ? t.activeColor : t.color}`]),
+        onClick: (f) => i(l, d)
       }, [
-        i.img ? (o(), a("div", Gt, [
+        l.img ? (o(), a("div", Gt, [
           n("img", {
-            src: i.img,
+            src: l.img,
             style: { width: "21px", height: "21px" },
             class: "radius"
           }, null, 8, Kt),
-          i.badge ? (o(), a("div", Ht, r(i.badge), 1)) : p("", !0)
+          l.badge ? (o(), a("div", Ht, r(l.badge), 1)) : p("", !0)
         ])) : (o(), a("div", {
           key: 1,
-          class: u(`cuIcon-${i.icon}`)
+          class: u(`cuIcon-${l.icon}`)
         }, [
-          i.badge ? (o(), a("div", Xt, r(i.badge), 1)) : p("", !0)
+          l.badge ? (o(), a("div", Xt, r(l.badge), 1)) : p("", !0)
         ], 2)),
-        n("div", null, r(i.label), 1)
+        n("div", null, r(l.label), 1)
       ], 10, Ot))), 128))
     ], 2));
   }
 });
-O.install = (t) => {
-  t.component(O.name, O);
+O.install = (s) => {
+  s.component(O.name, O);
 };
 const Qt = {
   key: 0,
@@ -592,8 +592,8 @@ const Qt = {
     bg: { default: "white" },
     avatarUrl: {}
   },
-  setup(t) {
-    return (e, c) => (o(), a("div", {
+  setup(s) {
+    return (e, i) => (o(), a("div", {
       class: u(["cu-bar", `bg-${e.bg}`])
     }, [
       e.leftIcon || e.leftText ? (o(), a("div", Qt, [
@@ -617,8 +617,8 @@ const Qt = {
     ], 2));
   }
 });
-G.install = (t) => {
-  t.component(G.name, G);
+G.install = (s) => {
+  s.component(G.name, G);
 };
 const ts = /* @__PURE__ */ n("text", { class: "cuIcon-search" }, null, -1), ss = ["placeholder"], os = { class: "action" }, ns = {
   key: 0,
@@ -638,52 +638,52 @@ const ts = /* @__PURE__ */ n("text", { class: "cuIcon-search" }, null, -1), ss =
     actionIcon: {},
     actionText: {}
   },
-  setup(t) {
-    const e = V(0), c = (l) => {
-      e.value = l.detail.height;
-    }, s = () => {
+  setup(s) {
+    const e = V(0), i = (c) => {
+      e.value = c.detail.height;
+    }, t = () => {
       e.value = 0;
     };
-    return (l, i) => (o(), a("div", {
-      class: u(["cu-bar", `bg-${l.bgColor}`, "search"])
+    return (c, l) => (o(), a("div", {
+      class: u(["cu-bar", `bg-${c.bgColor}`, "search"])
     }, [
-      l.avatarUrl ? (o(), a("div", {
+      c.avatarUrl ? (o(), a("div", {
         key: 0,
         class: "cu-avatar round",
-        style: I({ backgroundImage: `url(${l.avatarUrl})` })
+        style: I({ backgroundImage: `url(${c.avatarUrl})` })
       }, null, 4)) : p("", !0),
       n("div", {
-        class: u(["search-form", l.borderRadiusClass])
+        class: u(["search-form", c.borderRadiusClass])
       }, [
         ts,
         n("input", {
-          onFocus: c,
-          onBlur: s,
+          onFocus: i,
+          onBlur: t,
           "adjust-position": !1,
           type: "text",
-          placeholder: l.placeholder,
+          placeholder: c.placeholder,
           "confirm-type": "search"
         }, null, 40, ss)
       ], 2),
       n("div", os, [
-        l.buttonText ? (o(), a("button", ns, r(l.buttonText), 1)) : (o(), a(m, { key: 1 }, [
-          l.location ? (o(), a("text", as, r(l.location), 1)) : p("", !0),
-          l.locationIcon ? (o(), a("text", {
+        c.buttonText ? (o(), a("button", ns, r(c.buttonText), 1)) : (o(), a(_, { key: 1 }, [
+          c.location ? (o(), a("text", as, r(c.location), 1)) : p("", !0),
+          c.locationIcon ? (o(), a("text", {
             key: 1,
-            class: u(`cuIcon-${l.locationIcon}`)
+            class: u(`cuIcon-${c.locationIcon}`)
           }, null, 2)) : p("", !0),
-          l.actionIcon ? (o(), a("text", {
+          c.actionIcon ? (o(), a("text", {
             key: 2,
-            class: u(`cuIcon-${l.actionIcon}`)
+            class: u(`cuIcon-${c.actionIcon}`)
           }, null, 2)) : p("", !0),
-          l.actionText ? (o(), a("text", ls, r(l.actionText), 1)) : p("", !0)
+          c.actionText ? (o(), a("text", ls, r(c.actionText), 1)) : p("", !0)
         ], 64))
       ])
     ], 2));
   }
 });
-K.install = (t) => {
-  t.component(K.name, K);
+K.install = (s) => {
+  s.component(K.name, K);
 };
 const is = {
   key: 0,
@@ -695,22 +695,22 @@ const is = {
     stringArray: { default: () => [] }
   },
   emits: ["send"],
-  setup(t, { emit: e }) {
-    const c = e, s = t, l = (d = "", f) => {
-      c("send", d, f);
-    }, i = x(() => s.stringArray.map((d) => {
-      if (!s.text)
+  setup(s, { emit: e }) {
+    const i = e, t = s, c = (d = "", f) => {
+      i("send", d, f);
+    }, l = x(() => t.stringArray.map((d) => {
+      if (!t.text)
         return d.text;
       let f = "";
-      for (let b of d.text)
-        s.text.includes(b) ? f += `<span style="color:#ff0000">${b}</span>` : f += b;
+      for (let m of d.text)
+        t.text.includes(m) ? f += `<span style="color:#ff0000">${m}</span>` : f += m;
       return f;
     }));
     return (d, f) => d.stringArray.length ? (o(), a("ul", is, [
-      (o(!0), a(m, null, $(i.value, (b, v) => (o(), a("li", {
-        key: v,
-        innerHTML: b,
-        onClick: (_) => l(d.stringArray[v].text, d.stringArray[v])
+      (o(!0), a(_, null, $(l.value, (m, b) => (o(), a("li", {
+        key: b,
+        innerHTML: m,
+        onClick: (v) => c(d.stringArray[b].text, d.stringArray[b])
       }, null, 8, rs))), 128))
     ])) : p("", !0);
   }
@@ -781,19 +781,19 @@ const is = {
 ], ps = ["onClick"], hs = /* @__PURE__ */ g({
   __name: "EmojiPanel",
   emits: ["addEmoji"],
-  setup(t, { emit: e }) {
-    const c = e, s = (l) => {
-      c("addEmoji", l);
+  setup(s, { emit: e }) {
+    const i = e, t = (c) => {
+      i("addEmoji", c);
     };
-    return (l, i) => (o(), a("div", {
+    return (c, l) => (o(), a("div", {
       class: "emoji-panel",
       ref: "emojiPanel",
-      onClick: i[0] || (i[0] = ie(() => {
+      onClick: l[0] || (l[0] = ie(() => {
       }, ["stop"]))
     }, [
-      (o(!0), a(m, null, $(we(fs), (d) => (o(), a("span", {
+      (o(!0), a(_, null, $(we(fs), (d) => (o(), a("span", {
         key: d,
-        onClick: (f) => s(d)
+        onClick: (f) => t(d)
       }, r(d), 9, ps))), 128))
     ], 512));
   }
@@ -802,28 +802,28 @@ const is = {
   props: {
     items: {}
   },
-  setup(t) {
+  setup(s) {
     const e = V(null);
     return ae(() => {
-    }), (c, s) => {
-      const l = be("TIcon");
+    }), (i, t) => {
+      const c = be("TIcon");
       return o(), a("div", ms, [
         n("div", {
           class: "function-panel",
           ref_key: "functionPanel",
           ref: e
         }, [
-          (o(!0), a(m, null, $(c.items, (i, d) => (o(), a("div", {
+          (o(!0), a(_, null, $(i.items, (l, d) => (o(), a("div", {
             key: d,
             class: "function-item",
-            onClick: i.event
+            onClick: l.event
           }, [
-            E(l, {
-              name: i.icon,
-              color: i.color,
+            q(c, {
+              name: l.icon,
+              color: l.color,
               size: 26
             }, null, 8, ["name", "color"]),
-            n("span", null, r(i.text), 1)
+            n("span", null, r(l.text), 1)
           ], 8, _s))), 128))
         ], 512)
       ]);
@@ -847,30 +847,30 @@ const is = {
     functionItems: { default: () => [] }
   },
   emits: ["update:modelValue", "send"],
-  setup(t, { emit: e }) {
-    const c = V(0), s = V(!1), l = V(!1), i = e, d = t, f = (h) => {
-      c.value = h.detail.height;
-    }, b = () => {
-      c.value = 0;
-    }, v = (h = "", C) => {
-      h ? i("send", h, C) : i("send", d.modelValue), i("update:modelValue", ""), s.value = !1;
-    }, _ = () => {
-      l.value = !1, s.value = !s.value;
+  setup(s, { emit: e }) {
+    const i = V(0), t = V(!1), c = V(!1), l = e, d = s, f = (h) => {
+      i.value = h.detail.height;
+    }, m = () => {
+      i.value = 0;
+    }, b = (h = "", C) => {
+      h ? l("send", h, C) : l("send", d.modelValue), l("update:modelValue", ""), t.value = !1;
+    }, v = () => {
+      c.value = !1, t.value = !t.value;
     }, k = () => {
-      s.value = !1, l.value = !l.value;
+      t.value = !1, c.value = !c.value;
     }, T = (h) => {
-      i("update:modelValue", d.modelValue + h);
+      l("update:modelValue", d.modelValue + h);
     }, B = (h) => {
       const C = h.target;
-      i("update:modelValue", C.value);
+      l("update:modelValue", C.value);
     };
     return ae(() => {
     }), Ce(() => {
-    }), (h, C) => (o(), a(m, null, [
-      E(ds, {
+    }), (h, C) => (o(), a(_, null, [
+      q(ds, {
         text: h.modelValue,
         "string-array": h.stringArray,
-        onSend: v
+        onSend: b
       }, null, 8, ["text", "string-array"]),
       n("div", $s, [
         h.leftIcon ? (o(), a("div", ys, [
@@ -885,9 +885,9 @@ const is = {
         ])) : p("", !0),
         n("input", {
           onFocus: f,
-          onBlur: b,
-          onKeydown: C[0] || (C[0] = xe((N) => v(), ["enter"])),
-          onConfirm: C[1] || (C[1] = (N) => v()),
+          onBlur: m,
+          onKeydown: C[0] || (C[0] = xe((N) => b(), ["enter"])),
+          onConfirm: C[1] || (C[1] = (N) => b()),
           "adjust-position": !1,
           class: "solid-bottom",
           maxlength: "300",
@@ -898,7 +898,7 @@ const is = {
         n("div", ws, [
           n("text", {
             class: u(`cuIcon-${h.rightIcon} text-grey`),
-            onClick: ie(_, ["stop"])
+            onClick: ie(v, ["stop"])
           }, null, 2),
           h.functionItems && h.functionItems.length > 0 ? (o(), a("text", {
             key: 0,
@@ -908,20 +908,20 @@ const is = {
         ]),
         n("button", {
           class: "cu-btn bg-green shadow-blur round",
-          onClick: C[2] || (C[2] = (N) => v())
+          onClick: C[2] || (C[2] = (N) => b())
         }, r(h.buttonText), 1)
       ]),
-      re(E(gs, { onAddEmoji: T }, null, 512), [
-        [ue, s.value]
+      re(q(gs, { onAddEmoji: T }, null, 512), [
+        [ue, t.value]
       ]),
-      re(E(bs, { items: h.functionItems }, null, 8, ["items"]), [
-        [ue, l.value]
+      re(q(bs, { items: h.functionItems }, null, 8, ["items"]), [
+        [ue, c.value]
       ])
     ], 64));
   }
 }), H = /* @__PURE__ */ A(xs, [["__scopeId", "data-v-7b4ca731"]]);
-H.install = (t) => {
-  t.component(H.name, H);
+H.install = (s) => {
+  s.component(H.name, H);
 };
 const Ts = ["onClick"], Bs = { class: "tab-content" }, js = {
   name: "TTabs"
@@ -939,45 +939,45 @@ const Ts = ["onClick"], Bs = { class: "tab-content" }, js = {
     line: { type: Boolean, default: !0 }
   },
   emits: ["update:modelValue", "select"],
-  setup(t, { emit: e }) {
-    const c = t, s = e, l = V([]), i = V(c.modelValue), d = (_, k) => {
-      i.value = _, s("update:modelValue", _), s("select", k);
+  setup(s, { emit: e }) {
+    const i = s, t = e, c = V([]), l = V(i.modelValue), d = (v, k) => {
+      l.value = v, t("update:modelValue", v), t("select", k);
     };
-    ge("registerTab", (_) => (l.value.push(_), l.value.length - 1)), ge("activeTab", i);
-    const b = x(() => c.center !== !1 ? "justify-content:center;" : `justify-content:${c.mode}`), v = x(() => (_) => {
+    ge("registerTab", (v) => (c.value.push(v), c.value.length - 1)), ge("activeTab", l);
+    const m = x(() => i.center !== !1 ? "justify-content:center;" : `justify-content:${i.mode}`), b = x(() => (v) => {
       let k = [];
-      return i.value === _ && (k.push(`text-${c.color}`), c.bold !== !1 && k.push("text-bold"), c.line !== !1 && k.push("cur")), k;
+      return l.value === v && (k.push(`text-${i.color}`), i.bold !== !1 && k.push("text-bold"), i.line !== !1 && k.push("cur")), k;
     });
     return Te(
-      () => c.modelValue,
-      (_) => {
-        i.value = _;
+      () => i.modelValue,
+      (v) => {
+        l.value = v;
       },
       {
         immediate: !0
       }
-    ), (_, k) => (o(), a("div", {
-      class: u(_.isCard !== !1 ? "is-card" : "")
+    ), (v, k) => (o(), a("div", {
+      class: u(v.isCard !== !1 ? "is-card" : "")
     }, [
       n("div", {
-        class: u(["nav flex", [, `bg-${_.bg}`, `text-${_.text}`]]),
-        style: I(b.value)
+        class: u(["nav flex", [, `bg-${v.bg}`, `text-${v.text}`]]),
+        style: I(m.value)
       }, [
-        (o(!0), a(m, null, $(l.value, (T, B) => (o(), a("div", {
-          class: u(["cu-item", v.value(B)]),
+        (o(!0), a(_, null, $(c.value, (T, B) => (o(), a("div", {
+          class: u(["cu-item", b.value(B)]),
           key: B,
           onClick: (h) => d(B, T)
         }, [
           T.icon ? (o(), a("i", {
             key: 0,
-            class: u(`cuIcon-${T.icon} text-${i.value === B ? _.color : T.iconColor}`)
+            class: u(`cuIcon-${T.icon} text-${l.value === B ? v.color : T.iconColor}`)
           }, null, 2)) : p("", !0),
           y(" " + r(T.label), 1)
         ], 10, Ts))), 128))
       ], 6),
       n("div", Bs, [
-        w(_.$slots, "default", {
-          tab: l.value[i.value]
+        w(v.$slots, "default", {
+          tab: c.value[l.value]
         })
       ])
     ], 2));
@@ -991,33 +991,33 @@ const Ts = ["onClick"], Bs = { class: "tab-content" }, js = {
     icon: { default: "" },
     iconColor: { default: "black" }
   },
-  setup(t) {
-    const e = t, c = de(
+  setup(s) {
+    const e = s, i = de(
       "registerTab"
-    ), s = de("activeTab"), l = V(null), i = x(() => (s == null ? void 0 : s.value) === l.value), d = x(() => ({
+    ), t = de("activeTab"), c = V(null), l = x(() => (t == null ? void 0 : t.value) === c.value), d = x(() => ({
       label: e.label,
       icon: e.icon,
       iconColor: e.iconColor
     }));
     return ae(() => {
-      c && (l.value = c({
+      i && (c.value = i({
         label: e.label,
         icon: e.icon,
         iconColor: e.iconColor
       }));
-    }), (f, b) => re((o(), a("div", null, [
+    }), (f, m) => re((o(), a("div", null, [
       w(f.$slots, "default"),
       w(f.$slots, "custom", { tab: d.value })
     ], 512)), [
-      [ue, i.value]
+      [ue, l.value]
     ]);
   }
 });
-X.install = (t) => {
-  t.component(X.name, X);
+X.install = (s) => {
+  s.component(X.name, X);
 };
-J.install = (t) => {
-  t.component(J.name, J);
+J.install = (s) => {
+  s.component(J.name, J);
 };
 /*!
   * vue-router v4.3.3
@@ -1025,17 +1025,17 @@ J.install = (t) => {
   * @license MIT
   */
 var me;
-(function(t) {
-  t.pop = "pop", t.push = "push";
+(function(s) {
+  s.pop = "pop", s.push = "push";
 })(me || (me = {}));
 var _e;
-(function(t) {
-  t.back = "back", t.forward = "forward", t.unknown = "";
+(function(s) {
+  s.back = "back", s.forward = "forward", s.unknown = "";
 })(_e || (_e = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
 var ve;
-(function(t) {
-  t[t.aborted = 4] = "aborted", t[t.cancelled = 8] = "cancelled", t[t.duplicated = 16] = "duplicated";
+(function(s) {
+  s[s.aborted = 4] = "aborted", s[s.cancelled = 8] = "cancelled", s[s.duplicated = 16] = "duplicated";
 })(ve || (ve = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
@@ -1045,7 +1045,7 @@ Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
 function zs() {
   return de(Vs);
 }
-const qs = ["onClick"], Es = {
+const Es = ["onClick"], qs = {
   key: 0,
   class: "cu-tag badge"
 }, Ms = { key: 0 }, As = {
@@ -1120,55 +1120,55 @@ const qs = ["onClick"], Es = {
     gridBorder: { type: Boolean, default: !1 },
     routeFn: { type: Function, default: void 0 }
   },
-  setup(t) {
-    const e = t, c = zs(), s = (l) => {
-      if (l.path) {
+  setup(s) {
+    const e = s, i = zs(), t = (c) => {
+      if (c.path) {
         e.routeFn ? e.routeFn().push({
-          path: l.path
-        }) : c.push({
-          path: l.path
+          path: c.path
+        }) : i.push({
+          path: c.path
         });
         return;
       }
-      if (l.link) {
-        window.location.href = l.link;
+      if (c.link) {
+        window.location.href = c.link;
         return;
       }
     };
-    return (l, i) => (o(), a("div", {
-      class: u(["cu-list grid", ["col-" + l.gridCol, l.gridBorder ? "" : "no-border"]])
+    return (c, l) => (o(), a("div", {
+      class: u(["cu-list grid", ["col-" + c.gridCol, c.gridBorder ? "" : "no-border"]])
     }, [
-      (o(!0), a(m, null, $(l.cuIconList, (d, f) => (o(), a("div", {
+      (o(!0), a(_, null, $(c.cuIconList, (d, f) => (o(), a("div", {
         class: "cu-item",
         key: f,
-        style: I(`width: calc(100% / ${l.gridCol})`),
-        onClick: (b) => s(d)
+        style: I(`width: calc(100% / ${c.gridCol})`),
+        onClick: (m) => t(d)
       }, [
         n("div", {
           class: u(["cuIcon-" + d.cuIcon, "text-" + d.color])
         }, [
-          d.badge != 0 ? (o(), a("div", Es, [
+          d.badge != 0 ? (o(), a("div", qs, [
             d.badge != 1 ? (o(), a("i", Ms, r((d.badge || 0) > 99 ? "99+" : d.badge), 1)) : p("", !0)
           ])) : p("", !0)
         ], 2),
         n("text", null, r(d.name), 1)
-      ], 12, qs))), 128))
+      ], 12, Es))), 128))
     ], 2));
   }
 });
-Q.install = (t) => {
-  t.component(Q.name, Q);
+Q.install = (s) => {
+  s.component(Q.name, Q);
 };
-const Ns = { class: "content" }, Ps = ["src", "alt"], Ds = { class: "text-grey" }, Fs = { class: "action" }, Ls = {
+const Ns = ["onClick"], Ps = { class: "content" }, Ds = ["src", "alt"], Fs = { class: "text-grey" }, Ls = { class: "action" }, Rs = {
   key: 1,
   class: "text-grey text-sm"
-}, Rs = ["onClick"], Us = {
+}, Us = ["onClick"], Os = {
   key: 4,
   class: "text-grey text-sm"
-}, Os = {
+}, Gs = {
   name: "Menu"
 }, W = /* @__PURE__ */ g({
-  ...Os,
+  ...Gs,
   props: {
     menuItems: { default: () => [
       {
@@ -1244,18 +1244,21 @@ const Ns = { class: "content" }, Ps = ["src", "alt"], Ds = { class: "text-grey"
     menuArrow: { type: Boolean, default: !1 },
     menuCard: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    const e = (c) => {
-      c && c();
+  setup(s) {
+    const e = (t) => {
+      t.event && t.event(t);
+    }, i = (t) => {
+      t && t();
     };
-    return (c, s) => (o(), a("div", {
-      class: u(["cu-list menu", [c.menuBorder ? "sm-border" : "", c.menuCard ? "card-menu" : ""]])
+    return (t, c) => (o(), a("div", {
+      class: u(["cu-list menu", [t.menuBorder ? "sm-border" : "", t.menuCard ? "card-menu" : ""]])
     }, [
-      (o(!0), a(m, null, $(c.menuItems, (l, i) => (o(), a("div", {
-        key: i,
-        class: u(["cu-item", c.menuArrow ? "arrow" : ""])
+      (o(!0), a(_, null, $(t.menuItems, (l, d) => (o(), a("div", {
+        key: d,
+        class: u(["cu-item", t.menuArrow ? "arrow" : ""]),
+        onClick: (f) => e(l)
       }, [
-        n("div", Ns, [
+        n("div", Ps, [
           l.icon ? (o(), S(M, {
             key: 0,
             class: "icon",
@@ -1267,21 +1270,21 @@ const Ns = { class: "content" }, Ps = ["src", "alt"], Ds = { class: "text-grey"
             class: "icon",
             src: l.img.url,
             alt: l.img.alt
-          }, null, 8, Ps)) : p("", !0),
-          n("text", Ds, r(l.title), 1)
+          }, null, 8, Ds)) : p("", !0),
+          n("text", Fs, r(l.title), 1)
         ]),
-        n("div", Fs, [
+        n("div", Ls, [
           l.group ? (o(), S(R, {
             key: 0,
             urls: l.group
           }, null, 8, ["urls"])) : p("", !0),
-          l.group ? (o(), a("text", Ls, r(l.group.length) + "人", 1)) : p("", !0),
+          l.group ? (o(), a("text", Rs, r(l.group.length) + "人", 1)) : p("", !0),
           l.btn ? (o(), a("button", {
             key: 2,
             class: u(["cu-btn round shadow", `bg-${l.btn.bg}`]),
-            onClick: (d) => {
-              var f;
-              return e((f = l.btn) == null ? void 0 : f.event);
+            onClick: (f) => {
+              var m;
+              return i((m = l.btn) == null ? void 0 : m.event);
             }
           }, [
             l.btn.icon ? (o(), S(M, {
@@ -1290,35 +1293,35 @@ const Ns = { class: "content" }, Ps = ["src", "alt"], Ds = { class: "text-grey"
               color: "white"
             }, null, 8, ["name"])) : p("", !0),
             y(" " + r(l.btn.text), 1)
-          ], 10, Rs)) : p("", !0),
-          l.tags ? (o(!0), a(m, { key: 3 }, $(l.tags, (d, f) => (o(), S(q, {
-            size: d.size,
-            key: f,
-            bg: d.bg,
-            light: d.light,
+          ], 10, Us)) : p("", !0),
+          l.tags ? (o(!0), a(_, { key: 3 }, $(l.tags, (f, m) => (o(), S(E, {
+            size: f.size,
+            key: m,
+            bg: f.bg,
+            light: f.light,
             shape: "round"
           }, {
             default: ne(() => [
-              y(r(d.text), 1)
+              y(r(f.text), 1)
             ]),
             _: 2
           }, 1032, ["size", "bg", "light"]))), 128)) : p("", !0),
-          l.text ? (o(), a("text", Us, r(l.text), 1)) : p("", !0)
+          l.text ? (o(), a("text", Os, r(l.text), 1)) : p("", !0)
         ])
-      ], 2))), 128))
+      ], 10, Ns))), 128))
     ], 2));
   }
 });
-W.install = (t) => {
-  t.component(W.name, W);
+W.install = (s) => {
+  s.component(W.name, W);
 };
-const Gs = {
+const Ks = {
   key: 1,
   class: "cu-tag badge"
-}, Ks = { class: "content" }, Hs = { class: "flex align-center" }, Xs = { class: "text-cut text-black" }, Js = { class: "text-gray text-sm flex" }, Qs = { class: "text-cut" }, Ws = { class: "action" }, Ys = { class: "text-grey text-xs" }, Zs = {
+}, Hs = { class: "content" }, Xs = { class: "flex align-center" }, Js = { class: "text-cut text-black" }, Qs = { class: "text-gray text-sm flex" }, Ws = { class: "text-cut" }, Ys = { class: "action" }, Zs = { class: "text-grey text-xs" }, eo = {
   name: "ChatListItem"
 }, fe = /* @__PURE__ */ g({
-  ...Zs,
+  ...eo,
   props: {
     userinfo: {},
     roomId: {},
@@ -1337,81 +1340,81 @@ const Gs = {
     event: { type: Function, default: () => {
     } }
   },
-  setup(t) {
-    const e = t;
-    return (c, s) => {
-      var i;
-      const l = be("TIcon");
+  setup(s) {
+    const e = s;
+    return (i, t) => {
+      var l;
+      const c = be("TIcon");
       return o(), a("div", {
-        class: u(["cu-item", { grayscale: c.isDisconnected, cur: c.isCurrent }]),
-        onClick: s[0] || (s[0] = (d) => c.event(e))
+        class: u(["cu-item", { grayscale: i.isDisconnected, cur: i.isCurrent }]),
+        onClick: t[0] || (t[0] = (d) => i.event(e))
       }, [
         n("div", {
-          class: u(["cu-avatar", c.userinfo.avatarShape, "lg", `bg-${c.avatarBg}`]),
-          style: I({ backgroundImage: `url(${c.userinfo.avatar})` })
+          class: u(["cu-avatar", i.userinfo.avatarShape, "lg", `bg-${i.avatarBg}`]),
+          style: I({ backgroundImage: `url(${i.userinfo.avatar})` })
         }, [
-          (i = c.userinfo) != null && i.avatar ? p("", !0) : (o(), S(l, {
+          (l = i.userinfo) != null && l.avatar ? p("", !0) : (o(), S(c, {
             key: 0,
-            name: c.avatarName,
+            name: i.avatarName,
             size: 36,
             color: "white"
           }, null, 8, ["name"])),
-          c.badge ? (o(), a("div", Gs, r(c.badge), 1)) : p("", !0)
+          i.badge ? (o(), a("div", Ks, r(i.badge), 1)) : p("", !0)
         ], 6),
-        n("div", Ks, [
-          n("div", Hs, [
-            n("div", Xs, r(c.userinfo.name), 1),
-            c.userinfo.tag ? (o(), a("div", {
+        n("div", Hs, [
+          n("div", Xs, [
+            n("div", Js, r(i.userinfo.name), 1),
+            i.userinfo.tag ? (o(), a("div", {
               key: 0,
-              class: u(["cu-tag", "round", `bg-${c.userinfo.tagColor}`, "sm"])
-            }, r(c.userinfo.tag), 3)) : p("", !0)
+              class: u(["cu-tag", "round", `bg-${i.userinfo.tagColor}`, "sm"])
+            }, r(i.userinfo.tag), 3)) : p("", !0)
           ]),
-          n("div", Js, [
-            n("div", Qs, [
-              w(c.$slots, "default")
+          n("div", Qs, [
+            n("div", Ws, [
+              w(i.$slots, "default")
             ])
           ])
         ]),
-        n("div", Ws, [
-          n("div", Ys, r(c.time), 1),
-          c.unread ? (o(), a("div", {
+        n("div", Ys, [
+          n("div", Zs, r(i.time), 1),
+          i.unread ? (o(), a("div", {
             key: 0,
-            class: u(["cu-tag", "round", `bg-${c.unreadColor}`, "sm"])
-          }, r(c.unread), 3)) : c.icon ? (o(), a("div", {
+            class: u(["cu-tag", "round", `bg-${i.unreadColor}`, "sm"])
+          }, r(i.unread), 3)) : i.icon ? (o(), a("div", {
             key: 1,
-            class: u(c.iconClass)
+            class: u(i.iconClass)
           }, null, 2)) : p("", !0)
         ])
       ], 2);
     };
   }
-}), eo = { class: "cu-list menu-avatar" }, to = {
+}), to = { class: "cu-list menu-avatar" }, so = {
   name: "ChatList"
 }, Y = /* @__PURE__ */ g({
-  ...to,
+  ...so,
   props: {
     items: {}
   },
-  setup(t) {
-    return (e, c) => (o(), a("div", eo, [
-      (o(!0), a(m, null, $(e.items, (s, l) => (o(), S(fe, {
-        "avatar-name": s.avatarName,
-        "avatar-bg": s.avatarBg,
-        time: s.time,
-        key: l,
-        userinfo: s.userinfo,
-        unread: s.unread,
-        unreadColor: s.unreadColor,
-        badge: s.badge,
-        icon: s.icon,
-        iconClass: s.iconClass,
-        isDisconnected: s.isDisconnected,
-        isCurrent: s.isCurrent,
-        event: s.event
+  setup(s) {
+    return (e, i) => (o(), a("div", to, [
+      (o(!0), a(_, null, $(e.items, (t, c) => (o(), S(fe, {
+        "avatar-name": t.avatarName,
+        "avatar-bg": t.avatarBg,
+        time: t.time,
+        key: c,
+        userinfo: t.userinfo,
+        unread: t.unread,
+        unreadColor: t.unreadColor,
+        badge: t.badge,
+        icon: t.icon,
+        iconClass: t.iconClass,
+        isDisconnected: t.isDisconnected,
+        isCurrent: t.isCurrent,
+        event: t.event
       }, {
         default: ne(() => [
-          w(e.$slots, "default", { item: s }, () => [
-            y(r(s.content), 1)
+          w(e.$slots, "default", { item: t }, () => [
+            y(r(t.content), 1)
           ])
         ]),
         _: 2
@@ -1419,137 +1422,137 @@ const Gs = {
     ]));
   }
 });
-Y.install = (t) => {
-  t.component(Y.name, Y), t.component(fe.name, fe);
+Y.install = (s) => {
+  s.component(Y.name, Y), s.component(fe.name, fe);
 };
-const so = { class: "cu-chat" }, oo = {
+const oo = { class: "cu-chat" }, no = {
   key: 0,
   class: "cu-info round"
-}, no = {
+}, ao = {
   key: 1,
   class: "cu-info"
-}, ao = /* @__PURE__ */ n("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), lo = { class: "main" }, co = ["src"], io = {
+}, lo = /* @__PURE__ */ n("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), co = { class: "main" }, io = ["src"], ro = {
   key: 2,
   class: "content shadow"
-}, ro = /* @__PURE__ */ n("text", { class: "cuIcon-sound text-xxl padding-right-xl" }, null, -1), uo = { class: "action text-bold text-grey" }, fo = {
+}, uo = /* @__PURE__ */ n("text", { class: "cuIcon-sound text-xxl padding-right-xl" }, null, -1), fo = { class: "action text-bold text-grey" }, po = {
   key: 3,
   class: "content shadow"
-}, po = /* @__PURE__ */ n("text", { class: "cuIcon-locationfill text-orange text-xxl" }, null, -1), ho = { class: "content shadow" }, go = /* @__PURE__ */ n("div", { class: "action text-grey" }, [
+}, ho = /* @__PURE__ */ n("text", { class: "cuIcon-locationfill text-orange text-xxl" }, null, -1), go = { class: "content shadow" }, mo = /* @__PURE__ */ n("div", { class: "action text-grey" }, [
   /* @__PURE__ */ n("text", { class: "cuIcon-warnfill text-red text-xxl" }),
   /* @__PURE__ */ n("text", { class: "text-sm margin-left-sm" }, "翻译错误")
-], -1), mo = { class: "date" }, _o = { name: "ChatRoom" }, Z = /* @__PURE__ */ g({
-  ..._o,
+], -1), _o = { class: "date" }, vo = { name: "ChatRoom" }, Z = /* @__PURE__ */ g({
+  ...vo,
   props: {
     messages: {}
   },
-  setup(t) {
-    return (e, c) => (o(), a("div", so, [
-      (o(!0), a(m, null, $(e.messages, (s) => (o(), a("div", {
-        key: s.id,
-        class: u(["cu-item", { self: s.self }])
+  setup(s) {
+    return (e, i) => (o(), a("div", oo, [
+      (o(!0), a(_, null, $(e.messages, (t) => (o(), a("div", {
+        key: t.id,
+        class: u(["cu-item", { self: t.self }])
       }, [
-        s.type === "info" ? (o(), a(m, { key: 0 }, [
-          s.self ? (o(), a("div", oo, r(s.content), 1)) : (o(), a("div", no, [
-            ao,
-            y(" " + r(s.content), 1)
+        t.type === "info" ? (o(), a(_, { key: 0 }, [
+          t.self ? (o(), a("div", no, r(t.content), 1)) : (o(), a("div", ao, [
+            lo,
+            y(" " + r(t.content), 1)
           ]))
-        ], 64)) : (o(), a(m, { key: 1 }, [
-          s.self ? p("", !0) : (o(), S(z, {
+        ], 64)) : (o(), a(_, { key: 1 }, [
+          t.self ? p("", !0) : (o(), S(z, {
             key: 0,
             mode: "radius",
-            url: s.avatar
+            url: t.avatar
           }, null, 8, ["url"])),
-          n("div", lo, [
-            s.type === "text" ? (o(), a("div", {
+          n("div", co, [
+            t.type === "text" ? (o(), a("div", {
               key: 0,
-              class: u(["content shadow", { "bg-green": s.self }])
+              class: u(["content shadow", { "bg-green": t.self }])
             }, [
-              n("text", null, r(s.content), 1)
-            ], 2)) : s.type === "image" ? (o(), a("img", {
+              n("text", null, r(t.content), 1)
+            ], 2)) : t.type === "image" ? (o(), a("img", {
               key: 1,
-              src: s.content,
+              src: t.content,
               class: "radius",
               style: { "max-width": "100%" }
-            }, null, 8, co)) : s.type === "audio" ? (o(), a("div", io, [
-              ro,
-              n("div", uo, r(s.content), 1)
-            ])) : s.type === "location" ? (o(), a("div", fo, [
-              po,
-              y(" " + r(s.content), 1)
-            ])) : s.type === "warning" ? (o(), a(m, { key: 4 }, [
-              n("div", ho, r(s.content), 1),
-              go
+            }, null, 8, io)) : t.type === "audio" ? (o(), a("div", ro, [
+              uo,
+              n("div", fo, r(t.content), 1)
+            ])) : t.type === "location" ? (o(), a("div", po, [
+              ho,
+              y(" " + r(t.content), 1)
+            ])) : t.type === "warning" ? (o(), a(_, { key: 4 }, [
+              n("div", go, r(t.content), 1),
+              mo
             ], 64)) : w(e.$slots, "custom-message", {
               key: 5,
-              message: s
+              message: t
             })
           ]),
-          s.self ? (o(), S(z, {
+          t.self ? (o(), S(z, {
             key: 1,
             mode: "radius",
-            url: s.avatar
+            url: t.avatar
           }, null, 8, ["url"])) : p("", !0),
-          n("div", mo, r(s.date), 1)
+          n("div", _o, r(t.date), 1)
         ], 64))
       ], 2))), 128))
     ]));
   }
 });
-Z.install = (t) => {
-  t.component(Z.name, Z);
+Z.install = (s) => {
+  s.component(Z.name, Z);
 };
-const vo = { class: "cu-time" }, bo = {
+const bo = { class: "cu-time" }, $o = {
   key: 0,
   class: "cu-capsule radius"
-}, $o = {
+}, yo = {
   name: "TimeLine"
 }, ee = /* @__PURE__ */ g({
-  ...$o,
+  ...yo,
   props: {
     items: { default: () => [] }
   },
-  setup(t) {
-    function e(s) {
-      return s || "cyan";
+  setup(s) {
+    function e(t) {
+      return t || "cyan";
     }
-    function c(s) {
-      switch (s.status) {
+    function i(t) {
+      switch (t.status) {
         case "past":
-          return `text-green cuIcon-${s.icon || "roundcheckfill"}`;
+          return `text-green cuIcon-${t.icon || "roundcheckfill"}`;
         case "ongoing":
           return "text-red cuIcon-all";
         case "upcoming":
-          return `text-gray cuIcon-${s.icon || "radioboxfill"}`;
+          return `text-gray cuIcon-${t.icon || "radioboxfill"}`;
         default:
-          return `text-gray cuIcon-${s.icon || "radioboxfill"}`;
+          return `text-gray cuIcon-${t.icon || "radioboxfill"}`;
       }
     }
-    return (s, l) => (o(), a("div", null, [
-      (o(!0), a(m, null, $(s.items, (i, d) => (o(), a("div", {
+    return (t, c) => (o(), a("div", null, [
+      (o(!0), a(_, null, $(t.items, (l, d) => (o(), a("div", {
         key: d,
         class: "cu-timeline"
       }, [
-        n("div", vo, r(i.date), 1),
-        (o(!0), a(m, null, $(i.items, (f) => {
-          var b, v, _;
+        n("div", bo, r(l.date), 1),
+        (o(!0), a(_, null, $(l.items, (f) => {
+          var m, b, v;
           return o(), a("div", {
             key: f.key,
-            class: u(["cu-item", c(f)])
+            class: u(["cu-item", i(f)])
           }, [
             n("div", {
               class: u(["content", `bg-${f.bg || "gray"}`, "shadow-blur"])
             }, [
-              (b = f == null ? void 0 : f.capsule) != null && b.list && f.capsule.list.length ? (o(), a("div", bo, [
-                E(q, {
-                  bg: e((v = f.capsule) == null ? void 0 : v.color)
+              (m = f == null ? void 0 : f.capsule) != null && m.list && f.capsule.list.length ? (o(), a("div", $o, [
+                q(E, {
+                  bg: e((b = f.capsule) == null ? void 0 : b.color)
                 }, {
                   default: ne(() => [
                     y(r(f.capsule.list[0]), 1)
                   ]),
                   _: 2
                 }, 1032, ["bg"]),
-                E(q, {
-                  bg: e((_ = f.capsule) == null ? void 0 : _.color),
+                q(E, {
+                  bg: e((v = f.capsule) == null ? void 0 : v.color),
                   light: !0
                 }, {
                   default: ne(() => [
@@ -1561,7 +1564,7 @@ const vo = { class: "cu-time" }, bo = {
               n("div", {
                 class: u(f.capsule ? "margin-top-sm" : "")
               }, [
-                w(s.$slots, `item-${f.key}`, {}, () => [
+                w(t.$slots, `item-${f.key}`, {}, () => [
                   y(r(f.content), 1)
                 ])
               ], 2)
@@ -1572,13 +1575,13 @@ const vo = { class: "cu-time" }, bo = {
     ]));
   }
 });
-ee.install = (t) => {
-  t.component(ee.name, ee);
+ee.install = (s) => {
+  s.component(ee.name, ee);
 };
-const yo = { class: "bg-white padding" }, ko = ["data-index"], Io = {
+const ko = { class: "bg-white padding" }, Io = ["data-index"], wo = {
   name: "TSteps"
 }, te = /* @__PURE__ */ g({
-  ...Io,
+  ...wo,
   props: {
     steps: {},
     modelValue: {},
@@ -1586,56 +1589,56 @@ const yo = { class: "bg-white padding" }, ko = ["data-index"], Io = {
     color: { default: "blue" }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: e }) {
-    return (c, s) => (o(), a("div", yo, [
+  setup(s, { emit: e }) {
+    return (i, t) => (o(), a("div", ko, [
       n("div", {
-        class: u(["cu-steps", { "scroll-x": c.scrollX }])
+        class: u(["cu-steps", { "scroll-x": i.scrollX }])
       }, [
-        (o(!0), a(m, null, $(c.steps, (l, i) => (o(), a("div", {
-          class: u(["cu-item", i > c.modelValue ? "" : `text-${c.color}`]),
-          key: i
+        (o(!0), a(_, null, $(i.steps, (c, l) => (o(), a("div", {
+          class: u(["cu-item", l > i.modelValue ? "" : `text-${i.color}`]),
+          key: l
         }, [
           n("text", {
-            class: u(l.cuIcon ? "cuIcon-" + l.cuIcon : "num"),
-            "data-index": i + 1
-          }, r(l.cuIcon ? "" : i + 1), 11, ko),
-          y(" " + r(l.name), 1)
+            class: u(c.cuIcon ? "cuIcon-" + c.cuIcon : "num"),
+            "data-index": l + 1
+          }, r(c.cuIcon ? "" : l + 1), 11, Io),
+          y(" " + r(c.name), 1)
         ], 2))), 128))
       ], 2)
     ]));
   }
 });
-te.install = (t) => {
-  t.component(te.name, te);
+te.install = (s) => {
+  s.component(te.name, te);
 };
-const wo = { class: "cu-dialog" }, Co = { class: "cu-bar bg-white justify-end padding-right-sm" }, xo = { class: "content" }, To = /* @__PURE__ */ n("text", { class: "cuIcon-close text-red" }, null, -1), Bo = [
-  To
-], jo = { class: "padding-xl" }, So = {
+const Co = { class: "cu-dialog" }, xo = { class: "cu-bar bg-white justify-end padding-right-sm" }, To = { class: "content" }, Bo = /* @__PURE__ */ n("text", { class: "cuIcon-close text-red" }, null, -1), jo = [
+  Bo
+], So = { class: "padding-xl" }, Vo = {
   name: "DrawerModal"
 }, se = /* @__PURE__ */ g({
-  ...So,
+  ...Vo,
   props: {
     title: {},
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: e }) {
-    const c = e, s = () => {
-      c("update:modelValue", !1);
+  setup(s, { emit: e }) {
+    const i = e, t = () => {
+      i("update:modelValue", !1);
     };
-    return (l, i) => (o(), a("div", {
-      class: u(["cu-modal", l.modelValue ? "show" : ""])
+    return (c, l) => (o(), a("div", {
+      class: u(["cu-modal", c.modelValue ? "show" : ""])
     }, [
-      n("div", wo, [
-        n("div", Co, [
-          n("div", xo, r(l.title), 1),
+      n("div", Co, [
+        n("div", xo, [
+          n("div", To, r(c.title), 1),
           n("div", {
             class: "action",
-            onClick: s
-          }, Bo)
+            onClick: t
+          }, jo)
         ]),
-        n("div", jo, [
-          w(l.$slots, "default", {}, () => [
+        n("div", So, [
+          w(c.$slots, "default", {}, () => [
             y("Modal 内容~")
           ])
         ])
@@ -1643,22 +1646,22 @@ const wo = { class: "cu-dialog" }, Co = { class: "cu-bar bg-white justify-end pa
     ], 2));
   }
 });
-se.install = (t) => {
-  t.component(se.name, se);
+se.install = (s) => {
+  s.component(se.name, se);
 };
-const Vo = { class: "loading-animation" }, zo = {
+const zo = { class: "loading-animation" }, Eo = {
   name: "Loading1"
 }, qo = /* @__PURE__ */ g({
-  ...zo,
+  ...Eo,
   props: {
     width: { default: 300 },
     height: { default: 300 },
     particleRadius: { default: 7 },
     particleDecay: { default: 0.01 }
   },
-  setup(t) {
+  setup(s) {
     class e {
-      constructor(i, d, f) {
+      constructor(l, d, f) {
         j(this, "radius");
         j(this, "x");
         j(this, "y");
@@ -1667,78 +1670,78 @@ const Vo = { class: "loading-animation" }, zo = {
         j(this, "accel");
         j(this, "decay");
         j(this, "life");
-        this.radius = d, this.x = i.x, this.y = i.y, this.angle = i.angle, this.speed = i.speed, this.accel = i.accel, this.decay = f, this.life = 1;
+        this.radius = d, this.x = l.x, this.y = l.y, this.angle = l.angle, this.speed = l.speed, this.accel = l.accel, this.decay = f, this.life = 1;
       }
-      step(i, d) {
-        this.speed += this.accel, this.x += Math.cos(this.angle) * this.speed, this.y += Math.sin(this.angle) * this.speed, this.angle += Math.PI / 64, this.accel *= 1.01, this.life -= this.decay, this.life <= 0 && d.splice(i, 1);
+      step(l, d) {
+        this.speed += this.accel, this.x += Math.cos(this.angle) * this.speed, this.y += Math.sin(this.angle) * this.speed, this.angle += Math.PI / 64, this.accel *= 1.01, this.life -= this.decay, this.life <= 0 && d.splice(l, 1);
       }
-      draw(i, d, f, b) {
-        i.fillStyle = i.strokeStyle = `hsla(${d + this.life * 120}, 100%, 60%, ${this.life})`, i.beginPath(), f[b - 1] && (i.moveTo(this.x, this.y), i.lineTo(f[b - 1].x, f[b - 1].y)), i.stroke(), i.beginPath(), i.arc(
+      draw(l, d, f, m) {
+        l.fillStyle = l.strokeStyle = `hsla(${d + this.life * 120}, 100%, 60%, ${this.life})`, l.beginPath(), f[m - 1] && (l.moveTo(this.x, this.y), l.lineTo(f[m - 1].x, f[m - 1].y)), l.stroke(), l.beginPath(), l.arc(
           this.x,
           this.y,
           Math.max(1e-3, this.life * this.radius),
           0,
           Math.PI * 2
-        ), i.fill();
-        const v = Math.random() * 1.25;
-        i.fillRect(
+        ), l.fill();
+        const b = Math.random() * 1.25;
+        l.fillRect(
           ~~(this.x + (Math.random() - 0.5) * 35 * this.life),
           ~~(this.y + (Math.random() - 0.5) * 35 * this.life),
-          v,
-          v
+          b,
+          b
         );
       }
     }
-    const c = t, s = V(null);
+    const i = s, t = V(null);
     return ae(() => {
-      if (!s.value)
+      if (!t.value)
         return;
-      const l = s.value.getContext("2d"), { width: i, height: d, particleRadius: f, particleDecay: b } = c, v = window.devicePixelRatio || 1;
-      s.value.width = i * v, s.value.height = d * v, s.value.style.width = i + "px", s.value.style.height = d + "px", l.scale(v, v);
-      const _ = i * 0.5, k = [];
+      const c = t.value.getContext("2d"), { width: l, height: d, particleRadius: f, particleDecay: m } = i, b = window.devicePixelRatio || 1;
+      t.value.width = l * b, t.value.height = d * b, t.value.style.width = l + "px", t.value.style.height = d + "px", c.scale(b, b);
+      const v = l * 0.5, k = [];
       let T = 0, B = 0, h = 0;
-      l.globalCompositeOperation = "lighter";
+      c.globalCompositeOperation = "lighter";
       function C() {
         k.push(
           new e(
             {
-              x: i / 2 + Math.cos(h / 20) * _ / 2,
-              y: d / 2 + Math.sin(h / 20) * _ / 2,
+              x: l / 2 + Math.cos(h / 20) * v / 2,
+              y: d / 2 + Math.sin(h / 20) * v / 2,
               angle: B + T,
               speed: 0,
               accel: 0.01
             },
             f,
-            b
+            m
           )
         ), k.forEach((le, ce) => {
           le.step(ce, k);
         }), B += Math.PI / 2, T += Math.PI / 2;
       }
       function N() {
-        l.clearRect(0, 0, i, d), k.forEach((le, ce) => {
-          le.draw(l, h, k, ce);
+        c.clearRect(0, 0, l, d), k.forEach((le, ce) => {
+          le.draw(c, h, k, ce);
         });
       }
       function he() {
         requestAnimationFrame(he), C(), N(), h++;
       }
       he();
-    }), (l, i) => (o(), a("div", Vo, [
+    }), (c, l) => (o(), a("div", zo, [
       n("canvas", {
         ref_key: "canvas",
-        ref: s
+        ref: t
       }, null, 512)
     ]));
   }
 }), oe = /* @__PURE__ */ A(qo, [["__scopeId", "data-v-022c82bd"]]);
-oe.install = (t) => {
-  t.component(oe.name, oe);
+oe.install = (s) => {
+  s.component(oe.name, oe);
 };
-const Eo = (t) => {
-  t.use(M), t.use(L), t.use(z), t.use(P), t.use(D), t.use(F), t.use(O), t.use(G), t.use(K), t.use(H), t.use(X), t.use(J), t.use(Q), t.use(W), t.use(U), t.use(q), t.use(Y), t.use(Z), t.use(ee), t.use(te), t.use(se), t.use(oe);
-}, No = {
-  install: Eo
+const Mo = (s) => {
+  s.use(M), s.use(L), s.use(z), s.use(P), s.use(D), s.use(F), s.use(O), s.use(G), s.use(K), s.use(H), s.use(X), s.use(J), s.use(Q), s.use(W), s.use(U), s.use(E), s.use(Y), s.use(Z), s.use(ee), s.use(te), s.use(se), s.use(oe);
+}, Po = {
+  install: Mo
 };
 export {
   Y as ChatList,
@@ -1759,9 +1762,9 @@ export {
   te as TSteps,
   J as TTab,
   X as TTabs,
-  q as TTag,
+  E as TTag,
   L as TTitle,
   G as TTopBar,
   ee as TimeLine,
-  No as default
+  Po as default
 };