vue-color-ui 0.0.45 → 0.0.47

package/lib/temp-color-ui.js

@@ -1,44 +1,44 @@
-var we = Object.defineProperty;
-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);
-import { defineComponent as _, createElementBlock as l, openBlock as n, Fragment as b, renderList as y, normalizeStyle as w, normalizeClass as d, createElementVNode as o, toDisplayString as u, createCommentVNode as p, createTextVNode as k, pushScopeId as xe, popScopeId as Te, computed as j, renderSlot as x, createBlock as V, ref as B, withModifiers as de, unref as Be, onMounted as D, resolveComponent as ke, createVNode as P, onUnmounted as Se, withDirectives as he, withKeys as je, 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";
+var Ce = Object.defineProperty;
+var we = (t, e, c) => e in t ? Ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: c }) : t[e] = c;
+var M = (t, e, c) => we(t, typeof e != "symbol" ? e + "" : e, c);
+import { defineComponent as _, createElementBlock as a, openBlock as o, Fragment as b, renderList as y, normalizeStyle as C, normalizeClass as d, createElementVNode as l, toDisplayString as u, createCommentVNode as p, createTextVNode as k, pushScopeId as xe, popScopeId as Te, computed as j, renderSlot as x, createBlock as V, ref as B, withModifiers as de, unref as Be, onMounted as R, resolveComponent as ke, createVNode as P, onUnmounted as Se, withDirectives as he, withKeys as je, 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__ */ _({
+}, U = /* @__PURE__ */ _({
   ...Pe,
   props: {
     items: {}
   },
   emits: ["chickItem"],
   setup(t, { emit: e }) {
-    const c = e, s = (i, a) => {
-      c("chickItem", i, a);
+    const c = e, s = (i, n) => {
+      c("chickItem", i, n);
     };
-    return (i, a) => (n(), l("div", ze, [
-      (n(!0), l(b, null, y(i.items, (h, r) => (n(), l("div", {
+    return (i, n) => (o(), a("div", ze, [
+      (o(!0), a(b, null, y(i.items, (h, r) => (o(), a("div", {
         "hover-class": "none",
         class: d(["nav-li", "bg-" + h.color]),
-        style: w([{ animation: "show " + ((r + 1) * 0.2 + 1) + "s 1" }]),
+        style: C([{ animation: "show " + ((r + 1) * 0.2 + 1) + "s 1" }]),
         key: r,
         onClick: (f) => s(h, r)
       }, [
-        o("div", Ae, u(h.title), 1),
-        o("div", Ne, u(h.name), 1),
-        o("text", {
+        l("div", Ae, u(h.title), 1),
+        l("div", Ne, u(h.name), 1),
+        l("text", {
           class: d("cuIcon-" + h.cuIcon)
         }, null, 2)
       ], 14, qe))), 128))
     ]));
   }
 });
-R.install = (t) => {
-  t.component(R.name, R);
+U.install = (t) => {
+  t.component(U.name, U);
 };
-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 = {
+const ge = (t) => (xe("data-v-bbdb83ff"), t = t(), Te(), t), Le = { class: "cu-item shadow" }, De = { class: "title" }, Re = { class: "text-cut" }, Fe = { 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__ */ 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 = {
+}, He = { class: "text-gray" }, Ge = /* @__PURE__ */ ge(() => /* @__PURE__ */ l("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1)), Ke = /* @__PURE__ */ ge(() => /* @__PURE__ */ l("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1)), Je = /* @__PURE__ */ ge(() => /* @__PURE__ */ l("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 ge = (t) => (xe("data-v-bbdb83ff"), t = t(), Te(), t), Le = { class: "cu-i
     }) }
   },
   setup(t) {
-    return (e, c) => (n(), l("div", {
+    return (e, c) => (o(), a("div", {
       class: d(["cu-card article", e.isCard ? "" : "no-card"])
     }, [
-      o("div", Le, [
-        o("div", De, [
-          o("div", Fe, u(e.title), 1)
+      l("div", Le, [
+        l("div", De, [
+          l("div", Re, u(e.title), 1)
         ]),
-        o("div", Re, [
-          o("img", {
+        l("div", Fe, [
+          l("img", {
             src: e.imageSrc,
             alt: e.imageAlt
           }, null, 8, Ue),
-          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", {
+          l("div", Xe, [
+            l("div", Ye, u(e.description), 1),
+            l("div", null, [
+              (o(!0), a(b, null, y(e.tags, (s) => (o(), a("div", {
                 key: s,
                 class: "cu-tag bg-red light sm round"
               }, u(s), 1))), 128))
             ])
           ])
         ]),
-        e.footerInfo ? (n(), l("div", Oe, [
-          o("div", He, [
+        e.footerInfo ? (o(), a("div", Oe, [
+          l("div", He, [
             Ge,
             k(" " + u(e.footerInfo.likes) + " ", 1),
             Ke,
@@ -90,8 +90,8 @@ const ge = (t) => (xe("data-v-bbdb83ff"), t = t(), Te(), t), Le = { class: "cu-i
             Je,
             k(" " + u(e.footerInfo.comments), 1)
           ]),
-          o("div", Qe, [
-            o("div", We, u(e.footerInfo.author), 1),
+          l("div", Qe, [
+            l("div", We, u(e.footerInfo.author), 1),
             k(" " + u(e.footerInfo.timeAgo), 1)
           ])
         ])) : p("", !0)
@@ -103,16 +103,16 @@ const ge = (t) => (xe("data-v-bbdb83ff"), t = t(), Te(), t), Le = { class: "cu-i
   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);
+}, X = /* @__PURE__ */ A(et, [["__scopeId", "data-v-bbdb83ff"]]);
+X.install = (t) => {
+  t.component(X.name, X);
 };
-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 = {
+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__ */ l("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1), rt = /* @__PURE__ */ l("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1), ut = /* @__PURE__ */ l("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__ */ o("span", { class: "cuIcon-messagefill text-gray margin-left-sm" }, null, -1), yt = { class: "text-gray margin-left-xs" }, kt = {
+}, $t = /* @__PURE__ */ l("span", { class: "cuIcon-messagefill text-gray margin-left-sm" }, null, -1), yt = { class: "text-gray margin-left-xs" }, kt = {
   name: "TShareCard"
-}, X = /* @__PURE__ */ _({
+}, Y = /* @__PURE__ */ _({
   ...kt,
   props: {
     isCard: { type: Boolean, default: !0 },
@@ -161,34 +161,34 @@ const tt = { class: "cu-item shadow" }, st = { class: "cu-list menu-avatar" }, n
     ] }
   },
   setup(t) {
-    return (e, c) => (n(), l("div", null, [
-      o("div", {
+    return (e, c) => (o(), a("div", null, [
+      l("div", {
         class: d(["cu-card dynamic", e.isCard ? "is-card" : "no-card"])
       }, [
-        o("div", tt, [
-          o("div", st, [
-            o("div", nt, [
-              o("div", {
+        l("div", tt, [
+          l("div", st, [
+            l("div", nt, [
+              l("div", {
                 class: "cu-avatar round lg",
-                style: w({ backgroundImage: `url(${e.avatarUrl})` })
+                style: C({ backgroundImage: `url(${e.avatarUrl})` })
               }, null, 4),
-              o("div", ot, [
-                o("div", null, u(e.author), 1),
-                o("div", lt, u(e.date), 1)
+              l("div", ot, [
+                l("div", null, u(e.author), 1),
+                l("div", lt, u(e.date), 1)
               ])
             ])
           ]),
-          o("div", at, u(e.content), 1),
-          o("div", {
+          l("div", at, u(e.content), 1),
+          l("div", {
             class: d(["grid flex-sub padding-lr", e.isCard ? "col-3 grid-square" : "col-1"])
           }, [
-            (n(!0), l(b, null, y(e.isCard ? 9 : 1, (s) => (n(), l("div", {
+            (o(!0), a(b, null, y(e.isCard ? 9 : 1, (s) => (o(), a("div", {
               class: d(["bg-img", e.isCard ? "" : "only-img"]),
-              style: w({ backgroundImage: `url(${e.imageUrl})` }),
+              style: C({ backgroundImage: `url(${e.imageUrl})` }),
               key: s
             }, null, 6))), 128))
           ], 2),
-          o("div", it, [
+          l("div", it, [
             ct,
             k(" " + u(e.likes) + " ", 1),
             rt,
@@ -196,35 +196,35 @@ const tt = { class: "cu-item shadow" }, st = { class: "cu-list menu-avatar" }, n
             ut,
             k(" " + u(e.comments), 1)
           ]),
-          (n(!0), l(b, null, y(e.commentsList, (s) => {
+          (o(!0), a(b, null, y(e.commentsList, (s) => {
             var i;
-            return n(), l("div", {
+            return o(), a("div", {
               class: "cu-list menu-avatar comment solids-top",
               key: s.id
             }, [
-              o("div", dt, [
-                o("div", {
+              l("div", dt, [
+                l("div", {
                   class: "cu-avatar round",
-                  style: w({ backgroundImage: `url(${s.avatarUrl})` })
+                  style: C({ backgroundImage: `url(${s.avatarUrl})` })
                 }, null, 4),
-                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,
+                l("div", ht, [
+                  l("div", pt, u(s.author), 1),
+                  l("div", ft, u(s.text), 1),
+                  (o(!0), a(b, null, y(s.replies, (n) => (o(), a("div", {
+                    key: n.id,
                     class: "bg-grey padding-sm radius margin-top-sm text-sm"
                   }, [
-                    o("div", mt, [
-                      o("div", null, u(a.author) + "：", 1),
-                      o("div", gt, u(a.text), 1)
+                    l("div", mt, [
+                      l("div", null, u(n.author) + "：", 1),
+                      l("div", gt, u(n.text), 1)
                     ])
                   ]))), 128)),
-                  o("div", _t, [
-                    o("div", vt, u(s.date), 1),
-                    o("div", null, [
-                      s.likes ? (n(), l("span", bt)) : p("", !0),
+                  l("div", _t, [
+                    l("div", vt, u(s.date), 1),
+                    l("div", null, [
+                      s.likes ? (o(), a("span", bt)) : p("", !0),
                       $t,
-                      o("span", yt, u((i = s.replies) == null ? void 0 : i.length), 1)
+                      l("span", yt, u((i = s.replies) == null ? void 0 : i.length), 1)
                     ])
                   ])
                 ])
@@ -236,8 +236,8 @@ const tt = { class: "cu-item shadow" }, st = { class: "cu-list menu-avatar" }, n
     ]));
   }
 });
-X.install = (t) => {
-  t.component(X.name, X);
+Y.install = (t) => {
+  t.component(Y.name, Y);
 };
 const It = {
   ssss: "2px",
@@ -251,14 +251,14 @@ const It = {
   xxl: "30px",
   xxxl: "48px"
 };
-function wt(t, e, c = "px") {
+function Ct(t, e, c = "px") {
   if (typeof e == "number")
     return `${t}: ${e}${c};`;
   const s = It[e];
   return s ? `${t}: ${s};` : "";
 }
-function Ct(t) {
-  return wt("font-size", t);
+function wt(t) {
+  return Ct("font-size", t);
 }
 const xt = {
   name: "TIcon"
@@ -270,16 +270,16 @@ const xt = {
     size: { default: 15 }
   },
   setup(t) {
-    const e = t, c = j(() => Ct(e.size));
-    return (s, i) => (n(), l("i", {
+    const e = t, c = j(() => wt(e.size));
+    return (s, i) => (o(), a("i", {
       class: d(`cuIcon-${s.name} text-${s.color}`),
-      style: w(c.value)
+      style: C(c.value)
     }, null, 6));
   }
-}), Tt = { class: "action border-title" }, Bt = { class: "action border-title" }, St = { class: "tib text-xl text-bold text-blue" }, jt = /* @__PURE__ */ o("div", {
+}), Tt = { class: "action border-title" }, Bt = { class: "action border-title" }, St = { class: "tib text-xl text-bold text-blue" }, jt = /* @__PURE__ */ l("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__ */ o("div", {
+}, null, -1), Et = { class: "action sub-title" }, Vt = { class: "tib text-xl text-bold text-green" }, Mt = /* @__PURE__ */ l("div", {
   class: "tib bg-green",
   style: { width: "2rem" }
 }, null, -1), zt = { class: "action sub-title" }, qt = { class: "action title-style-3" }, At = {
@@ -288,8 +288,8 @@ const xt = {
 }, Nt = { class: "action" }, Pt = {
   key: 6,
   class: "cu-bar bg-white solid-bottom"
-}, Lt = { class: "action" }, Dt = { class: "action" }, Ft = { name: "TTitle" }, Y = /* @__PURE__ */ _({
-  ...Ft,
+}, Lt = { class: "action" }, Dt = { class: "action" }, Rt = { name: "TTitle" }, O = /* @__PURE__ */ _({
+  ...Rt,
   props: {
     title: { default: "主题名称" },
     deputy: { default: "about" },
@@ -300,95 +300,95 @@ const xt = {
     center: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (e, c) => e.mode === "default1" ? (n(), l("div", {
+    return (e, c) => e.mode === "default1" ? (o(), a("div", {
       key: 0,
       class: d(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      o("div", Tt, [
-        o("div", {
+      l("div", Tt, [
+        l("div", {
           class: d(["tib text-xl", `text-${e.color}`])
         }, u(e.title), 3),
-        o("div", {
+        l("div", {
           class: d(["tib", `bg-${e.decorateColor}`]),
           style: { width: "2rem" }
         }, null, 2)
       ])
-    ], 2)) : e.mode === "default2" ? (n(), l("div", {
+    ], 2)) : e.mode === "default2" ? (o(), a("div", {
       key: 1,
       class: d(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      o("div", Bt, [
-        o("div", St, u(e.title), 1),
+      l("div", Bt, [
+        l("div", St, u(e.title), 1),
         jt
       ])
-    ], 2)) : e.mode === "default3" ? (n(), l("div", {
+    ], 2)) : e.mode === "default3" ? (o(), a("div", {
       key: 2,
       class: d(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      o("div", Et, [
-        o("div", Vt, u(e.title), 1),
+      l("div", Et, [
+        l("div", Vt, u(e.title), 1),
         Mt
       ])
-    ], 2)) : e.mode === "default4" ? (n(), l("div", {
+    ], 2)) : e.mode === "default4" ? (o(), a("div", {
       key: 3,
       class: d(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      o("div", zt, [
-        o("div", {
+      l("div", zt, [
+        l("div", {
           class: d(["tib text-xl text-bold", `text-${e.color}`])
         }, u(e.title), 3),
-        o("div", {
+        l("div", {
           class: d(["tib text-ABC", `text-${e.decorateColor}`])
         }, u(e.deputy), 3)
       ])
-    ], 2)) : e.mode === "bilingual" ? (n(), l("div", {
+    ], 2)) : e.mode === "bilingual" ? (o(), a("div", {
       key: 4,
       class: d(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      o("div", qt, [
-        o("div", {
+      l("div", qt, [
+        l("div", {
           class: d(["tib", `text-${e.color}`])
         }, u(e.title), 3),
-        o("div", {
+        l("div", {
           class: d(["tib text-Abc self-end margin-left-sm", `text-${e.decorateColor}`])
         }, u(e.deputy), 3)
       ])
-    ], 2)) : e.mode === "icon-title" ? (n(), l("div", At, [
-      o("div", Nt, [
-        o("i", {
+    ], 2)) : e.mode === "icon-title" ? (o(), a("div", At, [
+      l("div", Nt, [
+        l("i", {
           class: d(`cuIcon-${e.icon} text-${e.color}`)
         }, null, 2),
-        o("div", {
+        l("div", {
           class: d(["tib text-xl", `text-${e.decorateColor}`])
         }, u(e.title), 3)
       ])
-    ])) : (n(), l("div", Pt, [
-      o("div", Lt, [
-        o("i", {
+    ])) : (o(), a("div", Pt, [
+      l("div", Lt, [
+        l("i", {
           class: d(`cuIcon-${e.icon} text-${e.color}`)
         }, null, 2),
         x(e.$slots, "default")
       ]),
-      o("div", Dt, [
+      l("div", Dt, [
         x(e.$slots, "action")
       ])
     ]));
   }
-}), Rt = {
+}), Ft = {
   name: "TAvatar"
 }, z = /* @__PURE__ */ _({
-  ...Rt,
+  ...Ft,
   props: {
     url: {},
     size: { default: "lg" },
     mode: { default: "round" }
   },
   setup(t) {
-    return (e, c) => e.url ? (n(), l("div", {
+    return (e, c) => e.url ? (o(), a("div", {
       key: 0,
       class: d(["cu-avatar", e.size, e.mode]),
-      style: w({ backgroundImage: `url(${e.url})` })
-    }, null, 6)) : (n(), l("div", {
+      style: C({ backgroundImage: `url(${e.url})` })
+    }, null, 6)) : (o(), a("div", {
       key: 1,
       class: d(["padding-xs", ["cu-avatar", e.size, e.mode]])
     }, [
@@ -397,7 +397,7 @@ const xt = {
   }
 }), Ut = { class: "cu-avatar-group" }, Xt = {
   name: "TAvatarGroup"
-}, O = /* @__PURE__ */ _({
+}, D = /* @__PURE__ */ _({
   ...Xt,
   props: {
     urls: { default: () => [] },
@@ -405,8 +405,8 @@ const xt = {
     mode: { default: "round" }
   },
   setup(t) {
-    return (e, c) => (n(), l("div", Ut, [
-      (n(!0), l(b, null, y(e.urls, (s, i) => (n(), V(z, {
+    return (e, c) => (o(), a("div", Ut, [
+      (o(!0), a(b, null, y(e.urls, (s, i) => (o(), V(z, {
         key: i,
         url: s,
         size: e.size
@@ -438,18 +438,18 @@ const xt = {
     })), i = j(() => ({
       marginRight: e.text ? "8px" : "0"
     }));
-    return (a, h) => (n(), l("button", {
+    return (n, h) => (o(), a("button", {
       class: d(c.value),
-      style: w(s.value),
-      disabled: a.disabled
+      style: C(s.value),
+      disabled: n.disabled
     }, [
-      x(a.$slots, "default"),
-      a.icon ? (n(), l("i", {
+      x(n.$slots, "default"),
+      n.icon ? (o(), a("i", {
         key: 0,
-        class: d(`cuIcon-${a.icon}`),
-        style: w(i.value)
+        class: d(`cuIcon-${n.icon}`),
+        style: C(i.value)
       }, null, 6)) : p("", !0),
-      a.text ? (n(), l("span", Ot, u(a.text), 1)) : p("", !0)
+      n.text ? (o(), a("span", Ot, u(n.text), 1)) : p("", !0)
     ], 14, Yt));
   }
 }), Gt = { key: 0 }, Kt = {
@@ -472,26 +472,26 @@ const xt = {
       `${e.line !== !1 ? "line" : "bg"}-${e.bg}`,
       e.size !== "default" ? e.size : ""
     ].join(" ")), s = j(() => ({}));
-    return (i, a) => (n(), l("div", {
+    return (i, n) => (o(), a("div", {
       class: d(c.value),
-      style: w(s.value)
+      style: C(s.value)
     }, [
       x(i.$slots, "default"),
-      i.text ? (n(), l("span", Gt, u(i.text), 1)) : p("", !0)
+      i.text ? (o(), a("span", Gt, u(i.text), 1)) : p("", !0)
     ], 6));
   }
 });
 L.install = (t) => {
   t.component(L.name, L);
 };
-Y.install = (t) => {
-  t.component(Y.name, Y);
+O.install = (t) => {
+  t.component(O.name, O);
 };
 z.install = (t) => {
   t.component(z.name, z);
 };
-O.install = (t) => {
-  t.component(O.name, O);
+D.install = (t) => {
+  t.component(D.name, D);
 };
 H.install = (t) => {
   t.component(H.name, H);
@@ -548,28 +548,28 @@ const Jt = ["onClick"], Qt = {
     const e = t, c = (s, i) => {
       e.onItemClick && e.onItemClick(s, i);
     };
-    return (s, i) => (n(), l("div", {
+    return (s, i) => (o(), a("div", {
       class: d(["cu-bar tabbar", `bg-${s.bg} ${s.isFoot ? "foot" : ""}`])
     }, [
-      (n(!0), l(b, null, y(s.items, (a, h) => (n(), l("div", {
+      (o(!0), a(b, null, y(s.items, (n, h) => (o(), a("div", {
         key: h,
         class: d(["action", `text-${h === s.activeIndex ? s.activeColor : s.color}`]),
-        onClick: (r) => c(a, h)
+        onClick: (r) => c(n, h)
       }, [
-        a.img ? (n(), l("div", Qt, [
-          o("img", {
-            src: a.img,
+        n.img ? (o(), a("div", Qt, [
+          l("img", {
+            src: n.img,
             style: { width: "21px", height: "21px" },
             class: "radius"
           }, null, 8, Wt),
-          a.badge ? (n(), l("div", Zt, u(a.badge), 1)) : p("", !0)
-        ])) : (n(), l("div", {
+          n.badge ? (o(), a("div", Zt, u(n.badge), 1)) : p("", !0)
+        ])) : (o(), a("div", {
           key: 1,
-          class: d(`cuIcon-${a.icon}`)
+          class: d(`cuIcon-${n.icon}`)
         }, [
-          a.badge ? (n(), l("div", es, u(a.badge), 1)) : p("", !0)
+          n.badge ? (o(), a("div", es, u(n.badge), 1)) : p("", !0)
         ], 2)),
-        o("div", null, u(a.label), 1)
+        l("div", null, u(n.label), 1)
       ], 10, Jt))), 128))
     ], 2));
   }
@@ -577,14 +577,8 @@ const Jt = ["onClick"], Qt = {
 G.install = (t) => {
   t.component(G.name, G);
 };
-const ss = {
-  key: 0,
-  class: "action"
-}, ns = { key: 1 }, os = { class: "content text-bold" }, ls = {
-  key: 2,
-  class: "action"
-}, as = { name: "TTopBar" }, K = /* @__PURE__ */ _({
-  ...as,
+const ss = { key: 1 }, ns = { class: "content text-bold" }, os = { key: 1 }, ls = { name: "TTopBar" }, K = /* @__PURE__ */ _({
+  ...ls,
   props: {
     title: {},
     leftIcon: {},
@@ -592,30 +586,47 @@ const ss = {
     leftText: {},
     rightIcon: {},
     rightIconColor: { default: "gray" },
+    rightText: {},
     bg: { default: "white" },
     avatarUrl: {}
   },
-  setup(t) {
-    return (e, c) => (n(), l("div", {
-      class: d(["cu-bar", `bg-${e.bg}`])
+  emits: ["leftClick", "rightClick"],
+  setup(t, { emit: e }) {
+    const c = e, s = () => {
+      c("leftClick");
+    }, i = () => {
+      c("rightClick");
+    };
+    return (n, h) => (o(), a("div", {
+      class: d(["cu-bar", `bg-${n.bg}`])
     }, [
-      e.leftIcon || e.leftText ? (n(), l("div", ss, [
-        e.leftIcon ? (n(), l("text", {
+      n.leftIcon || n.leftText ? (o(), a("div", {
+        key: 0,
+        class: "action",
+        onClick: s
+      }, [
+        n.leftIcon ? (o(), a("text", {
           key: 0,
-          class: d(`cuIcon-${e.leftIcon} text-${e.leftIconColor}`)
+          class: d(`cuIcon-${n.leftIcon} text-${n.leftIconColor}`)
         }, null, 2)) : p("", !0),
-        e.leftText ? (n(), l("span", ns, u(e.leftText), 1)) : p("", !0)
+        n.leftText ? (o(), a("span", ss, u(n.leftText), 1)) : p("", !0)
       ])) : p("", !0),
-      e.avatarUrl ? (n(), l("div", {
+      n.avatarUrl ? (o(), a("div", {
         key: 1,
         class: "cu-avatar round",
-        style: w({ backgroundImage: `url(${e.avatarUrl})` })
+        style: C({ backgroundImage: `url(${n.avatarUrl})` })
       }, 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)
+      l("div", ns, u(n.title), 1),
+      n.rightIcon || n.rightText ? (o(), a("div", {
+        key: 2,
+        class: "action",
+        onClick: i
+      }, [
+        n.rightIcon ? (o(), a("text", {
+          key: 0,
+          class: d(`cuIcon-${n.rightIcon} text-${n.rightIconColor}`)
+        }, null, 2)) : p("", !0),
+        n.rightText ? (o(), a("span", os, u(n.rightText), 1)) : p("", !0)
       ])) : p("", !0)
     ], 2));
   }
@@ -623,13 +634,13 @@ const ss = {
 K.install = (t) => {
   t.component(K.name, K);
 };
-const is = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), cs = ["placeholder"], rs = { class: "action" }, us = {
+const as = /* @__PURE__ */ l("text", { class: "cuIcon-search" }, null, -1), is = ["placeholder"], cs = { class: "action" }, rs = {
   key: 0,
   class: "cu-btn bg-green shadow-blur round"
-}, ds = { key: 0 }, hs = { key: 3 }, ps = {
+}, us = { key: 0 }, ds = { key: 3 }, hs = {
   name: "TSearchBar"
 }, J = /* @__PURE__ */ _({
-  ...ps,
+  ...hs,
   props: {
     placeholder: { default: "" },
     bgColor: { default: "white" },
@@ -647,39 +658,39 @@ const is = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), cs =
     }, s = () => {
       e.value = 0;
     };
-    return (i, a) => (n(), l("div", {
+    return (i, n) => (o(), a("div", {
       class: d(["cu-bar", `bg-${i.bgColor}`, "search"])
     }, [
-      i.avatarUrl ? (n(), l("div", {
+      i.avatarUrl ? (o(), a("div", {
         key: 0,
         class: "cu-avatar round",
-        style: w({ backgroundImage: `url(${i.avatarUrl})` })
+        style: C({ backgroundImage: `url(${i.avatarUrl})` })
       }, null, 4)) : p("", !0),
-      o("div", {
+      l("div", {
         class: d(["search-form", i.borderRadiusClass])
       }, [
-        is,
-        o("input", {
+        as,
+        l("input", {
           onFocus: c,
           onBlur: s,
           "adjust-position": !1,
           type: "text",
           placeholder: i.placeholder,
           "confirm-type": "search"
-        }, null, 40, cs)
+        }, null, 40, is)
       ], 2),
-      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", {
+      l("div", cs, [
+        i.buttonText ? (o(), a("button", rs, u(i.buttonText), 1)) : (o(), a(b, { key: 1 }, [
+          i.location ? (o(), a("text", us, u(i.location), 1)) : p("", !0),
+          i.locationIcon ? (o(), a("text", {
             key: 1,
             class: d(`cuIcon-${i.locationIcon}`)
           }, null, 2)) : p("", !0),
-          i.actionIcon ? (n(), l("text", {
+          i.actionIcon ? (o(), a("text", {
             key: 2,
             class: d(`cuIcon-${i.actionIcon}`)
           }, null, 2)) : p("", !0),
-          i.actionText ? (n(), l("text", hs, u(i.actionText), 1)) : p("", !0)
+          i.actionText ? (o(), a("text", ds, u(i.actionText), 1)) : p("", !0)
         ], 64))
       ])
     ], 2));
@@ -688,10 +699,10 @@ const is = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), cs =
 J.install = (t) => {
   t.component(J.name, J);
 };
-const fs = {
+const ps = {
   key: 0,
   class: "string-list"
-}, ms = ["innerHTML", "onClick"], gs = /* @__PURE__ */ _({
+}, fs = ["innerHTML", "onClick"], ms = /* @__PURE__ */ _({
   __name: "CandidateBox",
   props: {
     text: {},
@@ -701,7 +712,7 @@ const fs = {
   setup(t, { emit: e }) {
     const c = e, s = t, i = (h = "", r) => {
       c("send", h, r);
-    }, a = j(() => s.stringArray.map((h) => {
+    }, n = j(() => s.stringArray.map((h) => {
       if (!s.text)
         return h.text;
       let r = "";
@@ -709,15 +720,15 @@ const fs = {
         s.text.includes(f) ? r += `<span style="color:#ff0000">${f}</span>` : r += f;
       return r;
     }));
-    return (h, r) => h.stringArray.length ? (n(), l("ul", fs, [
-      (n(!0), l(b, null, y(a.value, (f, $) => (n(), l("li", {
+    return (h, r) => h.stringArray.length ? (o(), a("ul", ps, [
+      (o(!0), a(b, null, y(n.value, (f, $) => (o(), a("li", {
         key: $,
         innerHTML: f,
         onClick: (g) => i(h.stringArray[$].text, h.stringArray[$])
-      }, null, 8, ms))), 128))
+      }, null, 8, fs))), 128))
     ])) : p("", !0);
   }
-}), _s = /* @__PURE__ */ A(gs, [["__scopeId", "data-v-c7a21a1c"]]), vs = [
+}), gs = /* @__PURE__ */ A(ms, [["__scopeId", "data-v-c7a21a1c"]]), _s = [
   "😀",
   "😁",
   "😂",
@@ -781,7 +792,7 @@ const fs = {
   "☠",
   "👻",
   "👽"
-], Hn = [
+], On = [
   { title: "红色", name: "red" },
   { title: "橙色", name: "orange" },
   { title: "黄色", name: "yellow" },
@@ -820,65 +831,65 @@ const fs = {
   { title: "渐变湖蓝", name: "gradual-lake-blue" },
   { title: "渐变玫瑰金", name: "gradual-rose-gold" },
   { title: "渐变海洋", name: "gradual-ocean" }
-], bs = ["onClick"], $s = /* @__PURE__ */ _({
+], vs = ["onClick"], bs = /* @__PURE__ */ _({
   __name: "EmojiPanel",
   emits: ["addEmoji"],
   setup(t, { emit: e }) {
     const c = e, s = (i) => {
       c("addEmoji", i);
     };
-    return (i, a) => (n(), l("div", {
+    return (i, n) => (o(), a("div", {
       class: "emoji-panel",
       ref: "emojiPanel",
-      onClick: a[0] || (a[0] = de(() => {
+      onClick: n[0] || (n[0] = de(() => {
       }, ["stop"]))
     }, [
-      (n(!0), l(b, null, y(Be(vs), (h) => (n(), l("span", {
+      (o(!0), a(b, null, y(Be(_s), (h) => (o(), a("span", {
         key: h,
         onClick: (r) => s(h)
-      }, u(h), 9, bs))), 128))
+      }, u(h), 9, vs))), 128))
     ], 512));
   }
-}), ys = /* @__PURE__ */ A($s, [["__scopeId", "data-v-e9a4aa4d"]]), ks = { class: "function-panel-container" }, Is = ["onClick"], ws = /* @__PURE__ */ _({
+}), $s = /* @__PURE__ */ A(bs, [["__scopeId", "data-v-e9a4aa4d"]]), ys = { class: "function-panel-container" }, ks = ["onClick"], Is = /* @__PURE__ */ _({
   __name: "FunctionPanel",
   props: {
     items: {}
   },
   setup(t) {
     const e = B(null);
-    return D(() => {
+    return R(() => {
     }), (c, s) => {
       const i = ke("TIcon");
-      return n(), l("div", ks, [
-        o("div", {
+      return o(), a("div", ys, [
+        l("div", {
           class: "function-panel",
           ref_key: "functionPanel",
           ref: e
         }, [
-          (n(!0), l(b, null, y(c.items, (a, h) => (n(), l("div", {
+          (o(!0), a(b, null, y(c.items, (n, h) => (o(), a("div", {
             key: h,
             class: "function-item",
-            onClick: a.event
+            onClick: n.event
           }, [
             P(i, {
-              name: a.icon,
-              color: a.color,
+              name: n.icon,
+              color: n.color,
               size: 26
             }, null, 8, ["name", "color"]),
-            o("span", null, u(a.text), 1)
-          ], 8, Is))), 128))
+            l("span", null, u(n.text), 1)
+          ], 8, ks))), 128))
         ], 512)
       ]);
     };
   }
-}), Cs = /* @__PURE__ */ A(ws, [["__scopeId", "data-v-1fefca20"]]), xs = { class: "cu-bar input" }, Ts = {
+}), Cs = /* @__PURE__ */ A(Is, [["__scopeId", "data-v-1fefca20"]]), ws = { class: "cu-bar input" }, xs = {
   key: 0,
   class: "action"
-}, Bs = {
+}, Ts = {
   key: 1,
   class: "action"
-}, Ss = ["value", "placeholder"], js = { class: "action" }, Es = { name: "TInputBar" }, Vs = /* @__PURE__ */ _({
-  ...Es,
+}, Bs = ["value", "placeholder"], Ss = { class: "action" }, js = { name: "TInputBar" }, Es = /* @__PURE__ */ _({
+  ...js,
   props: {
     modelValue: {},
     leftIcon: {},
@@ -892,46 +903,46 @@ const fs = {
   },
   emits: ["update:modelValue", "send"],
   setup(t, { emit: e }) {
-    const c = B(0), s = B(!1), i = B(!1), a = e, h = t, r = (m) => {
+    const c = B(0), s = B(!1), i = B(!1), n = 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;
+    }, $ = (m = "", w) => {
+      m ? n("send", m, w) : n("send", h.modelValue), n("update:modelValue", ""), s.value = !1;
     }, g = () => {
       i.value = !1, s.value = !s.value;
     }, I = () => {
       s.value = !1, i.value = !i.value;
     }, S = (m) => {
-      a("update:modelValue", h.modelValue + m);
+      n("update:modelValue", h.modelValue + m);
     }, E = (m) => {
-      const C = m.target;
-      a("update:modelValue", C.value);
+      const w = m.target;
+      n("update:modelValue", w.value);
     };
-    return D(() => {
+    return R(() => {
     }), Se(() => {
-    }), (m, C) => (n(), l(b, null, [
-      P(_s, {
+    }), (m, w) => (o(), a(b, null, [
+      P(gs, {
         text: m.modelValue,
         "string-array": m.stringArray,
         onSend: $
       }, null, 8, ["text", "string-array"]),
-      o("div", xs, [
-        m.leftIcon ? (n(), l("div", Ts, [
-          o("text", {
+      l("div", ws, [
+        m.leftIcon ? (o(), a("div", xs, [
+          l("text", {
             class: d(`cuIcon-${m.leftIcon} text-grey`)
           }, null, 2)
         ])) : p("", !0),
-        m.middleIcon ? (n(), l("div", Bs, [
-          o("text", {
+        m.middleIcon ? (o(), a("div", Ts, [
+          l("text", {
             class: d(`cuIcon-${m.middleIcon} text-grey`)
           }, null, 2)
         ])) : p("", !0),
-        o("input", {
+        l("input", {
           onFocus: r,
           onBlur: f,
-          onKeydown: C[0] || (C[0] = je((N) => $(), ["enter"])),
-          onConfirm: C[1] || (C[1] = (N) => $()),
+          onKeydown: w[0] || (w[0] = je((N) => $(), ["enter"])),
+          onConfirm: w[1] || (w[1] = (N) => $()),
           "adjust-position": !1,
           class: "solid-bottom",
           maxlength: "300",
@@ -939,28 +950,28 @@ const fs = {
           value: m.modelValue,
           onInput: E,
           placeholder: m.placeholder
-        }, null, 40, Ss),
-        o("div", js, [
-          o("text", {
+        }, null, 40, Bs),
+        l("div", Ss, [
+          l("text", {
             class: d(`cuIcon-${m.rightIcon} text-grey`),
             onClick: de(g, ["stop"])
           }, null, 2),
-          m.functionItems && m.functionItems.length > 0 ? (n(), l("text", {
+          m.functionItems && m.functionItems.length > 0 ? (o(), a("text", {
             key: 0,
             class: d("cuIcon-roundaddfill text-grey"),
             onClick: de(I, ["stop"])
           })) : p("", !0)
         ]),
-        o("button", {
+        l("button", {
           class: d(["cu-btn shadow-blur round", `bg-${m.buttonBg}`]),
-          onClick: C[2] || (C[2] = (N) => $())
+          onClick: w[2] || (w[2] = (N) => $())
         }, [
           x(m.$slots, "default", {}, () => [
             k(u(m.buttonText), 1)
           ], !0)
         ], 2)
       ]),
-      he(P(ys, { onAddEmoji: S }, null, 512), [
+      he(P($s, { onAddEmoji: S }, null, 512), [
         [pe, s.value]
       ]),
       he(P(Cs, { items: m.functionItems }, null, 8, ["items"]), [
@@ -968,14 +979,14 @@ const fs = {
       ])
     ], 64));
   }
-}), Q = /* @__PURE__ */ A(Vs, [["__scopeId", "data-v-626eda11"]]);
+}), Q = /* @__PURE__ */ A(Es, [["__scopeId", "data-v-626eda11"]]);
 Q.install = (t) => {
   t.component(Q.name, Q);
 };
-const Ms = ["onClick"], zs = { class: "tab-content" }, qs = {
+const Vs = ["onClick"], Ms = { class: "tab-content" }, zs = {
   name: "TTabs"
 }, W = /* @__PURE__ */ _({
-  ...qs,
+  ...zs,
   props: {
     modelValue: { default: 0 },
     center: { type: Boolean, default: !1 },
@@ -989,52 +1000,52 @@ const Ms = ["onClick"], zs = { class: "tab-content" }, qs = {
   },
   emits: ["update:modelValue", "select"],
   setup(t, { emit: e }) {
-    const c = t, s = e, i = B([]), a = B(c.modelValue), h = (g, I) => {
-      a.value = g, s("update:modelValue", g), s("select", I);
+    const c = t, s = e, i = B([]), n = B(c.modelValue), h = (g, I) => {
+      n.value = g, s("update:modelValue", g), s("select", I);
     };
-    ve("registerTab", (g) => (i.value.push(g), i.value.length - 1)), ve("activeTab", a);
+    ve("registerTab", (g) => (i.value.push(g), i.value.length - 1)), ve("activeTab", n);
     const f = j(() => c.center !== !1 ? "justify-content:center;" : `justify-content:${c.mode}`), $ = j(() => (g) => {
       let 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 n.value === g && (I.push(`text-${c.color}`), c.bold !== !1 && I.push("text-bold"), c.line !== !1 && I.push("cur")), I;
     });
     return Ie(
       () => c.modelValue,
       (g) => {
-        a.value = g;
+        n.value = g;
       },
       {
         immediate: !0
       }
-    ), (g, I) => (n(), l("div", {
+    ), (g, I) => (o(), a("div", {
       class: d(g.isCard !== !1 ? "is-card" : "")
     }, [
-      o("div", {
+      l("div", {
         class: d(["nav flex", [, `bg-${g.bg}`, `text-${g.text}`]]),
-        style: w(f.value)
+        style: C(f.value)
       }, [
-        (n(!0), l(b, null, y(i.value, (S, E) => (n(), l("div", {
+        (o(!0), a(b, null, y(i.value, (S, E) => (o(), a("div", {
           class: d(["cu-item", $.value(E)]),
           key: E,
           onClick: (m) => h(E, S)
         }, [
-          S.icon ? (n(), l("i", {
+          S.icon ? (o(), a("i", {
             key: 0,
-            class: d(`cuIcon-${S.icon} text-${a.value === E ? g.color : S.iconColor}`)
+            class: d(`cuIcon-${S.icon} text-${n.value === E ? g.color : S.iconColor}`)
           }, null, 2)) : p("", !0),
           k(" " + u(S.label), 1)
-        ], 10, Ms))), 128))
+        ], 10, Vs))), 128))
       ], 6),
-      o("div", zs, [
+      l("div", Ms, [
         x(g.$slots, "default", {
-          tab: i.value[a.value]
+          tab: i.value[n.value]
         })
       ])
     ], 2));
   }
-}), As = {
+}), qs = {
   name: "TTab"
 }, Z = /* @__PURE__ */ _({
-  ...As,
+  ...qs,
   props: {
     label: {},
     icon: { default: "" },
@@ -1043,22 +1054,22 @@ const Ms = ["onClick"], zs = { class: "tab-content" }, qs = {
   setup(t) {
     const e = t, c = fe(
       "registerTab"
-    ), s = fe("activeTab"), i = B(null), a = j(() => (s == null ? void 0 : s.value) === i.value), h = j(() => ({
+    ), s = fe("activeTab"), i = B(null), n = j(() => (s == null ? void 0 : s.value) === i.value), h = j(() => ({
       label: e.label,
       icon: e.icon,
       iconColor: e.iconColor
     }));
-    return D(() => {
+    return R(() => {
       c && (i.value = c({
         label: e.label,
         icon: e.icon,
         iconColor: e.iconColor
       }));
-    }), (r, f) => he((n(), l("div", null, [
+    }), (r, f) => he((o(), a("div", null, [
       x(r.$slots, "default"),
       x(r.$slots, "custom", { tab: h.value })
     ], 512)), [
-      [pe, a.value]
+      [pe, n.value]
     ]);
   }
 });
@@ -1088,16 +1099,16 @@ var ye;
 })(ye || (ye = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
-const Ns = Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
+const As = 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 fe(Ns);
+function Ns() {
+  return fe(As);
 }
-const Ls = ["onClick"], Ds = {
+const Ps = ["onClick"], Ls = {
   key: 0,
   class: "cu-tag badge"
-}, Fs = { key: 0 }, Rs = {
+}, Ds = { key: 0 }, Rs = {
   name: "GridGroup"
 }, ee = /* @__PURE__ */ _({
   ...Rs,
@@ -1170,7 +1181,7 @@ const Ls = ["onClick"], Ds = {
     routeFn: { type: Function, default: void 0 }
   },
   setup(t) {
-    const e = t, c = Ps(), s = (i) => {
+    const e = t, c = Ns(), s = (i) => {
       if (i.path) {
         e.routeFn ? e.routeFn().push({
           path: i.path
@@ -1184,40 +1195,40 @@ const Ls = ["onClick"], Ds = {
         return;
       }
     };
-    return (i, a) => (n(), l("div", {
+    return (i, n) => (o(), a("div", {
       class: d(["cu-list grid", ["col-" + i.gridCol, i.gridBorder ? "" : "no-border"]])
     }, [
-      (n(!0), l(b, null, y(i.cuIconList, (h, r) => (n(), l("div", {
+      (o(!0), a(b, null, y(i.cuIconList, (h, r) => (o(), a("div", {
         class: "cu-item",
         key: r,
-        style: w(`width: calc(100% / ${i.gridCol})`),
+        style: C(`width: calc(100% / ${i.gridCol})`),
         onClick: (f) => s(h)
       }, [
-        o("div", {
+        l("div", {
           class: d(["cuIcon-" + h.cuIcon, "text-" + h.color])
         }, [
-          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)
+          h.badge != 0 ? (o(), a("div", Ls, [
+            h.badge != 1 ? (o(), a("i", Ds, u((h.badge || 0) > 99 ? "99+" : h.badge), 1)) : p("", !0)
           ])) : p("", !0)
         ], 2),
-        o("text", null, u(h.name), 1)
-      ], 12, Ls))), 128))
+        l("text", null, u(h.name), 1)
+      ], 12, Ps))), 128))
     ], 2));
   }
 });
 ee.install = (t) => {
   t.component(ee.name, ee);
 };
-const Us = ["onClick"], Xs = { class: "content" }, Ys = ["src", "alt"], Os = { class: "text-grey" }, Hs = { class: "action" }, Gs = {
+const Fs = ["onClick"], Us = { class: "content" }, Xs = ["src", "alt"], Ys = { class: "text-grey" }, Os = { class: "action" }, Hs = {
   key: 1,
   class: "text-grey text-sm"
-}, Ks = ["onClick"], Js = {
+}, Gs = ["onClick"], Ks = {
   key: 4,
   class: "text-grey text-sm"
-}, Qs = {
+}, Js = {
   name: "Menu"
 }, te = /* @__PURE__ */ _({
-  ...Qs,
+  ...Js,
   props: {
     menuItems: { default: () => [
       {
@@ -1299,51 +1310,51 @@ const Us = ["onClick"], Xs = { class: "content" }, Ys = ["src", "alt"], Os = { c
     }, c = (s) => {
       s && s();
     };
-    return (s, i) => (n(), l("div", {
+    return (s, i) => (o(), a("div", {
       class: d(["cu-list menu", [s.menuBorder ? "sm-border" : "", s.menuCard ? "card-menu" : ""]])
     }, [
-      (n(!0), l(b, null, y(s.menuItems, (a, h) => (n(), l("div", {
+      (o(!0), a(b, null, y(s.menuItems, (n, h) => (o(), a("div", {
         key: h,
         class: d(["cu-item", s.menuArrow ? "arrow" : ""]),
-        onClick: (r) => e(a)
+        onClick: (r) => e(n)
       }, [
-        o("div", Xs, [
-          a.icon ? (n(), V(L, {
+        l("div", Us, [
+          n.icon ? (o(), V(L, {
             key: 0,
             class: "icon",
-            name: a.icon.name,
-            color: a.icon.color
+            name: n.icon.name,
+            color: n.icon.color
           }, null, 8, ["name", "color"])) : p("", !0),
-          a.img ? (n(), l("img", {
+          n.img ? (o(), a("img", {
             key: 1,
             class: "icon",
-            src: a.img.url,
-            alt: a.img.alt
-          }, null, 8, Ys)) : p("", !0),
-          o("text", Os, u(a.title), 1)
+            src: n.img.url,
+            alt: n.img.alt
+          }, null, 8, Xs)) : p("", !0),
+          l("text", Ys, u(n.title), 1)
         ]),
-        o("div", Hs, [
-          a.group ? (n(), V(O, {
+        l("div", Os, [
+          n.group ? (o(), V(D, {
             key: 0,
-            urls: a.group
+            urls: n.group
           }, null, 8, ["urls"])) : p("", !0),
-          a.group ? (n(), l("text", Gs, u(a.group.length) + "人", 1)) : p("", !0),
-          a.btn ? (n(), l("button", {
+          n.group ? (o(), a("text", Hs, u(n.group.length) + "人", 1)) : p("", !0),
+          n.btn ? (o(), a("button", {
             key: 2,
-            class: d(["cu-btn round shadow", `bg-${a.btn.bg}`]),
+            class: d(["cu-btn round shadow", `bg-${n.btn.bg}`]),
             onClick: (r) => {
               var f;
-              return c((f = a.btn) == null ? void 0 : f.event);
+              return c((f = n.btn) == null ? void 0 : f.event);
             }
           }, [
-            a.btn.icon ? (n(), V(L, {
+            n.btn.icon ? (o(), V(L, {
               key: 0,
-              name: a.btn.icon,
+              name: n.btn.icon,
               color: "white"
             }, null, 8, ["name"])) : p("", !0),
-            k(" " + u(a.btn.text), 1)
-          ], 10, Ks)) : p("", !0),
-          a.tags ? (n(!0), l(b, { key: 3 }, y(a.tags, (r, f) => (n(), V(q, {
+            k(" " + u(n.btn.text), 1)
+          ], 10, Gs)) : p("", !0),
+          n.tags ? (o(!0), a(b, { key: 3 }, y(n.tags, (r, f) => (o(), V(q, {
             size: r.size,
             key: f,
             bg: r.bg,
@@ -1355,22 +1366,22 @@ const Us = ["onClick"], Xs = { class: "content" }, Ys = ["src", "alt"], Os = { c
             ]),
             _: 2
           }, 1032, ["size", "bg", "light"]))), 128)) : p("", !0),
-          a.text ? (n(), l("text", Js, u(a.text), 1)) : p("", !0)
+          n.text ? (o(), a("text", Ks, u(n.text), 1)) : p("", !0)
         ])
-      ], 10, Us))), 128))
+      ], 10, Fs))), 128))
     ], 2));
   }
 });
 te.install = (t) => {
   t.component(te.name, te);
 };
-const Ws = {
+const Qs = {
   key: 1,
   class: "cu-tag badge"
-}, 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 = {
+}, Ws = { class: "content" }, Zs = { class: "flex align-center" }, en = { class: "text-cut text-black" }, tn = { class: "text-gray text-sm flex" }, sn = { class: "text-cut" }, nn = { class: "action" }, on = { class: "text-grey text-xs" }, ln = {
   name: "ChatListItem"
 }, me = /* @__PURE__ */ _({
-  ...an,
+  ...ln,
   props: {
     userinfo: {},
     roomId: {},
@@ -1392,46 +1403,46 @@ const Ws = {
   setup(t) {
     const e = t;
     return (c, s) => {
-      var a;
+      var n;
       const i = ke("TIcon");
-      return n(), l("div", {
+      return o(), a("div", {
         class: d(["cu-item", { grayscale: c.isDisconnected, cur: c.isCurrent }]),
         onClick: s[0] || (s[0] = (h) => c.event(e))
       }, [
-        o("div", {
+        l("div", {
           class: d(["cu-avatar", c.userinfo.avatarShape, "lg", `bg-${c.avatarBg}`]),
-          style: w({
+          style: C({
             backgroundImage: c.userinfo.avatar ? `url(${c.userinfo.avatar})` : ""
           })
         }, [
-          (a = c.userinfo) != null && a.avatar ? p("", !0) : (n(), V(i, {
+          (n = c.userinfo) != null && n.avatar ? p("", !0) : (o(), V(i, {
             key: 0,
             name: c.avatarName,
             size: 36,
             color: "white"
           }, null, 8, ["name"])),
-          c.badge ? (n(), l("div", Ws, u(c.badge), 1)) : p("", !0)
+          c.badge ? (o(), a("div", Qs, u(c.badge), 1)) : p("", !0)
         ], 6),
-        o("div", Zs, [
-          o("div", en, [
-            o("div", tn, u(c.userinfo.name), 1),
-            c.userinfo.tag ? (n(), l("div", {
+        l("div", Ws, [
+          l("div", Zs, [
+            l("div", en, u(c.userinfo.name), 1),
+            c.userinfo.tag ? (o(), a("div", {
               key: 0,
               class: d(["cu-tag", "round", `bg-${c.userinfo.tagColor}`, "sm"])
             }, u(c.userinfo.tag), 3)) : p("", !0)
           ]),
-          o("div", sn, [
-            o("div", nn, [
+          l("div", tn, [
+            l("div", sn, [
               x(c.$slots, "default")
             ])
           ])
         ]),
-        o("div", on, [
-          o("div", ln, u(c.time), 1),
-          c.unread ? (n(), l("div", {
+        l("div", nn, [
+          l("div", on, u(c.time), 1),
+          c.unread ? (o(), a("div", {
             key: 0,
             class: d(["cu-tag", "round", `bg-${c.unreadColor}`, "sm"])
-          }, u(c.unread), 3)) : c.icon ? (n(), l("div", {
+          }, u(c.unread), 3)) : c.icon ? (o(), a("div", {
             key: 1,
             class: d(c.iconClass)
           }, null, 2)) : p("", !0)
@@ -1439,16 +1450,16 @@ const Ws = {
       ], 2);
     };
   }
-}), cn = { class: "cu-list menu-avatar" }, rn = {
+}), an = { class: "cu-list menu-avatar" }, cn = {
   name: "ChatList"
 }, se = /* @__PURE__ */ _({
-  ...rn,
+  ...cn,
   props: {
     items: {}
   },
   setup(t) {
-    return (e, c) => (n(), l("div", cn, [
-      (n(!0), l(b, null, y(e.items, (s, i) => (n(), V(me, {
+    return (e, c) => (o(), a("div", an, [
+      (o(!0), a(b, null, y(e.items, (s, i) => (o(), V(me, {
         "avatar-name": s.avatarName,
         "avatar-bg": s.avatarBg,
         time: s.time,
@@ -1476,74 +1487,74 @@ const Ws = {
 se.install = (t) => {
   t.component(se.name, se), t.component(me.name, me);
 };
-const un = { class: "cu-chat" }, dn = {
+const rn = { class: "cu-chat" }, un = {
   key: 0,
   class: "cu-info round"
-}, hn = {
+}, dn = {
   key: 1,
   class: "cu-info"
-}, pn = /* @__PURE__ */ o("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), fn = { class: "main" }, mn = ["src"], gn = {
+}, hn = /* @__PURE__ */ l("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), pn = { class: "main" }, fn = ["src"], mn = {
   key: 2,
   class: "content shadow"
-}, _n = /* @__PURE__ */ o("text", { class: "cuIcon-sound text-xxl padding-right-xl" }, null, -1), vn = { class: "action text-bold text-grey" }, bn = {
+}, gn = /* @__PURE__ */ l("text", { class: "cuIcon-sound text-xxl padding-right-xl" }, null, -1), _n = { class: "action text-bold text-grey" }, vn = {
   key: 3,
   class: "content shadow"
-}, $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,
+}, bn = /* @__PURE__ */ l("text", { class: "cuIcon-locationfill text-orange text-xxl" }, null, -1), $n = { class: "content shadow" }, yn = /* @__PURE__ */ l("div", { class: "action text-grey" }, [
+  /* @__PURE__ */ l("text", { class: "cuIcon-warnfill text-red text-xxl" }),
+  /* @__PURE__ */ l("text", { class: "text-sm margin-left-sm" }, "翻译错误")
+], -1), kn = { class: "date" }, In = { name: "ChatRoom" }, ne = /* @__PURE__ */ _({
+  ...In,
   props: {
     messages: {}
   },
   setup(t) {
-    return (e, c) => (n(), l("div", un, [
-      (n(!0), l(b, null, y(e.messages, (s) => (n(), l("div", {
+    return (e, c) => (o(), a("div", rn, [
+      (o(!0), a(b, null, y(e.messages, (s) => (o(), a("div", {
         key: s.id,
         class: d(["cu-item", { self: s.self }])
       }, [
-        s.type === "info" ? (n(), l(b, { key: 0 }, [
-          s.self ? (n(), l("div", dn, u(s.content), 1)) : (n(), l("div", hn, [
-            pn,
+        s.type === "info" ? (o(), a(b, { key: 0 }, [
+          s.self ? (o(), a("div", un, u(s.content), 1)) : (o(), a("div", dn, [
+            hn,
             k(" " + u(s.content), 1)
           ]))
-        ], 64)) : (n(), l(b, { key: 1 }, [
-          s.self ? p("", !0) : (n(), V(z, {
+        ], 64)) : (o(), a(b, { key: 1 }, [
+          s.self ? p("", !0) : (o(), V(z, {
             key: 0,
             mode: "radius",
             url: s.avatar
           }, null, 8, ["url"])),
-          o("div", fn, [
-            s.type === "text" ? (n(), l("div", {
+          l("div", pn, [
+            s.type === "text" ? (o(), a("div", {
               key: 0,
               class: d(["content shadow", { "bg-green": s.self }])
             }, [
-              o("text", null, u(s.content), 1)
-            ], 2)) : s.type === "image" ? (n(), l("img", {
+              l("text", null, u(s.content), 1)
+            ], 2)) : s.type === "image" ? (o(), a("img", {
               key: 1,
               src: s.content,
               class: "radius",
               style: { "max-width": "100%" }
-            }, 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,
+            }, null, 8, fn)) : s.type === "audio" ? (o(), a("div", mn, [
+              gn,
+              l("div", _n, u(s.content), 1)
+            ])) : s.type === "location" ? (o(), a("div", vn, [
+              bn,
               k(" " + u(s.content), 1)
-            ])) : s.type === "warning" ? (n(), l(b, { key: 4 }, [
-              o("div", yn, u(s.content), 1),
-              kn
+            ])) : s.type === "warning" ? (o(), a(b, { key: 4 }, [
+              l("div", $n, u(s.content), 1),
+              yn
             ], 64)) : x(e.$slots, "custom-message", {
               key: 5,
               message: s
             })
           ]),
-          s.self ? (n(), V(z, {
+          s.self ? (o(), V(z, {
             key: 1,
             mode: "radius",
             url: s.avatar
           }, null, 8, ["url"])) : p("", !0),
-          o("div", In, u(s.date), 1)
+          l("div", kn, u(s.date), 1)
         ], 64))
       ], 2))), 128))
     ]));
@@ -1552,13 +1563,13 @@ const un = { class: "cu-chat" }, dn = {
 ne.install = (t) => {
   t.component(ne.name, ne);
 };
-const Cn = { class: "cu-time" }, xn = {
+const Cn = { class: "cu-time" }, wn = {
   key: 0,
   class: "cu-capsule radius"
-}, Tn = {
+}, xn = {
   name: "TimeLine"
 }, oe = /* @__PURE__ */ _({
-  ...Tn,
+  ...xn,
   props: {
     items: { default: () => [] }
   },
@@ -1578,22 +1589,22 @@ const Cn = { class: "cu-time" }, xn = {
           return `text-gray cuIcon-${s.icon || "radioboxfill"}`;
       }
     }
-    return (s, i) => (n(), l("div", null, [
-      (n(!0), l(b, null, y(s.items, (a, h) => (n(), l("div", {
+    return (s, i) => (o(), a("div", null, [
+      (o(!0), a(b, null, y(s.items, (n, h) => (o(), a("div", {
         key: h,
         class: "cu-timeline"
       }, [
-        o("div", Cn, u(a.date), 1),
-        (n(!0), l(b, null, y(a.items, (r) => {
+        l("div", Cn, u(n.date), 1),
+        (o(!0), a(b, null, y(n.items, (r) => {
           var f, $, g;
-          return n(), l("div", {
+          return o(), a("div", {
             key: r.key,
             class: d(["cu-item", c(r)])
           }, [
-            o("div", {
+            l("div", {
               class: d(["content", `bg-${r.bg || "gray"}`, "shadow-blur"])
             }, [
-              (f = r == null ? void 0 : r.capsule) != null && f.list && r.capsule.list.length ? (n(), l("div", xn, [
+              (f = r == null ? void 0 : r.capsule) != null && f.list && r.capsule.list.length ? (o(), a("div", wn, [
                 P(q, {
                   bg: e(($ = r.capsule) == null ? void 0 : $.color)
                 }, {
@@ -1612,7 +1623,7 @@ const Cn = { class: "cu-time" }, xn = {
                   _: 2
                 }, 1032, ["bg"])
               ])) : p("", !0),
-              o("div", {
+              l("div", {
                 class: d(r.capsule ? "margin-top-sm" : "")
               }, [
                 x(s.$slots, `item-${r.key}`, {}, () => [
@@ -1629,10 +1640,10 @@ const Cn = { class: "cu-time" }, xn = {
 oe.install = (t) => {
   t.component(oe.name, oe);
 };
-const Bn = { class: "bg-white padding" }, Sn = ["data-index"], jn = {
+const Tn = { class: "bg-white padding" }, Bn = ["data-index"], Sn = {
   name: "TSteps"
 }, le = /* @__PURE__ */ _({
-  ...jn,
+  ...Sn,
   props: {
     steps: {},
     modelValue: {},
@@ -1641,18 +1652,18 @@ const Bn = { class: "bg-white padding" }, Sn = ["data-index"], jn = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    return (c, s) => (n(), l("div", Bn, [
-      o("div", {
+    return (c, s) => (o(), a("div", Tn, [
+      l("div", {
         class: d(["cu-steps", { "scroll-x": c.scrollX }])
       }, [
-        (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
+        (o(!0), a(b, null, y(c.steps, (i, n) => (o(), a("div", {
+          class: d(["cu-item", n > c.modelValue ? "" : `text-${c.color}`]),
+          key: n
         }, [
-          o("text", {
+          l("text", {
             class: d(i.cuIcon ? "cuIcon-" + i.cuIcon : "num"),
-            "data-index": a + 1
-          }, u(i.cuIcon ? "" : a + 1), 11, Sn),
+            "data-index": n + 1
+          }, u(i.cuIcon ? "" : n + 1), 11, Bn),
           k(" " + u(i.name), 1)
         ], 2))), 128))
       ], 2)
@@ -1662,12 +1673,12 @@ const Bn = { class: "bg-white padding" }, Sn = ["data-index"], jn = {
 le.install = (t) => {
   t.component(le.name, le);
 };
-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 = {
+const jn = { class: "cu-dialog" }, En = { class: "cu-bar bg-white justify-end padding-right-sm" }, Vn = { class: "content" }, Mn = /* @__PURE__ */ l("text", { class: "cuIcon-close text-red" }, null, -1), zn = [
+  Mn
+], qn = { class: "padding-xl" }, An = {
   name: "DrawerModal"
 }, ae = /* @__PURE__ */ _({
-  ...Nn,
+  ...An,
   props: {
     title: {},
     modelValue: { type: Boolean }
@@ -1677,18 +1688,18 @@ const En = { class: "cu-dialog" }, Vn = { class: "cu-bar bg-white justify-end pa
     const c = e, s = () => {
       c("update:modelValue", !1);
     };
-    return (i, a) => (n(), l("div", {
+    return (i, n) => (o(), a("div", {
       class: d(["cu-modal", i.modelValue ? "show" : ""])
     }, [
-      o("div", En, [
-        o("div", Vn, [
-          o("div", Mn, u(i.title), 1),
-          o("div", {
+      l("div", jn, [
+        l("div", En, [
+          l("div", Vn, u(i.title), 1),
+          l("div", {
             class: "action",
             onClick: s
-          }, qn)
+          }, zn)
         ]),
-        o("div", An, [
+        l("div", qn, [
           x(i.$slots, "default", {}, () => [
             k("Modal 内容~")
           ])
@@ -1700,10 +1711,10 @@ const En = { class: "cu-dialog" }, Vn = { class: "cu-bar bg-white justify-end pa
 ae.install = (t) => {
   t.component(ae.name, ae);
 };
-const Pn = { class: "loading-animation" }, Ln = {
+const Nn = { class: "loading-animation" }, Pn = {
   name: "Loading1"
-}, Dn = /* @__PURE__ */ _({
-  ...Ln,
+}, Ln = /* @__PURE__ */ _({
+  ...Pn,
   props: {
     width: { default: 300 },
     height: { default: 300 },
@@ -1712,7 +1723,7 @@ const Pn = { class: "loading-animation" }, Ln = {
   },
   setup(t) {
     class e {
-      constructor(a, h, r) {
+      constructor(n, h, r) {
         M(this, "radius");
         M(this, "x");
         M(this, "y");
@@ -1721,21 +1732,21 @@ const Pn = { class: "loading-animation" }, Ln = {
         M(this, "accel");
         M(this, "decay");
         M(this, "life");
-        this.radius = h, this.x = a.x, this.y = a.y, this.angle = a.angle, this.speed = a.speed, this.accel = a.accel, this.decay = r, this.life = 1;
+        this.radius = h, this.x = n.x, this.y = n.y, this.angle = n.angle, this.speed = n.speed, this.accel = n.accel, this.decay = r, this.life = 1;
       }
-      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);
+      step(n, 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(n, 1);
       }
-      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(
+      draw(n, h, r, f) {
+        n.fillStyle = n.strokeStyle = `hsla(${h + this.life * 120}, 100%, 60%, ${this.life})`, n.beginPath(), r[f - 1] && (n.moveTo(this.x, this.y), n.lineTo(r[f - 1].x, r[f - 1].y)), n.stroke(), n.beginPath(), n.arc(
           this.x,
           this.y,
           Math.max(1e-3, this.life * this.radius),
           0,
           Math.PI * 2
-        ), a.fill();
+        ), n.fill();
         const $ = Math.random() * 1.25;
-        a.fillRect(
+        n.fillRect(
           ~~(this.x + (Math.random() - 0.5) * 35 * this.life),
           ~~(this.y + (Math.random() - 0.5) * 35 * this.life),
           $,
@@ -1744,18 +1755,18 @@ const Pn = { class: "loading-animation" }, Ln = {
       }
     }
     const c = t, s = B(null);
-    return D(() => {
+    return R(() => {
       if (!s.value) return;
-      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 = [];
+      const i = s.value.getContext("2d"), { width: n, height: h, particleRadius: r, particleDecay: f } = c, $ = window.devicePixelRatio || 1;
+      s.value.width = n * $, s.value.height = h * $, s.value.style.width = n + "px", s.value.style.height = h + "px", i.scale($, $);
+      const g = n * 0.5, I = [];
       let S = 0, E = 0, m = 0;
       i.globalCompositeOperation = "lighter";
-      function C() {
+      function w() {
         I.push(
           new e(
             {
-              x: a / 2 + Math.cos(m / 20) * g / 2,
+              x: n / 2 + Math.cos(m / 20) * g / 2,
               y: h / 2 + Math.sin(m / 20) * g / 2,
               angle: E + S,
               speed: 0,
@@ -1769,26 +1780,26 @@ const Pn = { class: "loading-animation" }, Ln = {
         }), E += Math.PI / 2, S += Math.PI / 2;
       }
       function N() {
-        i.clearRect(0, 0, a, h), I.forEach((v, T) => {
+        i.clearRect(0, 0, n, h), I.forEach((v, T) => {
           v.draw(i, m, I, T);
         });
       }
       function F() {
-        requestAnimationFrame(F), C(), N(), m++;
+        requestAnimationFrame(F), w(), N(), m++;
       }
       F();
-    }), (i, a) => (n(), l("div", Pn, [
-      o("canvas", {
+    }), (i, n) => (o(), a("div", Nn, [
+      l("canvas", {
         ref_key: "canvas",
         ref: s
       }, null, 512)
     ]));
   }
-}), ie = /* @__PURE__ */ A(Dn, [["__scopeId", "data-v-022c82bd"]]);
+}), ie = /* @__PURE__ */ A(Ln, [["__scopeId", "data-v-022c82bd"]]);
 ie.install = (t) => {
   t.component(ie.name, ie);
 };
-const Fn = ["data-index"], Rn = { name: "TVirtualScrollSlide" }, Un = /* @__PURE__ */ _({
+const Dn = ["data-index"], Rn = { name: "TVirtualScrollSlide" }, Fn = /* @__PURE__ */ _({
   ...Rn,
   props: {
     virtualTotal: {},
@@ -1797,7 +1808,7 @@ const Fn = ["data-index"], Rn = { name: "TVirtualScrollSlide" }, Un = /* @__PURE
   },
   emits: ["slideLeft", "slideRight"],
   setup(t, { emit: e }) {
-    const c = t, s = e, i = B(null), a = B(null), h = B(0), r = Ee({
+    const c = t, s = e, i = B(null), n = B(null), h = B(0), r = Ee({
       localIndex: 0,
       wrapperHeight: 0,
       touchStartY: 0,
@@ -1810,7 +1821,7 @@ const Fn = ["data-index"], Rn = { name: "TVirtualScrollSlide" }, Un = /* @__PURE
       (v, T) => {
         v.length !== T.length && g();
       }
-    ), D(() => {
+    ), R(() => {
       i.value && (r.wrapperHeight = i.value.clientHeight, g());
     });
     const g = () => {
@@ -1825,7 +1836,7 @@ const Fn = ["data-index"], Rn = { name: "TVirtualScrollSlide" }, Un = /* @__PURE
       v.touches.length > 0 && (r.touchEndY = v.touches[0].clientY, r.touchEndX = v.touches[0].clientX);
     }, E = () => {
       const v = r.touchEndY - r.touchStartY, T = r.touchEndX - r.touchStartX;
-      Math.abs(v) > Math.abs(T) && Math.abs(v) > 30 ? v < 0 ? m() : C() : Math.abs(T) > 30 && (T < 0 ? s("slideLeft", {
+      Math.abs(v) > Math.abs(T) && Math.abs(v) > 30 ? v < 0 ? m() : w() : Math.abs(T) > 30 && (T < 0 ? s("slideLeft", {
         item: f.value[r.localIndex],
         index: r.localIndex
       }) : s("slideRight", {
@@ -1834,10 +1845,10 @@ const Fn = ["data-index"], Rn = { name: "TVirtualScrollSlide" }, Un = /* @__PURE
       })), r.touchStartY = 0, r.touchEndY = 0, r.touchStartX = 0, r.touchEndX = 0;
     }, m = () => {
       r.localIndex < c.list.length - 1 && (r.localIndex++, g());
-    }, C = () => {
+    }, w = () => {
       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, T) => (n(), l("div", {
+    return (v, T) => (o(), a("div", {
       class: "slide-wrapper",
       ref_key: "wrapper",
       ref: i,
@@ -1845,33 +1856,33 @@ const Fn = ["data-index"], Rn = { name: "TVirtualScrollSlide" }, Un = /* @__PURE
       onTouchmove: S,
       onTouchend: E
     }, [
-      o("div", {
+      l("div", {
         class: "slide-list",
         ref_key: "slideList",
-        ref: a,
-        style: w({ transform: `translateY(${h.value}px)` })
+        ref: n,
+        style: C({ transform: `translateY(${h.value}px)` })
       }, [
-        (n(), V(Ve, { include: F.value }, [
-          (n(!0), l(b, null, y(f.value, (_e, ue) => (n(), l("div", {
+        (o(), V(Ve, { include: F.value }, [
+          (o(!0), a(b, null, y(f.value, (_e, ue) => (o(), a("div", {
             key: _e.id,
             "data-index": ue,
             class: d($),
-            style: w({ top: `${N(ue)}px` })
+            style: C({ top: `${N(ue)}px` })
           }, [
-            (n(), V(Me(v.render(_e, ue))))
-          ], 12, Fn))), 128))
+            (o(), V(Me(v.render(_e, ue))))
+          ], 12, Dn))), 128))
         ], 1032, ["include"]))
       ], 4)
     ], 544));
   }
-}), ce = /* @__PURE__ */ A(Un, [["__scopeId", "data-v-8600af8d"]]);
+}), ce = /* @__PURE__ */ A(Fn, [["__scopeId", "data-v-8600af8d"]]);
 ce.install = (t) => {
   t.component(ce.name, ce);
 };
-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
+const Un = (t) => {
+  t.use(L), t.use(O), t.use(z), t.use(D), t.use(U), t.use(X), t.use(Y), 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);
+}, Hn = {
+  install: Un
 };
 export {
   se as ChatList,
@@ -1881,21 +1892,22 @@ export {
   ie as Loading1,
   te as Menu,
   z as TAvatar,
+  D as TAvatarGroup,
   H as TButton,
   L as TIcon,
   Q as TInputBar,
   G as TNavBar,
-  R as TNavCard,
-  U as TNewCard,
+  U as TNavCard,
+  X as TNewCard,
   J as TSearchBar,
-  X as TShareCard,
+  Y as TShareCard,
   le as TSteps,
   Z as TTab,
   W as TTabs,
   q as TTag,
-  Y as TTitle,
+  O as TTitle,
   K as TTopBar,
   oe as TimeLine,
-  Gn as default,
-  Hn as textColor
+  Hn as default,
+  On as textColor
 };