vue-color-ui 0.0.17 → 0.0.19

package/lib/temp-color-ui.js

@@ -1,42 +1,42 @@
-import { defineComponent as f, openBlock as o, createElementBlock as l, Fragment as g, renderList as m, normalizeClass as i, normalizeStyle as v, createElementVNode as s, toDisplayString as c, createTextVNode as h, createCommentVNode as d, pushScopeId as le, popScopeId as ae, computed as y, renderSlot as $, createBlock as k, ref as j, provide as Z, watch as ce, inject as W, onMounted as ie, withDirectives as re, vShow as ue, withCtx as Q, createVNode as ee } from "vue";
-const de = { class: "nav-list" }, pe = ["url"], _e = { class: "nav-title" }, fe = { class: "nav-name" }, ge = {
+import { defineComponent as _, openBlock as o, createElementBlock as n, Fragment as g, renderList as b, normalizeClass as i, normalizeStyle as v, createElementVNode as s, toDisplayString as c, createTextVNode as m, createCommentVNode as d, pushScopeId as ae, popScopeId as ce, computed as y, renderSlot as $, createBlock as k, ref as j, provide as ee, watch as ie, inject as Y, onMounted as re, withDirectives as ue, vShow as de, withCtx as W, createVNode as te } from "vue";
+const pe = { class: "nav-list" }, fe = ["url"], _e = { class: "nav-title" }, ge = { class: "nav-name" }, he = {
   name: "TNavCard"
-}, z = /* @__PURE__ */ f({
-  ...ge,
+}, q = /* @__PURE__ */ _({
+  ...he,
   props: {
     items: {}
   },
   setup(t) {
-    return (e, r) => (o(), l("div", de, [
-      (o(!0), l(g, null, m(e.items, (n, a) => (o(), l("div", {
+    return (e, r) => (o(), n("div", pe, [
+      (o(!0), n(g, null, b(e.items, (l, a) => (o(), n("div", {
         "hover-class": "none",
-        url: "/pages/basics/" + n.name,
-        class: i(["nav-li", "bg-" + n.color]),
+        url: "/pages/basics/" + l.name,
+        class: i(["nav-li", "bg-" + l.color]),
         navigateTo: "",
         style: v([{ animation: "show " + ((a + 1) * 0.2 + 1) + "s 1" }]),
         key: a
       }, [
-        s("div", _e, c(n.title), 1),
-        s("div", fe, c(n.name), 1),
+        s("div", _e, c(l.title), 1),
+        s("div", ge, c(l.name), 1),
         s("text", {
-          class: i("cuIcon-" + n.cuIcon)
+          class: i("cuIcon-" + l.cuIcon)
         }, null, 2)
-      ], 14, pe))), 128))
+      ], 14, fe))), 128))
     ]));
   }
 });
-z.install = (t) => {
-  t.component(z.name, z);
+q.install = (t) => {
+  t.component(q.name, q);
 };
-const Y = (t) => (le("data-v-bbdb83ff"), t = t(), ae(), t), he = { class: "cu-item shadow" }, me = { class: "title" }, be = { class: "text-cut" }, ve = { class: "content" }, $e = ["src", "alt"], ye = { class: "desc" }, ke = { class: "text-content" }, Ie = {
+const Z = (t) => (ae("data-v-bbdb83ff"), t = t(), ce(), t), me = { class: "cu-item shadow" }, be = { class: "title" }, ve = { class: "text-cut" }, $e = { class: "content" }, ye = ["src", "alt"], ke = { class: "desc" }, Ie = { class: "text-content" }, we = {
   key: 0,
   class: "content flex-sub justify-between text-sm solid-top margin-top-sm",
   style: { padding: "5px 15px" }
-}, we = { class: "text-gray" }, Ce = /* @__PURE__ */ Y(() => /* @__PURE__ */ s("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1)), xe = /* @__PURE__ */ Y(() => /* @__PURE__ */ s("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1)), Te = /* @__PURE__ */ Y(() => /* @__PURE__ */ s("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1)), Be = { class: "margin-left-sm text-gray flex justify-between" }, je = { class: "text-grey margin-right-xs" }, Se = {
+}, Ce = { class: "text-gray" }, xe = /* @__PURE__ */ Z(() => /* @__PURE__ */ s("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1)), Te = /* @__PURE__ */ Z(() => /* @__PURE__ */ s("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1)), Be = /* @__PURE__ */ Z(() => /* @__PURE__ */ s("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1)), je = { class: "margin-left-sm text-gray flex justify-between" }, Se = { class: "text-grey margin-right-xs" }, ze = {
   name: "TNewCard"
   // 组件名称
-}, ze = /* @__PURE__ */ f({
-  ...Se,
+}, qe = /* @__PURE__ */ _({
+  ...ze,
   props: {
     isCard: { type: Boolean, default: !0 },
     title: { default: "无意者 烈火焚身;以正义的烈火拔出黑暗。我有自己的正义，见证至高的烈火吧。" },
@@ -53,40 +53,40 @@ const Y = (t) => (le("data-v-bbdb83ff"), t = t(), ae(), t), he = { class: "cu-it
     }) }
   },
   setup(t) {
-    return (e, r) => (o(), l("div", {
+    return (e, r) => (o(), n("div", {
       class: i(["cu-card article", e.isCard ? "" : "no-card"])
     }, [
-      s("div", he, [
-        s("div", me, [
-          s("div", be, c(e.title), 1)
+      s("div", me, [
+        s("div", be, [
+          s("div", ve, c(e.title), 1)
         ]),
-        s("div", ve, [
+        s("div", $e, [
           s("img", {
             src: e.imageSrc,
             alt: e.imageAlt
-          }, null, 8, $e),
-          s("div", ye, [
-            s("div", ke, c(e.description), 1),
+          }, null, 8, ye),
+          s("div", ke, [
+            s("div", Ie, c(e.description), 1),
             s("div", null, [
-              (o(!0), l(g, null, m(e.tags, (n) => (o(), l("div", {
-                key: n,
+              (o(!0), n(g, null, b(e.tags, (l) => (o(), n("div", {
+                key: l,
                 class: "cu-tag bg-red light sm round"
-              }, c(n), 1))), 128))
+              }, c(l), 1))), 128))
             ])
           ])
         ]),
-        e.footerInfo ? (o(), l("div", Ie, [
-          s("div", we, [
-            Ce,
-            h(" " + c(e.footerInfo.likes) + " ", 1),
+        e.footerInfo ? (o(), n("div", we, [
+          s("div", Ce, [
             xe,
-            h(" " + c(e.footerInfo.appreciations) + " ", 1),
+            m(" " + c(e.footerInfo.likes) + " ", 1),
             Te,
-            h(" " + c(e.footerInfo.comments), 1)
+            m(" " + c(e.footerInfo.appreciations) + " ", 1),
+            Be,
+            m(" " + c(e.footerInfo.comments), 1)
           ]),
-          s("div", Be, [
-            s("div", je, c(e.footerInfo.author), 1),
-            h(" " + c(e.footerInfo.timeAgo), 1)
+          s("div", je, [
+            s("div", Se, c(e.footerInfo.author), 1),
+            m(" " + c(e.footerInfo.timeAgo), 1)
           ])
         ])) : d("", !0)
       ])
@@ -94,20 +94,20 @@ const Y = (t) => (le("data-v-bbdb83ff"), t = t(), ae(), t), he = { class: "cu-it
   }
 }), ne = (t, e) => {
   const r = t.__vccOpts || t;
-  for (const [n, a] of e)
-    r[n] = a;
+  for (const [l, a] of e)
+    r[l] = a;
   return r;
-}, q = /* @__PURE__ */ ne(ze, [["__scopeId", "data-v-bbdb83ff"]]);
-q.install = (t) => {
-  t.component(q.name, q);
+}, V = /* @__PURE__ */ ne(qe, [["__scopeId", "data-v-bbdb83ff"]]);
+V.install = (t) => {
+  t.component(V.name, V);
 };
-const qe = { class: "cu-item shadow" }, Ve = { class: "cu-list menu-avatar" }, Ne = { class: "cu-item" }, De = { class: "content flex-sub" }, Ee = { class: "text-gray text-sm flex justify-between" }, Ue = { class: "text-content" }, Ae = { class: "text-gray text-sm text-right padding" }, Le = /* @__PURE__ */ s("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1), Me = /* @__PURE__ */ s("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1), Fe = /* @__PURE__ */ s("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1), Oe = { class: "cu-item" }, Re = { class: "content" }, Ge = { class: "text-grey" }, Xe = { class: "text-gray text-content text-df" }, Ke = { class: "flex" }, Pe = { class: "flex-sub" }, He = { class: "margin-top-sm flex justify-between" }, Je = { class: "text-gray text-df" }, Qe = {
+const Ve = { class: "cu-item shadow" }, Ne = { class: "cu-list menu-avatar" }, De = { class: "cu-item" }, Ee = { class: "content flex-sub" }, Ue = { class: "text-gray text-sm flex justify-between" }, Ae = { class: "text-content" }, Le = { class: "text-gray text-sm text-right padding" }, Me = /* @__PURE__ */ s("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1), Fe = /* @__PURE__ */ s("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1), Oe = /* @__PURE__ */ s("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1), Re = { class: "cu-item" }, Ge = { class: "content" }, Xe = { class: "text-grey" }, Ke = { class: "text-gray text-content text-df" }, Pe = { class: "flex" }, He = { class: "flex-sub" }, Je = { class: "margin-top-sm flex justify-between" }, Qe = { class: "text-gray text-df" }, We = {
   key: 0,
   class: "cuIcon-appreciatefill text-red"
-}, We = /* @__PURE__ */ s("span", { class: "cuIcon-messagefill text-gray margin-left-sm" }, null, -1), Ye = { class: "text-gray margin-left-xs" }, Ze = {
+}, Ye = /* @__PURE__ */ s("span", { class: "cuIcon-messagefill text-gray margin-left-sm" }, null, -1), Ze = { class: "text-gray margin-left-xs" }, et = {
   name: "TShareCard"
-}, V = /* @__PURE__ */ f({
-  ...Ze,
+}, N = /* @__PURE__ */ _({
+  ...et,
   props: {
     isCard: { type: Boolean, default: !0 },
     author: { default: "凯尔" },
@@ -155,70 +155,70 @@ const qe = { class: "cu-item shadow" }, Ve = { class: "cu-list menu-avatar" }, N
     ] }
   },
   setup(t) {
-    return (e, r) => (o(), l("div", null, [
+    return (e, r) => (o(), n("div", null, [
       s("div", {
         class: i(["cu-card dynamic", e.isCard ? "is-card" : "no-card"])
       }, [
-        s("div", qe, [
-          s("div", Ve, [
-            s("div", Ne, [
+        s("div", Ve, [
+          s("div", Ne, [
+            s("div", De, [
               s("div", {
                 class: "cu-avatar round lg",
                 style: v({ backgroundImage: `url(${e.avatarUrl})` })
               }, null, 4),
-              s("div", De, [
+              s("div", Ee, [
                 s("div", null, c(e.author), 1),
-                s("div", Ee, c(e.date), 1)
+                s("div", Ue, c(e.date), 1)
               ])
             ])
           ]),
-          s("div", Ue, c(e.content), 1),
+          s("div", Ae, c(e.content), 1),
           s("div", {
             class: i(["grid flex-sub padding-lr", e.isCard ? "col-3 grid-square" : "col-1"])
           }, [
-            (o(!0), l(g, null, m(e.isCard ? 9 : 1, (n) => (o(), l("div", {
+            (o(!0), n(g, null, b(e.isCard ? 9 : 1, (l) => (o(), n("div", {
               class: i(["bg-img", e.isCard ? "" : "only-img"]),
               style: v({ backgroundImage: `url(${e.imageUrl})` }),
-              key: n
+              key: l
             }, null, 6))), 128))
           ], 2),
-          s("div", Ae, [
-            Le,
-            h(" " + c(e.likes) + " ", 1),
+          s("div", Le, [
             Me,
-            h(" " + c(e.appreciations) + " ", 1),
+            m(" " + c(e.likes) + " ", 1),
             Fe,
-            h(" " + c(e.comments), 1)
+            m(" " + c(e.appreciations) + " ", 1),
+            Oe,
+            m(" " + c(e.comments), 1)
           ]),
-          (o(!0), l(g, null, m(e.commentsList, (n) => {
+          (o(!0), n(g, null, b(e.commentsList, (l) => {
             var a;
-            return o(), l("div", {
+            return o(), n("div", {
               class: "cu-list menu-avatar comment solids-top",
-              key: n.id
+              key: l.id
             }, [
-              s("div", Oe, [
+              s("div", Re, [
                 s("div", {
                   class: "cu-avatar round",
-                  style: v({ backgroundImage: `url(${n.avatarUrl})` })
+                  style: v({ backgroundImage: `url(${l.avatarUrl})` })
                 }, null, 4),
-                s("div", Re, [
-                  s("div", Ge, c(n.author), 1),
-                  s("div", Xe, c(n.text), 1),
-                  (o(!0), l(g, null, m(n.replies, (u) => (o(), l("div", {
+                s("div", Ge, [
+                  s("div", Xe, c(l.author), 1),
+                  s("div", Ke, c(l.text), 1),
+                  (o(!0), n(g, null, b(l.replies, (u) => (o(), n("div", {
                     key: u.id,
                     class: "bg-grey padding-sm radius margin-top-sm text-sm"
                   }, [
-                    s("div", Ke, [
+                    s("div", Pe, [
                       s("div", null, c(u.author) + "：", 1),
-                      s("div", Pe, c(u.text), 1)
+                      s("div", He, c(u.text), 1)
                     ])
                   ]))), 128)),
-                  s("div", He, [
-                    s("div", Je, c(n.date), 1),
+                  s("div", Je, [
+                    s("div", Qe, c(l.date), 1),
                     s("div", null, [
-                      n.likes ? (o(), l("span", Qe)) : d("", !0),
-                      We,
-                      s("span", Ye, c((a = n.replies) == null ? void 0 : a.length), 1)
+                      l.likes ? (o(), n("span", We)) : d("", !0),
+                      Ye,
+                      s("span", Ze, c((a = l.replies) == null ? void 0 : a.length), 1)
                     ])
                   ])
                 ])
@@ -230,10 +230,10 @@ const qe = { class: "cu-item shadow" }, Ve = { class: "cu-list menu-avatar" }, N
     ]));
   }
 });
-V.install = (t) => {
-  t.component(V.name, V);
+N.install = (t) => {
+  t.component(N.name, N);
 };
-const et = {
+const tt = {
   ssss: "2px",
   sss: "4px",
   ss: "8px",
@@ -245,45 +245,45 @@ const et = {
   xxl: "30px",
   xxxl: "48px"
 };
-function tt(t, e, r = "px") {
+function st(t, e, r = "px") {
   if (typeof e == "number")
     return `${t}: ${e}${r};`;
-  const n = et[e];
-  return n ? `${t}: ${n};` : "";
+  const l = tt[e];
+  return l ? `${t}: ${l};` : "";
 }
-function st(t) {
-  return tt("font-size", t);
+function ot(t) {
+  return st("font-size", t);
 }
-const ot = {
+const lt = {
   name: "TIcon"
-}, x = /* @__PURE__ */ f({
-  ...ot,
+}, T = /* @__PURE__ */ _({
+  ...lt,
   props: {
     name: {},
     color: { default: "grey" },
     size: { default: 15 }
   },
   setup(t) {
-    const e = t, r = y(() => st(e.size));
-    return (n, a) => (o(), l("i", {
-      class: i(`cuIcon-${n.name} text-${n.color}`),
+    const e = t, r = y(() => ot(e.size));
+    return (l, a) => (o(), n("i", {
+      class: i(`cuIcon-${l.name} text-${l.color}`),
       style: v(r.value)
     }, null, 6));
   }
-}), nt = { class: "action border-title" }, lt = { class: "action border-title" }, at = { class: "tib text-xl text-bold text-blue" }, ct = /* @__PURE__ */ s("div", {
+}), nt = { class: "action border-title" }, at = { class: "action border-title" }, ct = { class: "tib text-xl text-bold text-blue" }, it = /* @__PURE__ */ s("div", {
   class: "tib bg-gradual-blue",
   style: { width: "3rem" }
-}, null, -1), it = { class: "action sub-title" }, rt = { class: "tib text-xl text-bold text-green" }, ut = /* @__PURE__ */ s("div", {
+}, null, -1), rt = { class: "action sub-title" }, ut = { class: "tib text-xl text-bold text-green" }, dt = /* @__PURE__ */ s("div", {
   class: "tib bg-green",
   style: { width: "2rem" }
-}, null, -1), dt = { class: "action sub-title" }, pt = { class: "action title-style-3" }, _t = {
+}, null, -1), pt = { class: "action sub-title" }, ft = { class: "action title-style-3" }, _t = {
   key: 5,
   class: "cu-bar bg-white"
-}, ft = { class: "action" }, gt = {
+}, gt = { class: "action" }, ht = {
   key: 6,
   class: "cu-bar bg-white solid-bottom"
-}, ht = { class: "action" }, mt = { class: "action" }, bt = { name: "TTitle" }, N = /* @__PURE__ */ f({
-  ...bt,
+}, mt = { class: "action" }, bt = { class: "action" }, vt = { name: "TTitle" }, D = /* @__PURE__ */ _({
+  ...vt,
   props: {
     title: { default: "主题名称" },
     deputy: { default: "about" },
@@ -294,7 +294,7 @@ const ot = {
     center: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (e, r) => e.mode === "default1" ? (o(), l("div", {
+    return (e, r) => e.mode === "default1" ? (o(), n("div", {
       key: 0,
       class: i(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
@@ -307,27 +307,27 @@ const ot = {
           style: { width: "2rem" }
         }, null, 2)
       ])
-    ], 2)) : e.mode === "default2" ? (o(), l("div", {
+    ], 2)) : e.mode === "default2" ? (o(), n("div", {
       key: 1,
       class: i(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      s("div", lt, [
-        s("div", at, c(e.title), 1),
-        ct
+      s("div", at, [
+        s("div", ct, c(e.title), 1),
+        it
       ])
-    ], 2)) : e.mode === "default3" ? (o(), l("div", {
+    ], 2)) : e.mode === "default3" ? (o(), n("div", {
       key: 2,
       class: i(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      s("div", it, [
-        s("div", rt, c(e.title), 1),
-        ut
+      s("div", rt, [
+        s("div", ut, c(e.title), 1),
+        dt
       ])
-    ], 2)) : e.mode === "default4" ? (o(), l("div", {
+    ], 2)) : e.mode === "default4" ? (o(), n("div", {
       key: 3,
       class: i(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      s("div", dt, [
+      s("div", pt, [
         s("div", {
           class: i(["tib text-xl text-bold", `text-${e.color}`])
         }, c(e.title), 3),
@@ -335,11 +335,11 @@ const ot = {
           class: i(["tib text-ABC", `text-${e.decorateColor}`])
         }, c(e.deputy), 3)
       ])
-    ], 2)) : e.mode === "bilingual" ? (o(), l("div", {
+    ], 2)) : e.mode === "bilingual" ? (o(), n("div", {
       key: 4,
       class: i(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      s("div", pt, [
+      s("div", ft, [
         s("div", {
           class: i(["tib", `text-${e.color}`])
         }, c(e.title), 3),
@@ -347,8 +347,8 @@ const ot = {
           class: i(["tib text-Abc self-end margin-left-sm", `text-${e.decorateColor}`])
         }, c(e.deputy), 3)
       ])
-    ], 2)) : e.mode === "icon-title" ? (o(), l("div", _t, [
-      s("div", ft, [
+    ], 2)) : e.mode === "icon-title" ? (o(), n("div", _t, [
+      s("div", gt, [
         s("i", {
           class: i(`cuIcon-${e.icon} text-${e.color}`)
         }, null, 2),
@@ -356,61 +356,61 @@ const ot = {
           class: i(["tib text-xl", `text-${e.decorateColor}`])
         }, c(e.title), 3)
       ])
-    ])) : (o(), l("div", gt, [
-      s("div", ht, [
+    ])) : (o(), n("div", ht, [
+      s("div", mt, [
         s("i", {
           class: i(`cuIcon-${e.icon} text-${e.color}`)
         }, null, 2),
         $(e.$slots, "default")
       ]),
-      s("div", mt, [
+      s("div", bt, [
         $(e.$slots, "action")
       ])
     ]));
   }
-}), vt = {
+}), $t = {
   name: "TAvatar"
-}, I = /* @__PURE__ */ f({
-  ...vt,
+}, w = /* @__PURE__ */ _({
+  ...$t,
   props: {
     url: {},
     size: { default: "lg" },
     mode: { default: "round" }
   },
   setup(t) {
-    return (e, r) => e.url ? (o(), l("div", {
+    return (e, r) => e.url ? (o(), n("div", {
       key: 0,
       class: i(["cu-avatar", e.size, e.mode]),
       style: v({ backgroundImage: `url(${e.url})` })
-    }, null, 6)) : (o(), l("div", {
+    }, null, 6)) : (o(), n("div", {
       key: 1,
       class: i(["padding-xs", ["cu-avatar", e.size, e.mode]])
     }, [
       $(e.$slots, "default")
     ], 2));
   }
-}), $t = { class: "cu-avatar-group" }, yt = {
+}), yt = { class: "cu-avatar-group" }, kt = {
   name: "TAvatarGroup"
-}, D = /* @__PURE__ */ f({
-  ...yt,
+}, E = /* @__PURE__ */ _({
+  ...kt,
   props: {
     urls: { default: () => [] },
     size: { default: "sm" },
     mode: { default: "round" }
   },
   setup(t) {
-    return (e, r) => (o(), l("div", $t, [
-      (o(!0), l(g, null, m(e.urls, (n, a) => (o(), k(I, {
+    return (e, r) => (o(), n("div", yt, [
+      (o(!0), n(g, null, b(e.urls, (l, a) => (o(), k(w, {
         key: a,
-        url: n,
+        url: l,
         size: e.size
       }, null, 8, ["url", "size"]))), 128))
     ]));
   }
-}), kt = ["disabled"], It = { key: 1 }, wt = {
+}), It = ["disabled"], wt = { key: 1 }, Ct = {
   name: "TButton"
-}, E = /* @__PURE__ */ f({
-  ...wt,
+}, U = /* @__PURE__ */ _({
+  ...Ct,
   props: {
     text: {},
     bg: { default: "blue" },
@@ -427,29 +427,29 @@ const ot = {
       e.shadow ? "shadow" : "",
       `bg-${e.bg}`,
       e.size !== "default" ? e.size : ""
-    ].join(" ")), n = y(() => ({
+    ].join(" ")), l = y(() => ({
       cursor: e.disabled ? "not-allowed" : "pointer"
     })), a = y(() => ({
       marginRight: e.text ? "8px" : "0"
     }));
-    return (u, _) => (o(), l("button", {
+    return (u, f) => (o(), n("button", {
       class: i(r.value),
-      style: v(n.value),
+      style: v(l.value),
       disabled: u.disabled
     }, [
       $(u.$slots, "default"),
-      u.icon ? (o(), l("i", {
+      u.icon ? (o(), n("i", {
         key: 0,
         class: i(`cuIcon-${u.icon}`),
         style: v(a.value)
       }, null, 6)) : d("", !0),
-      u.text ? (o(), l("span", It, c(u.text), 1)) : d("", !0)
-    ], 14, kt));
+      u.text ? (o(), n("span", wt, c(u.text), 1)) : d("", !0)
+    ], 14, It));
   }
-}), Ct = { key: 0 }, xt = {
+}), xt = { key: 0 }, Tt = {
   name: "TTag"
-}, w = /* @__PURE__ */ f({
-  ...xt,
+}, C = /* @__PURE__ */ _({
+  ...Tt,
   props: {
     text: {},
     bg: { default: "blue" },
@@ -465,47 +465,47 @@ const ot = {
       e.light !== !1 ? "light" : "",
       `${e.line !== !1 ? "line" : "bg"}-${e.bg}`,
       e.size !== "default" ? e.size : ""
-    ].join(" ")), n = y(() => ({}));
-    return (a, u) => (o(), l("div", {
+    ].join(" ")), l = y(() => ({}));
+    return (a, u) => (o(), n("div", {
       class: i(r.value),
-      style: v(n.value)
+      style: v(l.value)
     }, [
       $(a.$slots, "default"),
-      a.text ? (o(), l("span", Ct, c(a.text), 1)) : d("", !0)
+      a.text ? (o(), n("span", xt, c(a.text), 1)) : d("", !0)
     ], 6));
   }
 });
-x.install = (t) => {
-  t.component(x.name, x);
-};
-N.install = (t) => {
-  t.component(N.name, N);
-};
-I.install = (t) => {
-  t.component(I.name, I);
+T.install = (t) => {
+  t.component(T.name, T);
 };
 D.install = (t) => {
   t.component(D.name, D);
 };
+w.install = (t) => {
+  t.component(w.name, w);
+};
 E.install = (t) => {
   t.component(E.name, E);
 };
-w.install = (t) => {
-  t.component(w.name, w);
+U.install = (t) => {
+  t.component(U.name, U);
 };
-const Tt = ["onClick"], Bt = {
+C.install = (t) => {
+  t.component(C.name, C);
+};
+const Bt = ["onClick"], jt = {
   key: 0,
   class: "cuIcon-cu-image"
-}, jt = ["src"], St = {
+}, St = ["src"], zt = {
   key: 0,
   class: "cu-tag badge"
-}, zt = {
+}, qt = {
   key: 0,
   class: "cu-tag badge"
-}, qt = {
+}, Vt = {
   name: "TNavBar"
-}, U = /* @__PURE__ */ f({
-  ...qt,
+}, A = /* @__PURE__ */ _({
+  ...Vt,
   props: {
     bg: { default: "white" },
     color: { default: "gray" },
@@ -539,46 +539,46 @@ const Tt = ["onClick"], Bt = {
     } }
   },
   setup(t) {
-    const e = t, r = (n, a) => {
-      e.onItemClick && e.onItemClick(n, a);
+    const e = t, r = (l, a) => {
+      e.onItemClick && e.onItemClick(l, a);
     };
-    return (n, a) => (o(), l("div", {
-      class: i(["cu-bar tabbar", `bg-${n.bg} ${n.isFoot ? "foot" : ""}`])
+    return (l, a) => (o(), n("div", {
+      class: i(["cu-bar tabbar", `bg-${l.bg} ${l.isFoot ? "foot" : ""}`])
     }, [
-      (o(!0), l(g, null, m(n.items, (u, _) => (o(), l("div", {
-        key: _,
-        class: i(["action", `text-${_ === n.activeIndex ? n.activeColor : n.color}`]),
-        onClick: (p) => r(u, _)
+      (o(!0), n(g, null, b(l.items, (u, f) => (o(), n("div", {
+        key: f,
+        class: i(["action", `text-${f === l.activeIndex ? l.activeColor : l.color}`]),
+        onClick: (p) => r(u, f)
       }, [
-        u.img ? (o(), l("div", Bt, [
+        u.img ? (o(), n("div", jt, [
           s("img", {
             src: u.img,
             style: { width: "21px", height: "21px" },
             class: "radius"
-          }, null, 8, jt),
-          u.badge ? (o(), l("div", St, c(u.badge), 1)) : d("", !0)
-        ])) : (o(), l("div", {
+          }, null, 8, St),
+          u.badge ? (o(), n("div", zt, c(u.badge), 1)) : d("", !0)
+        ])) : (o(), n("div", {
           key: 1,
           class: i(`cuIcon-${u.icon}`)
         }, [
-          u.badge ? (o(), l("div", zt, c(u.badge), 1)) : d("", !0)
+          u.badge ? (o(), n("div", qt, c(u.badge), 1)) : d("", !0)
         ], 2)),
         s("div", null, c(u.label), 1)
-      ], 10, Tt))), 128))
+      ], 10, Bt))), 128))
     ], 2));
   }
 });
-U.install = (t) => {
-  t.component(U.name, U);
+A.install = (t) => {
+  t.component(A.name, A);
 };
-const Vt = {
+const Nt = {
   key: 0,
   class: "action"
-}, Nt = { key: 1 }, Dt = { class: "content text-bold" }, Et = {
+}, Dt = { key: 1 }, Et = { class: "content text-bold" }, Ut = {
   key: 2,
   class: "action"
-}, Ut = { name: "TTopBar" }, A = /* @__PURE__ */ f({
-  ...Ut,
+}, At = { name: "TTopBar" }, L = /* @__PURE__ */ _({
+  ...At,
   props: {
     title: {},
     leftIcon: {},
@@ -590,23 +590,23 @@ const Vt = {
     avatarUrl: {}
   },
   setup(t) {
-    return (e, r) => (o(), l("div", {
+    return (e, r) => (o(), n("div", {
       class: i(["cu-bar", `bg-${e.bg}`])
     }, [
-      e.leftIcon || e.leftText ? (o(), l("div", Vt, [
-        e.leftIcon ? (o(), l("text", {
+      e.leftIcon || e.leftText ? (o(), n("div", Nt, [
+        e.leftIcon ? (o(), n("text", {
           key: 0,
           class: i(`cuIcon-${e.leftIcon} text-${e.leftIconColor}`)
         }, null, 2)) : d("", !0),
-        e.leftText ? (o(), l("span", Nt, c(e.leftText), 1)) : d("", !0)
+        e.leftText ? (o(), n("span", Dt, c(e.leftText), 1)) : d("", !0)
       ])) : d("", !0),
-      e.avatarUrl ? (o(), l("div", {
+      e.avatarUrl ? (o(), n("div", {
         key: 1,
         class: "cu-avatar round",
         style: v({ backgroundImage: `url(${e.avatarUrl})` })
       }, null, 4)) : d("", !0),
-      s("div", Dt, c(e.title), 1),
-      e.rightIcon ? (o(), l("div", Et, [
+      s("div", Et, c(e.title), 1),
+      e.rightIcon ? (o(), n("div", Ut, [
         s("text", {
           class: i(`cuIcon-${e.rightIcon} text-${e.rightIconColor}`)
         }, null, 2)
@@ -614,17 +614,18 @@ const Vt = {
     ], 2));
   }
 });
-A.install = (t) => {
-  t.component(A.name, A);
+L.install = (t) => {
+  t.component(L.name, L);
 };
-const At = /* @__PURE__ */ s("text", { class: "cuIcon-search" }, null, -1), Lt = { class: "action" }, Mt = {
+const Lt = /* @__PURE__ */ s("text", { class: "cuIcon-search" }, null, -1), Mt = ["placeholder"], Ft = { class: "action" }, Ot = {
   key: 0,
   class: "cu-btn bg-green shadow-blur round"
-}, Ft = { key: 0 }, Ot = { key: 3 }, Rt = {
+}, Rt = { key: 0 }, Gt = { key: 3 }, Xt = {
   name: "TSearchBar"
-}, L = /* @__PURE__ */ f({
-  ...Rt,
+}, M = /* @__PURE__ */ _({
+  ...Xt,
   props: {
+    placeholder: { default: "" },
     bgColor: { default: "white" },
     borderRadiusClass: { default: "round" },
     avatarUrl: {},
@@ -637,13 +638,13 @@ const At = /* @__PURE__ */ s("text", { class: "cuIcon-search" }, null, -1), Lt =
   setup(t) {
     const e = j(0), r = (a) => {
       e.value = a.detail.height;
-    }, n = () => {
+    }, l = () => {
       e.value = 0;
     };
-    return (a, u) => (o(), l("div", {
+    return (a, u) => (o(), n("div", {
       class: i(["cu-bar", `bg-${a.bgColor}`, "search"])
     }, [
-      a.avatarUrl ? (o(), l("div", {
+      a.avatarUrl ? (o(), n("div", {
         key: 0,
         class: "cu-avatar round",
         style: v({ backgroundImage: `url(${a.avatarUrl})` })
@@ -651,44 +652,44 @@ const At = /* @__PURE__ */ s("text", { class: "cuIcon-search" }, null, -1), Lt =
       s("div", {
         class: i(["search-form", a.borderRadiusClass])
       }, [
-        At,
+        Lt,
         s("input", {
           onFocus: r,
-          onBlur: n,
+          onBlur: l,
           "adjust-position": !1,
           type: "text",
-          placeholder: "搜索图片、文章、视频",
+          placeholder: a.placeholder,
           "confirm-type": "search"
-        }, null, 32)
+        }, null, 40, Mt)
       ], 2),
-      s("div", Lt, [
-        a.buttonText ? (o(), l("button", Mt, c(a.buttonText), 1)) : (o(), l(g, { key: 1 }, [
-          a.location ? (o(), l("text", Ft, c(a.location), 1)) : d("", !0),
-          a.locationIcon ? (o(), l("text", {
+      s("div", Ft, [
+        a.buttonText ? (o(), n("button", Ot, c(a.buttonText), 1)) : (o(), n(g, { key: 1 }, [
+          a.location ? (o(), n("text", Rt, c(a.location), 1)) : d("", !0),
+          a.locationIcon ? (o(), n("text", {
             key: 1,
             class: i(`cuIcon-${a.locationIcon}`)
           }, null, 2)) : d("", !0),
-          a.actionIcon ? (o(), l("text", {
+          a.actionIcon ? (o(), n("text", {
             key: 2,
             class: i(`cuIcon-${a.actionIcon}`)
           }, null, 2)) : d("", !0),
-          a.actionText ? (o(), l("text", Ot, c(a.actionText), 1)) : d("", !0)
+          a.actionText ? (o(), n("text", Gt, c(a.actionText), 1)) : d("", !0)
         ], 64))
       ])
     ], 2));
   }
 });
-L.install = (t) => {
-  t.component(L.name, L);
+M.install = (t) => {
+  t.component(M.name, M);
 };
-const Gt = { class: "cu-bar input" }, Xt = {
+const Kt = { class: "cu-bar input" }, Pt = {
   key: 0,
   class: "action"
-}, Kt = {
+}, Ht = {
   key: 1,
   class: "action"
-}, Pt = { class: "action" }, Ht = { class: "cu-btn bg-green shadow-blur" }, Jt = { name: "TInputBar" }, M = /* @__PURE__ */ f({
-  ...Jt,
+}, Jt = { class: "action" }, Qt = { class: "cu-btn bg-green shadow-blur" }, Wt = { name: "TInputBar" }, F = /* @__PURE__ */ _({
+  ...Wt,
   props: {
     leftIcon: {},
     middleIcon: {},
@@ -698,160 +699,166 @@ const Gt = { class: "cu-bar input" }, Xt = {
   setup(t) {
     const e = j(0), r = (a) => {
       e.value = a.detail.height;
-    }, n = () => {
+    }, l = () => {
       e.value = 0;
     };
-    return (a, u) => (o(), l("div", Gt, [
-      a.leftIcon ? (o(), l("div", Xt, [
+    return (a, u) => (o(), n("div", Kt, [
+      a.leftIcon ? (o(), n("div", Pt, [
         s("text", {
           class: i(`cuIcon-${a.leftIcon} text-grey`)
         }, null, 2)
       ])) : d("", !0),
-      a.middleIcon ? (o(), l("div", Kt, [
+      a.middleIcon ? (o(), n("div", Ht, [
         s("text", {
           class: i(`cuIcon-${a.middleIcon} text-grey`)
         }, null, 2)
       ])) : d("", !0),
       s("input", {
         onFocus: r,
-        onBlur: n,
+        onBlur: l,
         "adjust-position": !1,
         class: "solid-bottom",
         maxlength: "300",
         "cursor-spacing": "10"
       }, null, 32),
-      s("div", Pt, [
+      s("div", Jt, [
         s("text", {
           class: i(`cuIcon-${a.rightIcon} text-grey`)
         }, null, 2)
       ]),
-      s("button", Ht, c(a.buttonText), 1)
+      s("button", Qt, c(a.buttonText), 1)
     ]));
   }
 });
-M.install = (t) => {
-  t.component(M.name, M);
+F.install = (t) => {
+  t.component(F.name, F);
 };
-const Qt = ["onClick"], Wt = { class: "tab-content" }, Yt = {
+const Yt = ["onClick"], Zt = { class: "tab-content" }, es = {
   name: "TTabs"
-}, F = /* @__PURE__ */ f({
-  ...Yt,
+}, O = /* @__PURE__ */ _({
+  ...es,
   props: {
     modelValue: { default: 0 },
     center: { type: Boolean, default: !1 },
     bg: { default: "white" },
     text: {},
     isCard: { type: Boolean, default: !1 },
-    mode: { default: "flex-start" }
+    mode: { default: "flex-start" },
+    bold: { type: Boolean, default: !1 },
+    color: { default: "blue" },
+    line: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "select"],
   setup(t, { emit: e }) {
-    const r = j([]), n = j(0), a = e, u = (b, T) => {
-      n.value = b, a("update:modelValue", b), a("select", T);
+    const r = t, l = e, a = j([]), u = j(0), f = (h, I) => {
+      u.value = h, l("update:modelValue", h), l("select", I);
     };
-    Z("registerTab", (b) => (r.value.push(b), r.value.length - 1)), Z("activeTab", n);
-    const p = t, C = y(() => p.center !== !1 ? "justify-content:center;" : `justify-content:${p.mode}`);
-    return ce(
-      () => p.modelValue,
-      (b) => {
-        n.value = b;
+    ee("registerTab", (h) => (a.value.push(h), a.value.length - 1)), ee("activeTab", u);
+    const x = y(() => r.center !== !1 ? "justify-content:center;" : `justify-content:${r.mode}`), S = y(() => (h) => {
+      let I = [];
+      return u.value === h && (I.push(`cur text-${r.color}`), r.bold !== !1 && I.push("text-bold"), r.line && u.value === h && I.push("cur")), I;
+    });
+    return ie(
+      () => r.modelValue,
+      (h) => {
+        u.value = h;
       }
-    ), (b, T) => (o(), l("div", {
-      class: i(b.isCard !== !1 ? "is-card" : "")
+    ), (h, I) => (o(), n("div", {
+      class: i(h.isCard !== !1 ? "is-card" : "")
     }, [
       s("div", {
-        class: i(["nav flex", [, `bg-${b.bg}`, `text-${b.text}`]]),
-        style: v(C.value)
+        class: i(["nav flex", [, `bg-${h.bg}`, `text-${h.text}`]]),
+        style: v(x.value)
       }, [
-        (o(!0), l(g, null, m(r.value, (B, S) => (o(), l("div", {
-          class: i(["cu-item", [n.value === S ? "cur text-blue" : ""]]),
-          key: S,
-          onClick: (to) => u(S, B)
+        (o(!0), n(g, null, b(a.value, (B, z) => (o(), n("div", {
+          class: i(["cu-item", S.value(z)]),
+          key: z,
+          onClick: (oo) => f(z, B)
         }, [
-          B.icon ? (o(), l("i", {
+          B.icon ? (o(), n("i", {
             key: 0,
-            class: i(`cuIcon-${B.icon} text-${n.value === S ? "blue" : B.iconColor}`)
+            class: i(`cuIcon-${B.icon} text-${u.value === z ? h.color : B.iconColor}`)
           }, null, 2)) : d("", !0),
-          h(" " + c(B.label), 1)
-        ], 10, Qt))), 128))
+          m(" " + c(B.label), 1)
+        ], 10, Yt))), 128))
       ], 6),
-      s("div", Wt, [
-        $(b.$slots, "default", {
-          tab: r.value[n.value]
+      s("div", Zt, [
+        $(h.$slots, "default", {
+          tab: a.value[u.value]
         })
       ])
     ], 2));
   }
-}), Zt = {
+}), ts = {
   name: "TTab"
-}, O = /* @__PURE__ */ f({
-  ...Zt,
+}, R = /* @__PURE__ */ _({
+  ...ts,
   props: {
     label: {},
     icon: { default: "" },
     iconColor: { default: "black" }
   },
   setup(t) {
-    const e = t, r = W(
+    const e = t, r = Y(
       "registerTab"
-    ), n = W("activeTab"), a = j(null), u = y(() => (n == null ? void 0 : n.value) === a.value), _ = y(() => ({
+    ), l = Y("activeTab"), a = j(null), u = y(() => (l == null ? void 0 : l.value) === a.value), f = y(() => ({
       label: e.label,
       icon: e.icon,
       iconColor: e.iconColor
     }));
-    return ie(() => {
+    return re(() => {
       r && (a.value = r({
         label: e.label,
         icon: e.icon,
         iconColor: e.iconColor
       }));
-    }), (p, C) => re((o(), l("div", null, [
+    }), (p, x) => ue((o(), n("div", null, [
       $(p.$slots, "default"),
-      $(p.$slots, "custom", { tab: _.value })
+      $(p.$slots, "custom", { tab: f.value })
     ], 512)), [
-      [ue, u.value]
+      [de, u.value]
     ]);
   }
 });
-F.install = (t) => {
-  t.component(F.name, F);
-};
 O.install = (t) => {
   t.component(O.name, O);
 };
+R.install = (t) => {
+  t.component(R.name, R);
+};
 /*!
   * vue-router v4.3.3
   * (c) 2024 Eduardo San Martin Morote
   * @license MIT
   */
-var te;
+var se;
 (function(t) {
   t.pop = "pop", t.push = "push";
-})(te || (te = {}));
-var se;
+})(se || (se = {}));
+var oe;
 (function(t) {
   t.back = "back", t.forward = "forward", t.unknown = "";
-})(se || (se = {}));
+})(oe || (oe = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
-var oe;
+var le;
 (function(t) {
   t[t.aborted = 4] = "aborted", t[t.cancelled = 8] = "cancelled", t[t.duplicated = 16] = "duplicated";
-})(oe || (oe = {}));
+})(le || (le = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
-const es = Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
+const ss = 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 ts() {
-  return W(es);
+function os() {
+  return Y(ss);
 }
-const ss = ["onClick"], os = {
+const ls = ["onClick"], ns = {
   key: 0,
   class: "cu-tag badge"
-}, ns = { key: 0 }, ls = {
+}, as = { key: 0 }, cs = {
   name: "GridGroup"
-}, R = /* @__PURE__ */ f({
-  ...ls,
+}, G = /* @__PURE__ */ _({
+  ...cs,
   props: {
     cuIconList: { default: () => [
       {
@@ -921,7 +928,7 @@ const ss = ["onClick"], os = {
     routeFn: { type: Function, default: void 0 }
   },
   setup(t) {
-    const e = t, r = ts(), n = (a) => {
+    const e = t, r = os(), l = (a) => {
       if (a.path) {
         e.routeFn ? e.routeFn().push({
           path: a.path
@@ -935,40 +942,40 @@ const ss = ["onClick"], os = {
         return;
       }
     };
-    return (a, u) => (o(), l("div", {
+    return (a, u) => (o(), n("div", {
       class: i(["cu-list grid", ["col-" + a.gridCol, a.gridBorder ? "" : "no-border"]])
     }, [
-      (o(!0), l(g, null, m(a.cuIconList, (_, p) => (o(), l("div", {
+      (o(!0), n(g, null, b(a.cuIconList, (f, p) => (o(), n("div", {
         class: "cu-item",
         key: p,
         style: v(`width: calc(100% / ${a.gridCol})`),
-        onClick: (C) => n(_)
+        onClick: (x) => l(f)
       }, [
         s("div", {
-          class: i(["cuIcon-" + _.cuIcon, "text-" + _.color])
+          class: i(["cuIcon-" + f.cuIcon, "text-" + f.color])
         }, [
-          _.badge != 0 ? (o(), l("div", os, [
-            _.badge != 1 ? (o(), l("i", ns, c((_.badge || 0) > 99 ? "99+" : _.badge), 1)) : d("", !0)
+          f.badge != 0 ? (o(), n("div", ns, [
+            f.badge != 1 ? (o(), n("i", as, c((f.badge || 0) > 99 ? "99+" : f.badge), 1)) : d("", !0)
           ])) : d("", !0)
         ], 2),
-        s("text", null, c(_.name), 1)
-      ], 12, ss))), 128))
+        s("text", null, c(f.name), 1)
+      ], 12, ls))), 128))
     ], 2));
   }
 });
-R.install = (t) => {
-  t.component(R.name, R);
+G.install = (t) => {
+  t.component(G.name, G);
 };
-const as = { class: "content" }, cs = ["src", "alt"], is = { class: "text-grey" }, rs = { class: "action" }, us = {
+const is = { class: "content" }, rs = ["src", "alt"], us = { class: "text-grey" }, ds = { class: "action" }, ps = {
   key: 1,
   class: "text-grey text-sm"
-}, ds = ["onClick"], ps = {
+}, fs = ["onClick"], _s = {
   key: 4,
   class: "text-grey text-sm"
-}, _s = {
+}, gs = {
   name: "Menu"
-}, G = /* @__PURE__ */ f({
-  ..._s,
+}, X = /* @__PURE__ */ _({
+  ...gs,
   props: {
     menuItems: { default: () => [
       {
@@ -1048,74 +1055,74 @@ const as = { class: "content" }, cs = ["src", "alt"], is = { class: "text-grey"
     const e = (r) => {
       r && r();
     };
-    return (r, n) => (o(), l("div", {
+    return (r, l) => (o(), n("div", {
       class: i(["cu-list menu", [r.menuBorder ? "sm-border" : "", r.menuCard ? "card-menu" : ""]])
     }, [
-      (o(!0), l(g, null, m(r.menuItems, (a, u) => (o(), l("div", {
+      (o(!0), n(g, null, b(r.menuItems, (a, u) => (o(), n("div", {
         key: u,
         class: i(["cu-item", r.menuArrow ? "arrow" : ""])
       }, [
-        s("div", as, [
-          a.icon ? (o(), k(x, {
+        s("div", is, [
+          a.icon ? (o(), k(T, {
             key: 0,
             class: "icon",
             name: a.icon.name,
             color: a.icon.color
           }, null, 8, ["name", "color"])) : d("", !0),
-          a.img ? (o(), l("img", {
+          a.img ? (o(), n("img", {
             key: 1,
             class: "icon",
             src: a.img.url,
             alt: a.img.alt
-          }, null, 8, cs)) : d("", !0),
-          s("text", is, c(a.title), 1)
+          }, null, 8, rs)) : d("", !0),
+          s("text", us, c(a.title), 1)
         ]),
-        s("div", rs, [
-          a.group ? (o(), k(D, {
+        s("div", ds, [
+          a.group ? (o(), k(E, {
             key: 0,
             urls: a.group
           }, null, 8, ["urls"])) : d("", !0),
-          a.group ? (o(), l("text", us, c(a.group.length) + "人", 1)) : d("", !0),
-          a.btn ? (o(), l("button", {
+          a.group ? (o(), n("text", ps, c(a.group.length) + "人", 1)) : d("", !0),
+          a.btn ? (o(), n("button", {
             key: 2,
             class: i(["cu-btn round shadow", `bg-${a.btn.bg}`]),
-            onClick: (_) => {
+            onClick: (f) => {
               var p;
               return e((p = a.btn) == null ? void 0 : p.event);
             }
           }, [
-            a.btn.icon ? (o(), k(x, {
+            a.btn.icon ? (o(), k(T, {
               key: 0,
               name: a.btn.icon,
               color: "white"
             }, null, 8, ["name"])) : d("", !0),
-            h(" " + c(a.btn.text), 1)
-          ], 10, ds)) : d("", !0),
-          a.tags ? (o(!0), l(g, { key: 3 }, m(a.tags, (_, p) => (o(), k(w, {
-            size: _.size,
+            m(" " + c(a.btn.text), 1)
+          ], 10, fs)) : d("", !0),
+          a.tags ? (o(!0), n(g, { key: 3 }, b(a.tags, (f, p) => (o(), k(C, {
+            size: f.size,
             key: p,
-            bg: _.bg,
-            light: _.light,
+            bg: f.bg,
+            light: f.light,
             shape: "round"
           }, {
-            default: Q(() => [
-              h(c(_.text), 1)
+            default: W(() => [
+              m(c(f.text), 1)
             ]),
             _: 2
           }, 1032, ["size", "bg", "light"]))), 128)) : d("", !0),
-          a.text ? (o(), l("text", ps, c(a.text), 1)) : d("", !0)
+          a.text ? (o(), n("text", _s, c(a.text), 1)) : d("", !0)
         ])
       ], 2))), 128))
     ], 2));
   }
 });
-G.install = (t) => {
-  t.component(G.name, G);
+X.install = (t) => {
+  t.component(X.name, X);
 };
-const fs = {
+const hs = {
   key: 0,
   class: "cu-tag badge"
-}, gs = { class: "content" }, hs = { class: "flex align-center" }, ms = { class: "text-cut" }, bs = { class: "text-gray text-sm flex" }, vs = { class: "text-cut" }, $s = { class: "action" }, ys = { class: "text-grey text-xs" }, ks = /* @__PURE__ */ f({
+}, ms = { class: "content" }, bs = { class: "flex align-center" }, vs = { class: "text-cut" }, $s = { class: "text-gray text-sm flex" }, ys = { class: "text-cut" }, ks = { class: "action" }, Is = { class: "text-grey text-xs" }, ws = /* @__PURE__ */ _({
   __name: "ChatListItem",
   props: {
     userinfo: {},
@@ -1128,64 +1135,64 @@ const fs = {
     isCurrent: { type: Boolean }
   },
   setup(t) {
-    return (e, r) => (o(), l("div", {
+    return (e, r) => (o(), n("div", {
       class: i(["cu-item", { grayscale: e.isDisconnected, cur: e.isCurrent }])
     }, [
       s("div", {
         class: i(["cu-avatar", e.userinfo.avatarShape, "lg"]),
         style: v({ backgroundImage: `url(${e.userinfo.avatar})` })
       }, [
-        e.badge ? (o(), l("div", fs, c(e.badge), 1)) : d("", !0)
+        e.badge ? (o(), n("div", hs, c(e.badge), 1)) : d("", !0)
       ], 6),
-      s("div", gs, [
-        s("div", hs, [
-          s("div", ms, c(e.userinfo.name), 1),
-          e.userinfo.tag ? (o(), l("div", {
+      s("div", ms, [
+        s("div", bs, [
+          s("div", vs, c(e.userinfo.name), 1),
+          e.userinfo.tag ? (o(), n("div", {
             key: 0,
             class: i(["cu-tag", "round", `bg-${e.userinfo.tagColor}`, "sm"])
           }, c(e.userinfo.tag), 3)) : d("", !0)
         ]),
-        s("div", bs, [
-          s("div", vs, [
+        s("div", $s, [
+          s("div", ys, [
             $(e.$slots, "default", {}, void 0, !0)
           ])
         ])
       ]),
-      s("div", $s, [
-        s("div", ys, c(e.userinfo.time), 1),
-        e.unread ? (o(), l("div", {
+      s("div", ks, [
+        s("div", Is, c(e.userinfo.time), 1),
+        e.unread ? (o(), n("div", {
           key: 0,
           class: i(["cu-tag", "round", `bg-${e.unreadColor}`, "sm"])
-        }, c(e.unread), 3)) : e.icon ? (o(), l("div", {
+        }, c(e.unread), 3)) : e.icon ? (o(), n("div", {
           key: 1,
           class: i(e.iconClass)
         }, null, 2)) : d("", !0)
       ])
     ], 2));
   }
-}), Is = /* @__PURE__ */ ne(ks, [["__scopeId", "data-v-e90f08c9"]]), ws = { class: "cu-list menu-avatar" }, Cs = {
+}), Cs = /* @__PURE__ */ ne(ws, [["__scopeId", "data-v-e90f08c9"]]), xs = { class: "cu-list menu-avatar" }, Ts = {
   name: "ChatList"
-}, X = /* @__PURE__ */ f({
-  ...Cs,
+}, K = /* @__PURE__ */ _({
+  ...Ts,
   props: {
     items: {}
   },
   setup(t) {
-    return (e, r) => (o(), l("div", ws, [
-      (o(!0), l(g, null, m(e.items, (n, a) => (o(), k(Is, {
+    return (e, r) => (o(), n("div", xs, [
+      (o(!0), n(g, null, b(e.items, (l, a) => (o(), k(Cs, {
         key: a,
-        userinfo: n.userinfo,
-        unread: n.unread,
-        unreadColor: n.unreadColor,
-        badge: n.badge,
-        icon: n.icon,
-        iconClass: n.iconClass,
-        isDisconnected: n.isDisconnected,
-        isCurrent: n.isCurrent
+        userinfo: l.userinfo,
+        unread: l.unread,
+        unreadColor: l.unreadColor,
+        badge: l.badge,
+        icon: l.icon,
+        iconClass: l.iconClass,
+        isDisconnected: l.isDisconnected,
+        isCurrent: l.isCurrent
       }, {
-        default: Q(() => [
-          $(e.$slots, "default", { item: n }, () => [
-            h(c(n.content), 1)
+        default: W(() => [
+          $(e.$slots, "default", { item: l }, () => [
+            m(c(l.content), 1)
           ])
         ]),
         _: 2
@@ -1193,138 +1200,138 @@ const fs = {
     ]));
   }
 });
-X.install = (t) => {
-  t.component(X.name, X);
+K.install = (t) => {
+  t.component(K.name, K);
 };
-const xs = { class: "cu-chat" }, Ts = {
+const Bs = { class: "cu-chat" }, js = {
   key: 0,
   class: "cu-info round"
-}, Bs = {
+}, Ss = {
   key: 1,
   class: "cu-info"
-}, js = /* @__PURE__ */ s("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), Ss = { class: "main" }, zs = ["src"], qs = {
+}, zs = /* @__PURE__ */ s("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), qs = { class: "main" }, Vs = ["src"], Ns = {
   key: 2,
   class: "content shadow"
-}, Vs = /* @__PURE__ */ s("text", { class: "cuIcon-sound text-xxl padding-right-xl" }, null, -1), Ns = { class: "action text-bold text-grey" }, Ds = {
+}, Ds = /* @__PURE__ */ s("text", { class: "cuIcon-sound text-xxl padding-right-xl" }, null, -1), Es = { class: "action text-bold text-grey" }, Us = {
   key: 3,
   class: "content shadow"
-}, Es = /* @__PURE__ */ s("text", { class: "cuIcon-locationfill text-orange text-xxl" }, null, -1), Us = { class: "content shadow" }, As = /* @__PURE__ */ s("div", { class: "action text-grey" }, [
+}, As = /* @__PURE__ */ s("text", { class: "cuIcon-locationfill text-orange text-xxl" }, null, -1), Ls = { class: "content shadow" }, Ms = /* @__PURE__ */ s("div", { class: "action text-grey" }, [
   /* @__PURE__ */ s("text", { class: "cuIcon-warnfill text-red text-xxl" }),
   /* @__PURE__ */ s("text", { class: "text-sm margin-left-sm" }, "翻译错误")
-], -1), Ls = { class: "date" }, Ms = { name: "ChatRoom" }, K = /* @__PURE__ */ f({
-  ...Ms,
+], -1), Fs = { class: "date" }, Os = { name: "ChatRoom" }, P = /* @__PURE__ */ _({
+  ...Os,
   props: {
     messages: {}
   },
   setup(t) {
-    return (e, r) => (o(), l("div", xs, [
-      (o(!0), l(g, null, m(e.messages, (n) => (o(), l("div", {
-        key: n.id,
-        class: i(["cu-item", { self: n.self }])
+    return (e, r) => (o(), n("div", Bs, [
+      (o(!0), n(g, null, b(e.messages, (l) => (o(), n("div", {
+        key: l.id,
+        class: i(["cu-item", { self: l.self }])
       }, [
-        n.type === "info" ? (o(), l(g, { key: 0 }, [
-          n.self ? (o(), l("div", Ts, c(n.content), 1)) : (o(), l("div", Bs, [
-            js,
-            h(" " + c(n.content), 1)
+        l.type === "info" ? (o(), n(g, { key: 0 }, [
+          l.self ? (o(), n("div", js, c(l.content), 1)) : (o(), n("div", Ss, [
+            zs,
+            m(" " + c(l.content), 1)
           ]))
-        ], 64)) : (o(), l(g, { key: 1 }, [
-          n.self ? d("", !0) : (o(), k(I, {
+        ], 64)) : (o(), n(g, { key: 1 }, [
+          l.self ? d("", !0) : (o(), k(w, {
             key: 0,
             mode: "radius",
-            url: n.avatar
+            url: l.avatar
           }, null, 8, ["url"])),
-          s("div", Ss, [
-            n.type === "text" ? (o(), l("div", {
+          s("div", qs, [
+            l.type === "text" ? (o(), n("div", {
               key: 0,
-              class: i(["content shadow", { "bg-green": n.self }])
+              class: i(["content shadow", { "bg-green": l.self }])
             }, [
-              s("text", null, c(n.content), 1)
-            ], 2)) : n.type === "image" ? (o(), l("img", {
+              s("text", null, c(l.content), 1)
+            ], 2)) : l.type === "image" ? (o(), n("img", {
               key: 1,
-              src: n.content,
+              src: l.content,
               class: "radius",
               style: { "max-width": "100%" }
-            }, null, 8, zs)) : n.type === "audio" ? (o(), l("div", qs, [
-              Vs,
-              s("div", Ns, c(n.content), 1)
-            ])) : n.type === "location" ? (o(), l("div", Ds, [
-              Es,
-              h(" " + c(n.content), 1)
-            ])) : n.type === "warning" ? (o(), l(g, { key: 4 }, [
-              s("div", Us, c(n.content), 1),
-              As
+            }, null, 8, Vs)) : l.type === "audio" ? (o(), n("div", Ns, [
+              Ds,
+              s("div", Es, c(l.content), 1)
+            ])) : l.type === "location" ? (o(), n("div", Us, [
+              As,
+              m(" " + c(l.content), 1)
+            ])) : l.type === "warning" ? (o(), n(g, { key: 4 }, [
+              s("div", Ls, c(l.content), 1),
+              Ms
             ], 64)) : d("", !0)
           ]),
-          n.self ? (o(), k(I, {
+          l.self ? (o(), k(w, {
             key: 1,
             mode: "radius",
-            url: n.avatar
+            url: l.avatar
           }, null, 8, ["url"])) : d("", !0),
-          s("div", Ls, c(n.date), 1)
+          s("div", Fs, c(l.date), 1)
         ], 64))
       ], 2))), 128))
     ]));
   }
 });
-K.install = (t) => {
-  t.component(K.name, K);
+P.install = (t) => {
+  t.component(P.name, P);
 };
-const Fs = { class: "cu-time" }, Os = {
+const Rs = { class: "cu-time" }, Gs = {
   key: 0,
   class: "cu-capsule radius"
-}, Rs = {
+}, Xs = {
   name: "TimeLine"
-}, P = /* @__PURE__ */ f({
-  ...Rs,
+}, H = /* @__PURE__ */ _({
+  ...Xs,
   props: {
     items: { default: () => [] }
   },
   setup(t) {
-    function e(n) {
-      return n || "cyan";
+    function e(l) {
+      return l || "cyan";
     }
-    function r(n) {
-      switch (n.status) {
+    function r(l) {
+      switch (l.status) {
         case "past":
-          return `text-green cuIcon-${n.icon || "roundcheckfill"}`;
+          return `text-green cuIcon-${l.icon || "roundcheckfill"}`;
         case "ongoing":
           return "text-red cuIcon-all";
         case "upcoming":
-          return `text-gray cuIcon-${n.icon || "radioboxfill"}`;
+          return `text-gray cuIcon-${l.icon || "radioboxfill"}`;
         default:
-          return `text-gray cuIcon-${n.icon || "radioboxfill"}`;
+          return `text-gray cuIcon-${l.icon || "radioboxfill"}`;
       }
     }
-    return (n, a) => (o(), l("div", null, [
-      (o(!0), l(g, null, m(n.items, (u, _) => (o(), l("div", {
-        key: _,
+    return (l, a) => (o(), n("div", null, [
+      (o(!0), n(g, null, b(l.items, (u, f) => (o(), n("div", {
+        key: f,
         class: "cu-timeline"
       }, [
-        s("div", Fs, c(u.date), 1),
-        (o(!0), l(g, null, m(u.items, (p) => {
-          var C, b, T;
-          return o(), l("div", {
+        s("div", Rs, c(u.date), 1),
+        (o(!0), n(g, null, b(u.items, (p) => {
+          var x, S, h;
+          return o(), n("div", {
             key: p.key,
             class: i(["cu-item", r(p)])
           }, [
             s("div", {
               class: i(["content", `bg-${p.bg || "gray"}`, "shadow-blur"])
             }, [
-              (C = p == null ? void 0 : p.capsule) != null && C.list && p.capsule.list.length ? (o(), l("div", Os, [
-                ee(w, {
-                  bg: e((b = p.capsule) == null ? void 0 : b.color)
+              (x = p == null ? void 0 : p.capsule) != null && x.list && p.capsule.list.length ? (o(), n("div", Gs, [
+                te(C, {
+                  bg: e((S = p.capsule) == null ? void 0 : S.color)
                 }, {
-                  default: Q(() => [
-                    h(c(p.capsule.list[0]), 1)
+                  default: W(() => [
+                    m(c(p.capsule.list[0]), 1)
                   ]),
                   _: 2
                 }, 1032, ["bg"]),
-                ee(w, {
-                  bg: e((T = p.capsule) == null ? void 0 : T.color),
+                te(C, {
+                  bg: e((h = p.capsule) == null ? void 0 : h.color),
                   light: !0
                 }, {
-                  default: Q(() => [
-                    h(c(p.capsule.list[1]), 1)
+                  default: W(() => [
+                    m(c(p.capsule.list[1]), 1)
                   ]),
                   _: 2
                 }, 1032, ["bg"])
@@ -1332,8 +1339,8 @@ const Fs = { class: "cu-time" }, Os = {
               s("div", {
                 class: i(p.capsule ? "margin-top-sm" : "")
               }, [
-                $(n.$slots, `item-${p.key}`, {}, () => [
-                  h(c(p.content), 1)
+                $(l.$slots, `item-${p.key}`, {}, () => [
+                  m(c(p.content), 1)
                 ])
               ], 2)
             ], 2)
@@ -1343,13 +1350,13 @@ const Fs = { class: "cu-time" }, Os = {
     ]));
   }
 });
-P.install = (t) => {
-  t.component(P.name, P);
+H.install = (t) => {
+  t.component(H.name, H);
 };
-const Gs = { class: "bg-white padding" }, Xs = ["data-index"], Ks = {
+const Ks = { class: "bg-white padding" }, Ps = ["data-index"], Hs = {
   name: "TSteps"
-}, H = /* @__PURE__ */ f({
-  ...Ks,
+}, J = /* @__PURE__ */ _({
+  ...Hs,
   props: {
     steps: {},
     modelValue: {},
@@ -1358,91 +1365,91 @@ const Gs = { class: "bg-white padding" }, Xs = ["data-index"], Ks = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    return (r, n) => (o(), l("div", Gs, [
+    return (r, l) => (o(), n("div", Ks, [
       s("div", {
         class: i(["cu-steps", { "scroll-x": r.scrollX }])
       }, [
-        (o(!0), l(g, null, m(r.steps, (a, u) => (o(), l("div", {
+        (o(!0), n(g, null, b(r.steps, (a, u) => (o(), n("div", {
           class: i(["cu-item", u > r.modelValue ? "" : `text-${r.color}`]),
           key: u
         }, [
           s("text", {
             class: i(a.cuIcon ? "cuIcon-" + a.cuIcon : "num"),
             "data-index": u + 1
-          }, c(a.cuIcon ? "" : u + 1), 11, Xs),
-          h(" " + c(a.name), 1)
+          }, c(a.cuIcon ? "" : u + 1), 11, Ps),
+          m(" " + c(a.name), 1)
         ], 2))), 128))
       ], 2)
     ]));
   }
 });
-H.install = (t) => {
-  t.component(H.name, H);
+J.install = (t) => {
+  t.component(J.name, J);
 };
-const Ps = { class: "cu-dialog" }, Hs = { class: "cu-bar bg-white justify-end padding-right-sm" }, Js = { class: "content" }, Qs = /* @__PURE__ */ s("text", { class: "cuIcon-close text-red" }, null, -1), Ws = [
-  Qs
-], Ys = { class: "padding-xl" }, Zs = {
+const Js = { class: "cu-dialog" }, Qs = { class: "cu-bar bg-white justify-end padding-right-sm" }, Ws = { class: "content" }, Ys = /* @__PURE__ */ s("text", { class: "cuIcon-close text-red" }, null, -1), Zs = [
+  Ys
+], eo = { class: "padding-xl" }, to = {
   name: "DrawerModal"
-}, J = /* @__PURE__ */ f({
-  ...Zs,
+}, Q = /* @__PURE__ */ _({
+  ...to,
   props: {
     title: {},
     modelValue: { type: Boolean }
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const r = e, n = () => {
+    const r = e, l = () => {
       r("update:modelValue", !1);
     };
-    return (a, u) => (o(), l("div", {
+    return (a, u) => (o(), n("div", {
       class: i(["cu-modal", a.modelValue ? "show" : ""])
     }, [
-      s("div", Ps, [
-        s("div", Hs, [
-          s("div", Js, c(a.title), 1),
+      s("div", Js, [
+        s("div", Qs, [
+          s("div", Ws, c(a.title), 1),
           s("div", {
             class: "action",
-            onClick: n
-          }, Ws)
+            onClick: l
+          }, Zs)
         ]),
-        s("div", Ys, [
+        s("div", eo, [
           $(a.$slots, "default", {}, () => [
-            h("Modal 内容~")
+            m("Modal 内容~")
           ])
         ])
       ])
     ], 2));
   }
 });
-J.install = (t) => {
-  t.component(J.name, J);
+Q.install = (t) => {
+  t.component(Q.name, Q);
 };
-const eo = (t) => {
-  t.use(x), t.use(N), t.use(I), t.use(z), t.use(q), t.use(V), t.use(U), t.use(A), t.use(L), t.use(M), t.use(F), t.use(O), t.use(R), t.use(G), t.use(E), t.use(w), t.use(X), t.use(K), t.use(P), t.use(H), t.use(J);
-}, oo = {
-  install: eo
+const so = (t) => {
+  t.use(T), t.use(D), t.use(w), t.use(q), t.use(V), t.use(N), t.use(A), t.use(L), t.use(M), t.use(F), t.use(O), t.use(R), t.use(G), t.use(X), t.use(U), t.use(C), t.use(K), t.use(P), t.use(H), t.use(J), t.use(Q);
+}, no = {
+  install: so
 };
 export {
-  X as ChatList,
-  K as ChatRoom,
-  J as DrawerModal,
-  R as GridGroup,
-  G as Menu,
-  I as TAvatar,
-  E as TButton,
-  x as TIcon,
-  M as TInputBar,
-  U as TNavBar,
-  z as TNavCard,
-  q as TNewCard,
-  L as TSearchBar,
-  V as TShareCard,
-  H as TSteps,
-  O as TTab,
-  F as TTabs,
-  w as TTag,
-  N as TTitle,
-  A as TTopBar,
-  P as TimeLine,
-  oo as default
+  K as ChatList,
+  P as ChatRoom,
+  Q as DrawerModal,
+  G as GridGroup,
+  X as Menu,
+  w as TAvatar,
+  U as TButton,
+  T as TIcon,
+  F as TInputBar,
+  A as TNavBar,
+  q as TNavCard,
+  V as TNewCard,
+  M as TSearchBar,
+  N as TShareCard,
+  J as TSteps,
+  R as TTab,
+  O as TTabs,
+  C as TTag,
+  D as TTitle,
+  L as TTopBar,
+  H as TimeLine,
+  no as default
 };