vue-color-ui 0.0.10 → 0.0.11

package/lib/temp-color-ui.js

@@ -1,23 +1,23 @@
-import { defineComponent as p, openBlock as n, createElementBlock as l, Fragment as f, renderList as b, normalizeClass as i, normalizeStyle as v, createElementVNode as o, toDisplayString as c, createTextVNode as h, createCommentVNode as u, pushScopeId as le, popScopeId as ae, computed as y, renderSlot as $, createBlock as k, ref as j, provide as ee, watch as ce, inject as W, onMounted as ie, withDirectives as re, vShow as ue, withCtx as Q, createVNode as te } from "vue";
-const de = { class: "nav-list" }, _e = ["url"], pe = { class: "nav-title" }, fe = { class: "nav-name" }, ge = {
+import { defineComponent as f, openBlock as n, createElementBlock as l, Fragment as g, renderList as v, normalizeClass as i, normalizeStyle as $, createElementVNode as o, toDisplayString as c, createTextVNode as h, createCommentVNode as u, pushScopeId as ae, popScopeId as ce, computed as k, renderSlot as y, createBlock as I, inject as J, ref as j, provide as ee, watch as ie, onMounted as re, withDirectives as ue, vShow as de, withCtx as Q, createVNode as te } from "vue";
+const pe = { class: "nav-list" }, _e = ["url"], fe = { class: "nav-title" }, ge = { class: "nav-name" }, he = {
   name: "TNavCard"
-}, z = /* @__PURE__ */ p({
-  ...ge,
+}, z = /* @__PURE__ */ f({
+  ...he,
   props: {
     items: {}
   },
   setup(s) {
-    return (e, r) => (n(), l("div", de, [
-      (n(!0), l(f, null, b(e.items, (t, a) => (n(), l("div", {
+    return (e, r) => (n(), l("div", pe, [
+      (n(!0), l(g, null, v(e.items, (t, a) => (n(), l("div", {
         "hover-class": "none",
         url: "/pages/basics/" + t.name,
         class: i(["nav-li", "bg-" + t.color]),
         navigateTo: "",
-        style: v([{ animation: "show " + ((a + 1) * 0.2 + 1) + "s 1" }]),
+        style: $([{ animation: "show " + ((a + 1) * 0.2 + 1) + "s 1" }]),
         key: a
       }, [
-        o("div", pe, c(t.title), 1),
-        o("div", fe, c(t.name), 1),
+        o("div", fe, c(t.title), 1),
+        o("div", ge, c(t.name), 1),
         o("text", {
           class: i("cuIcon-" + t.cuIcon)
         }, null, 2)
@@ -28,15 +28,15 @@ const de = { class: "nav-list" }, _e = ["url"], pe = { class: "nav-title" }, fe
 z.install = (s) => {
   s.component(z.name, z);
 };
-const Y = (s) => (le("data-v-bbdb83ff"), s = s(), ae(), s), he = { class: "cu-item shadow" }, be = { class: "title" }, me = { class: "text-cut" }, ve = { class: "content" }, $e = ["src", "alt"], ye = { class: "desc" }, ke = { class: "text-content" }, Ie = {
+const Y = (s) => (ae("data-v-bbdb83ff"), s = s(), ce(), s), 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__ */ o("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1)), xe = /* @__PURE__ */ Y(() => /* @__PURE__ */ o("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1)), Te = /* @__PURE__ */ Y(() => /* @__PURE__ */ o("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__ */ Y(() => /* @__PURE__ */ o("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1)), Te = /* @__PURE__ */ Y(() => /* @__PURE__ */ o("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1)), Be = /* @__PURE__ */ Y(() => /* @__PURE__ */ o("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__ */ p({
-  ...Se,
+}, qe = /* @__PURE__ */ f({
+  ...ze,
   props: {
     isCard: { type: Boolean, default: !0 },
     title: { default: "无意者 烈火焚身;以正义的烈火拔出黑暗。我有自己的正义，见证至高的烈火吧。" },
@@ -56,36 +56,36 @@ const Y = (s) => (le("data-v-bbdb83ff"), s = s(), ae(), s), he = { class: "cu-it
     return (e, r) => (n(), l("div", {
       class: i(["cu-card article", e.isCard ? "" : "no-card"])
     }, [
-      o("div", he, [
+      o("div", me, [
         o("div", be, [
-          o("div", me, c(e.title), 1)
+          o("div", ve, c(e.title), 1)
         ]),
-        o("div", ve, [
+        o("div", $e, [
           o("img", {
             src: e.imageSrc,
             alt: e.imageAlt
-          }, null, 8, $e),
-          o("div", ye, [
-            o("div", ke, c(e.description), 1),
+          }, null, 8, ye),
+          o("div", ke, [
+            o("div", Ie, c(e.description), 1),
             o("div", null, [
-              (n(!0), l(f, null, b(e.tags, (t) => (n(), l("div", {
+              (n(!0), l(g, null, v(e.tags, (t) => (n(), l("div", {
                 key: t,
                 class: "cu-tag bg-red light sm round"
               }, c(t), 1))), 128))
             ])
           ])
         ]),
-        e.footerInfo ? (n(), l("div", Ie, [
-          o("div", we, [
-            Ce,
-            h(" " + c(e.footerInfo.likes) + " ", 1),
+        e.footerInfo ? (n(), l("div", we, [
+          o("div", Ce, [
             xe,
-            h(" " + c(e.footerInfo.appreciations) + " ", 1),
+            h(" " + c(e.footerInfo.likes) + " ", 1),
             Te,
+            h(" " + c(e.footerInfo.appreciations) + " ", 1),
+            Be,
             h(" " + c(e.footerInfo.comments), 1)
           ]),
-          o("div", Be, [
-            o("div", je, c(e.footerInfo.author), 1),
+          o("div", je, [
+            o("div", Se, c(e.footerInfo.author), 1),
             h(" " + c(e.footerInfo.timeAgo), 1)
           ])
         ])) : u("", !0)
@@ -97,17 +97,17 @@ const Y = (s) => (le("data-v-bbdb83ff"), s = s(), ae(), s), he = { class: "cu-it
   for (const [t, a] of e)
     r[t] = a;
   return r;
-}, q = /* @__PURE__ */ Z(ze, [["__scopeId", "data-v-bbdb83ff"]]);
+}, q = /* @__PURE__ */ Z(qe, [["__scopeId", "data-v-bbdb83ff"]]);
 q.install = (s) => {
   s.component(q.name, q);
 };
-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__ */ o("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1), Me = /* @__PURE__ */ o("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1), Fe = /* @__PURE__ */ o("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" }, Ae = { class: "text-gray text-sm flex justify-between" }, Ue = { class: "text-content" }, Le = { class: "text-gray text-sm text-right padding" }, Me = /* @__PURE__ */ o("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1), Fe = /* @__PURE__ */ o("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1), Re = /* @__PURE__ */ o("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1), Oe = { class: "cu-item" }, Ge = { class: "content" }, Ke = { class: "text-grey" }, Xe = { class: "text-gray text-content text-df" }, Pe = { class: "flex" }, We = { class: "flex-sub" }, He = { class: "margin-top-sm flex justify-between" }, Je = { class: "text-gray text-df" }, Qe = {
   key: 0,
   class: "cuIcon-appreciatefill text-red"
-}, We = /* @__PURE__ */ o("span", { class: "cuIcon-messagefill text-gray margin-left-sm" }, null, -1), Ye = { class: "text-gray margin-left-xs" }, Ze = {
+}, Ye = /* @__PURE__ */ o("span", { class: "cuIcon-messagefill text-gray margin-left-sm" }, null, -1), Ze = { class: "text-gray margin-left-xs" }, et = {
   name: "TShareCard"
-}, V = /* @__PURE__ */ p({
-  ...Ze,
+}, V = /* @__PURE__ */ f({
+  ...et,
   props: {
     isCard: { type: Boolean, default: !0 },
     author: { default: "凯尔" },
@@ -159,16 +159,16 @@ const qe = { class: "cu-item shadow" }, Ve = { class: "cu-list menu-avatar" }, N
       o("div", {
         class: i(["cu-card dynamic", e.isCard ? "is-card" : "no-card"])
       }, [
-        o("div", qe, [
-          o("div", Ve, [
-            o("div", Ne, [
+        o("div", Ve, [
+          o("div", Ne, [
+            o("div", De, [
               o("div", {
                 class: "cu-avatar round lg",
-                style: v({ backgroundImage: `url(${e.avatarUrl})` })
+                style: $({ backgroundImage: `url(${e.avatarUrl})` })
               }, null, 4),
-              o("div", De, [
+              o("div", Ee, [
                 o("div", null, c(e.author), 1),
-                o("div", Ee, c(e.date), 1)
+                o("div", Ae, c(e.date), 1)
               ])
             ])
           ]),
@@ -176,21 +176,21 @@ const qe = { class: "cu-item shadow" }, Ve = { class: "cu-list menu-avatar" }, N
           o("div", {
             class: i(["grid flex-sub padding-lr", e.isCard ? "col-3 grid-square" : "col-1"])
           }, [
-            (n(!0), l(f, null, b(e.isCard ? 9 : 1, (t) => (n(), l("div", {
+            (n(!0), l(g, null, v(e.isCard ? 9 : 1, (t) => (n(), l("div", {
               class: i(["bg-img", e.isCard ? "" : "only-img"]),
-              style: v({ backgroundImage: `url(${e.imageUrl})` }),
+              style: $({ backgroundImage: `url(${e.imageUrl})` }),
               key: t
             }, null, 6))), 128))
           ], 2),
-          o("div", Ae, [
-            Le,
-            h(" " + c(e.likes) + " ", 1),
+          o("div", Le, [
             Me,
-            h(" " + c(e.appreciations) + " ", 1),
+            h(" " + c(e.likes) + " ", 1),
             Fe,
+            h(" " + c(e.appreciations) + " ", 1),
+            Re,
             h(" " + c(e.comments), 1)
           ]),
-          (n(!0), l(f, null, b(e.commentsList, (t) => {
+          (n(!0), l(g, null, v(e.commentsList, (t) => {
             var a;
             return n(), l("div", {
               class: "cu-list menu-avatar comment solids-top",
@@ -199,26 +199,26 @@ const qe = { class: "cu-item shadow" }, Ve = { class: "cu-list menu-avatar" }, N
               o("div", Oe, [
                 o("div", {
                   class: "cu-avatar round",
-                  style: v({ backgroundImage: `url(${t.avatarUrl})` })
+                  style: $({ backgroundImage: `url(${t.avatarUrl})` })
                 }, null, 4),
-                o("div", Re, [
-                  o("div", Ge, c(t.author), 1),
+                o("div", Ge, [
+                  o("div", Ke, c(t.author), 1),
                   o("div", Xe, c(t.text), 1),
-                  (n(!0), l(f, null, b(t.replies, (d) => (n(), l("div", {
+                  (n(!0), l(g, null, v(t.replies, (d) => (n(), l("div", {
                     key: d.id,
                     class: "bg-grey padding-sm radius margin-top-sm text-sm"
                   }, [
-                    o("div", Ke, [
+                    o("div", Pe, [
                       o("div", null, c(d.author) + "：", 1),
-                      o("div", Pe, c(d.text), 1)
+                      o("div", We, c(d.text), 1)
                     ])
                   ]))), 128)),
                   o("div", He, [
                     o("div", Je, c(t.date), 1),
                     o("div", null, [
                       t.likes ? (n(), l("span", Qe)) : u("", !0),
-                      We,
-                      o("span", Ye, c((a = t.replies) == null ? void 0 : a.length), 1)
+                      Ye,
+                      o("span", Ze, c((a = t.replies) == null ? void 0 : a.length), 1)
                     ])
                   ])
                 ])
@@ -233,7 +233,7 @@ const qe = { class: "cu-item shadow" }, Ve = { class: "cu-list menu-avatar" }, N
 V.install = (s) => {
   s.component(V.name, V);
 };
-const et = {
+const tt = {
   ssss: "2px",
   sss: "4px",
   ss: "8px",
@@ -245,45 +245,45 @@ const et = {
   xxl: "30px",
   xxxl: "48px"
 };
-function tt(s, e, r = "px") {
+function st(s, e, r = "px") {
   if (typeof e == "number")
     return `${s}: ${e}${r};`;
-  const t = et[e];
+  const t = tt[e];
   return t ? `${s}: ${t};` : "";
 }
-function st(s) {
-  return tt("font-size", s);
+function ot(s) {
+  return st("font-size", s);
 }
-const ot = {
+const nt = {
   name: "TIcon"
-}, x = /* @__PURE__ */ p({
-  ...ot,
+}, T = /* @__PURE__ */ f({
+  ...nt,
   props: {
     name: {},
     color: { default: "grey" },
     size: { default: 15 }
   },
   setup(s) {
-    const e = s, r = y(() => st(e.size));
+    const e = s, r = k(() => ot(e.size));
     return (t, a) => (n(), l("i", {
       class: i(`cuIcon-${t.name} text-${t.color}`),
-      style: v(r.value)
+      style: $(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__ */ o("div", {
+}), lt = { class: "action border-title" }, at = { class: "action border-title" }, ct = { class: "tib text-xl text-bold text-blue" }, it = /* @__PURE__ */ o("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__ */ o("div", {
+}, null, -1), rt = { class: "action sub-title" }, ut = { class: "tib text-xl text-bold text-green" }, dt = /* @__PURE__ */ o("div", {
   class: "tib bg-green",
   style: { width: "2rem" }
-}, null, -1), dt = { class: "action sub-title" }, _t = { class: "tib text-xl text-bold text-blue" }, pt = { class: "tib text-ABC text-blue" }, ft = { class: "action title-style-3" }, gt = {
+}, null, -1), pt = { class: "action sub-title" }, _t = { class: "tib text-xl text-bold text-blue" }, ft = { class: "tib text-ABC text-blue" }, gt = { class: "action title-style-3" }, ht = {
   key: 5,
   class: "cu-bar bg-white"
-}, ht = { class: "action" }, bt = {
+}, mt = { class: "action" }, bt = {
   key: 6,
   class: "cu-bar bg-white solid-bottom"
-}, mt = { class: "action" }, vt = { class: "action" }, $t = { name: "TTitle" }, N = /* @__PURE__ */ p({
-  ...$t,
+}, vt = { class: "action" }, $t = { class: "action" }, yt = { name: "TTitle" }, N = /* @__PURE__ */ f({
+  ...yt,
   props: {
     title: { default: "主题名称" },
     deputy: { default: "about" },
@@ -298,7 +298,7 @@ const ot = {
       key: 0,
       class: i(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      o("div", nt, [
+      o("div", lt, [
         o("div", {
           class: i(["tib text-xl", `text-${e.color}`])
         }, c(e.title), 3),
@@ -311,31 +311,31 @@ const ot = {
       key: 1,
       class: i(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      o("div", lt, [
-        o("div", at, c(e.title), 1),
-        ct
+      o("div", at, [
+        o("div", ct, c(e.title), 1),
+        it
       ])
     ], 2)) : e.mode === "default3" ? (n(), l("div", {
       key: 2,
       class: i(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      o("div", it, [
-        o("div", rt, c(e.title), 1),
-        ut
+      o("div", rt, [
+        o("div", ut, c(e.title), 1),
+        dt
       ])
     ], 2)) : e.mode === "default4" ? (n(), l("div", {
       key: 3,
       class: i(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      o("div", dt, [
+      o("div", pt, [
         o("div", _t, c(e.title), 1),
-        o("div", pt, c(e.deputy), 1)
+        o("div", ft, c(e.deputy), 1)
       ])
     ], 2)) : e.mode === "bilingual" ? (n(), l("div", {
       key: 4,
       class: i(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
-      o("div", ft, [
+      o("div", gt, [
         o("div", {
           class: i(["tib", `text-${e.color}`])
         }, c(e.title), 3),
@@ -343,8 +343,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" ? (n(), l("div", gt, [
-      o("div", ht, [
+    ], 2)) : e.mode === "icon-title" ? (n(), l("div", ht, [
+      o("div", mt, [
         o("i", {
           class: i(`cuIcon-${e.icon} text-${e.color}`)
         }, null, 2),
@@ -353,21 +353,21 @@ const ot = {
         }, c(e.title), 3)
       ])
     ])) : (n(), l("div", bt, [
-      o("div", mt, [
+      o("div", vt, [
         o("i", {
           class: i(`cuIcon-${e.icon} text-${e.color}`)
         }, null, 2),
-        $(e.$slots, "default")
+        y(e.$slots, "default")
       ]),
-      o("div", vt, [
-        $(e.$slots, "action")
+      o("div", $t, [
+        y(e.$slots, "action")
       ])
     ]));
   }
-}), yt = {
+}), kt = {
   name: "TAvatar"
-}, I = /* @__PURE__ */ p({
-  ...yt,
+}, w = /* @__PURE__ */ f({
+  ...kt,
   props: {
     url: {},
     size: { default: "lg" },
@@ -377,36 +377,36 @@ const ot = {
     return (e, r) => e.url ? (n(), l("div", {
       key: 0,
       class: i(["cu-avatar", e.size, e.mode]),
-      style: v({ backgroundImage: `url(${e.url})` })
+      style: $({ backgroundImage: `url(${e.url})` })
     }, null, 6)) : (n(), l("div", {
       key: 1,
       class: i(["padding-xs", ["cu-avatar", e.size, e.mode]])
     }, [
-      $(e.$slots, "default")
+      y(e.$slots, "default")
     ], 2));
   }
-}), kt = { class: "cu-avatar-group" }, It = {
+}), It = { class: "cu-avatar-group" }, wt = {
   name: "TAvatarGroup"
-}, D = /* @__PURE__ */ p({
-  ...It,
+}, D = /* @__PURE__ */ f({
+  ...wt,
   props: {
     urls: { default: () => [] },
     size: { default: "sm" },
     mode: { default: "round" }
   },
   setup(s) {
-    return (e, r) => (n(), l("div", kt, [
-      (n(!0), l(f, null, b(e.urls, (t, a) => (n(), k(I, {
+    return (e, r) => (n(), l("div", It, [
+      (n(!0), l(g, null, v(e.urls, (t, a) => (n(), I(w, {
         key: a,
         url: t,
         size: e.size
       }, null, 8, ["url", "size"]))), 128))
     ]));
   }
-}), wt = ["disabled"], Ct = { key: 1 }, xt = {
+}), Ct = ["disabled"], xt = { key: 1 }, Tt = {
   name: "TButton"
-}, E = /* @__PURE__ */ p({
-  ...xt,
+}, E = /* @__PURE__ */ f({
+  ...Tt,
   props: {
     text: {},
     bg: { default: "blue" },
@@ -417,35 +417,35 @@ const ot = {
     shadow: { type: Boolean, default: !1 }
   },
   setup(s) {
-    const e = s, r = y(() => [
+    const e = s, r = k(() => [
       "cu-btn",
       e.rounded ? "round" : "radius",
       e.shadow ? "shadow" : "",
       `bg-${e.bg}`,
       e.size !== "default" ? e.size : ""
-    ].join(" ")), t = y(() => ({
+    ].join(" ")), t = k(() => ({
       cursor: e.disabled ? "not-allowed" : "pointer"
-    })), a = y(() => ({
+    })), a = k(() => ({
       marginRight: e.text ? "8px" : "0"
     }));
-    return (d, g) => (n(), l("button", {
+    return (d, p) => (n(), l("button", {
       class: i(r.value),
-      style: v(t.value),
+      style: $(t.value),
       disabled: d.disabled
     }, [
-      $(d.$slots, "default"),
+      y(d.$slots, "default"),
       d.icon ? (n(), l("i", {
         key: 0,
         class: i(`cuIcon-${d.icon}`),
-        style: v(a.value)
+        style: $(a.value)
       }, null, 6)) : u("", !0),
-      d.text ? (n(), l("span", Ct, c(d.text), 1)) : u("", !0)
-    ], 14, wt));
+      d.text ? (n(), l("span", xt, c(d.text), 1)) : u("", !0)
+    ], 14, Ct));
   }
-}), Tt = { key: 0 }, Bt = {
+}), Bt = { key: 0 }, jt = {
   name: "TTag"
-}, jt = /* @__PURE__ */ p({
-  ...Bt,
+}, St = /* @__PURE__ */ f({
+  ...jt,
   props: {
     text: {},
     bg: { default: "blue" },
@@ -455,30 +455,30 @@ const ot = {
     line: { type: Boolean, default: !1 }
   },
   setup(s) {
-    const e = s, r = y(() => [
+    const e = s, r = k(() => [
       "cu-tag",
       e.shape !== "default" ? e.shape : "",
       e.light ? "light" : "",
       `${e.line ? "line" : "bg"}-${e.bg}`,
       e.size !== "default" ? e.size : ""
-    ].join(" ")), t = y(() => ({}));
+    ].join(" ")), t = k(() => ({}));
     return (a, d) => (n(), l("div", {
       class: i(r.value),
-      style: v(t.value)
+      style: $(t.value)
     }, [
-      $(a.$slots, "default", {}, void 0, !0),
-      a.text ? (n(), l("span", Tt, c(a.text), 1)) : u("", !0)
+      y(a.$slots, "default", {}, void 0, !0),
+      a.text ? (n(), l("span", Bt, c(a.text), 1)) : u("", !0)
     ], 6));
   }
-}), w = /* @__PURE__ */ Z(jt, [["__scopeId", "data-v-3c2b82ce"]]);
-x.install = (s) => {
-  s.component(x.name, x);
+}), C = /* @__PURE__ */ Z(St, [["__scopeId", "data-v-3c2b82ce"]]);
+T.install = (s) => {
+  s.component(T.name, T);
 };
 N.install = (s) => {
   s.component(N.name, N);
 };
-I.install = (s) => {
-  s.component(I.name, I);
+w.install = (s) => {
+  s.component(w.name, w);
 };
 D.install = (s) => {
   s.component(D.name, D);
@@ -486,22 +486,50 @@ D.install = (s) => {
 E.install = (s) => {
   s.component(E.name, E);
 };
-w.install = (s) => {
-  s.component(w.name, w);
+C.install = (s) => {
+  s.component(C.name, C);
 };
-const St = {
+/*!
+  * vue-router v4.3.3
+  * (c) 2024 Eduardo San Martin Morote
+  * @license MIT
+  */
+var se;
+(function(s) {
+  s.pop = "pop", s.push = "push";
+})(se || (se = {}));
+var oe;
+(function(s) {
+  s.back = "back", s.forward = "forward", s.unknown = "";
+})(oe || (oe = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
+var ne;
+(function(s) {
+  s[s.aborted = 4] = "aborted", s[s.cancelled = 8] = "cancelled", s[s.duplicated = 16] = "duplicated";
+})(ne || (ne = {}));
+Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
+const zt = Symbol(process.env.NODE_ENV !== "production" ? "router" : ""), qt = Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
+Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
+function le() {
+  return J(zt);
+}
+function Vt() {
+  return J(qt);
+}
+const Nt = ["onClick"], Dt = {
   key: 0,
   class: "cuIcon-cu-image"
-}, zt = ["src"], qt = {
+}, Et = ["src"], At = {
   key: 0,
   class: "cu-tag badge"
-}, Vt = {
+}, Ut = {
   key: 0,
   class: "cu-tag badge"
-}, Nt = {
+}, Lt = {
   name: "TNavBar"
-}, U = /* @__PURE__ */ p({
-  ...Nt,
+}, A = /* @__PURE__ */ f({
+  ...Lt,
   props: {
     bg: { default: "white" },
     color: { default: "gray" },
@@ -510,65 +538,75 @@ const St = {
       {
         icon: "homefill",
         label: "首页",
+        path: "/home",
         active: !0
       },
       {
         icon: "similar",
-        label: "分类"
+        label: "分类",
+        path: "/category"
       },
       {
         img: "https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png",
-        label: "积分"
+        label: "积分",
+        path: "/points"
       },
       {
         icon: "cart",
         label: "购物车",
+        path: "/cart",
         badge: 99
       },
       {
         icon: "my",
-        label: "我的"
+        label: "我的",
+        path: "/profile"
       }
     ] },
-    isFoot: { type: Boolean, default: !1 }
+    isFoot: { type: Boolean, default: !1 },
+    onItemClick: {}
   },
   setup(s) {
-    return (e, r) => (n(), l("div", {
-      class: i(["cu-bar tabbar", `bg-${e.bg} ${e.isFoot ? "foot" : ""}`])
+    const e = s, r = le(), t = Vt(), a = (p) => p ? t.path.startsWith(p) : !1, d = (p) => {
+      p.path && r.push(p.path), e.onItemClick && e.onItemClick(p);
+    };
+    return (p, _) => (n(), l("div", {
+      class: i(["cu-bar tabbar", `bg-${p.bg} ${p.isFoot ? "foot" : ""}`])
     }, [
-      (n(!0), l(f, null, b(e.items, (t, a) => (n(), l("div", {
-        key: a,
-        class: i(["action", `text-${t.active ? e.activeColor : e.color}`])
+      (n(!0), l(g, null, v(p.items, (m, b) => (n(), l("div", {
+        key: b,
+        class: i(["action", `text-${a(m.path) ? p.activeColor : p.color}`]),
+        onClick: (x) => d(m)
       }, [
-        t.img ? (n(), l("div", St, [
+        m.img ? (n(), l("div", Dt, [
           o("img", {
-            src: t.img,
+            src: m.img,
             style: { width: "21px", height: "21px" },
             class: "radius"
-          }, null, 8, zt),
-          t.badge ? (n(), l("div", qt, c(t.badge), 1)) : u("", !0)
+          }, null, 8, Et),
+          m.badge ? (n(), l("div", At, c(m.badge), 1)) : u("", !0)
         ])) : (n(), l("div", {
           key: 1,
-          class: i(`cuIcon-${t.icon}`)
+          class: i(`cuIcon-${m.icon}`)
         }, [
-          t.badge ? (n(), l("div", Vt, c(t.badge), 1)) : u("", !0)
+          m.badge ? (n(), l("div", Ut, c(m.badge), 1)) : u("", !0)
         ], 2)),
-        o("div", null, c(t.label), 1)
-      ], 2))), 128))
+        o("div", null, c(m.label), 1)
+      ], 10, Nt))), 128))
     ], 2));
   }
 });
-U.install = (s) => {
-  s.component(U.name, U);
+A.install = (s) => {
+  s.component(A.name, A);
 };
-const Dt = {
+const Mt = {
   key: 0,
   class: "action"
-}, Et = { key: 1 }, Ut = { class: "content text-bold" }, At = {
+}, Ft = { key: 1 }, Rt = { class: "content text-bold" }, Ot = {
   key: 2,
   class: "action"
-}, Lt = { name: "TTopBar" }, A = /* @__PURE__ */ p({
-  ...Lt,
+}, Gt = { name: "TTopBar" }, U = /* @__PURE__ */ f({
+  ...Gt,
   props: {
     title: {},
     leftIcon: {},
@@ -583,20 +621,20 @@ const Dt = {
     return (e, r) => (n(), l("div", {
       class: i(["cu-bar", `bg-${e.bg}`])
     }, [
-      e.leftIcon || e.leftText ? (n(), l("div", Dt, [
+      e.leftIcon || e.leftText ? (n(), l("div", Mt, [
         e.leftIcon ? (n(), l("text", {
           key: 0,
           class: i(`cuIcon-${e.leftIcon} text-${e.leftIconColor}`)
         }, null, 2)) : u("", !0),
-        e.leftText ? (n(), l("span", Et, c(e.leftText), 1)) : u("", !0)
+        e.leftText ? (n(), l("span", Ft, c(e.leftText), 1)) : u("", !0)
       ])) : u("", !0),
       e.avatarUrl ? (n(), l("div", {
         key: 1,
         class: "cu-avatar round",
-        style: v({ backgroundImage: `url(${e.avatarUrl})` })
+        style: $({ backgroundImage: `url(${e.avatarUrl})` })
       }, null, 4)) : u("", !0),
-      o("div", Ut, c(e.title), 1),
-      e.rightIcon ? (n(), l("div", At, [
+      o("div", Rt, c(e.title), 1),
+      e.rightIcon ? (n(), l("div", Ot, [
         o("text", {
           class: i(`cuIcon-${e.rightIcon} text-${e.rightIconColor}`)
         }, null, 2)
@@ -604,16 +642,16 @@ const Dt = {
     ], 2));
   }
 });
-A.install = (s) => {
-  s.component(A.name, A);
+U.install = (s) => {
+  s.component(U.name, U);
 };
-const Mt = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), Ft = { class: "action" }, Ot = {
+const Kt = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), Xt = { class: "action" }, Pt = {
   key: 0,
   class: "cu-btn bg-green shadow-blur round"
-}, Rt = { key: 0 }, Gt = { key: 3 }, Xt = {
+}, Wt = { key: 0 }, Ht = { key: 3 }, Jt = {
   name: "TSearchBar"
-}, L = /* @__PURE__ */ p({
-  ...Xt,
+}, L = /* @__PURE__ */ f({
+  ...Jt,
   props: {
     bgColor: { default: "white" },
     borderRadiusClass: { default: "round" },
@@ -636,12 +674,12 @@ const Mt = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), Ft =
       a.avatarUrl ? (n(), l("div", {
         key: 0,
         class: "cu-avatar round",
-        style: v({ backgroundImage: `url(${a.avatarUrl})` })
+        style: $({ backgroundImage: `url(${a.avatarUrl})` })
       }, null, 4)) : u("", !0),
       o("div", {
         class: i(["search-form", a.borderRadiusClass])
       }, [
-        Mt,
+        Kt,
         o("input", {
           onFocus: r,
           onBlur: t,
@@ -651,9 +689,9 @@ const Mt = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), Ft =
           "confirm-type": "search"
         }, null, 32)
       ], 2),
-      o("div", Ft, [
-        a.buttonText ? (n(), l("button", Ot, c(a.buttonText), 1)) : (n(), l(f, { key: 1 }, [
-          a.location ? (n(), l("text", Rt, c(a.location), 1)) : u("", !0),
+      o("div", Xt, [
+        a.buttonText ? (n(), l("button", Pt, c(a.buttonText), 1)) : (n(), l(g, { key: 1 }, [
+          a.location ? (n(), l("text", Wt, c(a.location), 1)) : u("", !0),
           a.locationIcon ? (n(), l("text", {
             key: 1,
             class: i(`cuIcon-${a.locationIcon}`)
@@ -662,7 +700,7 @@ const Mt = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), Ft =
             key: 2,
             class: i(`cuIcon-${a.actionIcon}`)
           }, null, 2)) : u("", !0),
-          a.actionText ? (n(), l("text", Gt, c(a.actionText), 1)) : u("", !0)
+          a.actionText ? (n(), l("text", Ht, c(a.actionText), 1)) : u("", !0)
         ], 64))
       ])
     ], 2));
@@ -671,14 +709,14 @@ const Mt = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), Ft =
 L.install = (s) => {
   s.component(L.name, L);
 };
-const Kt = { class: "cu-bar input" }, Pt = {
+const Qt = { class: "cu-bar input" }, Yt = {
   key: 0,
   class: "action"
-}, Ht = {
+}, Zt = {
   key: 1,
   class: "action"
-}, Jt = { class: "action" }, Qt = { class: "cu-btn bg-green shadow-blur" }, Wt = { name: "TInputBar" }, M = /* @__PURE__ */ p({
-  ...Wt,
+}, es = { class: "action" }, ts = { class: "cu-btn bg-green shadow-blur" }, ss = { name: "TInputBar" }, M = /* @__PURE__ */ f({
+  ...ss,
   props: {
     leftIcon: {},
     middleIcon: {},
@@ -691,13 +729,13 @@ const Kt = { class: "cu-bar input" }, Pt = {
     }, t = () => {
       e.value = 0;
     };
-    return (a, d) => (n(), l("div", Kt, [
-      a.leftIcon ? (n(), l("div", Pt, [
+    return (a, d) => (n(), l("div", Qt, [
+      a.leftIcon ? (n(), l("div", Yt, [
         o("text", {
           class: i(`cuIcon-${a.leftIcon} text-grey`)
         }, null, 2)
       ])) : u("", !0),
-      a.middleIcon ? (n(), l("div", Ht, [
+      a.middleIcon ? (n(), l("div", Zt, [
         o("text", {
           class: i(`cuIcon-${a.middleIcon} text-grey`)
         }, null, 2)
@@ -710,22 +748,22 @@ const Kt = { class: "cu-bar input" }, Pt = {
         maxlength: "300",
         "cursor-spacing": "10"
       }, null, 32),
-      o("div", Jt, [
+      o("div", es, [
         o("text", {
           class: i(`cuIcon-${a.rightIcon} text-grey`)
         }, null, 2)
       ]),
-      o("button", Qt, c(a.buttonText), 1)
+      o("button", ts, c(a.buttonText), 1)
     ]));
   }
 });
 M.install = (s) => {
   s.component(M.name, M);
 };
-const Yt = ["onClick"], Zt = { class: "tab-content" }, es = {
+const os = ["onClick"], ns = { class: "tab-content" }, ls = {
   name: "TTabs"
-}, F = /* @__PURE__ */ p({
-  ...es,
+}, F = /* @__PURE__ */ f({
+  ...ls,
   props: {
     modelValue: { default: 0 },
     center: { type: Boolean, default: !1 },
@@ -736,113 +774,87 @@ const Yt = ["onClick"], Zt = { class: "tab-content" }, es = {
   },
   emits: ["update:modelValue", "select"],
   setup(s, { emit: e }) {
-    const r = j([]), t = j(0), a = e, d = (m, T) => {
-      t.value = m, a("update:modelValue", m), a("select", T);
+    const r = j([]), t = j(0), a = e, d = (b, x) => {
+      t.value = b, a("update:modelValue", b), a("select", x);
     };
-    ee("registerTab", (m) => (r.value.push(m), r.value.length - 1)), ee("activeTab", t);
-    const _ = s, C = y(() => _.center !== !1 ? "justify-content:center;" : `justify-content:${_.mode}`);
-    return ce(
+    ee("registerTab", (b) => (r.value.push(b), r.value.length - 1)), ee("activeTab", t);
+    const _ = s, m = k(() => _.center !== !1 ? "justify-content:center;" : `justify-content:${_.mode}`);
+    return ie(
       () => _.modelValue,
-      (m) => {
-        t.value = m;
+      (b) => {
+        t.value = b;
       }
-    ), (m, T) => (n(), l("div", {
-      class: i(m.isCard !== !1 ? "is-card" : "")
+    ), (b, x) => (n(), l("div", {
+      class: i(b.isCard !== !1 ? "is-card" : "")
     }, [
       o("div", {
-        class: i(["nav flex", [, `bg-${m.bg}`, `text-${m.text}`]]),
-        style: v(C.value)
+        class: i(["nav flex", [, `bg-${b.bg}`, `text-${b.text}`]]),
+        style: $(m.value)
       }, [
-        (n(!0), l(f, null, b(r.value, (B, S) => (n(), l("div", {
+        (n(!0), l(g, null, v(r.value, (B, S) => (n(), l("div", {
           class: i(["cu-item", [t.value === S ? "cur text-blue" : ""]]),
           key: S,
-          onClick: (oo) => d(S, B)
+          onClick: (ao) => d(S, B)
         }, [
           B.icon ? (n(), l("i", {
             key: 0,
             class: i(`cuIcon-${B.icon} text-${t.value === S ? "blue" : B.iconColor}`)
           }, null, 2)) : u("", !0),
           h(" " + c(B.label), 1)
-        ], 10, Yt))), 128))
+        ], 10, os))), 128))
       ], 6),
-      o("div", Zt, [
-        $(m.$slots, "default", {
+      o("div", ns, [
+        y(b.$slots, "default", {
           tab: r.value[t.value]
         }),
         h("·")
       ])
     ], 2));
   }
-}), ts = {
+}), as = {
   name: "TTab"
-}, O = /* @__PURE__ */ p({
-  ...ts,
+}, R = /* @__PURE__ */ f({
+  ...as,
   props: {
     label: {},
     icon: { default: "" },
     iconColor: { default: "black" }
   },
   setup(s) {
-    const e = s, r = W(
+    const e = s, r = J(
       "registerTab"
-    ), t = W("activeTab"), a = j(null), d = y(() => (t == null ? void 0 : t.value) === a.value), g = y(() => ({
+    ), t = J("activeTab"), a = j(null), d = k(() => (t == null ? void 0 : t.value) === a.value), p = k(() => ({
       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
       }));
-    }), (_, C) => re((n(), l("div", null, [
-      $(_.$slots, "default"),
-      $(_.$slots, "custom", { tab: g.value })
+    }), (_, m) => ue((n(), l("div", null, [
+      y(_.$slots, "default"),
+      y(_.$slots, "custom", { tab: p.value })
     ], 512)), [
-      [ue, d.value]
+      [de, d.value]
     ]);
   }
 });
 F.install = (s) => {
   s.component(F.name, F);
 };
-O.install = (s) => {
-  s.component(O.name, O);
+R.install = (s) => {
+  s.component(R.name, R);
 };
-/*!
-  * vue-router v4.3.3
-  * (c) 2024 Eduardo San Martin Morote
-  * @license MIT
-  */
-var se;
-(function(s) {
-  s.pop = "pop", s.push = "push";
-})(se || (se = {}));
-var oe;
-(function(s) {
-  s.back = "back", s.forward = "forward", s.unknown = "";
-})(oe || (oe = {}));
-Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
-var ne;
-(function(s) {
-  s[s.aborted = 4] = "aborted", s[s.cancelled = 8] = "cancelled", s[s.duplicated = 16] = "duplicated";
-})(ne || (ne = {}));
-Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
-Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
-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 os() {
-  return W(ss);
-}
-const ns = ["onClick"], ls = {
+const cs = ["onClick"], is = {
   key: 0,
   class: "cu-tag badge"
-}, as = { key: 0 }, cs = {
+}, rs = { key: 0 }, us = {
   name: "GridGroup"
-}, R = /* @__PURE__ */ p({
-  ...cs,
+}, O = /* @__PURE__ */ f({
+  ...us,
   props: {
     cuIconList: { default: () => [
       {
@@ -912,7 +924,7 @@ const ns = ["onClick"], ls = {
     routeFn: { type: Function, default: void 0 }
   },
   setup(s) {
-    const e = s, r = os(), t = (a) => {
+    const e = s, r = le(), t = (a) => {
       if (a.path) {
         e.routeFn ? e.routeFn().push({
           path: a.path
@@ -929,37 +941,37 @@ const ns = ["onClick"], ls = {
     return (a, d) => (n(), l("div", {
       class: i(["cu-list grid", ["col-" + a.gridCol, a.gridBorder ? "" : "no-border"]])
     }, [
-      (n(!0), l(f, null, b(a.cuIconList, (g, _) => (n(), l("div", {
+      (n(!0), l(g, null, v(a.cuIconList, (p, _) => (n(), l("div", {
         class: "cu-item",
         key: _,
-        style: v(`width: calc(100% / ${a.gridCol})`),
-        onClick: (C) => t(g)
+        style: $(`width: calc(100% / ${a.gridCol})`),
+        onClick: (m) => t(p)
       }, [
         o("div", {
-          class: i(["cuIcon-" + g.cuIcon, "text-" + g.color])
+          class: i(["cuIcon-" + p.cuIcon, "text-" + p.color])
         }, [
-          g.badge != 0 ? (n(), l("div", ls, [
-            g.badge != 1 ? (n(), l("i", as, c((g.badge || 0) > 99 ? "99+" : g.badge), 1)) : u("", !0)
+          p.badge != 0 ? (n(), l("div", is, [
+            p.badge != 1 ? (n(), l("i", rs, c((p.badge || 0) > 99 ? "99+" : p.badge), 1)) : u("", !0)
           ])) : u("", !0)
         ], 2),
-        o("text", null, c(g.name), 1)
-      ], 12, ns))), 128))
+        o("text", null, c(p.name), 1)
+      ], 12, cs))), 128))
     ], 2));
   }
 });
-R.install = (s) => {
-  s.component(R.name, R);
+O.install = (s) => {
+  s.component(O.name, O);
 };
-const is = { class: "content" }, rs = ["src", "alt"], us = { class: "text-grey" }, ds = { class: "action" }, _s = {
+const ds = { class: "content" }, ps = ["src", "alt"], _s = { class: "text-grey" }, fs = { class: "action" }, gs = {
   key: 1,
   class: "text-grey text-sm"
-}, ps = ["onClick"], fs = {
+}, hs = ["onClick"], ms = {
   key: 4,
   class: "text-grey text-sm"
-}, gs = {
+}, bs = {
   name: "Menu"
-}, G = /* @__PURE__ */ p({
-  ...gs,
+}, G = /* @__PURE__ */ f({
+  ...bs,
   props: {
     menuItems: { default: () => [
       {
@@ -1039,14 +1051,14 @@ const is = { class: "content" }, rs = ["src", "alt"], us = { class: "text-grey"
     return (e, r) => (n(), l("div", {
       class: i(["cu-list menu", [e.menuBorder ? "sm-border" : "", e.menuCard ? "card-menu" : ""]])
     }, [
-      (n(!0), l(f, null, b(e.menuItems, (t, a) => {
+      (n(!0), l(g, null, v(e.menuItems, (t, a) => {
         var d;
         return n(), l("div", {
           key: a,
           class: i(["cu-item", e.menuArrow ? "arrow" : ""])
         }, [
-          o("div", is, [
-            t.icon ? (n(), k(x, {
+          o("div", ds, [
+            t.icon ? (n(), I(T, {
               key: 0,
               class: "icon",
               name: t.icon.name,
@@ -1057,40 +1069,40 @@ const is = { class: "content" }, rs = ["src", "alt"], us = { class: "text-grey"
               class: "icon",
               src: t.img.url,
               alt: t.img.alt
-            }, null, 8, rs)) : u("", !0),
-            o("text", us, c(t.title), 1)
+            }, null, 8, ps)) : u("", !0),
+            o("text", _s, c(t.title), 1)
           ]),
-          o("div", ds, [
-            t.group ? (n(), k(D, {
+          o("div", fs, [
+            t.group ? (n(), I(D, {
               key: 0,
               urls: t.group
             }, null, 8, ["urls"])) : u("", !0),
-            t.group ? (n(), l("text", _s, c(t.group.length) + "人", 1)) : u("", !0),
+            t.group ? (n(), l("text", gs, c(t.group.length) + "人", 1)) : u("", !0),
             t.btn ? (n(), l("button", {
               key: 2,
               class: i(["cu-btn round shadow", `bg-${t.btn.bg}`]),
               onClick: (d = t.btn) == null ? void 0 : d.event
             }, [
-              t.btn.icon ? (n(), k(x, {
+              t.btn.icon ? (n(), I(T, {
                 key: 0,
                 name: t.btn.icon,
                 color: "white"
               }, null, 8, ["name"])) : u("", !0),
               h(" " + c(t.btn.text), 1)
-            ], 10, ps)) : u("", !0),
-            t.tags ? (n(!0), l(f, { key: 3 }, b(t.tags, (g, _) => (n(), k(w, {
-              size: g.size,
+            ], 10, hs)) : u("", !0),
+            t.tags ? (n(!0), l(g, { key: 3 }, v(t.tags, (p, _) => (n(), I(C, {
+              size: p.size,
               key: _,
-              bg: g.bg,
-              light: g.light,
+              bg: p.bg,
+              light: p.light,
               shape: "round"
             }, {
               default: Q(() => [
-                h(c(g.text), 1)
+                h(c(p.text), 1)
               ]),
               _: 2
             }, 1032, ["size", "bg", "light"]))), 128)) : u("", !0),
-            t.text ? (n(), l("text", fs, c(t.text), 1)) : u("", !0)
+            t.text ? (n(), l("text", ms, c(t.text), 1)) : u("", !0)
           ])
         ], 2);
       }), 128))
@@ -1100,10 +1112,10 @@ const is = { class: "content" }, rs = ["src", "alt"], us = { class: "text-grey"
 G.install = (s) => {
   s.component(G.name, G);
 };
-const hs = {
+const vs = {
   key: 0,
   class: "cu-tag badge"
-}, bs = { class: "content" }, ms = { 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__ */ p({
+}, $s = { class: "content" }, ys = { class: "flex align-center" }, ks = { class: "text-cut" }, Is = { class: "text-gray text-sm flex" }, ws = { class: "text-cut" }, Cs = { class: "action" }, xs = { class: "text-grey text-xs" }, Ts = /* @__PURE__ */ f({
   __name: "ChatListItem",
   props: {
     userinfo: {},
@@ -1121,26 +1133,26 @@ const hs = {
     }, [
       o("div", {
         class: i(["cu-avatar", e.userinfo.avatarShape, "lg"]),
-        style: v({ backgroundImage: `url(${e.userinfo.avatar})` })
+        style: $({ backgroundImage: `url(${e.userinfo.avatar})` })
       }, [
-        e.badge ? (n(), l("div", hs, c(e.badge), 1)) : u("", !0)
+        e.badge ? (n(), l("div", vs, c(e.badge), 1)) : u("", !0)
       ], 6),
-      o("div", bs, [
-        o("div", ms, [
-          o("div", vs, c(e.userinfo.name), 1),
+      o("div", $s, [
+        o("div", ys, [
+          o("div", ks, c(e.userinfo.name), 1),
           e.userinfo.tag ? (n(), l("div", {
             key: 0,
             class: i(["cu-tag", "round", `bg-${e.userinfo.tagColor}`, "sm"])
           }, c(e.userinfo.tag), 3)) : u("", !0)
         ]),
-        o("div", $s, [
-          o("div", ys, [
-            $(e.$slots, "default", {}, void 0, !0)
+        o("div", Is, [
+          o("div", ws, [
+            y(e.$slots, "default", {}, void 0, !0)
           ])
         ])
       ]),
-      o("div", ks, [
-        o("div", Is, c(e.userinfo.time), 1),
+      o("div", Cs, [
+        o("div", xs, c(e.userinfo.time), 1),
         e.unread ? (n(), l("div", {
           key: 0,
           class: i(["cu-tag", "round", `bg-${e.unreadColor}`, "sm"])
@@ -1151,16 +1163,16 @@ const hs = {
       ])
     ], 2));
   }
-}), Cs = /* @__PURE__ */ Z(ws, [["__scopeId", "data-v-e90f08c9"]]), xs = { class: "cu-list menu-avatar" }, Ts = {
+}), Bs = /* @__PURE__ */ Z(Ts, [["__scopeId", "data-v-e90f08c9"]]), js = { class: "cu-list menu-avatar" }, Ss = {
   name: "ChatList"
-}, X = /* @__PURE__ */ p({
-  ...Ts,
+}, K = /* @__PURE__ */ f({
+  ...Ss,
   props: {
     items: {}
   },
   setup(s) {
-    return (e, r) => (n(), l("div", xs, [
-      (n(!0), l(f, null, b(e.items, (t, a) => (n(), k(Cs, {
+    return (e, r) => (n(), l("div", js, [
+      (n(!0), l(g, null, v(e.items, (t, a) => (n(), I(Bs, {
         key: a,
         userinfo: t.userinfo,
         unread: t.unread,
@@ -1172,7 +1184,7 @@ const hs = {
         isCurrent: t.isCurrent
       }, {
         default: Q(() => [
-          $(e.$slots, "default", { item: t }, () => [
+          y(e.$slots, "default", { item: t }, () => [
             h(c(t.content), 1)
           ])
         ]),
@@ -1181,47 +1193,47 @@ const hs = {
     ]));
   }
 });
-X.install = (s) => {
-  s.component(X.name, X);
+K.install = (s) => {
+  s.component(K.name, K);
 };
-const Bs = { class: "cu-chat" }, js = {
+const zs = { class: "cu-chat" }, qs = {
   key: 0,
   class: "cu-info round"
-}, Ss = {
+}, Vs = {
   key: 1,
   class: "cu-info"
-}, zs = /* @__PURE__ */ o("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), qs = { class: "main" }, Vs = ["src"], Ns = {
+}, Ns = /* @__PURE__ */ o("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), Ds = { class: "main" }, Es = ["src"], As = {
   key: 2,
   class: "content shadow"
-}, Ds = /* @__PURE__ */ o("text", { class: "cuIcon-sound text-xxl padding-right-xl" }, null, -1), Es = { class: "action text-bold text-grey" }, Us = {
+}, Us = /* @__PURE__ */ o("text", { class: "cuIcon-sound text-xxl padding-right-xl" }, null, -1), Ls = { class: "action text-bold text-grey" }, Ms = {
   key: 3,
   class: "content shadow"
-}, As = /* @__PURE__ */ o("text", { class: "cuIcon-locationfill text-orange text-xxl" }, null, -1), Ls = { class: "content shadow" }, Ms = /* @__PURE__ */ o("div", { class: "action text-grey" }, [
+}, Fs = /* @__PURE__ */ o("text", { class: "cuIcon-locationfill text-orange text-xxl" }, null, -1), Rs = { class: "content shadow" }, Os = /* @__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), Fs = { class: "date" }, Os = { name: "ChatRoom" }, K = /* @__PURE__ */ p({
-  ...Os,
+], -1), Gs = { class: "date" }, Ks = { name: "ChatRoom" }, X = /* @__PURE__ */ f({
+  ...Ks,
   props: {
     messages: {}
   },
   setup(s) {
-    return (e, r) => (n(), l("div", Bs, [
-      (n(!0), l(f, null, b(e.messages, (t) => (n(), l("div", {
+    return (e, r) => (n(), l("div", zs, [
+      (n(!0), l(g, null, v(e.messages, (t) => (n(), l("div", {
         key: t.id,
         class: i(["cu-item", { self: t.self }])
       }, [
-        t.type === "info" ? (n(), l(f, { key: 0 }, [
-          t.self ? (n(), l("div", js, c(t.content), 1)) : (n(), l("div", Ss, [
-            zs,
+        t.type === "info" ? (n(), l(g, { key: 0 }, [
+          t.self ? (n(), l("div", qs, c(t.content), 1)) : (n(), l("div", Vs, [
+            Ns,
             h(" " + c(t.content), 1)
           ]))
-        ], 64)) : (n(), l(f, { key: 1 }, [
-          t.self ? u("", !0) : (n(), k(I, {
+        ], 64)) : (n(), l(g, { key: 1 }, [
+          t.self ? u("", !0) : (n(), I(w, {
             key: 0,
             mode: "radius",
             url: t.avatar
           }, null, 8, ["url"])),
-          o("div", qs, [
+          o("div", Ds, [
             t.type === "text" ? (n(), l("div", {
               key: 0,
               class: i(["content shadow", { "bg-green": t.self }])
@@ -1232,38 +1244,38 @@ const Bs = { class: "cu-chat" }, js = {
               src: t.content,
               class: "radius",
               style: { "max-width": "100%" }
-            }, null, 8, Vs)) : t.type === "audio" ? (n(), l("div", Ns, [
-              Ds,
-              o("div", Es, c(t.content), 1)
-            ])) : t.type === "location" ? (n(), l("div", Us, [
-              As,
+            }, null, 8, Es)) : t.type === "audio" ? (n(), l("div", As, [
+              Us,
+              o("div", Ls, c(t.content), 1)
+            ])) : t.type === "location" ? (n(), l("div", Ms, [
+              Fs,
               h(" " + c(t.content), 1)
-            ])) : t.type === "warning" ? (n(), l(f, { key: 4 }, [
-              o("div", Ls, c(t.content), 1),
-              Ms
+            ])) : t.type === "warning" ? (n(), l(g, { key: 4 }, [
+              o("div", Rs, c(t.content), 1),
+              Os
             ], 64)) : u("", !0)
           ]),
-          t.self ? (n(), k(I, {
+          t.self ? (n(), I(w, {
             key: 1,
             mode: "radius",
             url: t.avatar
           }, null, 8, ["url"])) : u("", !0),
-          o("div", Fs, c(t.date), 1)
+          o("div", Gs, c(t.date), 1)
         ], 64))
       ], 2))), 128))
     ]));
   }
 });
-K.install = (s) => {
-  s.component(K.name, K);
+X.install = (s) => {
+  s.component(X.name, X);
 };
-const Rs = { class: "cu-time" }, Gs = {
+const Xs = { class: "cu-time" }, Ps = {
   key: 0,
   class: "cu-capsule radius"
-}, Xs = {
+}, Ws = {
   name: "TimeLine"
-}, P = /* @__PURE__ */ p({
-  ...Xs,
+}, P = /* @__PURE__ */ f({
+  ...Ws,
   props: {
     items: { default: () => [] }
   },
@@ -1284,13 +1296,13 @@ const Rs = { class: "cu-time" }, Gs = {
       }
     }
     return (t, a) => (n(), l("div", null, [
-      (n(!0), l(f, null, b(t.items, (d, g) => (n(), l("div", {
-        key: g,
+      (n(!0), l(g, null, v(t.items, (d, p) => (n(), l("div", {
+        key: p,
         class: "cu-timeline"
       }, [
-        o("div", Rs, c(d.date), 1),
-        (n(!0), l(f, null, b(d.items, (_) => {
-          var C, m, T;
+        o("div", Xs, c(d.date), 1),
+        (n(!0), l(g, null, v(d.items, (_) => {
+          var m, b, x;
           return n(), l("div", {
             key: _.key,
             class: i(["cu-item", r(_)])
@@ -1298,17 +1310,17 @@ const Rs = { class: "cu-time" }, Gs = {
             o("div", {
               class: i(["content", `bg-${_.bg || "gray"}`, "shadow-blur"])
             }, [
-              (C = _ == null ? void 0 : _.capsule) != null && C.list && _.capsule.list.length ? (n(), l("div", Gs, [
-                te(w, {
-                  bg: e((m = _.capsule) == null ? void 0 : m.color)
+              (m = _ == null ? void 0 : _.capsule) != null && m.list && _.capsule.list.length ? (n(), l("div", Ps, [
+                te(C, {
+                  bg: e((b = _.capsule) == null ? void 0 : b.color)
                 }, {
                   default: Q(() => [
                     h(c(_.capsule.list[0]), 1)
                   ]),
                   _: 2
                 }, 1032, ["bg"]),
-                te(w, {
-                  bg: e((T = _.capsule) == null ? void 0 : T.color),
+                te(C, {
+                  bg: e((x = _.capsule) == null ? void 0 : x.color),
                   light: !0
                 }, {
                   default: Q(() => [
@@ -1320,7 +1332,7 @@ const Rs = { class: "cu-time" }, Gs = {
               o("div", {
                 class: i(_.capsule ? "margin-top-sm" : "")
               }, [
-                $(t.$slots, `item-${_.key}`, {}, () => [
+                y(t.$slots, `item-${_.key}`, {}, () => [
                   h(c(_.content), 1)
                 ])
               ], 2)
@@ -1334,10 +1346,10 @@ const Rs = { class: "cu-time" }, Gs = {
 P.install = (s) => {
   s.component(P.name, P);
 };
-const Ks = { class: "bg-white padding" }, Ps = ["data-index"], Hs = {
+const Hs = { class: "bg-white padding" }, Js = ["data-index"], Qs = {
   name: "TSteps"
-}, H = /* @__PURE__ */ p({
-  ...Hs,
+}, W = /* @__PURE__ */ f({
+  ...Qs,
   props: {
     steps: {},
     modelValue: {},
@@ -1346,33 +1358,33 @@ const Ks = { class: "bg-white padding" }, Ps = ["data-index"], Hs = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    return (r, t) => (n(), l("div", Ks, [
+    return (r, t) => (n(), l("div", Hs, [
       o("div", {
         class: i(["cu-steps", { "scroll-x": r.scrollX }])
       }, [
-        (n(!0), l(f, null, b(r.steps, (a, d) => (n(), l("div", {
+        (n(!0), l(g, null, v(r.steps, (a, d) => (n(), l("div", {
           class: i(["cu-item", d > r.modelValue ? "" : `text-${r.color}`]),
           key: d
         }, [
           o("text", {
             class: i(a.cuIcon ? "cuIcon-" + a.cuIcon : "num"),
             "data-index": d + 1
-          }, c(a.cuIcon ? "" : d + 1), 11, Ps),
+          }, c(a.cuIcon ? "" : d + 1), 11, Js),
           h(" " + c(a.name), 1)
         ], 2))), 128))
       ], 2)
     ]));
   }
 });
-H.install = (s) => {
-  s.component(H.name, H);
+W.install = (s) => {
+  s.component(W.name, W);
 };
-const Js = { class: "cu-dialog" }, Qs = { class: "cu-bar bg-white justify-end padding-right-sm" }, Ws = { class: "content" }, Ys = /* @__PURE__ */ o("text", { class: "cuIcon-close text-red" }, null, -1), Zs = [
-  Ys
-], eo = { class: "padding-xl" }, to = {
+const Ys = { class: "cu-dialog" }, Zs = { class: "cu-bar bg-white justify-end padding-right-sm" }, eo = { class: "content" }, to = /* @__PURE__ */ o("text", { class: "cuIcon-close text-red" }, null, -1), so = [
+  to
+], oo = { class: "padding-xl" }, no = {
   name: "DrawerModal"
-}, J = /* @__PURE__ */ p({
-  ...to,
+}, H = /* @__PURE__ */ f({
+  ...no,
   props: {
     title: {},
     modelValue: { type: Boolean }
@@ -1385,16 +1397,16 @@ const Js = { class: "cu-dialog" }, Qs = { class: "cu-bar bg-white justify-end pa
     return (a, d) => (n(), l("div", {
       class: i(["cu-modal", a.modelValue ? "show" : ""])
     }, [
-      o("div", Js, [
-        o("div", Qs, [
-          o("div", Ws, c(a.title), 1),
+      o("div", Ys, [
+        o("div", Zs, [
+          o("div", eo, c(a.title), 1),
           o("div", {
             class: "action",
             onClick: t
-          }, Zs)
+          }, so)
         ]),
-        o("div", eo, [
-          $(a.$slots, "default", {}, () => [
+        o("div", oo, [
+          y(a.$slots, "default", {}, () => [
             h("Modal 内容~")
           ])
         ])
@@ -1402,35 +1414,35 @@ const Js = { class: "cu-dialog" }, Qs = { class: "cu-bar bg-white justify-end pa
     ], 2));
   }
 });
-J.install = (s) => {
-  s.component(J.name, J);
+H.install = (s) => {
+  s.component(H.name, H);
 };
-const so = (s) => {
-  s.use(x), s.use(N), s.use(I), s.use(z), s.use(q), s.use(V), s.use(U), s.use(A), s.use(L), s.use(M), s.use(F), s.use(O), s.use(R), s.use(G), s.use(E), s.use(w), s.use(X), s.use(K), s.use(P), s.use(H), s.use(J);
-}, lo = {
-  install: so
+const lo = (s) => {
+  s.use(T), s.use(N), s.use(w), s.use(z), s.use(q), s.use(V), s.use(A), s.use(U), s.use(L), s.use(M), s.use(F), s.use(R), s.use(O), s.use(G), s.use(E), s.use(C), s.use(K), s.use(X), s.use(P), s.use(W), s.use(H);
+}, io = {
+  install: lo
 };
 export {
-  X as ChatList,
-  K as ChatRoom,
-  J as DrawerModal,
-  R as GridGroup,
+  K as ChatList,
+  X as ChatRoom,
+  H as DrawerModal,
+  O as GridGroup,
   G as Menu,
-  I as TAvatar,
+  w as TAvatar,
   E as TButton,
-  x as TIcon,
+  T as TIcon,
   M as TInputBar,
-  U as TNavBar,
+  A as TNavBar,
   z as TNavCard,
   q as TNewCard,
   L as TSearchBar,
   V as TShareCard,
-  H as TSteps,
-  O as TTab,
+  W as TSteps,
+  R as TTab,
   F as TTabs,
-  w as TTag,
+  C as TTag,
   N as TTitle,
-  A as TTopBar,
+  U as TTopBar,
   P as TimeLine,
-  lo as default
+  io as default
 };