vue-color-ui 0.0.39 → 0.0.41

package/lib/temp-color-ui.js

@@ -1,7 +1,7 @@
 var we = Object.defineProperty;
-var Ce = (t, e, i) => e in t ? we(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
-var M = (t, e, i) => (Ce(t, typeof e != "symbol" ? e + "" : e, i), i);
-import { defineComponent as _, openBlock as o, createElementBlock as l, Fragment as b, renderList as y, normalizeClass as d, normalizeStyle as w, createElementVNode as n, toDisplayString as u, createTextVNode as k, createCommentVNode as f, pushScopeId as xe, popScopeId as Te, computed as j, renderSlot as S, createBlock as V, ref as T, withModifiers as de, unref as Se, onMounted as D, resolveComponent as ke, createVNode as P, onUnmounted as Be, withKeys as je, withDirectives as he, vShow as fe, provide as ve, watch as Ie, inject as pe, withCtx as re, reactive as Ee, KeepAlive as Ve, resolveDynamicComponent as Me } from "vue";
+var Ce = (t, e, c) => e in t ? we(t, e, { enumerable: !0, configurable: !0, writable: !0, value: c }) : t[e] = c;
+var M = (t, e, c) => (Ce(t, typeof e != "symbol" ? e + "" : e, c), c);
+import { defineComponent as _, openBlock as n, createElementBlock as l, Fragment as b, renderList as y, normalizeClass as d, normalizeStyle as w, createElementVNode as o, toDisplayString as u, createTextVNode as k, createCommentVNode as p, pushScopeId as xe, popScopeId as Te, computed as j, renderSlot as S, createBlock as V, ref as T, withModifiers as de, unref as Se, onMounted as D, resolveComponent as ke, createVNode as P, onUnmounted as Be, withKeys as je, withDirectives as he, vShow as pe, provide as ve, watch as Ie, inject as fe, withCtx as re, reactive as Ee, KeepAlive as Ve, resolveDynamicComponent as Me } from "vue";
 const ze = { class: "nav-list" }, qe = ["onClick"], Ae = { class: "nav-title" }, Ne = { class: "nav-name" }, Pe = {
   name: "TNavCard"
 }, R = /* @__PURE__ */ _({
@@ -11,20 +11,20 @@ const ze = { class: "nav-list" }, qe = ["onClick"], Ae = { class: "nav-title" },
   },
   emits: ["chickItem"],
   setup(t, { emit: e }) {
-    const i = e, s = (c, a) => {
-      i("chickItem", c, a);
+    const c = e, s = (i, a) => {
+      c("chickItem", i, a);
     };
-    return (c, a) => (o(), l("div", ze, [
-      (o(!0), l(b, null, y(c.items, (h, r) => (o(), l("div", {
+    return (i, a) => (n(), l("div", ze, [
+      (n(!0), l(b, null, y(i.items, (h, r) => (n(), l("div", {
         "hover-class": "none",
         class: d(["nav-li", "bg-" + h.color]),
         style: w([{ animation: "show " + ((r + 1) * 0.2 + 1) + "s 1" }]),
         key: r,
-        onClick: (p) => s(h, r)
+        onClick: (f) => s(h, r)
       }, [
-        n("div", Ae, u(h.title), 1),
-        n("div", Ne, u(h.name), 1),
-        n("text", {
+        o("div", Ae, u(h.title), 1),
+        o("div", Ne, u(h.name), 1),
+        o("text", {
           class: d("cuIcon-" + h.cuIcon)
         }, null, 2)
       ], 14, qe))), 128))
@@ -34,11 +34,11 @@ const ze = { class: "nav-list" }, qe = ["onClick"], Ae = { class: "nav-title" },
 R.install = (t) => {
   t.component(R.name, R);
 };
-const me = (t) => (xe("data-v-bbdb83ff"), t = t(), Te(), t), Le = { class: "cu-item shadow" }, De = { class: "title" }, Fe = { class: "text-cut" }, Re = { class: "content" }, Ue = ["src", "alt"], Xe = { class: "desc" }, Ye = { class: "text-content" }, Oe = {
+const ge = (t) => (xe("data-v-bbdb83ff"), t = t(), Te(), t), Le = { class: "cu-item shadow" }, De = { class: "title" }, Fe = { class: "text-cut" }, Re = { class: "content" }, Ue = ["src", "alt"], Xe = { class: "desc" }, Ye = { class: "text-content" }, Oe = {
   key: 0,
   class: "content flex-sub justify-between text-sm solid-top margin-top-sm",
   style: { padding: "5px 15px" }
-}, He = { class: "text-gray" }, Ge = /* @__PURE__ */ me(() => /* @__PURE__ */ n("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1)), Ke = /* @__PURE__ */ me(() => /* @__PURE__ */ n("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1)), Je = /* @__PURE__ */ me(() => /* @__PURE__ */ n("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1)), Qe = { class: "margin-left-sm text-gray flex justify-between" }, We = { class: "text-grey margin-right-xs" }, Ze = {
+}, He = { class: "text-gray" }, Ge = /* @__PURE__ */ ge(() => /* @__PURE__ */ o("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1)), Ke = /* @__PURE__ */ ge(() => /* @__PURE__ */ o("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1)), Je = /* @__PURE__ */ ge(() => /* @__PURE__ */ o("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1)), Qe = { class: "margin-left-sm text-gray flex justify-between" }, We = { class: "text-grey margin-right-xs" }, Ze = {
   name: "TNewCard"
   // 组件名称
 }, et = /* @__PURE__ */ _({
@@ -59,30 +59,30 @@ const me = (t) => (xe("data-v-bbdb83ff"), t = t(), Te(), t), Le = { class: "cu-i
     }) }
   },
   setup(t) {
-    return (e, i) => (o(), l("div", {
+    return (e, c) => (n(), l("div", {
       class: d(["cu-card article", e.isCard ? "" : "no-card"])
     }, [
-      n("div", Le, [
-        n("div", De, [
-          n("div", Fe, u(e.title), 1)
+      o("div", Le, [
+        o("div", De, [
+          o("div", Fe, u(e.title), 1)
         ]),
-        n("div", Re, [
-          n("img", {
+        o("div", Re, [
+          o("img", {
             src: e.imageSrc,
             alt: e.imageAlt
           }, null, 8, Ue),
-          n("div", Xe, [
-            n("div", Ye, u(e.description), 1),
-            n("div", null, [
-              (o(!0), l(b, null, y(e.tags, (s) => (o(), l("div", {
+          o("div", Xe, [
+            o("div", Ye, u(e.description), 1),
+            o("div", null, [
+              (n(!0), l(b, null, y(e.tags, (s) => (n(), l("div", {
                 key: s,
                 class: "cu-tag bg-red light sm round"
               }, u(s), 1))), 128))
             ])
           ])
         ]),
-        e.footerInfo ? (o(), l("div", Oe, [
-          n("div", He, [
+        e.footerInfo ? (n(), l("div", Oe, [
+          o("div", He, [
             Ge,
             k(" " + u(e.footerInfo.likes) + " ", 1),
             Ke,
@@ -90,27 +90,27 @@ const me = (t) => (xe("data-v-bbdb83ff"), t = t(), Te(), t), Le = { class: "cu-i
             Je,
             k(" " + u(e.footerInfo.comments), 1)
           ]),
-          n("div", Qe, [
-            n("div", We, u(e.footerInfo.author), 1),
+          o("div", Qe, [
+            o("div", We, u(e.footerInfo.author), 1),
             k(" " + u(e.footerInfo.timeAgo), 1)
           ])
-        ])) : f("", !0)
+        ])) : p("", !0)
       ])
     ], 2));
   }
 }), A = (t, e) => {
-  const i = t.__vccOpts || t;
-  for (const [s, c] of e)
-    i[s] = c;
-  return i;
+  const c = t.__vccOpts || t;
+  for (const [s, i] of e)
+    c[s] = i;
+  return c;
 }, U = /* @__PURE__ */ A(et, [["__scopeId", "data-v-bbdb83ff"]]);
 U.install = (t) => {
   t.component(U.name, U);
 };
-const tt = { class: "cu-item shadow" }, st = { class: "cu-list menu-avatar" }, ot = { class: "cu-item" }, nt = { class: "content flex-sub" }, lt = { class: "text-gray text-sm flex justify-between" }, at = { class: "text-content" }, ct = { class: "text-gray text-sm text-right padding" }, it = /* @__PURE__ */ n("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1), rt = /* @__PURE__ */ n("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1), ut = /* @__PURE__ */ n("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1), dt = { class: "cu-item" }, ht = { class: "content" }, ft = { class: "text-grey" }, pt = { class: "text-gray text-content text-df" }, gt = { class: "flex" }, mt = { class: "flex-sub" }, _t = { class: "margin-top-sm flex justify-between" }, vt = { class: "text-gray text-df" }, bt = {
+const tt = { class: "cu-item shadow" }, st = { class: "cu-list menu-avatar" }, nt = { class: "cu-item" }, ot = { class: "content flex-sub" }, lt = { class: "text-gray text-sm flex justify-between" }, at = { class: "text-content" }, it = { class: "text-gray text-sm text-right padding" }, ct = /* @__PURE__ */ o("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1), rt = /* @__PURE__ */ o("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1), ut = /* @__PURE__ */ o("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1), dt = { class: "cu-item" }, ht = { class: "content" }, pt = { class: "text-grey" }, ft = { class: "text-gray text-content text-df" }, mt = { class: "flex" }, gt = { class: "flex-sub" }, _t = { class: "margin-top-sm flex justify-between" }, vt = { class: "text-gray text-df" }, bt = {
   key: 0,
   class: "cuIcon-appreciatefill text-red"
-}, $t = /* @__PURE__ */ n("span", { class: "cuIcon-messagefill text-gray margin-left-sm" }, null, -1), yt = { class: "text-gray margin-left-xs" }, kt = {
+}, $t = /* @__PURE__ */ o("span", { class: "cuIcon-messagefill text-gray margin-left-sm" }, null, -1), yt = { class: "text-gray margin-left-xs" }, kt = {
   name: "TShareCard"
 }, X = /* @__PURE__ */ _({
   ...kt,
@@ -161,70 +161,70 @@ const tt = { class: "cu-item shadow" }, st = { class: "cu-list menu-avatar" }, o
     ] }
   },
   setup(t) {
-    return (e, i) => (o(), l("div", null, [
-      n("div", {
+    return (e, c) => (n(), l("div", null, [
+      o("div", {
         class: d(["cu-card dynamic", e.isCard ? "is-card" : "no-card"])
       }, [
-        n("div", tt, [
-          n("div", st, [
-            n("div", ot, [
-              n("div", {
+        o("div", tt, [
+          o("div", st, [
+            o("div", nt, [
+              o("div", {
                 class: "cu-avatar round lg",
                 style: w({ backgroundImage: `url(${e.avatarUrl})` })
               }, null, 4),
-              n("div", nt, [
-                n("div", null, u(e.author), 1),
-                n("div", lt, u(e.date), 1)
+              o("div", ot, [
+                o("div", null, u(e.author), 1),
+                o("div", lt, u(e.date), 1)
               ])
             ])
           ]),
-          n("div", at, u(e.content), 1),
-          n("div", {
+          o("div", at, u(e.content), 1),
+          o("div", {
             class: d(["grid flex-sub padding-lr", e.isCard ? "col-3 grid-square" : "col-1"])
           }, [
-            (o(!0), l(b, null, y(e.isCard ? 9 : 1, (s) => (o(), l("div", {
+            (n(!0), l(b, null, y(e.isCard ? 9 : 1, (s) => (n(), l("div", {
               class: d(["bg-img", e.isCard ? "" : "only-img"]),
               style: w({ backgroundImage: `url(${e.imageUrl})` }),
               key: s
             }, null, 6))), 128))
           ], 2),
-          n("div", ct, [
-            it,
+          o("div", it, [
+            ct,
             k(" " + u(e.likes) + " ", 1),
             rt,
             k(" " + u(e.appreciations) + " ", 1),
             ut,
             k(" " + u(e.comments), 1)
           ]),
-          (o(!0), l(b, null, y(e.commentsList, (s) => {
-            var c;
-            return o(), l("div", {
+          (n(!0), l(b, null, y(e.commentsList, (s) => {
+            var i;
+            return n(), l("div", {
               class: "cu-list menu-avatar comment solids-top",
               key: s.id
             }, [
-              n("div", dt, [
-                n("div", {
+              o("div", dt, [
+                o("div", {
                   class: "cu-avatar round",
                   style: w({ backgroundImage: `url(${s.avatarUrl})` })
                 }, null, 4),
-                n("div", ht, [
-                  n("div", ft, u(s.author), 1),
-                  n("div", pt, u(s.text), 1),
-                  (o(!0), l(b, null, y(s.replies, (a) => (o(), l("div", {
+                o("div", ht, [
+                  o("div", pt, u(s.author), 1),
+                  o("div", ft, u(s.text), 1),
+                  (n(!0), l(b, null, y(s.replies, (a) => (n(), l("div", {
                     key: a.id,
                     class: "bg-grey padding-sm radius margin-top-sm text-sm"
                   }, [
-                    n("div", gt, [
-                      n("div", null, u(a.author) + "：", 1),
-                      n("div", mt, u(a.text), 1)
+                    o("div", mt, [
+                      o("div", null, u(a.author) + "：", 1),
+                      o("div", gt, u(a.text), 1)
                     ])
                   ]))), 128)),
-                  n("div", _t, [
-                    n("div", vt, u(s.date), 1),
-                    n("div", null, [
-                      s.likes ? (o(), l("span", bt)) : f("", !0),
+                  o("div", _t, [
+                    o("div", vt, u(s.date), 1),
+                    o("div", null, [
+                      s.likes ? (n(), l("span", bt)) : p("", !0),
                       $t,
-                      n("span", yt, u((c = s.replies) == null ? void 0 : c.length), 1)
+                      o("span", yt, u((i = s.replies) == null ? void 0 : i.length), 1)
                     ])
                   ])
                 ])
@@ -251,9 +251,9 @@ const It = {
   xxl: "30px",
   xxxl: "48px"
 };
-function wt(t, e, i = "px") {
+function wt(t, e, c = "px") {
   if (typeof e == "number")
-    return `${t}: ${e}${i};`;
+    return `${t}: ${e}${c};`;
   const s = It[e];
   return s ? `${t}: ${s};` : "";
 }
@@ -270,16 +270,16 @@ const xt = {
     size: { default: 15 }
   },
   setup(t) {
-    const e = t, i = j(() => Ct(e.size));
-    return (s, c) => (o(), l("i", {
+    const e = t, c = j(() => Ct(e.size));
+    return (s, i) => (n(), l("i", {
       class: d(`cuIcon-${s.name} text-${s.color}`),
-      style: w(i.value)
+      style: w(c.value)
     }, null, 6));
   }
-}), Tt = { class: "action border-title" }, St = { class: "action border-title" }, Bt = { class: "tib text-xl text-bold text-blue" }, jt = /* @__PURE__ */ n("div", {
+}), Tt = { class: "action border-title" }, St = { class: "action border-title" }, Bt = { class: "tib text-xl text-bold text-blue" }, jt = /* @__PURE__ */ o("div", {
   class: "tib bg-gradual-blue",
   style: { width: "3rem" }
-}, null, -1), Et = { class: "action sub-title" }, Vt = { class: "tib text-xl text-bold text-green" }, Mt = /* @__PURE__ */ n("div", {
+}, null, -1), Et = { class: "action sub-title" }, Vt = { class: "tib text-xl text-bold text-green" }, Mt = /* @__PURE__ */ o("div", {
   class: "tib bg-green",
   style: { width: "2rem" }
 }, null, -1), zt = { class: "action sub-title" }, qt = { class: "action title-style-3" }, At = {
@@ -300,76 +300,76 @@ const xt = {
     center: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (e, i) => e.mode === "default1" ? (o(), l("div", {
+    return (e, c) => e.mode === "default1" ? (n(), l("div", {
       key: 0,
       class: d(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      n("div", Tt, [
-        n("div", {
+      o("div", Tt, [
+        o("div", {
           class: d(["tib text-xl", `text-${e.color}`])
         }, u(e.title), 3),
-        n("div", {
+        o("div", {
           class: d(["tib", `bg-${e.decorateColor}`]),
           style: { width: "2rem" }
         }, null, 2)
       ])
-    ], 2)) : e.mode === "default2" ? (o(), l("div", {
+    ], 2)) : e.mode === "default2" ? (n(), l("div", {
       key: 1,
       class: d(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      n("div", St, [
-        n("div", Bt, u(e.title), 1),
+      o("div", St, [
+        o("div", Bt, u(e.title), 1),
         jt
       ])
-    ], 2)) : e.mode === "default3" ? (o(), l("div", {
+    ], 2)) : e.mode === "default3" ? (n(), l("div", {
       key: 2,
       class: d(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      n("div", Et, [
-        n("div", Vt, u(e.title), 1),
+      o("div", Et, [
+        o("div", Vt, u(e.title), 1),
         Mt
       ])
-    ], 2)) : e.mode === "default4" ? (o(), l("div", {
+    ], 2)) : e.mode === "default4" ? (n(), l("div", {
       key: 3,
       class: d(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      n("div", zt, [
-        n("div", {
+      o("div", zt, [
+        o("div", {
           class: d(["tib text-xl text-bold", `text-${e.color}`])
         }, u(e.title), 3),
-        n("div", {
+        o("div", {
           class: d(["tib text-ABC", `text-${e.decorateColor}`])
         }, u(e.deputy), 3)
       ])
-    ], 2)) : e.mode === "bilingual" ? (o(), l("div", {
+    ], 2)) : e.mode === "bilingual" ? (n(), l("div", {
       key: 4,
       class: d(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      n("div", qt, [
-        n("div", {
+      o("div", qt, [
+        o("div", {
           class: d(["tib", `text-${e.color}`])
         }, u(e.title), 3),
-        n("div", {
+        o("div", {
           class: d(["tib text-Abc self-end margin-left-sm", `text-${e.decorateColor}`])
         }, u(e.deputy), 3)
       ])
-    ], 2)) : e.mode === "icon-title" ? (o(), l("div", At, [
-      n("div", Nt, [
-        n("i", {
+    ], 2)) : e.mode === "icon-title" ? (n(), l("div", At, [
+      o("div", Nt, [
+        o("i", {
           class: d(`cuIcon-${e.icon} text-${e.color}`)
         }, null, 2),
-        n("div", {
+        o("div", {
           class: d(["tib text-xl", `text-${e.decorateColor}`])
         }, u(e.title), 3)
       ])
-    ])) : (o(), l("div", Pt, [
-      n("div", Lt, [
-        n("i", {
+    ])) : (n(), l("div", Pt, [
+      o("div", Lt, [
+        o("i", {
           class: d(`cuIcon-${e.icon} text-${e.color}`)
         }, null, 2),
         S(e.$slots, "default")
       ]),
-      n("div", Dt, [
+      o("div", Dt, [
         S(e.$slots, "action")
       ])
     ]));
@@ -384,11 +384,11 @@ const xt = {
     mode: { default: "round" }
   },
   setup(t) {
-    return (e, i) => e.url ? (o(), l("div", {
+    return (e, c) => e.url ? (n(), l("div", {
       key: 0,
       class: d(["cu-avatar", e.size, e.mode]),
       style: w({ backgroundImage: `url(${e.url})` })
-    }, null, 6)) : (o(), l("div", {
+    }, null, 6)) : (n(), l("div", {
       key: 1,
       class: d(["padding-xs", ["cu-avatar", e.size, e.mode]])
     }, [
@@ -405,9 +405,9 @@ const xt = {
     mode: { default: "round" }
   },
   setup(t) {
-    return (e, i) => (o(), l("div", Ut, [
-      (o(!0), l(b, null, y(e.urls, (s, c) => (o(), V(z, {
-        key: c,
+    return (e, c) => (n(), l("div", Ut, [
+      (n(!0), l(b, null, y(e.urls, (s, i) => (n(), V(z, {
+        key: i,
         url: s,
         size: e.size
       }, null, 8, ["url", "size"]))), 128))
@@ -427,7 +427,7 @@ const xt = {
     shadow: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, i = j(() => [
+    const e = t, c = j(() => [
       "cu-btn",
       e.rounded ? "round" : "radius",
       e.shadow ? "shadow" : "",
@@ -435,21 +435,21 @@ const xt = {
       e.size !== "default" ? e.size : ""
     ].join(" ")), s = j(() => ({
       cursor: e.disabled ? "not-allowed" : "pointer"
-    })), c = j(() => ({
+    })), i = j(() => ({
       marginRight: e.text ? "8px" : "0"
     }));
-    return (a, h) => (o(), l("button", {
-      class: d(i.value),
+    return (a, h) => (n(), l("button", {
+      class: d(c.value),
       style: w(s.value),
       disabled: a.disabled
     }, [
       S(a.$slots, "default"),
-      a.icon ? (o(), l("i", {
+      a.icon ? (n(), l("i", {
         key: 0,
         class: d(`cuIcon-${a.icon}`),
-        style: w(c.value)
-      }, null, 6)) : f("", !0),
-      a.text ? (o(), l("span", Ot, u(a.text), 1)) : f("", !0)
+        style: w(i.value)
+      }, null, 6)) : p("", !0),
+      a.text ? (n(), l("span", Ot, u(a.text), 1)) : p("", !0)
     ], 14, Yt));
   }
 }), Gt = { key: 0 }, Kt = {
@@ -465,19 +465,19 @@ const xt = {
     line: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, i = j(() => [
+    const e = t, c = j(() => [
       "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 = j(() => ({}));
-    return (c, a) => (o(), l("div", {
-      class: d(i.value),
+    return (i, a) => (n(), l("div", {
+      class: d(c.value),
       style: w(s.value)
     }, [
-      S(c.$slots, "default"),
-      c.text ? (o(), l("span", Gt, u(c.text), 1)) : f("", !0)
+      S(i.$slots, "default"),
+      i.text ? (n(), l("span", Gt, u(i.text), 1)) : p("", !0)
     ], 6));
   }
 });
@@ -545,31 +545,31 @@ const Jt = ["onClick"], Qt = {
     } }
   },
   setup(t) {
-    const e = t, i = (s, c) => {
-      e.onItemClick && e.onItemClick(s, c);
+    const e = t, c = (s, i) => {
+      e.onItemClick && e.onItemClick(s, i);
     };
-    return (s, c) => (o(), l("div", {
+    return (s, i) => (n(), l("div", {
       class: d(["cu-bar tabbar", `bg-${s.bg} ${s.isFoot ? "foot" : ""}`])
     }, [
-      (o(!0), l(b, null, y(s.items, (a, h) => (o(), l("div", {
+      (n(!0), l(b, null, y(s.items, (a, h) => (n(), l("div", {
         key: h,
         class: d(["action", `text-${h === s.activeIndex ? s.activeColor : s.color}`]),
-        onClick: (r) => i(a, h)
+        onClick: (r) => c(a, h)
       }, [
-        a.img ? (o(), l("div", Qt, [
-          n("img", {
+        a.img ? (n(), l("div", Qt, [
+          o("img", {
             src: a.img,
             style: { width: "21px", height: "21px" },
             class: "radius"
           }, null, 8, Wt),
-          a.badge ? (o(), l("div", Zt, u(a.badge), 1)) : f("", !0)
-        ])) : (o(), l("div", {
+          a.badge ? (n(), l("div", Zt, u(a.badge), 1)) : p("", !0)
+        ])) : (n(), l("div", {
           key: 1,
           class: d(`cuIcon-${a.icon}`)
         }, [
-          a.badge ? (o(), l("div", es, u(a.badge), 1)) : f("", !0)
+          a.badge ? (n(), l("div", es, u(a.badge), 1)) : p("", !0)
         ], 2)),
-        n("div", null, u(a.label), 1)
+        o("div", null, u(a.label), 1)
       ], 10, Jt))), 128))
     ], 2));
   }
@@ -580,7 +580,7 @@ G.install = (t) => {
 const ss = {
   key: 0,
   class: "action"
-}, os = { key: 1 }, ns = { class: "content text-bold" }, ls = {
+}, ns = { key: 1 }, os = { class: "content text-bold" }, ls = {
   key: 2,
   class: "action"
 }, as = { name: "TTopBar" }, K = /* @__PURE__ */ _({
@@ -596,40 +596,40 @@ const ss = {
     avatarUrl: {}
   },
   setup(t) {
-    return (e, i) => (o(), l("div", {
+    return (e, c) => (n(), l("div", {
       class: d(["cu-bar", `bg-${e.bg}`])
     }, [
-      e.leftIcon || e.leftText ? (o(), l("div", ss, [
-        e.leftIcon ? (o(), l("text", {
+      e.leftIcon || e.leftText ? (n(), l("div", ss, [
+        e.leftIcon ? (n(), l("text", {
           key: 0,
           class: d(`cuIcon-${e.leftIcon} text-${e.leftIconColor}`)
-        }, null, 2)) : f("", !0),
-        e.leftText ? (o(), l("span", os, u(e.leftText), 1)) : f("", !0)
-      ])) : f("", !0),
-      e.avatarUrl ? (o(), l("div", {
+        }, null, 2)) : p("", !0),
+        e.leftText ? (n(), l("span", ns, u(e.leftText), 1)) : p("", !0)
+      ])) : p("", !0),
+      e.avatarUrl ? (n(), l("div", {
         key: 1,
         class: "cu-avatar round",
         style: w({ backgroundImage: `url(${e.avatarUrl})` })
-      }, null, 4)) : f("", !0),
-      n("div", ns, u(e.title), 1),
-      e.rightIcon ? (o(), l("div", ls, [
-        n("text", {
+      }, null, 4)) : p("", !0),
+      o("div", os, u(e.title), 1),
+      e.rightIcon ? (n(), l("div", ls, [
+        o("text", {
           class: d(`cuIcon-${e.rightIcon} text-${e.rightIconColor}`)
         }, null, 2)
-      ])) : f("", !0)
+      ])) : p("", !0)
     ], 2));
   }
 });
 K.install = (t) => {
   t.component(K.name, K);
 };
-const cs = /* @__PURE__ */ n("text", { class: "cuIcon-search" }, null, -1), is = ["placeholder"], rs = { class: "action" }, us = {
+const is = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), cs = ["placeholder"], rs = { class: "action" }, us = {
   key: 0,
   class: "cu-btn bg-green shadow-blur round"
-}, ds = { key: 0 }, hs = { key: 3 }, fs = {
+}, ds = { key: 0 }, hs = { key: 3 }, ps = {
   name: "TSearchBar"
 }, J = /* @__PURE__ */ _({
-  ...fs,
+  ...ps,
   props: {
     placeholder: { default: "" },
     bgColor: { default: "white" },
@@ -642,44 +642,44 @@ const cs = /* @__PURE__ */ n("text", { class: "cuIcon-search" }, null, -1), is =
     actionText: {}
   },
   setup(t) {
-    const e = T(0), i = (c) => {
-      e.value = c.detail.height;
+    const e = T(0), c = (i) => {
+      e.value = i.detail.height;
     }, s = () => {
       e.value = 0;
     };
-    return (c, a) => (o(), l("div", {
-      class: d(["cu-bar", `bg-${c.bgColor}`, "search"])
+    return (i, a) => (n(), l("div", {
+      class: d(["cu-bar", `bg-${i.bgColor}`, "search"])
     }, [
-      c.avatarUrl ? (o(), l("div", {
+      i.avatarUrl ? (n(), l("div", {
         key: 0,
         class: "cu-avatar round",
-        style: w({ backgroundImage: `url(${c.avatarUrl})` })
-      }, null, 4)) : f("", !0),
-      n("div", {
-        class: d(["search-form", c.borderRadiusClass])
+        style: w({ backgroundImage: `url(${i.avatarUrl})` })
+      }, null, 4)) : p("", !0),
+      o("div", {
+        class: d(["search-form", i.borderRadiusClass])
       }, [
-        cs,
-        n("input", {
-          onFocus: i,
+        is,
+        o("input", {
+          onFocus: c,
           onBlur: s,
           "adjust-position": !1,
           type: "text",
-          placeholder: c.placeholder,
+          placeholder: i.placeholder,
           "confirm-type": "search"
-        }, null, 40, is)
+        }, null, 40, cs)
       ], 2),
-      n("div", rs, [
-        c.buttonText ? (o(), l("button", us, u(c.buttonText), 1)) : (o(), l(b, { key: 1 }, [
-          c.location ? (o(), l("text", ds, u(c.location), 1)) : f("", !0),
-          c.locationIcon ? (o(), l("text", {
+      o("div", rs, [
+        i.buttonText ? (n(), l("button", us, u(i.buttonText), 1)) : (n(), l(b, { key: 1 }, [
+          i.location ? (n(), l("text", ds, u(i.location), 1)) : p("", !0),
+          i.locationIcon ? (n(), l("text", {
             key: 1,
-            class: d(`cuIcon-${c.locationIcon}`)
-          }, null, 2)) : f("", !0),
-          c.actionIcon ? (o(), l("text", {
+            class: d(`cuIcon-${i.locationIcon}`)
+          }, null, 2)) : p("", !0),
+          i.actionIcon ? (n(), l("text", {
             key: 2,
-            class: d(`cuIcon-${c.actionIcon}`)
-          }, null, 2)) : f("", !0),
-          c.actionText ? (o(), l("text", hs, u(c.actionText), 1)) : f("", !0)
+            class: d(`cuIcon-${i.actionIcon}`)
+          }, null, 2)) : p("", !0),
+          i.actionText ? (n(), l("text", hs, u(i.actionText), 1)) : p("", !0)
         ], 64))
       ])
     ], 2));
@@ -688,10 +688,10 @@ const cs = /* @__PURE__ */ n("text", { class: "cuIcon-search" }, null, -1), is =
 J.install = (t) => {
   t.component(J.name, J);
 };
-const ps = {
+const fs = {
   key: 0,
   class: "string-list"
-}, gs = ["innerHTML", "onClick"], ms = /* @__PURE__ */ _({
+}, ms = ["innerHTML", "onClick"], gs = /* @__PURE__ */ _({
   __name: "CandidateBox",
   props: {
     text: {},
@@ -699,25 +699,25 @@ const ps = {
   },
   emits: ["send"],
   setup(t, { emit: e }) {
-    const i = e, s = t, c = (h = "", r) => {
-      i("send", h, r);
+    const c = e, s = t, i = (h = "", r) => {
+      c("send", h, r);
     }, a = j(() => s.stringArray.map((h) => {
       if (!s.text)
         return h.text;
       let r = "";
-      for (let p of h.text)
-        s.text.includes(p) ? r += `<span style="color:#ff0000">${p}</span>` : r += p;
+      for (let f of h.text)
+        s.text.includes(f) ? r += `<span style="color:#ff0000">${f}</span>` : r += f;
       return r;
     }));
-    return (h, r) => h.stringArray.length ? (o(), l("ul", ps, [
-      (o(!0), l(b, null, y(a.value, (p, $) => (o(), l("li", {
+    return (h, r) => h.stringArray.length ? (n(), l("ul", fs, [
+      (n(!0), l(b, null, y(a.value, (f, $) => (n(), l("li", {
         key: $,
-        innerHTML: p,
-        onClick: (m) => c(h.stringArray[$].text, h.stringArray[$])
-      }, null, 8, gs))), 128))
-    ])) : f("", !0);
+        innerHTML: f,
+        onClick: (g) => i(h.stringArray[$].text, h.stringArray[$])
+      }, null, 8, ms))), 128))
+    ])) : p("", !0);
   }
-}), _s = /* @__PURE__ */ A(ms, [["__scopeId", "data-v-c7a21a1c"]]), vs = [
+}), _s = /* @__PURE__ */ A(gs, [["__scopeId", "data-v-c7a21a1c"]]), vs = [
   "😀",
   "😁",
   "😂",
@@ -781,20 +781,59 @@ const ps = {
   "☠",
   "👻",
   "👽"
+], Hn = [
+  { title: "红色", name: "red" },
+  { title: "橙色", name: "orange" },
+  { title: "黄色", name: "yellow" },
+  { title: "橄榄色", name: "olive" },
+  { title: "绿色", name: "green" },
+  { title: "青色", name: "cyan" },
+  { title: "蓝色", name: "blue" },
+  { title: "紫色", name: "purple" },
+  { title: "淡紫色", name: "mauve" },
+  { title: "粉色", name: "pink" },
+  { title: "棕色", name: "brown" },
+  { title: "灰色", name: "grey" },
+  { title: "灰色", name: "gray" },
+  { title: "黑色", name: "black" },
+  { title: "白色", name: "white" },
+  { title: "渐变红", name: "gradual-red" },
+  { title: "渐变橙", name: "gradual-orange" },
+  { title: "渐变绿", name: "gradual-green" },
+  { title: "渐变紫", name: "gradual-purple" },
+  { title: "渐变粉", name: "gradual-pink" },
+  { title: "渐变蓝", name: "gradual-blue" },
+  { title: "渐变青", name: "gradual-teal" },
+  { title: "渐变日落", name: "gradual-sunset" },
+  { title: "渐变梦幻", name: "gradual-dream" },
+  { title: "渐变活力橙", name: "gradual-vibrant-orange" },
+  { title: "渐变紫蓝", name: "gradual-purple-blue" },
+  { title: "渐变柔粉蓝", name: "gradual-soft-pink-blue" },
+  { title: "渐变彩虹", name: "gradual-rainbow" },
+  { title: "渐变蓝紫", name: "gradual-blue-purple" },
+  { title: "渐变热带", name: "gradual-tropical" },
+  { title: "渐变梦幻蓝", name: "gradual-dreamy" },
+  { title: "渐变金色", name: "gradual-golden" },
+  { title: "渐变灰", name: "gradual-gray" },
+  { title: "渐变棕", name: "gradual-brown" },
+  { title: "渐变金属", name: "gradual-metal" },
+  { title: "渐变湖蓝", name: "gradual-lake-blue" },
+  { title: "渐变玫瑰金", name: "gradual-rose-gold" },
+  { title: "渐变海洋", name: "gradual-ocean" }
 ], bs = ["onClick"], $s = /* @__PURE__ */ _({
   __name: "EmojiPanel",
   emits: ["addEmoji"],
   setup(t, { emit: e }) {
-    const i = e, s = (c) => {
-      i("addEmoji", c);
+    const c = e, s = (i) => {
+      c("addEmoji", i);
     };
-    return (c, a) => (o(), l("div", {
+    return (i, a) => (n(), l("div", {
       class: "emoji-panel",
       ref: "emojiPanel",
       onClick: a[0] || (a[0] = de(() => {
       }, ["stop"]))
     }, [
-      (o(!0), l(b, null, y(Se(vs), (h) => (o(), l("span", {
+      (n(!0), l(b, null, y(Se(vs), (h) => (n(), l("span", {
         key: h,
         onClick: (r) => s(h)
       }, u(h), 9, bs))), 128))
@@ -808,25 +847,25 @@ const ps = {
   setup(t) {
     const e = T(null);
     return D(() => {
-    }), (i, s) => {
-      const c = ke("TIcon");
-      return o(), l("div", ks, [
-        n("div", {
+    }), (c, s) => {
+      const i = ke("TIcon");
+      return n(), l("div", ks, [
+        o("div", {
           class: "function-panel",
           ref_key: "functionPanel",
           ref: e
         }, [
-          (o(!0), l(b, null, y(i.items, (a, h) => (o(), l("div", {
+          (n(!0), l(b, null, y(c.items, (a, h) => (n(), l("div", {
             key: h,
             class: "function-item",
             onClick: a.event
           }, [
-            P(c, {
+            P(i, {
               name: a.icon,
               color: a.color,
               size: 26
             }, null, 8, ["name", "color"]),
-            n("span", null, u(a.text), 1)
+            o("span", null, u(a.text), 1)
           ], 8, Is))), 128))
         ], 512)
       ]);
@@ -851,74 +890,74 @@ const ps = {
   },
   emits: ["update:modelValue", "send"],
   setup(t, { emit: e }) {
-    const i = T(0), s = T(!1), c = T(!1), a = e, h = t, r = (g) => {
-      i.value = g.detail.height;
-    }, p = () => {
-      i.value = 0;
-    }, $ = (g = "", C) => {
-      g ? a("send", g, C) : a("send", h.modelValue), a("update:modelValue", ""), s.value = !1;
-    }, m = () => {
-      c.value = !1, s.value = !s.value;
+    const c = T(0), s = T(!1), i = T(!1), a = e, h = t, r = (m) => {
+      c.value = m.detail.height;
+    }, f = () => {
+      c.value = 0;
+    }, $ = (m = "", C) => {
+      m ? a("send", m, C) : a("send", h.modelValue), a("update:modelValue", ""), s.value = !1;
+    }, g = () => {
+      i.value = !1, s.value = !s.value;
     }, I = () => {
-      s.value = !1, c.value = !c.value;
-    }, B = (g) => {
-      a("update:modelValue", h.modelValue + g);
-    }, E = (g) => {
-      const C = g.target;
+      s.value = !1, i.value = !i.value;
+    }, B = (m) => {
+      a("update:modelValue", h.modelValue + m);
+    }, E = (m) => {
+      const C = m.target;
       a("update:modelValue", C.value);
     };
     return D(() => {
     }), Be(() => {
-    }), (g, C) => (o(), l(b, null, [
+    }), (m, C) => (n(), l(b, null, [
       P(_s, {
-        text: g.modelValue,
-        "string-array": g.stringArray,
+        text: m.modelValue,
+        "string-array": m.stringArray,
         onSend: $
       }, null, 8, ["text", "string-array"]),
-      n("div", xs, [
-        g.leftIcon ? (o(), l("div", Ts, [
-          n("text", {
-            class: d(`cuIcon-${g.leftIcon} text-grey`)
+      o("div", xs, [
+        m.leftIcon ? (n(), l("div", Ts, [
+          o("text", {
+            class: d(`cuIcon-${m.leftIcon} text-grey`)
           }, null, 2)
-        ])) : f("", !0),
-        g.middleIcon ? (o(), l("div", Ss, [
-          n("text", {
-            class: d(`cuIcon-${g.middleIcon} text-grey`)
+        ])) : p("", !0),
+        m.middleIcon ? (n(), l("div", Ss, [
+          o("text", {
+            class: d(`cuIcon-${m.middleIcon} text-grey`)
           }, null, 2)
-        ])) : f("", !0),
-        n("input", {
+        ])) : p("", !0),
+        o("input", {
           onFocus: r,
-          onBlur: p,
+          onBlur: f,
           onKeydown: C[0] || (C[0] = je((N) => $(), ["enter"])),
           onConfirm: C[1] || (C[1] = (N) => $()),
           "adjust-position": !1,
           class: "solid-bottom",
           maxlength: "300",
           "cursor-spacing": "10",
-          value: g.modelValue,
+          value: m.modelValue,
           onInput: E
         }, null, 40, Bs),
-        n("div", js, [
-          n("text", {
-            class: d(`cuIcon-${g.rightIcon} text-grey`),
-            onClick: de(m, ["stop"])
+        o("div", js, [
+          o("text", {
+            class: d(`cuIcon-${m.rightIcon} text-grey`),
+            onClick: de(g, ["stop"])
           }, null, 2),
-          g.functionItems && g.functionItems.length > 0 ? (o(), l("text", {
+          m.functionItems && m.functionItems.length > 0 ? (n(), l("text", {
             key: 0,
             class: d("cuIcon-roundaddfill text-grey"),
             onClick: de(I, ["stop"])
-          })) : f("", !0)
+          })) : p("", !0)
         ]),
-        n("button", {
+        o("button", {
           class: "cu-btn bg-green shadow-blur round",
           onClick: C[2] || (C[2] = (N) => $())
-        }, u(g.buttonText), 1)
+        }, u(m.buttonText), 1)
       ]),
       he(P(ys, { onAddEmoji: B }, null, 512), [
-        [fe, s.value]
+        [pe, s.value]
       ]),
-      he(P(Cs, { items: g.functionItems }, null, 8, ["items"]), [
-        [fe, c.value]
+      he(P(Cs, { items: m.functionItems }, null, 8, ["items"]), [
+        [pe, i.value]
       ])
     ], 64));
   }
@@ -943,44 +982,44 @@ const Ms = ["onClick"], zs = { class: "tab-content" }, qs = {
   },
   emits: ["update:modelValue", "select"],
   setup(t, { emit: e }) {
-    const i = t, s = e, c = T([]), a = T(i.modelValue), h = (m, I) => {
-      a.value = m, s("update:modelValue", m), s("select", I);
+    const c = t, s = e, i = T([]), a = T(c.modelValue), h = (g, I) => {
+      a.value = g, s("update:modelValue", g), s("select", I);
     };
-    ve("registerTab", (m) => (c.value.push(m), c.value.length - 1)), ve("activeTab", a);
-    const p = j(() => i.center !== !1 ? "justify-content:center;" : `justify-content:${i.mode}`), $ = j(() => (m) => {
+    ve("registerTab", (g) => (i.value.push(g), i.value.length - 1)), ve("activeTab", a);
+    const f = j(() => c.center !== !1 ? "justify-content:center;" : `justify-content:${c.mode}`), $ = j(() => (g) => {
       let I = [];
-      return a.value === m && (I.push(`text-${i.color}`), i.bold !== !1 && I.push("text-bold"), i.line !== !1 && I.push("cur")), I;
+      return a.value === g && (I.push(`text-${c.color}`), c.bold !== !1 && I.push("text-bold"), c.line !== !1 && I.push("cur")), I;
     });
     return Ie(
-      () => i.modelValue,
-      (m) => {
-        a.value = m;
+      () => c.modelValue,
+      (g) => {
+        a.value = g;
       },
       {
         immediate: !0
       }
-    ), (m, I) => (o(), l("div", {
-      class: d(m.isCard !== !1 ? "is-card" : "")
+    ), (g, I) => (n(), l("div", {
+      class: d(g.isCard !== !1 ? "is-card" : "")
     }, [
-      n("div", {
-        class: d(["nav flex", [, `bg-${m.bg}`, `text-${m.text}`]]),
-        style: w(p.value)
+      o("div", {
+        class: d(["nav flex", [, `bg-${g.bg}`, `text-${g.text}`]]),
+        style: w(f.value)
       }, [
-        (o(!0), l(b, null, y(c.value, (B, E) => (o(), l("div", {
+        (n(!0), l(b, null, y(i.value, (B, E) => (n(), l("div", {
           class: d(["cu-item", $.value(E)]),
           key: E,
-          onClick: (g) => h(E, B)
+          onClick: (m) => h(E, B)
         }, [
-          B.icon ? (o(), l("i", {
+          B.icon ? (n(), l("i", {
             key: 0,
-            class: d(`cuIcon-${B.icon} text-${a.value === E ? m.color : B.iconColor}`)
-          }, null, 2)) : f("", !0),
+            class: d(`cuIcon-${B.icon} text-${a.value === E ? g.color : B.iconColor}`)
+          }, null, 2)) : p("", !0),
           k(" " + u(B.label), 1)
         ], 10, Ms))), 128))
       ], 6),
-      n("div", zs, [
-        S(m.$slots, "default", {
-          tab: c.value[a.value]
+      o("div", zs, [
+        S(g.$slots, "default", {
+          tab: i.value[a.value]
         })
       ])
     ], 2));
@@ -995,24 +1034,24 @@ const Ms = ["onClick"], zs = { class: "tab-content" }, qs = {
     iconColor: { default: "black" }
   },
   setup(t) {
-    const e = t, i = pe(
+    const e = t, c = fe(
       "registerTab"
-    ), s = pe("activeTab"), c = T(null), a = j(() => (s == null ? void 0 : s.value) === c.value), h = j(() => ({
+    ), s = fe("activeTab"), i = T(null), a = j(() => (s == null ? void 0 : s.value) === i.value), h = j(() => ({
       label: e.label,
       icon: e.icon,
       iconColor: e.iconColor
     }));
     return D(() => {
-      i && (c.value = i({
+      c && (i.value = c({
         label: e.label,
         icon: e.icon,
         iconColor: e.iconColor
       }));
-    }), (r, p) => he((o(), l("div", null, [
+    }), (r, f) => he((n(), l("div", null, [
       S(r.$slots, "default"),
       S(r.$slots, "custom", { tab: h.value })
     ], 512)), [
-      [fe, a.value]
+      [pe, a.value]
     ]);
   }
 });
@@ -1046,7 +1085,7 @@ const Ns = Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
 function Ps() {
-  return pe(Ns);
+  return fe(Ns);
 }
 const Ls = ["onClick"], Ds = {
   key: 0,
@@ -1124,37 +1163,37 @@ const Ls = ["onClick"], Ds = {
     routeFn: { type: Function, default: void 0 }
   },
   setup(t) {
-    const e = t, i = Ps(), s = (c) => {
-      if (c.path) {
+    const e = t, c = Ps(), s = (i) => {
+      if (i.path) {
         e.routeFn ? e.routeFn().push({
-          path: c.path
-        }) : i.push({
-          path: c.path
+          path: i.path
+        }) : c.push({
+          path: i.path
         });
         return;
       }
-      if (c.link) {
-        window.location.href = c.link;
+      if (i.link) {
+        window.location.href = i.link;
         return;
       }
     };
-    return (c, a) => (o(), l("div", {
-      class: d(["cu-list grid", ["col-" + c.gridCol, c.gridBorder ? "" : "no-border"]])
+    return (i, a) => (n(), l("div", {
+      class: d(["cu-list grid", ["col-" + i.gridCol, i.gridBorder ? "" : "no-border"]])
     }, [
-      (o(!0), l(b, null, y(c.cuIconList, (h, r) => (o(), l("div", {
+      (n(!0), l(b, null, y(i.cuIconList, (h, r) => (n(), l("div", {
         class: "cu-item",
         key: r,
-        style: w(`width: calc(100% / ${c.gridCol})`),
-        onClick: (p) => s(h)
+        style: w(`width: calc(100% / ${i.gridCol})`),
+        onClick: (f) => s(h)
       }, [
-        n("div", {
+        o("div", {
           class: d(["cuIcon-" + h.cuIcon, "text-" + h.color])
         }, [
-          h.badge != 0 ? (o(), l("div", Ds, [
-            h.badge != 1 ? (o(), l("i", Fs, u((h.badge || 0) > 99 ? "99+" : h.badge), 1)) : f("", !0)
-          ])) : f("", !0)
+          h.badge != 0 ? (n(), l("div", Ds, [
+            h.badge != 1 ? (n(), l("i", Fs, u((h.badge || 0) > 99 ? "99+" : h.badge), 1)) : p("", !0)
+          ])) : p("", !0)
         ], 2),
-        n("text", null, u(h.name), 1)
+        o("text", null, u(h.name), 1)
       ], 12, Ls))), 128))
     ], 2));
   }
@@ -1250,56 +1289,56 @@ const Us = ["onClick"], Xs = { class: "content" }, Ys = ["src", "alt"], Os = { c
   setup(t) {
     const e = (s) => {
       s.event && s.event(s);
-    }, i = (s) => {
+    }, c = (s) => {
       s && s();
     };
-    return (s, c) => (o(), l("div", {
+    return (s, i) => (n(), l("div", {
       class: d(["cu-list menu", [s.menuBorder ? "sm-border" : "", s.menuCard ? "card-menu" : ""]])
     }, [
-      (o(!0), l(b, null, y(s.menuItems, (a, h) => (o(), l("div", {
+      (n(!0), l(b, null, y(s.menuItems, (a, h) => (n(), l("div", {
         key: h,
         class: d(["cu-item", s.menuArrow ? "arrow" : ""]),
         onClick: (r) => e(a)
       }, [
-        n("div", Xs, [
-          a.icon ? (o(), V(L, {
+        o("div", Xs, [
+          a.icon ? (n(), V(L, {
             key: 0,
             class: "icon",
             name: a.icon.name,
             color: a.icon.color
-          }, null, 8, ["name", "color"])) : f("", !0),
-          a.img ? (o(), l("img", {
+          }, null, 8, ["name", "color"])) : p("", !0),
+          a.img ? (n(), l("img", {
             key: 1,
             class: "icon",
             src: a.img.url,
             alt: a.img.alt
-          }, null, 8, Ys)) : f("", !0),
-          n("text", Os, u(a.title), 1)
+          }, null, 8, Ys)) : p("", !0),
+          o("text", Os, u(a.title), 1)
         ]),
-        n("div", Hs, [
-          a.group ? (o(), V(O, {
+        o("div", Hs, [
+          a.group ? (n(), V(O, {
             key: 0,
             urls: a.group
-          }, null, 8, ["urls"])) : f("", !0),
-          a.group ? (o(), l("text", Gs, u(a.group.length) + "人", 1)) : f("", !0),
-          a.btn ? (o(), l("button", {
+          }, null, 8, ["urls"])) : p("", !0),
+          a.group ? (n(), l("text", Gs, u(a.group.length) + "人", 1)) : p("", !0),
+          a.btn ? (n(), l("button", {
             key: 2,
             class: d(["cu-btn round shadow", `bg-${a.btn.bg}`]),
             onClick: (r) => {
-              var p;
-              return i((p = a.btn) == null ? void 0 : p.event);
+              var f;
+              return c((f = a.btn) == null ? void 0 : f.event);
             }
           }, [
-            a.btn.icon ? (o(), V(L, {
+            a.btn.icon ? (n(), V(L, {
               key: 0,
               name: a.btn.icon,
               color: "white"
-            }, null, 8, ["name"])) : f("", !0),
+            }, null, 8, ["name"])) : p("", !0),
             k(" " + u(a.btn.text), 1)
-          ], 10, Ks)) : f("", !0),
-          a.tags ? (o(!0), l(b, { key: 3 }, y(a.tags, (r, p) => (o(), V(q, {
+          ], 10, Ks)) : p("", !0),
+          a.tags ? (n(!0), l(b, { key: 3 }, y(a.tags, (r, f) => (n(), V(q, {
             size: r.size,
-            key: p,
+            key: f,
             bg: r.bg,
             light: r.light,
             shape: "round"
@@ -1308,8 +1347,8 @@ const Us = ["onClick"], Xs = { class: "content" }, Ys = ["src", "alt"], Os = { c
               k(u(r.text), 1)
             ]),
             _: 2
-          }, 1032, ["size", "bg", "light"]))), 128)) : f("", !0),
-          a.text ? (o(), l("text", Js, u(a.text), 1)) : f("", !0)
+          }, 1032, ["size", "bg", "light"]))), 128)) : p("", !0),
+          a.text ? (n(), l("text", Js, u(a.text), 1)) : p("", !0)
         ])
       ], 10, Us))), 128))
     ], 2));
@@ -1321,10 +1360,10 @@ te.install = (t) => {
 const Ws = {
   key: 1,
   class: "cu-tag badge"
-}, Zs = { class: "content" }, eo = { class: "flex align-center" }, to = { class: "text-cut text-black" }, so = { class: "text-gray text-sm flex" }, oo = { class: "text-cut" }, no = { class: "action" }, lo = { class: "text-grey text-xs" }, ao = {
+}, Zs = { class: "content" }, en = { class: "flex align-center" }, tn = { class: "text-cut text-black" }, sn = { class: "text-gray text-sm flex" }, nn = { class: "text-cut" }, on = { class: "action" }, ln = { class: "text-grey text-xs" }, an = {
   name: "ChatListItem"
-}, ge = /* @__PURE__ */ _({
-  ...ao,
+}, me = /* @__PURE__ */ _({
+  ...an,
   props: {
     userinfo: {},
     roomId: {},
@@ -1345,68 +1384,68 @@ const Ws = {
   },
   setup(t) {
     const e = t;
-    return (i, s) => {
+    return (c, s) => {
       var a;
-      const c = ke("TIcon");
-      return o(), l("div", {
-        class: d(["cu-item", { grayscale: i.isDisconnected, cur: i.isCurrent }]),
-        onClick: s[0] || (s[0] = (h) => i.event(e))
+      const i = ke("TIcon");
+      return n(), l("div", {
+        class: d(["cu-item", { grayscale: c.isDisconnected, cur: c.isCurrent }]),
+        onClick: s[0] || (s[0] = (h) => c.event(e))
       }, [
-        n("div", {
-          class: d(["cu-avatar", i.userinfo.avatarShape, "lg", `bg-${i.avatarBg}`]),
+        o("div", {
+          class: d(["cu-avatar", c.userinfo.avatarShape, "lg", `bg-${c.avatarBg}`]),
           style: w({
-            backgroundImage: i.userinfo.avatar ? `url(${i.userinfo.avatar})` : ""
+            backgroundImage: c.userinfo.avatar ? `url(${c.userinfo.avatar})` : ""
           })
         }, [
-          (a = i.userinfo) != null && a.avatar ? f("", !0) : (o(), V(c, {
+          (a = c.userinfo) != null && a.avatar ? p("", !0) : (n(), V(i, {
             key: 0,
-            name: i.avatarName,
+            name: c.avatarName,
             size: 36,
             color: "white"
           }, null, 8, ["name"])),
-          i.badge ? (o(), l("div", Ws, u(i.badge), 1)) : f("", !0)
+          c.badge ? (n(), l("div", Ws, u(c.badge), 1)) : p("", !0)
         ], 6),
-        n("div", Zs, [
-          n("div", eo, [
-            n("div", to, u(i.userinfo.name), 1),
-            i.userinfo.tag ? (o(), l("div", {
+        o("div", Zs, [
+          o("div", en, [
+            o("div", tn, u(c.userinfo.name), 1),
+            c.userinfo.tag ? (n(), l("div", {
               key: 0,
-              class: d(["cu-tag", "round", `bg-${i.userinfo.tagColor}`, "sm"])
-            }, u(i.userinfo.tag), 3)) : f("", !0)
+              class: d(["cu-tag", "round", `bg-${c.userinfo.tagColor}`, "sm"])
+            }, u(c.userinfo.tag), 3)) : p("", !0)
           ]),
-          n("div", so, [
-            n("div", oo, [
-              S(i.$slots, "default")
+          o("div", sn, [
+            o("div", nn, [
+              S(c.$slots, "default")
             ])
           ])
         ]),
-        n("div", no, [
-          n("div", lo, u(i.time), 1),
-          i.unread ? (o(), l("div", {
+        o("div", on, [
+          o("div", ln, u(c.time), 1),
+          c.unread ? (n(), l("div", {
             key: 0,
-            class: d(["cu-tag", "round", `bg-${i.unreadColor}`, "sm"])
-          }, u(i.unread), 3)) : i.icon ? (o(), l("div", {
+            class: d(["cu-tag", "round", `bg-${c.unreadColor}`, "sm"])
+          }, u(c.unread), 3)) : c.icon ? (n(), l("div", {
             key: 1,
-            class: d(i.iconClass)
-          }, null, 2)) : f("", !0)
+            class: d(c.iconClass)
+          }, null, 2)) : p("", !0)
         ])
       ], 2);
     };
   }
-}), co = { class: "cu-list menu-avatar" }, io = {
+}), cn = { class: "cu-list menu-avatar" }, rn = {
   name: "ChatList"
 }, se = /* @__PURE__ */ _({
-  ...io,
+  ...rn,
   props: {
     items: {}
   },
   setup(t) {
-    return (e, i) => (o(), l("div", co, [
-      (o(!0), l(b, null, y(e.items, (s, c) => (o(), V(ge, {
+    return (e, c) => (n(), l("div", cn, [
+      (n(!0), l(b, null, y(e.items, (s, i) => (n(), V(me, {
         "avatar-name": s.avatarName,
         "avatar-bg": s.avatarBg,
         time: s.time,
-        key: c,
+        key: i,
         userinfo: s.userinfo,
         unread: s.unread,
         unreadColor: s.unreadColor,
@@ -1428,91 +1467,91 @@ const Ws = {
   }
 });
 se.install = (t) => {
-  t.component(se.name, se), t.component(ge.name, ge);
+  t.component(se.name, se), t.component(me.name, me);
 };
-const ro = { class: "cu-chat" }, uo = {
+const un = { class: "cu-chat" }, dn = {
   key: 0,
   class: "cu-info round"
-}, ho = {
+}, hn = {
   key: 1,
   class: "cu-info"
-}, fo = /* @__PURE__ */ n("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), po = { class: "main" }, go = ["src"], mo = {
+}, pn = /* @__PURE__ */ o("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), fn = { class: "main" }, mn = ["src"], gn = {
   key: 2,
   class: "content shadow"
-}, _o = /* @__PURE__ */ n("text", { class: "cuIcon-sound text-xxl padding-right-xl" }, null, -1), vo = { class: "action text-bold text-grey" }, bo = {
+}, _n = /* @__PURE__ */ o("text", { class: "cuIcon-sound text-xxl padding-right-xl" }, null, -1), vn = { class: "action text-bold text-grey" }, bn = {
   key: 3,
   class: "content shadow"
-}, $o = /* @__PURE__ */ n("text", { class: "cuIcon-locationfill text-orange text-xxl" }, null, -1), yo = { class: "content shadow" }, ko = /* @__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), Io = { class: "date" }, wo = { name: "ChatRoom" }, oe = /* @__PURE__ */ _({
-  ...wo,
+}, $n = /* @__PURE__ */ o("text", { class: "cuIcon-locationfill text-orange text-xxl" }, null, -1), yn = { class: "content shadow" }, kn = /* @__PURE__ */ o("div", { class: "action text-grey" }, [
+  /* @__PURE__ */ o("text", { class: "cuIcon-warnfill text-red text-xxl" }),
+  /* @__PURE__ */ o("text", { class: "text-sm margin-left-sm" }, "翻译错误")
+], -1), In = { class: "date" }, wn = { name: "ChatRoom" }, ne = /* @__PURE__ */ _({
+  ...wn,
   props: {
     messages: {}
   },
   setup(t) {
-    return (e, i) => (o(), l("div", ro, [
-      (o(!0), l(b, null, y(e.messages, (s) => (o(), l("div", {
+    return (e, c) => (n(), l("div", un, [
+      (n(!0), l(b, null, y(e.messages, (s) => (n(), l("div", {
         key: s.id,
         class: d(["cu-item", { self: s.self }])
       }, [
-        s.type === "info" ? (o(), l(b, { key: 0 }, [
-          s.self ? (o(), l("div", uo, u(s.content), 1)) : (o(), l("div", ho, [
-            fo,
+        s.type === "info" ? (n(), l(b, { key: 0 }, [
+          s.self ? (n(), l("div", dn, u(s.content), 1)) : (n(), l("div", hn, [
+            pn,
             k(" " + u(s.content), 1)
           ]))
-        ], 64)) : (o(), l(b, { key: 1 }, [
-          s.self ? f("", !0) : (o(), V(z, {
+        ], 64)) : (n(), l(b, { key: 1 }, [
+          s.self ? p("", !0) : (n(), V(z, {
             key: 0,
             mode: "radius",
             url: s.avatar
           }, null, 8, ["url"])),
-          n("div", po, [
-            s.type === "text" ? (o(), l("div", {
+          o("div", fn, [
+            s.type === "text" ? (n(), l("div", {
               key: 0,
               class: d(["content shadow", { "bg-green": s.self }])
             }, [
-              n("text", null, u(s.content), 1)
-            ], 2)) : s.type === "image" ? (o(), l("img", {
+              o("text", null, u(s.content), 1)
+            ], 2)) : s.type === "image" ? (n(), l("img", {
               key: 1,
               src: s.content,
               class: "radius",
               style: { "max-width": "100%" }
-            }, null, 8, go)) : s.type === "audio" ? (o(), l("div", mo, [
-              _o,
-              n("div", vo, u(s.content), 1)
-            ])) : s.type === "location" ? (o(), l("div", bo, [
-              $o,
+            }, null, 8, mn)) : s.type === "audio" ? (n(), l("div", gn, [
+              _n,
+              o("div", vn, u(s.content), 1)
+            ])) : s.type === "location" ? (n(), l("div", bn, [
+              $n,
               k(" " + u(s.content), 1)
-            ])) : s.type === "warning" ? (o(), l(b, { key: 4 }, [
-              n("div", yo, u(s.content), 1),
-              ko
+            ])) : s.type === "warning" ? (n(), l(b, { key: 4 }, [
+              o("div", yn, u(s.content), 1),
+              kn
             ], 64)) : S(e.$slots, "custom-message", {
               key: 5,
               message: s
             })
           ]),
-          s.self ? (o(), V(z, {
+          s.self ? (n(), V(z, {
             key: 1,
             mode: "radius",
             url: s.avatar
-          }, null, 8, ["url"])) : f("", !0),
-          n("div", Io, u(s.date), 1)
+          }, null, 8, ["url"])) : p("", !0),
+          o("div", In, u(s.date), 1)
         ], 64))
       ], 2))), 128))
     ]));
   }
 });
-oe.install = (t) => {
-  t.component(oe.name, oe);
+ne.install = (t) => {
+  t.component(ne.name, ne);
 };
-const Co = { class: "cu-time" }, xo = {
+const Cn = { class: "cu-time" }, xn = {
   key: 0,
   class: "cu-capsule radius"
-}, To = {
+}, Tn = {
   name: "TimeLine"
-}, ne = /* @__PURE__ */ _({
-  ...To,
+}, oe = /* @__PURE__ */ _({
+  ...Tn,
   props: {
     items: { default: () => [] }
   },
@@ -1520,7 +1559,7 @@ const Co = { class: "cu-time" }, xo = {
     function e(s) {
       return s || "cyan";
     }
-    function i(s) {
+    function c(s) {
       switch (s.status) {
         case "past":
           return `text-green cuIcon-${s.icon || "roundcheckfill"}`;
@@ -1532,22 +1571,22 @@ const Co = { class: "cu-time" }, xo = {
           return `text-gray cuIcon-${s.icon || "radioboxfill"}`;
       }
     }
-    return (s, c) => (o(), l("div", null, [
-      (o(!0), l(b, null, y(s.items, (a, h) => (o(), l("div", {
+    return (s, i) => (n(), l("div", null, [
+      (n(!0), l(b, null, y(s.items, (a, h) => (n(), l("div", {
         key: h,
         class: "cu-timeline"
       }, [
-        n("div", Co, u(a.date), 1),
-        (o(!0), l(b, null, y(a.items, (r) => {
-          var p, $, m;
-          return o(), l("div", {
+        o("div", Cn, u(a.date), 1),
+        (n(!0), l(b, null, y(a.items, (r) => {
+          var f, $, g;
+          return n(), l("div", {
             key: r.key,
-            class: d(["cu-item", i(r)])
+            class: d(["cu-item", c(r)])
           }, [
-            n("div", {
+            o("div", {
               class: d(["content", `bg-${r.bg || "gray"}`, "shadow-blur"])
             }, [
-              (p = r == null ? void 0 : r.capsule) != null && p.list && r.capsule.list.length ? (o(), l("div", xo, [
+              (f = r == null ? void 0 : r.capsule) != null && f.list && r.capsule.list.length ? (n(), l("div", xn, [
                 P(q, {
                   bg: e(($ = r.capsule) == null ? void 0 : $.color)
                 }, {
@@ -1557,7 +1596,7 @@ const Co = { class: "cu-time" }, xo = {
                   _: 2
                 }, 1032, ["bg"]),
                 P(q, {
-                  bg: e((m = r.capsule) == null ? void 0 : m.color),
+                  bg: e((g = r.capsule) == null ? void 0 : g.color),
                   light: !0
                 }, {
                   default: re(() => [
@@ -1565,8 +1604,8 @@ const Co = { class: "cu-time" }, xo = {
                   ]),
                   _: 2
                 }, 1032, ["bg"])
-              ])) : f("", !0),
-              n("div", {
+              ])) : p("", !0),
+              o("div", {
                 class: d(r.capsule ? "margin-top-sm" : "")
               }, [
                 S(s.$slots, `item-${r.key}`, {}, () => [
@@ -1580,13 +1619,13 @@ const Co = { class: "cu-time" }, xo = {
     ]));
   }
 });
-ne.install = (t) => {
-  t.component(ne.name, ne);
+oe.install = (t) => {
+  t.component(oe.name, oe);
 };
-const So = { class: "bg-white padding" }, Bo = ["data-index"], jo = {
+const Sn = { class: "bg-white padding" }, Bn = ["data-index"], jn = {
   name: "TSteps"
 }, le = /* @__PURE__ */ _({
-  ...jo,
+  ...jn,
   props: {
     steps: {},
     modelValue: {},
@@ -1595,19 +1634,19 @@ const So = { class: "bg-white padding" }, Bo = ["data-index"], jo = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    return (i, s) => (o(), l("div", So, [
-      n("div", {
-        class: d(["cu-steps", { "scroll-x": i.scrollX }])
+    return (c, s) => (n(), l("div", Sn, [
+      o("div", {
+        class: d(["cu-steps", { "scroll-x": c.scrollX }])
       }, [
-        (o(!0), l(b, null, y(i.steps, (c, a) => (o(), l("div", {
-          class: d(["cu-item", a > i.modelValue ? "" : `text-${i.color}`]),
+        (n(!0), l(b, null, y(c.steps, (i, a) => (n(), l("div", {
+          class: d(["cu-item", a > c.modelValue ? "" : `text-${c.color}`]),
           key: a
         }, [
-          n("text", {
-            class: d(c.cuIcon ? "cuIcon-" + c.cuIcon : "num"),
+          o("text", {
+            class: d(i.cuIcon ? "cuIcon-" + i.cuIcon : "num"),
             "data-index": a + 1
-          }, u(c.cuIcon ? "" : a + 1), 11, Bo),
-          k(" " + u(c.name), 1)
+          }, u(i.cuIcon ? "" : a + 1), 11, Bn),
+          k(" " + u(i.name), 1)
         ], 2))), 128))
       ], 2)
     ]));
@@ -1616,34 +1655,34 @@ const So = { class: "bg-white padding" }, Bo = ["data-index"], jo = {
 le.install = (t) => {
   t.component(le.name, le);
 };
-const Eo = { class: "cu-dialog" }, Vo = { class: "cu-bar bg-white justify-end padding-right-sm" }, Mo = { class: "content" }, zo = /* @__PURE__ */ n("text", { class: "cuIcon-close text-red" }, null, -1), qo = [
-  zo
-], Ao = { class: "padding-xl" }, No = {
+const En = { class: "cu-dialog" }, Vn = { class: "cu-bar bg-white justify-end padding-right-sm" }, Mn = { class: "content" }, zn = /* @__PURE__ */ o("text", { class: "cuIcon-close text-red" }, null, -1), qn = [
+  zn
+], An = { class: "padding-xl" }, Nn = {
   name: "DrawerModal"
 }, ae = /* @__PURE__ */ _({
-  ...No,
+  ...Nn,
   props: {
     title: {},
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const i = e, s = () => {
-      i("update:modelValue", !1);
+    const c = e, s = () => {
+      c("update:modelValue", !1);
     };
-    return (c, a) => (o(), l("div", {
-      class: d(["cu-modal", c.modelValue ? "show" : ""])
+    return (i, a) => (n(), l("div", {
+      class: d(["cu-modal", i.modelValue ? "show" : ""])
     }, [
-      n("div", Eo, [
-        n("div", Vo, [
-          n("div", Mo, u(c.title), 1),
-          n("div", {
+      o("div", En, [
+        o("div", Vn, [
+          o("div", Mn, u(i.title), 1),
+          o("div", {
             class: "action",
             onClick: s
-          }, qo)
+          }, qn)
         ]),
-        n("div", Ao, [
-          S(c.$slots, "default", {}, () => [
+        o("div", An, [
+          S(i.$slots, "default", {}, () => [
             k("Modal 内容~")
           ])
         ])
@@ -1654,10 +1693,10 @@ const Eo = { class: "cu-dialog" }, Vo = { class: "cu-bar bg-white justify-end pa
 ae.install = (t) => {
   t.component(ae.name, ae);
 };
-const Po = { class: "loading-animation" }, Lo = {
+const Pn = { class: "loading-animation" }, Ln = {
   name: "Loading1"
-}, Do = /* @__PURE__ */ _({
-  ...Lo,
+}, Dn = /* @__PURE__ */ _({
+  ...Ln,
   props: {
     width: { default: 300 },
     height: { default: 300 },
@@ -1680,8 +1719,8 @@ const Po = { class: "loading-animation" }, Lo = {
       step(a, h) {
         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 && h.splice(a, 1);
       }
-      draw(a, h, r, p) {
-        a.fillStyle = a.strokeStyle = `hsla(${h + this.life * 120}, 100%, 60%, ${this.life})`, a.beginPath(), r[p - 1] && (a.moveTo(this.x, this.y), a.lineTo(r[p - 1].x, r[p - 1].y)), a.stroke(), a.beginPath(), a.arc(
+      draw(a, h, r, f) {
+        a.fillStyle = a.strokeStyle = `hsla(${h + this.life * 120}, 100%, 60%, ${this.life})`, a.beginPath(), r[f - 1] && (a.moveTo(this.x, this.y), a.lineTo(r[f - 1].x, r[f - 1].y)), a.stroke(), a.beginPath(), a.arc(
           this.x,
           this.y,
           Math.max(1e-3, this.life * this.radius),
@@ -1697,54 +1736,54 @@ const Po = { class: "loading-animation" }, Lo = {
         );
       }
     }
-    const i = t, s = T(null);
+    const c = t, s = T(null);
     return D(() => {
       if (!s.value)
         return;
-      const c = s.value.getContext("2d"), { width: a, height: h, particleRadius: r, particleDecay: p } = i, $ = window.devicePixelRatio || 1;
-      s.value.width = a * $, s.value.height = h * $, s.value.style.width = a + "px", s.value.style.height = h + "px", c.scale($, $);
-      const m = a * 0.5, I = [];
-      let B = 0, E = 0, g = 0;
-      c.globalCompositeOperation = "lighter";
+      const i = s.value.getContext("2d"), { width: a, height: h, particleRadius: r, particleDecay: f } = c, $ = window.devicePixelRatio || 1;
+      s.value.width = a * $, s.value.height = h * $, s.value.style.width = a + "px", s.value.style.height = h + "px", i.scale($, $);
+      const g = a * 0.5, I = [];
+      let B = 0, E = 0, m = 0;
+      i.globalCompositeOperation = "lighter";
       function C() {
         I.push(
           new e(
             {
-              x: a / 2 + Math.cos(g / 20) * m / 2,
-              y: h / 2 + Math.sin(g / 20) * m / 2,
+              x: a / 2 + Math.cos(m / 20) * g / 2,
+              y: h / 2 + Math.sin(m / 20) * g / 2,
               angle: E + B,
               speed: 0,
               accel: 0.01
             },
             r,
-            p
+            f
           )
         ), I.forEach((v, x) => {
           v.step(x, I);
         }), E += Math.PI / 2, B += Math.PI / 2;
       }
       function N() {
-        c.clearRect(0, 0, a, h), I.forEach((v, x) => {
-          v.draw(c, g, I, x);
+        i.clearRect(0, 0, a, h), I.forEach((v, x) => {
+          v.draw(i, m, I, x);
         });
       }
       function F() {
-        requestAnimationFrame(F), C(), N(), g++;
+        requestAnimationFrame(F), C(), N(), m++;
       }
       F();
-    }), (c, a) => (o(), l("div", Po, [
-      n("canvas", {
+    }), (i, a) => (n(), l("div", Pn, [
+      o("canvas", {
         ref_key: "canvas",
         ref: s
       }, null, 512)
     ]));
   }
-}), ce = /* @__PURE__ */ A(Do, [["__scopeId", "data-v-022c82bd"]]);
-ce.install = (t) => {
-  t.component(ce.name, ce);
+}), ie = /* @__PURE__ */ A(Dn, [["__scopeId", "data-v-022c82bd"]]);
+ie.install = (t) => {
+  t.component(ie.name, ie);
 };
-const Fo = ["data-index"], Ro = { name: "TVirtualScrollSlide" }, Uo = /* @__PURE__ */ _({
-  ...Ro,
+const Fn = ["data-index"], Rn = { name: "TVirtualScrollSlide" }, Un = /* @__PURE__ */ _({
+  ...Rn,
   props: {
     virtualTotal: {},
     render: { type: Function },
@@ -1752,88 +1791,88 @@ const Fo = ["data-index"], Ro = { name: "TVirtualScrollSlide" }, Uo = /* @__PURE
   },
   emits: ["slideLeft", "slideRight"],
   setup(t, { emit: e }) {
-    const i = t, s = e, c = T(null), a = T(null), h = T(0), r = Ee({
+    const c = t, s = e, i = T(null), a = T(null), h = T(0), r = Ee({
       localIndex: 0,
       wrapperHeight: 0,
       touchStartY: 0,
       touchEndY: 0,
       touchStartX: 0,
       touchEndX: 0
-    }), p = T([]), $ = "slide-item";
+    }), f = T([]), $ = "slide-item";
     Ie(
-      () => i.list,
+      () => c.list,
       (v, x) => {
-        v.length !== x.length && m();
+        v.length !== x.length && g();
       }
     ), D(() => {
-      c.value && (r.wrapperHeight = c.value.clientHeight, m());
+      i.value && (r.wrapperHeight = i.value.clientHeight, g());
     });
-    const m = () => {
+    const g = () => {
       const v = Math.max(0, r.localIndex), x = Math.min(
-        r.localIndex + i.virtualTotal,
-        i.list.length
+        r.localIndex + c.virtualTotal,
+        c.list.length
       );
-      p.value = i.list.slice(v, x), h.value = -r.localIndex * r.wrapperHeight;
+      f.value = c.list.slice(v, x), h.value = -r.localIndex * r.wrapperHeight;
     }, I = (v) => {
       v.touches.length > 0 && (r.touchStartY = v.touches[0].clientY, r.touchStartX = v.touches[0].clientX);
     }, B = (v) => {
       v.touches.length > 0 && (r.touchEndY = v.touches[0].clientY, r.touchEndX = v.touches[0].clientX);
     }, E = () => {
       const v = r.touchEndY - r.touchStartY, x = r.touchEndX - r.touchStartX;
-      Math.abs(v) > Math.abs(x) && Math.abs(v) > 30 ? v < 0 ? g() : C() : Math.abs(x) > 30 && (x < 0 ? s("slideLeft", {
-        item: p.value[r.localIndex],
+      Math.abs(v) > Math.abs(x) && Math.abs(v) > 30 ? v < 0 ? m() : C() : Math.abs(x) > 30 && (x < 0 ? s("slideLeft", {
+        item: f.value[r.localIndex],
         index: r.localIndex
       }) : s("slideRight", {
-        item: p.value[r.localIndex],
+        item: f.value[r.localIndex],
         index: r.localIndex
       })), r.touchStartY = 0, r.touchEndY = 0, r.touchStartX = 0, r.touchEndX = 0;
-    }, g = () => {
-      r.localIndex < i.list.length - 1 && (r.localIndex++, m());
+    }, m = () => {
+      r.localIndex < c.list.length - 1 && (r.localIndex++, g());
     }, C = () => {
-      r.localIndex > 0 && (r.localIndex--, m());
-    }, N = (v) => (r.localIndex + v) * r.wrapperHeight, F = j(() => p.value.map((v) => `video-${v.id}`).join(","));
-    return (v, x) => (o(), l("div", {
+      r.localIndex > 0 && (r.localIndex--, g());
+    }, N = (v) => (r.localIndex + v) * r.wrapperHeight, F = j(() => f.value.map((v) => `video-${v.id}`).join(","));
+    return (v, x) => (n(), l("div", {
       class: "slide-wrapper",
       ref_key: "wrapper",
-      ref: c,
+      ref: i,
       onTouchstart: I,
       onTouchmove: B,
       onTouchend: E
     }, [
-      n("div", {
+      o("div", {
         class: "slide-list",
         ref_key: "slideList",
         ref: a,
         style: w({ transform: `translateY(${h.value}px)` })
       }, [
-        (o(), V(Ve, { include: F.value }, [
-          (o(!0), l(b, null, y(p.value, (_e, ue) => (o(), l("div", {
+        (n(), V(Ve, { include: F.value }, [
+          (n(!0), l(b, null, y(f.value, (_e, ue) => (n(), l("div", {
             key: _e.id,
             "data-index": ue,
             class: d($),
             style: w({ top: `${N(ue)}px` })
           }, [
-            (o(), V(Me(v.render(_e, ue))))
-          ], 12, Fo))), 128))
+            (n(), V(Me(v.render(_e, ue))))
+          ], 12, Fn))), 128))
         ], 1032, ["include"]))
       ], 4)
     ], 544));
   }
-}), ie = /* @__PURE__ */ A(Uo, [["__scopeId", "data-v-8600af8d"]]);
-ie.install = (t) => {
-  t.component(ie.name, ie);
+}), ce = /* @__PURE__ */ A(Un, [["__scopeId", "data-v-8600af8d"]]);
+ce.install = (t) => {
+  t.component(ce.name, ce);
 };
-const Xo = (t) => {
-  t.use(L), t.use(Y), t.use(z), t.use(R), t.use(U), t.use(X), t.use(G), t.use(K), t.use(J), t.use(Q), t.use(W), t.use(Z), t.use(ee), t.use(te), t.use(H), t.use(q), t.use(se), t.use(oe), t.use(ne), t.use(le), t.use(ae), t.use(ce), t.use(ie);
-}, Ho = {
-  install: Xo
+const Xn = (t) => {
+  t.use(L), t.use(Y), t.use(z), t.use(R), t.use(U), t.use(X), t.use(G), t.use(K), t.use(J), t.use(Q), t.use(W), t.use(Z), t.use(ee), t.use(te), t.use(H), t.use(q), t.use(se), t.use(ne), t.use(oe), t.use(le), t.use(ae), t.use(ie), t.use(ce);
+}, Gn = {
+  install: Xn
 };
 export {
   se as ChatList,
-  oe as ChatRoom,
+  ne as ChatRoom,
   ae as DrawerModal,
   ee as GridGroup,
-  ce as Loading1,
+  ie as Loading1,
   te as Menu,
   z as TAvatar,
   H as TButton,
@@ -1850,6 +1889,7 @@ export {
   q as TTag,
   Y as TTitle,
   K as TTopBar,
-  ne as TimeLine,
-  Ho as default
+  oe as TimeLine,
+  Gn as default,
+  Hn as textColor
 };