vue-color-ui 0.0.14 → 0.0.16

package/README.md

@@ -1,9 +1,303 @@
-# Vue 3 + TypeScript + Vite
 
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+# vue-color-ui
 
-## Recommended Setup
+`vue-color-ui` 是 [ColorUI](https://github.com/weilanwl/ColorUI) 在 uniapp 生态中的 Vue 版本。这个项目是一个临时解决方案，旨在填补原作者更新之前的空白。
 
-- [VS Code](https://code.visualstudio.com/) + [Vue - Official](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (previously Volar) and disable Vetur
+## 安装
+
+使用 npm 安装 `vue-color-ui`：
+
+```bash
+npm install vue-color-ui
+```
+
+## Nuxt 3 快速开始
+
+在 Nuxt 3 项目中快速配置 `vue-color-ui`：
+
+1. 创建插件文件 `plugins/vue-color-ui.ts`：
+
+```typescript
+import TempColorUI from "vue-color-ui";
+import "vue-color-ui/lib/style.css";
+import "vue-color-ui/lib/css/main.css";
+import "vue-color-ui/lib/css/animation.css";
+import "vue-color-ui/lib/css/icon.css";
+
+export default defineNuxtPlugin((app) => {
+  app.vueApp.use(TempColorUI);
+});
+```
+
+## 使用
+
+在你的 Vue 组件中，你可以直接使用 `vue-color-ui` 提供的组件。例如：
+
+```vue
+<template>
+  <TNavBar :items="navItems" />
+</template>
+
+<script setup>
+const navItems = [
+  { icon: "homefill", label: "首页" },
+  { icon: "similar", label: "分类" },
+  { img: "https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png", label: "积分" },
+  { icon: "cart", label: "购物车", badge: 99 },
+  { icon: "my", label: "我的" }
+];
+</script>
+```
+
+## 贡献
+
+这个项目是一个临时解决方案，等原作者更新了之后再决定是否继续维护。如果你有任何建议或发现任何问题，欢迎提交 issue 或 pull request。
+
+## 许可证
+
+[MIT](LICENSE)
+
+## 颜色
+
+### BgColorName 背景颜色类型
+
+`BgColorName` 类型可以是以下颜色名称之一：
+
+```typescript
+type ColorName =
+  | "red"
+  | "orange"
+  | "yellow"
+  | "olive"
+  | "green"
+  | "cyan"
+  | "blue"
+  | "purple"
+  | "mauve"
+  | "pink"
+  | "brown"
+  | "grey"
+  | "gray"
+  | "black"
+  | "white";
+
+type GradientColorName =
+  | "gradual-red"
+  | "gradual-orange"
+  | "gradual-green"
+  | "gradual-purple"
+  | "gradual-pink"
+  | "gradual-blue";
+
+type BgColorName = ColorName | GradientColorName;
+```
+
+
+
+## TNavBar组件使用文档
+
+`TNavBar` 是一个全局注册的组件，用于创建底部或顶部导航栏。该组件支持图标、图片、徽标等多种元素，并允许自定义背景颜色和文本颜色。
+
+### 属性
+
+| 属性名        | 类型           | 默认值  | 描述                                                         |
+| ------------- | -------------- | ------- | ------------------------------------------------------------ |
+| `bg`          | `string`       | `white` | 导航栏背景颜色                                               |
+| `color`       | `string`       | `gray`  | 文本颜色                                                     |
+| `activeColor` | `string`       | `red`   | 活动项的文本颜色                                             |
+| `items`       | `NavBarItem[]` | `[]`    | 导航栏项的数组，每个项包含 `icon`、`img`、`label` 和 `badge` |
+| `isFoot`      | `boolean`      | `false` | 是否为底部导航栏                                             |
+| `activeIndex` | `number`       | `0`     | 当前激活项的索引                                             |
+| `onItemClick` | `function`     | `null`  | 点击导航项时的回调函数，接收 `item` 和 `index` 两个参数      |
+
+### 示例
+
+#### 示例 1: 基本使用
+
+```vue
+<template>
+  <TNavBar />
+</template>
+```
+
+#### 示例 2: 自定义导航项
+
+```vue
+<template>
+  <TNavBar :items="navItems" />
+</template>
+
+<script setup>
+const navItems = [
+  { icon: "homefill", label: "首页" },
+  { icon: "similar", label: "分类" },
+  { img: "https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png", label: "积分" },
+  { icon: "cart", label: "购物车", badge: 99 },
+  { icon: "my", label: "我的" }
+];
+</script>
+```
+
+#### 示例 3: 自定义背景颜色和文本颜色
+
+```vue
+<template>
+  <TNavBar bg="blue" color="white" activeColor="yellow" />
+</template>
+```
+
+#### 示例 4: 底部导航栏
+
+```vue
+<template>
+  <TNavBar :isFoot="true" />
+</template>
+```
+
+#### 示例 5: 带徽标的导航项
+
+```vue
+<template>
+  <TNavBar :items="navItemsWithBadge" />
+</template>
+
+<script setup>
+const navItemsWithBadge = [
+  { icon: "homefill", label: "首页" },
+  { icon: "similar", label: "分类" },
+  { icon: "cart", label: "购物车", badge: 99 },
+  { icon: "my", label: "我的", badge: 5 }
+];
+</script>
+```
+
+#### 示例 6: 使用回调函数处理点击事件
+
+```vue
+<template>
+  <TNavBar :items="navItems" :onItemClick="handleItemClick" />
+</template>
+
+<script setup>
+const navItems = [
+  { icon: "homefill", label: "首页", path: "/home" },
+  { icon: "similar", label: "分类", path: "/category" },
+  { icon: "discover", label: "刷刷", path: "/discover" },
+  { icon: "edit", label: "报告", path: "/report" },
+  { icon: "my", label: "我的", path: "/profile" }
+];
+
+const handleItemClick = (item, index) => {
+  console.log("Clicked item:", item, "at index:", index);
+  // 处理导航逻辑，例如路由跳转
+};
+</script>
+```
+
+### 属性类型定义
+
+#### `ColorName`
+
+`ColorName` 是一个字符串类型，用于定义颜色名称。可以是预定义的颜色名称，例如 `red`、`blue`、`gray` 等。
+
+#### `NavBarItem`
+
+`NavBarItem` 是一个对象类型，包含以下属性：
+
+| 属性名  | 类型     | 描述                 |
+| ------- | -------- | -------------------- |
+| `icon`  | `string` | 图标名称             |
+| `img`   | `string` | 图片 URL             |
+| `label` | `string` | 导航项标签           |
+| `badge` | `number` | 徽标数字（可选）     |
+| `path`  | `string` | 导航项对应的路由路径 |
+
+## TTag 组件使用文档
+
+`TTag` 是一个用于显示标签的 Vue 组件，支持多种样式和自定义内容。
+
+### 基本用法
+
+```vue
+<template>
+  <TTag>标签内容</TTag>
+</template>
+```
+
+### 属性
+
+`TTag` 组件支持以下属性：
+
+| 属性名  | 类型          | 默认值    | 描述                                              |
+| ------- | ------------- | --------- | ------------------------------------------------- |
+| `text`  | `string`      | `-`       | 标签的文本内容                                    |
+| `bg`    | `BgColorName` | `blue`    | 标签的背景颜色，支持颜色名称或渐变颜色名称        |
+| `size`  | `string`      | `default` | 标签的大小，可选值有 `default`, `small`, `large`  |
+| `shape` | `string`      | `default` | 标签的形状，可选值有 `default`, `radius`, `round` |
+| `light` | `boolean`     | `false`   | 是否使用浅色背景                                  |
+| `line`  | `boolean`     | `false`   | 是否使用线条样式                                  |
+
+
+### 示例
+
+#### 基本标签
+
+```vue
+<template>
+  <TTag text="默认标签" />
+</template>
+```
+
+#### 不同背景颜色的标签
+
+```vue
+<template>
+  <TTag text="红色标签" bg="red" />
+  <TTag text="渐变橙色标签" bg="gradual-orange" />
+</template>
+```
+
+#### 不同大小的标签
+
+```vue
+<template>
+  <TTag text="默认大小" size="default" />
+  <TTag text="小号标签" size="small" />
+  <TTag text="大号标签" size="large" />
+</template>
+```
+
+#### 不同形状的标签
+
+```vue
+<template>
+  <TTag text="默认形状" shape="default" />
+  <TTag text="圆角标签" shape="radius" />
+  <TTag text="圆形标签" shape="round" />
+</template>
+```
+
+#### 浅色背景的标签
+
+```vue
+<template>
+  <TTag text="浅色标签" light />
+</template>
+```
+
+#### 线条样式的标签
+
+```vue
+<template>
+  <TTag text="线条标签" line />
+</template>
+```
+
+#### 组合样式的标签
+
+```vue
+<template>
+  <TTag text="自定义标签" bg="purple" size="large" shape="round" light />
+</template>
+```
 
-- Use [vue-tsc](https://github.com/vuejs/language-tools/tree/master/packages/tsc) for performing the same type checking from the command line, or for generating d.ts files for SFCs.

package/lib/temp-color-ui.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, openBlock as n, createElementBlock as l, Fragment as g, renderList as m, normalizeClass as i, normalizeStyle as v, createElementVNode as o, 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 ee, watch as ce, inject as W, onMounted as ie, withDirectives as re, vShow as ue, withCtx as Q, createVNode as te } from "vue";
+import { defineComponent as f, openBlock as n, createElementBlock as l, Fragment as g, renderList as m, normalizeClass as i, normalizeStyle as v, createElementVNode as o, 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" }, _e = ["url"], pe = { class: "nav-title" }, fe = { class: "nav-name" }, ge = {
   name: "TNavCard"
 }, z = /* @__PURE__ */ f({
@@ -92,12 +92,12 @@ const Y = (s) => (le("data-v-bbdb83ff"), s = s(), ae(), s), he = { class: "cu-it
       ])
     ], 2));
   }
-}), Z = (s, e) => {
+}), ne = (s, e) => {
   const r = s.__vccOpts || s;
   for (const [t, a] of e)
     r[t] = a;
   return r;
-}, q = /* @__PURE__ */ Z(ze, [["__scopeId", "data-v-bbdb83ff"]]);
+}, q = /* @__PURE__ */ ne(ze, [["__scopeId", "data-v-bbdb83ff"]]);
 q.install = (s) => {
   s.component(q.name, q);
 };
@@ -444,7 +444,7 @@ const ot = {
   }
 }), Tt = { key: 0 }, Bt = {
   name: "TTag"
-}, jt = /* @__PURE__ */ f({
+}, w = /* @__PURE__ */ f({
   ...Bt,
   props: {
     text: {},
@@ -458,19 +458,19 @@ const ot = {
     const e = s, r = y(() => [
       "cu-tag",
       e.shape !== "default" ? e.shape : "",
-      e.light ? "light" : "",
-      `${e.line ? "line" : "bg"}-${e.bg}`,
+      e.light !== !1 ? "light" : "",
+      `${e.line !== !1 ? "line" : "bg"}-${e.bg}`,
       e.size !== "default" ? e.size : ""
     ].join(" ")), t = y(() => ({}));
     return (a, u) => (n(), l("div", {
       class: i(r.value),
       style: v(t.value)
     }, [
-      $(a.$slots, "default", {}, void 0, !0),
+      $(a.$slots, "default"),
       a.text ? (n(), l("span", Tt, c(a.text), 1)) : d("", !0)
     ], 6));
   }
-}), w = /* @__PURE__ */ Z(jt, [["__scopeId", "data-v-3c2b82ce"]]);
+});
 x.install = (s) => {
   s.component(x.name, x);
 };
@@ -489,19 +489,19 @@ E.install = (s) => {
 w.install = (s) => {
   s.component(w.name, w);
 };
-const St = ["onClick"], zt = {
+const jt = ["onClick"], St = {
   key: 0,
   class: "cuIcon-cu-image"
-}, qt = ["src"], Vt = {
+}, zt = ["src"], qt = {
   key: 0,
   class: "cu-tag badge"
-}, Nt = {
+}, Vt = {
   key: 0,
   class: "cu-tag badge"
-}, Dt = {
+}, Nt = {
   name: "TNavBar"
 }, U = /* @__PURE__ */ f({
-  ...Dt,
+  ...Nt,
   props: {
     bg: { default: "white" },
     color: { default: "gray" },
@@ -546,35 +546,35 @@ const St = ["onClick"], zt = {
         class: i(["action", `text-${p === t.activeIndex ? t.activeColor : t.color}`]),
         onClick: (_) => r(u, p)
       }, [
-        u.img ? (n(), l("div", zt, [
+        u.img ? (n(), l("div", St, [
           o("img", {
             src: u.img,
             style: { width: "21px", height: "21px" },
             class: "radius"
-          }, null, 8, qt),
-          u.badge ? (n(), l("div", Vt, c(u.badge), 1)) : d("", !0)
+          }, null, 8, zt),
+          u.badge ? (n(), l("div", qt, c(u.badge), 1)) : d("", !0)
         ])) : (n(), l("div", {
           key: 1,
           class: i(`cuIcon-${u.icon}`)
         }, [
-          u.badge ? (n(), l("div", Nt, c(u.badge), 1)) : d("", !0)
+          u.badge ? (n(), l("div", Vt, c(u.badge), 1)) : d("", !0)
         ], 2)),
         o("div", null, c(u.label), 1)
-      ], 10, St))), 128))
+      ], 10, jt))), 128))
     ], 2));
   }
 });
 U.install = (s) => {
   s.component(U.name, U);
 };
-const Et = {
+const Dt = {
   key: 0,
   class: "action"
-}, Ut = { key: 1 }, At = { class: "content text-bold" }, Lt = {
+}, Et = { key: 1 }, Ut = { class: "content text-bold" }, At = {
   key: 2,
   class: "action"
-}, Mt = { name: "TTopBar" }, A = /* @__PURE__ */ f({
-  ...Mt,
+}, Lt = { name: "TTopBar" }, A = /* @__PURE__ */ f({
+  ...Lt,
   props: {
     title: {},
     leftIcon: {},
@@ -589,20 +589,20 @@ const Et = {
     return (e, r) => (n(), l("div", {
       class: i(["cu-bar", `bg-${e.bg}`])
     }, [
-      e.leftIcon || e.leftText ? (n(), l("div", Et, [
+      e.leftIcon || e.leftText ? (n(), l("div", Dt, [
         e.leftIcon ? (n(), l("text", {
           key: 0,
           class: i(`cuIcon-${e.leftIcon} text-${e.leftIconColor}`)
         }, null, 2)) : d("", !0),
-        e.leftText ? (n(), l("span", Ut, c(e.leftText), 1)) : d("", !0)
+        e.leftText ? (n(), l("span", Et, c(e.leftText), 1)) : d("", !0)
       ])) : d("", !0),
       e.avatarUrl ? (n(), l("div", {
         key: 1,
         class: "cu-avatar round",
         style: v({ backgroundImage: `url(${e.avatarUrl})` })
       }, null, 4)) : d("", !0),
-      o("div", At, c(e.title), 1),
-      e.rightIcon ? (n(), l("div", Lt, [
+      o("div", Ut, c(e.title), 1),
+      e.rightIcon ? (n(), l("div", At, [
         o("text", {
           class: i(`cuIcon-${e.rightIcon} text-${e.rightIconColor}`)
         }, null, 2)
@@ -613,13 +613,13 @@ const Et = {
 A.install = (s) => {
   s.component(A.name, A);
 };
-const Ft = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), Ot = { class: "action" }, Rt = {
+const Mt = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), Ft = { class: "action" }, Ot = {
   key: 0,
   class: "cu-btn bg-green shadow-blur round"
-}, Gt = { key: 0 }, Xt = { key: 3 }, Kt = {
+}, Rt = { key: 0 }, Gt = { key: 3 }, Xt = {
   name: "TSearchBar"
 }, L = /* @__PURE__ */ f({
-  ...Kt,
+  ...Xt,
   props: {
     bgColor: { default: "white" },
     borderRadiusClass: { default: "round" },
@@ -647,7 +647,7 @@ const Ft = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), Ot =
       o("div", {
         class: i(["search-form", a.borderRadiusClass])
       }, [
-        Ft,
+        Mt,
         o("input", {
           onFocus: r,
           onBlur: t,
@@ -657,9 +657,9 @@ const Ft = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), Ot =
           "confirm-type": "search"
         }, null, 32)
       ], 2),
-      o("div", Ot, [
-        a.buttonText ? (n(), l("button", Rt, c(a.buttonText), 1)) : (n(), l(g, { key: 1 }, [
-          a.location ? (n(), l("text", Gt, c(a.location), 1)) : d("", !0),
+      o("div", Ft, [
+        a.buttonText ? (n(), l("button", Ot, c(a.buttonText), 1)) : (n(), l(g, { key: 1 }, [
+          a.location ? (n(), l("text", Rt, c(a.location), 1)) : d("", !0),
           a.locationIcon ? (n(), l("text", {
             key: 1,
             class: i(`cuIcon-${a.locationIcon}`)
@@ -668,7 +668,7 @@ const Ft = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), Ot =
             key: 2,
             class: i(`cuIcon-${a.actionIcon}`)
           }, null, 2)) : d("", !0),
-          a.actionText ? (n(), l("text", Xt, c(a.actionText), 1)) : d("", !0)
+          a.actionText ? (n(), l("text", Gt, c(a.actionText), 1)) : d("", !0)
         ], 64))
       ])
     ], 2));
@@ -677,14 +677,14 @@ const Ft = /* @__PURE__ */ o("text", { class: "cuIcon-search" }, null, -1), Ot =
 L.install = (s) => {
   s.component(L.name, L);
 };
-const Pt = { class: "cu-bar input" }, Ht = {
+const Kt = { class: "cu-bar input" }, Pt = {
   key: 0,
   class: "action"
-}, Jt = {
+}, Ht = {
   key: 1,
   class: "action"
-}, Qt = { class: "action" }, Wt = { class: "cu-btn bg-green shadow-blur" }, Yt = { name: "TInputBar" }, M = /* @__PURE__ */ f({
-  ...Yt,
+}, Jt = { class: "action" }, Qt = { class: "cu-btn bg-green shadow-blur" }, Wt = { name: "TInputBar" }, M = /* @__PURE__ */ f({
+  ...Wt,
   props: {
     leftIcon: {},
     middleIcon: {},
@@ -697,13 +697,13 @@ const Pt = { class: "cu-bar input" }, Ht = {
     }, t = () => {
       e.value = 0;
     };
-    return (a, u) => (n(), l("div", Pt, [
-      a.leftIcon ? (n(), l("div", Ht, [
+    return (a, u) => (n(), l("div", Kt, [
+      a.leftIcon ? (n(), l("div", Pt, [
         o("text", {
           class: i(`cuIcon-${a.leftIcon} text-grey`)
         }, null, 2)
       ])) : d("", !0),
-      a.middleIcon ? (n(), l("div", Jt, [
+      a.middleIcon ? (n(), l("div", Ht, [
         o("text", {
           class: i(`cuIcon-${a.middleIcon} text-grey`)
         }, null, 2)
@@ -716,22 +716,22 @@ const Pt = { class: "cu-bar input" }, Ht = {
         maxlength: "300",
         "cursor-spacing": "10"
       }, null, 32),
-      o("div", Qt, [
+      o("div", Jt, [
         o("text", {
           class: i(`cuIcon-${a.rightIcon} text-grey`)
         }, null, 2)
       ]),
-      o("button", Wt, c(a.buttonText), 1)
+      o("button", Qt, c(a.buttonText), 1)
     ]));
   }
 });
 M.install = (s) => {
   s.component(M.name, M);
 };
-const Zt = ["onClick"], es = { class: "tab-content" }, ts = {
+const Yt = ["onClick"], Zt = { class: "tab-content" }, es = {
   name: "TTabs"
 }, F = /* @__PURE__ */ f({
-  ...ts,
+  ...es,
   props: {
     modelValue: { default: 0 },
     center: { type: Boolean, default: !1 },
@@ -745,7 +745,7 @@ const Zt = ["onClick"], es = { class: "tab-content" }, ts = {
     const r = j([]), t = j(0), a = e, u = (b, T) => {
       t.value = b, a("update:modelValue", b), a("select", T);
     };
-    ee("registerTab", (b) => (r.value.push(b), r.value.length - 1)), ee("activeTab", t);
+    Z("registerTab", (b) => (r.value.push(b), r.value.length - 1)), Z("activeTab", t);
     const _ = s, C = y(() => _.center !== !1 ? "justify-content:center;" : `justify-content:${_.mode}`);
     return ce(
       () => _.modelValue,
@@ -762,16 +762,16 @@ const Zt = ["onClick"], es = { class: "tab-content" }, ts = {
         (n(!0), l(g, null, m(r.value, (B, S) => (n(), l("div", {
           class: i(["cu-item", [t.value === S ? "cur text-blue" : ""]]),
           key: S,
-          onClick: (no) => u(S, B)
+          onClick: (oo) => u(S, B)
         }, [
           B.icon ? (n(), l("i", {
             key: 0,
             class: i(`cuIcon-${B.icon} text-${t.value === S ? "blue" : B.iconColor}`)
           }, null, 2)) : d("", !0),
           h(" " + c(B.label), 1)
-        ], 10, Zt))), 128))
+        ], 10, Yt))), 128))
       ], 6),
-      o("div", es, [
+      o("div", Zt, [
         $(b.$slots, "default", {
           tab: r.value[t.value]
         }),
@@ -779,10 +779,10 @@ const Zt = ["onClick"], es = { class: "tab-content" }, ts = {
       ])
     ], 2));
   }
-}), ss = {
+}), ts = {
   name: "TTab"
 }, O = /* @__PURE__ */ f({
-  ...ss,
+  ...ts,
   props: {
     label: {},
     icon: { default: "" },
@@ -821,34 +821,34 @@ O.install = (s) => {
   * (c) 2024 Eduardo San Martin Morote
   * @license MIT
   */
-var se;
+var te;
 (function(s) {
   s.pop = "pop", s.push = "push";
-})(se || (se = {}));
-var oe;
+})(te || (te = {}));
+var se;
 (function(s) {
   s.back = "back", s.forward = "forward", s.unknown = "";
-})(oe || (oe = {}));
+})(se || (se = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "navigation failure" : "");
-var ne;
+var oe;
 (function(s) {
   s[s.aborted = 4] = "aborted", s[s.cancelled = 8] = "cancelled", s[s.duplicated = 16] = "duplicated";
-})(ne || (ne = {}));
+})(oe || (oe = {}));
 Symbol(process.env.NODE_ENV !== "production" ? "router view location matched" : "");
 Symbol(process.env.NODE_ENV !== "production" ? "router view depth" : "");
-const os = 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 ns() {
-  return W(os);
+function os() {
+  return W(ss);
 }
-const ls = ["onClick"], as = {
+const ns = ["onClick"], ls = {
   key: 0,
   class: "cu-tag badge"
-}, cs = { key: 0 }, is = {
+}, as = { key: 0 }, cs = {
   name: "GridGroup"
 }, R = /* @__PURE__ */ f({
-  ...is,
+  ...cs,
   props: {
     cuIconList: { default: () => [
       {
@@ -918,7 +918,7 @@ const ls = ["onClick"], as = {
     routeFn: { type: Function, default: void 0 }
   },
   setup(s) {
-    const e = s, r = ns(), t = (a) => {
+    const e = s, r = os(), t = (a) => {
       if (a.path) {
         e.routeFn ? e.routeFn().push({
           path: a.path
@@ -944,28 +944,28 @@ const ls = ["onClick"], as = {
         o("div", {
           class: i(["cuIcon-" + p.cuIcon, "text-" + p.color])
         }, [
-          p.badge != 0 ? (n(), l("div", as, [
-            p.badge != 1 ? (n(), l("i", cs, c((p.badge || 0) > 99 ? "99+" : p.badge), 1)) : d("", !0)
+          p.badge != 0 ? (n(), l("div", ls, [
+            p.badge != 1 ? (n(), l("i", as, c((p.badge || 0) > 99 ? "99+" : p.badge), 1)) : d("", !0)
           ])) : d("", !0)
         ], 2),
         o("text", null, c(p.name), 1)
-      ], 12, ls))), 128))
+      ], 12, ns))), 128))
     ], 2));
   }
 });
 R.install = (s) => {
   s.component(R.name, R);
 };
-const rs = { class: "content" }, us = ["src", "alt"], ds = { class: "text-grey" }, _s = { class: "action" }, ps = {
+const is = { class: "content" }, rs = ["src", "alt"], us = { class: "text-grey" }, ds = { class: "action" }, _s = {
   key: 1,
   class: "text-grey text-sm"
-}, fs = ["onClick"], gs = {
+}, ps = ["onClick"], fs = {
   key: 4,
   class: "text-grey text-sm"
-}, hs = {
+}, gs = {
   name: "Menu"
 }, G = /* @__PURE__ */ f({
-  ...hs,
+  ...gs,
   props: {
     menuItems: { default: () => [
       {
@@ -1051,7 +1051,7 @@ const rs = { class: "content" }, us = ["src", "alt"], ds = { class: "text-grey"
           key: a,
           class: i(["cu-item", e.menuArrow ? "arrow" : ""])
         }, [
-          o("div", rs, [
+          o("div", is, [
             t.icon ? (n(), k(x, {
               key: 0,
               class: "icon",
@@ -1063,15 +1063,15 @@ const rs = { class: "content" }, us = ["src", "alt"], ds = { class: "text-grey"
               class: "icon",
               src: t.img.url,
               alt: t.img.alt
-            }, null, 8, us)) : d("", !0),
-            o("text", ds, c(t.title), 1)
+            }, null, 8, rs)) : d("", !0),
+            o("text", us, c(t.title), 1)
           ]),
-          o("div", _s, [
+          o("div", ds, [
             t.group ? (n(), k(D, {
               key: 0,
               urls: t.group
             }, null, 8, ["urls"])) : d("", !0),
-            t.group ? (n(), l("text", ps, c(t.group.length) + "人", 1)) : d("", !0),
+            t.group ? (n(), l("text", _s, c(t.group.length) + "人", 1)) : d("", !0),
             t.btn ? (n(), l("button", {
               key: 2,
               class: i(["cu-btn round shadow", `bg-${t.btn.bg}`]),
@@ -1083,7 +1083,7 @@ const rs = { class: "content" }, us = ["src", "alt"], ds = { class: "text-grey"
                 color: "white"
               }, null, 8, ["name"])) : d("", !0),
               h(" " + c(t.btn.text), 1)
-            ], 10, fs)) : d("", !0),
+            ], 10, ps)) : d("", !0),
             t.tags ? (n(!0), l(g, { key: 3 }, m(t.tags, (p, _) => (n(), k(w, {
               size: p.size,
               key: _,
@@ -1096,7 +1096,7 @@ const rs = { class: "content" }, us = ["src", "alt"], ds = { class: "text-grey"
               ]),
               _: 2
             }, 1032, ["size", "bg", "light"]))), 128)) : d("", !0),
-            t.text ? (n(), l("text", gs, c(t.text), 1)) : d("", !0)
+            t.text ? (n(), l("text", fs, c(t.text), 1)) : d("", !0)
           ])
         ], 2);
       }), 128))
@@ -1106,10 +1106,10 @@ const rs = { class: "content" }, us = ["src", "alt"], ds = { class: "text-grey"
 G.install = (s) => {
   s.component(G.name, G);
 };
-const ms = {
+const hs = {
   key: 0,
   class: "cu-tag badge"
-}, bs = { class: "content" }, vs = { class: "flex align-center" }, $s = { class: "text-cut" }, ys = { class: "text-gray text-sm flex" }, ks = { class: "text-cut" }, Is = { class: "action" }, ws = { class: "text-grey text-xs" }, Cs = /* @__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__ */ f({
   __name: "ChatListItem",
   props: {
     userinfo: {},
@@ -1129,24 +1129,24 @@ const ms = {
         class: i(["cu-avatar", e.userinfo.avatarShape, "lg"]),
         style: v({ backgroundImage: `url(${e.userinfo.avatar})` })
       }, [
-        e.badge ? (n(), l("div", ms, c(e.badge), 1)) : d("", !0)
+        e.badge ? (n(), l("div", hs, c(e.badge), 1)) : d("", !0)
       ], 6),
-      o("div", bs, [
-        o("div", vs, [
-          o("div", $s, c(e.userinfo.name), 1),
+      o("div", ms, [
+        o("div", bs, [
+          o("div", vs, 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)) : d("", !0)
         ]),
-        o("div", ys, [
-          o("div", ks, [
+        o("div", $s, [
+          o("div", ys, [
             $(e.$slots, "default", {}, void 0, !0)
           ])
         ])
       ]),
-      o("div", Is, [
-        o("div", ws, c(e.userinfo.time), 1),
+      o("div", ks, [
+        o("div", Is, c(e.userinfo.time), 1),
         e.unread ? (n(), l("div", {
           key: 0,
           class: i(["cu-tag", "round", `bg-${e.unreadColor}`, "sm"])
@@ -1157,16 +1157,16 @@ const ms = {
       ])
     ], 2));
   }
-}), xs = /* @__PURE__ */ Z(Cs, [["__scopeId", "data-v-e90f08c9"]]), Ts = { class: "cu-list menu-avatar" }, Bs = {
+}), Cs = /* @__PURE__ */ ne(ws, [["__scopeId", "data-v-e90f08c9"]]), xs = { class: "cu-list menu-avatar" }, Ts = {
   name: "ChatList"
 }, X = /* @__PURE__ */ f({
-  ...Bs,
+  ...Ts,
   props: {
     items: {}
   },
   setup(s) {
-    return (e, r) => (n(), l("div", Ts, [
-      (n(!0), l(g, null, m(e.items, (t, a) => (n(), k(xs, {
+    return (e, r) => (n(), l("div", xs, [
+      (n(!0), l(g, null, m(e.items, (t, a) => (n(), k(Cs, {
         key: a,
         userinfo: t.userinfo,
         unread: t.unread,
@@ -1190,35 +1190,35 @@ const ms = {
 X.install = (s) => {
   s.component(X.name, X);
 };
-const js = { class: "cu-chat" }, Ss = {
+const Bs = { class: "cu-chat" }, js = {
   key: 0,
   class: "cu-info round"
-}, zs = {
+}, Ss = {
   key: 1,
   class: "cu-info"
-}, qs = /* @__PURE__ */ o("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), Vs = { class: "main" }, Ns = ["src"], Ds = {
+}, zs = /* @__PURE__ */ o("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), qs = { class: "main" }, Vs = ["src"], Ns = {
   key: 2,
   class: "content shadow"
-}, Es = /* @__PURE__ */ o("text", { class: "cuIcon-sound text-xxl padding-right-xl" }, null, -1), Us = { class: "action text-bold text-grey" }, As = {
+}, Ds = /* @__PURE__ */ o("text", { class: "cuIcon-sound text-xxl padding-right-xl" }, null, -1), Es = { class: "action text-bold text-grey" }, Us = {
   key: 3,
   class: "content shadow"
-}, Ls = /* @__PURE__ */ o("text", { class: "cuIcon-locationfill text-orange text-xxl" }, null, -1), Ms = { class: "content shadow" }, Fs = /* @__PURE__ */ o("div", { class: "action text-grey" }, [
+}, 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" }, [
   /* @__PURE__ */ o("text", { class: "cuIcon-warnfill text-red text-xxl" }),
   /* @__PURE__ */ o("text", { class: "text-sm margin-left-sm" }, "翻译错误")
-], -1), Os = { class: "date" }, Rs = { name: "ChatRoom" }, K = /* @__PURE__ */ f({
-  ...Rs,
+], -1), Fs = { class: "date" }, Os = { name: "ChatRoom" }, K = /* @__PURE__ */ f({
+  ...Os,
   props: {
     messages: {}
   },
   setup(s) {
-    return (e, r) => (n(), l("div", js, [
+    return (e, r) => (n(), l("div", Bs, [
       (n(!0), l(g, null, m(e.messages, (t) => (n(), l("div", {
         key: t.id,
         class: i(["cu-item", { self: t.self }])
       }, [
         t.type === "info" ? (n(), l(g, { key: 0 }, [
-          t.self ? (n(), l("div", Ss, c(t.content), 1)) : (n(), l("div", zs, [
-            qs,
+          t.self ? (n(), l("div", js, c(t.content), 1)) : (n(), l("div", Ss, [
+            zs,
             h(" " + c(t.content), 1)
           ]))
         ], 64)) : (n(), l(g, { key: 1 }, [
@@ -1227,7 +1227,7 @@ const js = { class: "cu-chat" }, Ss = {
             mode: "radius",
             url: t.avatar
           }, null, 8, ["url"])),
-          o("div", Vs, [
+          o("div", qs, [
             t.type === "text" ? (n(), l("div", {
               key: 0,
               class: i(["content shadow", { "bg-green": t.self }])
@@ -1238,15 +1238,15 @@ const js = { class: "cu-chat" }, Ss = {
               src: t.content,
               class: "radius",
               style: { "max-width": "100%" }
-            }, null, 8, Ns)) : t.type === "audio" ? (n(), l("div", Ds, [
-              Es,
-              o("div", Us, c(t.content), 1)
-            ])) : t.type === "location" ? (n(), l("div", As, [
-              Ls,
+            }, 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,
               h(" " + c(t.content), 1)
             ])) : t.type === "warning" ? (n(), l(g, { key: 4 }, [
-              o("div", Ms, c(t.content), 1),
-              Fs
+              o("div", Ls, c(t.content), 1),
+              Ms
             ], 64)) : d("", !0)
           ]),
           t.self ? (n(), k(I, {
@@ -1254,7 +1254,7 @@ const js = { class: "cu-chat" }, Ss = {
             mode: "radius",
             url: t.avatar
           }, null, 8, ["url"])) : d("", !0),
-          o("div", Os, c(t.date), 1)
+          o("div", Fs, c(t.date), 1)
         ], 64))
       ], 2))), 128))
     ]));
@@ -1263,13 +1263,13 @@ const js = { class: "cu-chat" }, Ss = {
 K.install = (s) => {
   s.component(K.name, K);
 };
-const Gs = { class: "cu-time" }, Xs = {
+const Rs = { class: "cu-time" }, Gs = {
   key: 0,
   class: "cu-capsule radius"
-}, Ks = {
+}, Xs = {
   name: "TimeLine"
 }, P = /* @__PURE__ */ f({
-  ...Ks,
+  ...Xs,
   props: {
     items: { default: () => [] }
   },
@@ -1294,7 +1294,7 @@ const Gs = { class: "cu-time" }, Xs = {
         key: p,
         class: "cu-timeline"
       }, [
-        o("div", Gs, c(u.date), 1),
+        o("div", Rs, c(u.date), 1),
         (n(!0), l(g, null, m(u.items, (_) => {
           var C, b, T;
           return n(), l("div", {
@@ -1304,8 +1304,8 @@ const Gs = { class: "cu-time" }, Xs = {
             o("div", {
               class: i(["content", `bg-${_.bg || "gray"}`, "shadow-blur"])
             }, [
-              (C = _ == null ? void 0 : _.capsule) != null && C.list && _.capsule.list.length ? (n(), l("div", Xs, [
-                te(w, {
+              (C = _ == null ? void 0 : _.capsule) != null && C.list && _.capsule.list.length ? (n(), l("div", Gs, [
+                ee(w, {
                   bg: e((b = _.capsule) == null ? void 0 : b.color)
                 }, {
                   default: Q(() => [
@@ -1313,7 +1313,7 @@ const Gs = { class: "cu-time" }, Xs = {
                   ]),
                   _: 2
                 }, 1032, ["bg"]),
-                te(w, {
+                ee(w, {
                   bg: e((T = _.capsule) == null ? void 0 : T.color),
                   light: !0
                 }, {
@@ -1340,10 +1340,10 @@ const Gs = { class: "cu-time" }, Xs = {
 P.install = (s) => {
   s.component(P.name, P);
 };
-const Ps = { class: "bg-white padding" }, Hs = ["data-index"], Js = {
+const Ks = { class: "bg-white padding" }, Ps = ["data-index"], Hs = {
   name: "TSteps"
 }, H = /* @__PURE__ */ f({
-  ...Js,
+  ...Hs,
   props: {
     steps: {},
     modelValue: {},
@@ -1352,7 +1352,7 @@ const Ps = { class: "bg-white padding" }, Hs = ["data-index"], Js = {
   },
   emits: ["update:modelValue"],
   setup(s, { emit: e }) {
-    return (r, t) => (n(), l("div", Ps, [
+    return (r, t) => (n(), l("div", Ks, [
       o("div", {
         class: i(["cu-steps", { "scroll-x": r.scrollX }])
       }, [
@@ -1363,7 +1363,7 @@ const Ps = { class: "bg-white padding" }, Hs = ["data-index"], Js = {
           o("text", {
             class: i(a.cuIcon ? "cuIcon-" + a.cuIcon : "num"),
             "data-index": u + 1
-          }, c(a.cuIcon ? "" : u + 1), 11, Hs),
+          }, c(a.cuIcon ? "" : u + 1), 11, Ps),
           h(" " + c(a.name), 1)
         ], 2))), 128))
       ], 2)
@@ -1373,12 +1373,12 @@ const Ps = { class: "bg-white padding" }, Hs = ["data-index"], Js = {
 H.install = (s) => {
   s.component(H.name, H);
 };
-const Qs = { class: "cu-dialog" }, Ws = { class: "cu-bar bg-white justify-end padding-right-sm" }, Ys = { class: "content" }, Zs = /* @__PURE__ */ o("text", { class: "cuIcon-close text-red" }, null, -1), eo = [
-  Zs
-], to = { class: "padding-xl" }, so = {
+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 = {
   name: "DrawerModal"
 }, J = /* @__PURE__ */ f({
-  ...so,
+  ...to,
   props: {
     title: {},
     modelValue: { type: Boolean }
@@ -1391,15 +1391,15 @@ const Qs = { class: "cu-dialog" }, Ws = { class: "cu-bar bg-white justify-end pa
     return (a, u) => (n(), l("div", {
       class: i(["cu-modal", a.modelValue ? "show" : ""])
     }, [
-      o("div", Qs, [
-        o("div", Ws, [
-          o("div", Ys, c(a.title), 1),
+      o("div", Js, [
+        o("div", Qs, [
+          o("div", Ws, c(a.title), 1),
           o("div", {
             class: "action",
             onClick: t
-          }, eo)
+          }, Zs)
         ]),
-        o("div", to, [
+        o("div", eo, [
           $(a.$slots, "default", {}, () => [
             h("Modal 内容~")
           ])
@@ -1411,10 +1411,10 @@ const Qs = { class: "cu-dialog" }, Ws = { class: "cu-bar bg-white justify-end pa
 J.install = (s) => {
   s.component(J.name, J);
 };
-const oo = (s) => {
+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);
-}, ao = {
-  install: oo
+}, lo = {
+  install: so
 };
 export {
   X as ChatList,
@@ -1438,5 +1438,5 @@ export {
   N as TTitle,
   A as TTopBar,
   P as TimeLine,
-  ao as default
+  lo as default
 };

package/lib/temp-color-ui.umd.cjs

@@ -1,5 +1,5 @@
-(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c.TempColorUI={},c.Vue))})(this,function(c,e){"use strict";const R={class:"nav-list"},G=["url"],P={class:"nav-title"},X={class:"nav-name"},K={name:"TNavCard"},k=e.defineComponent({...K,props:{items:{}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(o,n)=>(e.openBlock(),e.createElementBlock("div",{"hover-class":"none",url:"/pages/basics/"+o.name,class:e.normalizeClass(["nav-li","bg-"+o.color]),navigateTo:"",style:e.normalizeStyle([{animation:"show "+((n+1)*.2+1)+"s 1"}]),key:n},[e.createElementVNode("div",P,e.toDisplayString(o.title),1),e.createElementVNode("div",X,e.toDisplayString(o.name),1),e.createElementVNode("text",{class:e.normalizeClass("cuIcon-"+o.cuIcon)},null,2)],14,G))),128))]))}});k.install=l=>{l.component(k.name,k)};const q=l=>(e.pushScopeId("data-v-bbdb83ff"),l=l(),e.popScopeId(),l),H={class:"cu-item shadow"},J={class:"title"},Q={class:"text-cut"},W={class:"content"},Y=["src","alt"],Z={class:"desc"},v={class:"text-content"},ee={key:0,class:"content flex-sub justify-between text-sm solid-top margin-top-sm",style:{padding:"5px 15px"}},te={class:"text-gray"},oe=q(()=>e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1)),le=q(()=>e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1)),ne=q(()=>e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1)),ae={class:"margin-left-sm text-gray flex justify-between"},se={class:"text-grey margin-right-xs"},ce={name:"TNewCard"},re=e.defineComponent({...ce,props:{isCard:{type:Boolean,default:!0},title:{default:"无意者 烈火焚身;以正义的烈火拔出黑暗。我有自己的正义，见证至高的烈火吧。"},imageSrc:{default:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"},imageAlt:{default:"正义天使图片"},description:{default:"折磨生出苦难，苦难又会加剧折磨，凡间这无穷的循环，将有我来终结！真正的恩典因不完整而美丽，因情感而真诚，因脆弱而自由！"},tags:{default:()=>["正义天使","史诗"]},footerInfo:{default:()=>({likes:10,appreciations:20,comments:30,author:"正义天使 凯尔",timeAgo:"十天前"})}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-card article",t.isCard?"":"no-card"])},[e.createElementVNode("div",H,[e.createElementVNode("div",J,[e.createElementVNode("div",Q,e.toDisplayString(t.title),1)]),e.createElementVNode("div",W,[e.createElementVNode("img",{src:t.imageSrc,alt:t.imageAlt},null,8,Y),e.createElementVNode("div",Z,[e.createElementVNode("div",v,e.toDisplayString(t.description),1),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tags,o=>(e.openBlock(),e.createElementBlock("div",{key:o,class:"cu-tag bg-red light sm round"},e.toDisplayString(o),1))),128))])])]),t.footerInfo?(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",te,[oe,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.likes)+" ",1),le,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.appreciations)+" ",1),ne,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.comments),1)]),e.createElementVNode("div",ae,[e.createElementVNode("div",se,e.toDisplayString(t.footerInfo.author),1),e.createTextVNode(" "+e.toDisplayString(t.footerInfo.timeAgo),1)])])):e.createCommentVNode("",!0)])],2))}}),U=(l,t)=>{const a=l.__vccOpts||l;for(const[o,n]of t)a[o]=n;return a},_=U(re,[["__scopeId","data-v-bbdb83ff"]]);_.install=l=>{l.component(_.name,_)};const ie={class:"cu-item shadow"},de={class:"cu-list menu-avatar"},me={class:"cu-item"},pe={class:"content flex-sub"},ge={class:"text-gray text-sm flex justify-between"},fe={class:"text-content"},ke={class:"text-gray text-sm text-right padding"},_e=e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1),he=e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1),ye=e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1),be={class:"cu-item"},Be={class:"content"},Ee={class:"text-grey"},$e={class:"text-gray text-content text-df"},Ce={class:"flex"},Ve={class:"flex-sub"},Ne={class:"margin-top-sm flex justify-between"},ue={class:"text-gray text-df"},Se={key:0,class:"cuIcon-appreciatefill text-red"},Ie=e.createElementVNode("span",{class:"cuIcon-messagefill text-gray margin-left-sm"},null,-1),ze={class:"text-gray margin-left-xs"},we={name:"TShareCard"},h=e.defineComponent({...we,props:{isCard:{type:Boolean,default:!0},author:{default:"凯尔"},avatarUrl:{default:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"},date:{default:"2019年12月3日"},content:{default:"折磨生出苦难，苦难又会加剧折磨，凡间这无穷的循环，将有我来终结！"},imageUrl:{default:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"},likes:{default:10},appreciations:{default:20},comments:{default:30},commentsList:{default:()=>[{id:1,author:"莫甘娜",avatarUrl:"https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png",text:"凯尔，你被自己的光芒变的盲目。",date:"2018年12月4日",replies:[{id:1,author:"凯尔",text:"妹妹，你在帮他们给黑暗找借口吗?"},{id:1,author:"卡尔",text:"哦，我的白月光啊"}]},{id:2,author:"凯尔",avatarUrl:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg",text:"妹妹，如果不是为了飞翔，我们要这翅膀有什么用?",date:"2018年12月4日",replies:[{id:1,author:"莫甘娜",text:"如果不能立足于大地，要这双脚又有何用?"}]}]}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:e.normalizeClass(["cu-card dynamic",t.isCard?"is-card":"no-card"])},[e.createElementVNode("div",ie,[e.createElementVNode("div",de,[e.createElementVNode("div",me,[e.createElementVNode("div",{class:"cu-avatar round lg",style:e.normalizeStyle({backgroundImage:`url(${t.avatarUrl})`})},null,4),e.createElementVNode("div",pe,[e.createElementVNode("div",null,e.toDisplayString(t.author),1),e.createElementVNode("div",ge,e.toDisplayString(t.date),1)])])]),e.createElementVNode("div",fe,e.toDisplayString(t.content),1),e.createElementVNode("div",{class:e.normalizeClass(["grid flex-sub padding-lr",t.isCard?"col-3 grid-square":"col-1"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.isCard?9:1,o=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-img",t.isCard?"":"only-img"]),style:e.normalizeStyle({backgroundImage:`url(${t.imageUrl})`}),key:o},null,6))),128))],2),e.createElementVNode("div",ke,[_e,e.createTextVNode(" "+e.toDisplayString(t.likes)+" ",1),he,e.createTextVNode(" "+e.toDisplayString(t.appreciations)+" ",1),ye,e.createTextVNode(" "+e.toDisplayString(t.comments),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.commentsList,o=>{var n;return e.openBlock(),e.createElementBlock("div",{class:"cu-list menu-avatar comment solids-top",key:o.id},[e.createElementVNode("div",be,[e.createElementVNode("div",{class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${o.avatarUrl})`})},null,4),e.createElementVNode("div",Be,[e.createElementVNode("div",Ee,e.toDisplayString(o.author),1),e.createElementVNode("div",$e,e.toDisplayString(o.text),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.replies,s=>(e.openBlock(),e.createElementBlock("div",{key:s.id,class:"bg-grey padding-sm radius margin-top-sm text-sm"},[e.createElementVNode("div",Ce,[e.createElementVNode("div",null,e.toDisplayString(s.author)+"：",1),e.createElementVNode("div",Ve,e.toDisplayString(s.text),1)])]))),128)),e.createElementVNode("div",Ne,[e.createElementVNode("div",ue,e.toDisplayString(o.date),1),e.createElementVNode("div",null,[o.likes?(e.openBlock(),e.createElementBlock("span",Se)):e.createCommentVNode("",!0),Ie,e.createElementVNode("span",ze,e.toDisplayString((n=o.replies)==null?void 0:n.length),1)])])])])])}),128))])],2)]))}});h.install=l=>{l.component(h.name,h)};const Te={ssss:"2px",sss:"4px",ss:"8px",s:"12px",m:"14px",l:"16px",x:"18px",xl:"24px",xxl:"30px",xxxl:"48px"};function De(l,t,a="px"){if(typeof t=="number")return`${l}: ${t}${a};`;const o=Te[t];return o?`${l}: ${o};`:""}function xe(l){return De("font-size",l)}const je={name:"TIcon"},g=e.defineComponent({...je,props:{name:{},color:{default:"grey"},size:{default:15}},setup(l){const t=l,a=e.computed(()=>xe(t.size));return(o,n)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(`cuIcon-${o.name} text-${o.color}`),style:e.normalizeStyle(a.value)},null,6))}}),Fe={class:"action border-title"},Le={class:"action border-title"},qe={class:"tib text-xl text-bold text-blue"},Ue=e.createElementVNode("div",{class:"tib bg-gradual-blue",style:{width:"3rem"}},null,-1),Ae={class:"action sub-title"},Me={class:"tib text-xl text-bold text-green"},Oe=e.createElementVNode("div",{class:"tib bg-green",style:{width:"2rem"}},null,-1),Re={class:"action sub-title"},Ge={class:"tib text-xl text-bold text-blue"},Pe={class:"tib text-ABC text-blue"},Xe={class:"action title-style-3"},Ke={key:5,class:"cu-bar bg-white"},He={class:"action"},Je={key:6,class:"cu-bar bg-white solid-bottom"},Qe={class:"action"},We={class:"action"},Ye={name:"TTitle"},y=e.defineComponent({...Ye,props:{title:{default:"主题名称"},deputy:{default:"about"},icon:{default:"titles"},color:{default:"blue"},decorateColor:{default:"olive"},mode:{},center:{type:Boolean,default:!1}},setup(l){return(t,a)=>t.mode==="default1"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Fe,[e.createElementVNode("div",{class:e.normalizeClass(["tib text-xl",`text-${t.color}`])},e.toDisplayString(t.title),3),e.createElementVNode("div",{class:e.normalizeClass(["tib",`bg-${t.decorateColor}`]),style:{width:"2rem"}},null,2)])],2)):t.mode==="default2"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Le,[e.createElementVNode("div",qe,e.toDisplayString(t.title),1),Ue])],2)):t.mode==="default3"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Ae,[e.createElementVNode("div",Me,e.toDisplayString(t.title),1),Oe])],2)):t.mode==="default4"?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Re,[e.createElementVNode("div",Ge,e.toDisplayString(t.title),1),e.createElementVNode("div",Pe,e.toDisplayString(t.deputy),1)])],2)):t.mode==="bilingual"?(e.openBlock(),e.createElementBlock("div",{key:4,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Xe,[e.createElementVNode("div",{class:e.normalizeClass(["tib",`text-${t.color}`])},e.toDisplayString(t.title),3),e.createElementVNode("div",{class:e.normalizeClass(["tib text-Abc self-end margin-left-sm",`text-${t.decorateColor}`])},e.toDisplayString(t.deputy),3)])],2)):t.mode==="icon-title"?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("div",He,[e.createElementVNode("i",{class:e.normalizeClass(`cuIcon-${t.icon} text-${t.color}`)},null,2),e.createElementVNode("div",{class:e.normalizeClass(["tib text-xl",`text-${t.decorateColor}`])},e.toDisplayString(t.title),3)])])):(e.openBlock(),e.createElementBlock("div",Je,[e.createElementVNode("div",Qe,[e.createElementVNode("i",{class:e.normalizeClass(`cuIcon-${t.icon} text-${t.color}`)},null,2),e.renderSlot(t.$slots,"default")]),e.createElementVNode("div",We,[e.renderSlot(t.$slots,"action")])]))}}),Ze={name:"TAvatar"},m=e.defineComponent({...Ze,props:{url:{},size:{default:"lg"},mode:{default:"round"}},setup(l){return(t,a)=>t.url?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-avatar",t.size,t.mode]),style:e.normalizeStyle({backgroundImage:`url(${t.url})`})},null,6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["padding-xs",["cu-avatar",t.size,t.mode]])},[e.renderSlot(t.$slots,"default")],2))}}),ve={class:"cu-avatar-group"},et={name:"TAvatarGroup"},F=e.defineComponent({...et,props:{urls:{default:()=>[]},size:{default:"sm"},mode:{default:"round"}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urls,(o,n)=>(e.openBlock(),e.createBlock(m,{key:n,url:o,size:t.size},null,8,["url","size"]))),128))]))}}),tt=["disabled"],ot={key:1},lt={name:"TButton"},b=e.defineComponent({...lt,props:{text:{},bg:{default:"blue"},size:{default:"default"},rounded:{type:Boolean,default:!1},icon:{},disabled:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1}},setup(l){const t=l,a=e.computed(()=>["cu-btn",t.rounded?"round":"radius",t.shadow?"shadow":"",`bg-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),o=e.computed(()=>({cursor:t.disabled?"not-allowed":"pointer"})),n=e.computed(()=>({marginRight:t.text?"8px":"0"}));return(s,i)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value),disabled:s.disabled},[e.renderSlot(s.$slots,"default"),s.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${s.icon}`),style:e.normalizeStyle(n.value)},null,6)):e.createCommentVNode("",!0),s.text?(e.openBlock(),e.createElementBlock("span",ot,e.toDisplayString(s.text),1)):e.createCommentVNode("",!0)],14,tt))}}),nt={key:0},at={name:"TTag"},st=e.defineComponent({...at,props:{text:{},bg:{default:"blue"},size:{default:"default"},shape:{default:"default"},light:{type:Boolean,default:!1},line:{type:Boolean,default:!1}},setup(l){const t=l,a=e.computed(()=>["cu-tag",t.shape!=="default"?t.shape:"",t.light?"light":"",`${t.line?"line":"bg"}-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),o=e.computed(()=>({}));return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value)},[e.renderSlot(n.$slots,"default",{},void 0,!0),n.text?(e.openBlock(),e.createElementBlock("span",nt,e.toDisplayString(n.text),1)):e.createCommentVNode("",!0)],6))}}),p=U(st,[["__scopeId","data-v-3c2b82ce"]]);g.install=l=>{l.component(g.name,g)},y.install=l=>{l.component(y.name,y)},m.install=l=>{l.component(m.name,m)},F.install=l=>{l.component(F.name,F)},b.install=l=>{l.component(b.name,b)},p.install=l=>{l.component(p.name,p)};const ct=["onClick"],rt={key:0,class:"cuIcon-cu-image"},it=["src"],dt={key:0,class:"cu-tag badge"},mt={key:0,class:"cu-tag badge"},pt={name:"TNavBar"},B=e.defineComponent({...pt,props:{bg:{default:"white"},color:{default:"gray"},activeColor:{default:"red"},items:{default:()=>[{icon:"homefill",label:"首页"},{icon:"similar",label:"分类"},{img:"https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png",label:"积分"},{icon:"cart",label:"购物车",badge:99},{icon:"my",label:"我的"}]},isFoot:{type:Boolean,default:!1},activeIndex:{default:0},onItemClick:{type:Function,default:()=>{}}},setup(l){const t=l,a=(o,n)=>{t.onItemClick&&t.onItemClick(o,n)};return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar tabbar",`bg-${o.bg} ${o.isFoot?"foot":""}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(s,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:e.normalizeClass(["action",`text-${i===o.activeIndex?o.activeColor:o.color}`]),onClick:r=>a(s,i)},[s.img?(e.openBlock(),e.createElementBlock("div",rt,[e.createElementVNode("img",{src:s.img,style:{width:"21px",height:"21px"},class:"radius"},null,8,it),s.badge?(e.openBlock(),e.createElementBlock("div",dt,e.toDisplayString(s.badge),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`cuIcon-${s.icon}`)},[s.badge?(e.openBlock(),e.createElementBlock("div",mt,e.toDisplayString(s.badge),1)):e.createCommentVNode("",!0)],2)),e.createElementVNode("div",null,e.toDisplayString(s.label),1)],10,ct))),128))],2))}});B.install=l=>{l.component(B.name,B)};const gt={key:0,class:"action"},ft={key:1},kt={class:"content text-bold"},_t={key:2,class:"action"},ht={name:"TTopBar"},E=e.defineComponent({...ht,props:{title:{},leftIcon:{},leftIconColor:{default:"gray"},leftText:{},rightIcon:{},rightIconColor:{default:"gray"},bg:{default:"white"},avatarUrl:{}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${t.bg}`])},[t.leftIcon||t.leftText?(e.openBlock(),e.createElementBlock("div",gt,[t.leftIcon?(e.openBlock(),e.createElementBlock("text",{key:0,class:e.normalizeClass(`cuIcon-${t.leftIcon} text-${t.leftIconColor}`)},null,2)):e.createCommentVNode("",!0),t.leftText?(e.openBlock(),e.createElementBlock("span",ft,e.toDisplayString(t.leftText),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.avatarUrl?(e.openBlock(),e.createElementBlock("div",{key:1,class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${t.avatarUrl})`})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",kt,e.toDisplayString(t.title),1),t.rightIcon?(e.openBlock(),e.createElementBlock("div",_t,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${t.rightIcon} text-${t.rightIconColor}`)},null,2)])):e.createCommentVNode("",!0)],2))}});E.install=l=>{l.component(E.name,E)};const yt=e.createElementVNode("text",{class:"cuIcon-search"},null,-1),bt={class:"action"},Bt={key:0,class:"cu-btn bg-green shadow-blur round"},Et={key:0},$t={key:3},Ct={name:"TSearchBar"},$=e.defineComponent({...Ct,props:{bgColor:{default:"white"},borderRadiusClass:{default:"round"},avatarUrl:{},buttonText:{},location:{},locationIcon:{},actionIcon:{},actionText:{}},setup(l){const t=e.ref(0),a=n=>{t.value=n.detail.height},o=()=>{t.value=0};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${n.bgColor}`,"search"])},[n.avatarUrl?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${n.avatarUrl})`})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["search-form",n.borderRadiusClass])},[yt,e.createElementVNode("input",{onFocus:a,onBlur:o,"adjust-position":!1,type:"text",placeholder:"搜索图片、文章、视频","confirm-type":"search"},null,32)],2),e.createElementVNode("div",bt,[n.buttonText?(e.openBlock(),e.createElementBlock("button",Bt,e.toDisplayString(n.buttonText),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.location?(e.openBlock(),e.createElementBlock("text",Et,e.toDisplayString(n.location),1)):e.createCommentVNode("",!0),n.locationIcon?(e.openBlock(),e.createElementBlock("text",{key:1,class:e.normalizeClass(`cuIcon-${n.locationIcon}`)},null,2)):e.createCommentVNode("",!0),n.actionIcon?(e.openBlock(),e.createElementBlock("text",{key:2,class:e.normalizeClass(`cuIcon-${n.actionIcon}`)},null,2)):e.createCommentVNode("",!0),n.actionText?(e.openBlock(),e.createElementBlock("text",$t,e.toDisplayString(n.actionText),1)):e.createCommentVNode("",!0)],64))])],2))}});$.install=l=>{l.component($.name,$)};const Vt={class:"cu-bar input"},Nt={key:0,class:"action"},ut={key:1,class:"action"},St={class:"action"},It={class:"cu-btn bg-green shadow-blur"},zt={name:"TInputBar"},C=e.defineComponent({...zt,props:{leftIcon:{},middleIcon:{},rightIcon:{},buttonText:{default:"发送"}},setup(l){const t=e.ref(0),a=n=>{t.value=n.detail.height},o=()=>{t.value=0};return(n,s)=>(e.openBlock(),e.createElementBlock("div",Vt,[n.leftIcon?(e.openBlock(),e.createElementBlock("div",Nt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${n.leftIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),n.middleIcon?(e.openBlock(),e.createElementBlock("div",ut,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${n.middleIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("input",{onFocus:a,onBlur:o,"adjust-position":!1,class:"solid-bottom",maxlength:"300","cursor-spacing":"10"},null,32),e.createElementVNode("div",St,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${n.rightIcon} text-grey`)},null,2)]),e.createElementVNode("button",It,e.toDisplayString(n.buttonText),1)]))}});C.install=l=>{l.component(C.name,C)};const wt=["onClick"],Tt={class:"tab-content"},Dt={name:"TTabs"},V=e.defineComponent({...Dt,props:{modelValue:{default:0},center:{type:Boolean,default:!1},bg:{default:"white"},text:{},isCard:{type:Boolean,default:!1},mode:{default:"flex-start"}},emits:["update:modelValue","select"],setup(l,{emit:t}){const a=e.ref([]),o=e.ref(0),n=t,s=(d,x)=>{o.value=d,n("update:modelValue",d),n("select",x)},i=d=>(a.value.push(d),a.value.length-1);e.provide("registerTab",i),e.provide("activeTab",o);const r=l,f=e.computed(()=>r.center!==!1?"justify-content:center;":`justify-content:${r.mode}`);return e.watch(()=>r.modelValue,d=>{o.value=d}),(d,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.isCard!==!1?"is-card":"")},[e.createElementVNode("div",{class:e.normalizeClass(["nav flex",[,`bg-${d.bg}`,`text-${d.text}`]]),style:e.normalizeStyle(f.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(j,L)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",[o.value===L?"cur text-blue":""]]),key:L,onClick:qo=>s(L,j)},[j.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${j.icon} text-${o.value===L?"blue":j.iconColor}`)},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(j.label),1)],10,wt))),128))],6),e.createElementVNode("div",Tt,[e.renderSlot(d.$slots,"default",{tab:a.value[o.value]}),e.createTextVNode("·")])],2))}}),xt={name:"TTab"},N=e.defineComponent({...xt,props:{label:{},icon:{default:""},iconColor:{default:"black"}},setup(l){const t=l,a=e.inject("registerTab"),o=e.inject("activeTab"),n=e.ref(null),s=e.computed(()=>(o==null?void 0:o.value)===n.value),i=e.computed(()=>({label:t.label,icon:t.icon,iconColor:t.iconColor}));return e.onMounted(()=>{a&&(n.value=a({label:t.label,icon:t.icon,iconColor:t.iconColor}))}),(r,f)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(r.$slots,"default"),e.renderSlot(r.$slots,"custom",{tab:i.value})],512)),[[e.vShow,s.value]])}});V.install=l=>{l.component(V.name,V)},N.install=l=>{l.component(N.name,N)};/*!
+(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c.TempColorUI={},c.Vue))})(this,function(c,e){"use strict";const R={class:"nav-list"},G=["url"],P={class:"nav-title"},X={class:"nav-name"},K={name:"TNavCard"},k=e.defineComponent({...K,props:{items:{}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(o,n)=>(e.openBlock(),e.createElementBlock("div",{"hover-class":"none",url:"/pages/basics/"+o.name,class:e.normalizeClass(["nav-li","bg-"+o.color]),navigateTo:"",style:e.normalizeStyle([{animation:"show "+((n+1)*.2+1)+"s 1"}]),key:n},[e.createElementVNode("div",P,e.toDisplayString(o.title),1),e.createElementVNode("div",X,e.toDisplayString(o.name),1),e.createElementVNode("text",{class:e.normalizeClass("cuIcon-"+o.cuIcon)},null,2)],14,G))),128))]))}});k.install=l=>{l.component(k.name,k)};const q=l=>(e.pushScopeId("data-v-bbdb83ff"),l=l(),e.popScopeId(),l),H={class:"cu-item shadow"},J={class:"title"},Q={class:"text-cut"},W={class:"content"},Y=["src","alt"],Z={class:"desc"},v={class:"text-content"},ee={key:0,class:"content flex-sub justify-between text-sm solid-top margin-top-sm",style:{padding:"5px 15px"}},te={class:"text-gray"},oe=q(()=>e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1)),le=q(()=>e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1)),ne=q(()=>e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1)),ae={class:"margin-left-sm text-gray flex justify-between"},se={class:"text-grey margin-right-xs"},ce={name:"TNewCard"},re=e.defineComponent({...ce,props:{isCard:{type:Boolean,default:!0},title:{default:"无意者 烈火焚身;以正义的烈火拔出黑暗。我有自己的正义，见证至高的烈火吧。"},imageSrc:{default:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"},imageAlt:{default:"正义天使图片"},description:{default:"折磨生出苦难，苦难又会加剧折磨，凡间这无穷的循环，将有我来终结！真正的恩典因不完整而美丽，因情感而真诚，因脆弱而自由！"},tags:{default:()=>["正义天使","史诗"]},footerInfo:{default:()=>({likes:10,appreciations:20,comments:30,author:"正义天使 凯尔",timeAgo:"十天前"})}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-card article",t.isCard?"":"no-card"])},[e.createElementVNode("div",H,[e.createElementVNode("div",J,[e.createElementVNode("div",Q,e.toDisplayString(t.title),1)]),e.createElementVNode("div",W,[e.createElementVNode("img",{src:t.imageSrc,alt:t.imageAlt},null,8,Y),e.createElementVNode("div",Z,[e.createElementVNode("div",v,e.toDisplayString(t.description),1),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tags,o=>(e.openBlock(),e.createElementBlock("div",{key:o,class:"cu-tag bg-red light sm round"},e.toDisplayString(o),1))),128))])])]),t.footerInfo?(e.openBlock(),e.createElementBlock("div",ee,[e.createElementVNode("div",te,[oe,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.likes)+" ",1),le,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.appreciations)+" ",1),ne,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.comments),1)]),e.createElementVNode("div",ae,[e.createElementVNode("div",se,e.toDisplayString(t.footerInfo.author),1),e.createTextVNode(" "+e.toDisplayString(t.footerInfo.timeAgo),1)])])):e.createCommentVNode("",!0)])],2))}}),U=(l,t)=>{const a=l.__vccOpts||l;for(const[o,n]of t)a[o]=n;return a},_=U(re,[["__scopeId","data-v-bbdb83ff"]]);_.install=l=>{l.component(_.name,_)};const ie={class:"cu-item shadow"},de={class:"cu-list menu-avatar"},me={class:"cu-item"},pe={class:"content flex-sub"},ge={class:"text-gray text-sm flex justify-between"},fe={class:"text-content"},ke={class:"text-gray text-sm text-right padding"},_e=e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1),he=e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1),ye=e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1),be={class:"cu-item"},Be={class:"content"},Ee={class:"text-grey"},$e={class:"text-gray text-content text-df"},Ce={class:"flex"},Ve={class:"flex-sub"},Ne={class:"margin-top-sm flex justify-between"},ue={class:"text-gray text-df"},Se={key:0,class:"cuIcon-appreciatefill text-red"},Ie=e.createElementVNode("span",{class:"cuIcon-messagefill text-gray margin-left-sm"},null,-1),ze={class:"text-gray margin-left-xs"},we={name:"TShareCard"},h=e.defineComponent({...we,props:{isCard:{type:Boolean,default:!0},author:{default:"凯尔"},avatarUrl:{default:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"},date:{default:"2019年12月3日"},content:{default:"折磨生出苦难，苦难又会加剧折磨，凡间这无穷的循环，将有我来终结！"},imageUrl:{default:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"},likes:{default:10},appreciations:{default:20},comments:{default:30},commentsList:{default:()=>[{id:1,author:"莫甘娜",avatarUrl:"https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png",text:"凯尔，你被自己的光芒变的盲目。",date:"2018年12月4日",replies:[{id:1,author:"凯尔",text:"妹妹，你在帮他们给黑暗找借口吗?"},{id:1,author:"卡尔",text:"哦，我的白月光啊"}]},{id:2,author:"凯尔",avatarUrl:"https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg",text:"妹妹，如果不是为了飞翔，我们要这翅膀有什么用?",date:"2018年12月4日",replies:[{id:1,author:"莫甘娜",text:"如果不能立足于大地，要这双脚又有何用?"}]}]}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:e.normalizeClass(["cu-card dynamic",t.isCard?"is-card":"no-card"])},[e.createElementVNode("div",ie,[e.createElementVNode("div",de,[e.createElementVNode("div",me,[e.createElementVNode("div",{class:"cu-avatar round lg",style:e.normalizeStyle({backgroundImage:`url(${t.avatarUrl})`})},null,4),e.createElementVNode("div",pe,[e.createElementVNode("div",null,e.toDisplayString(t.author),1),e.createElementVNode("div",ge,e.toDisplayString(t.date),1)])])]),e.createElementVNode("div",fe,e.toDisplayString(t.content),1),e.createElementVNode("div",{class:e.normalizeClass(["grid flex-sub padding-lr",t.isCard?"col-3 grid-square":"col-1"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.isCard?9:1,o=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-img",t.isCard?"":"only-img"]),style:e.normalizeStyle({backgroundImage:`url(${t.imageUrl})`}),key:o},null,6))),128))],2),e.createElementVNode("div",ke,[_e,e.createTextVNode(" "+e.toDisplayString(t.likes)+" ",1),he,e.createTextVNode(" "+e.toDisplayString(t.appreciations)+" ",1),ye,e.createTextVNode(" "+e.toDisplayString(t.comments),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.commentsList,o=>{var n;return e.openBlock(),e.createElementBlock("div",{class:"cu-list menu-avatar comment solids-top",key:o.id},[e.createElementVNode("div",be,[e.createElementVNode("div",{class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${o.avatarUrl})`})},null,4),e.createElementVNode("div",Be,[e.createElementVNode("div",Ee,e.toDisplayString(o.author),1),e.createElementVNode("div",$e,e.toDisplayString(o.text),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.replies,s=>(e.openBlock(),e.createElementBlock("div",{key:s.id,class:"bg-grey padding-sm radius margin-top-sm text-sm"},[e.createElementVNode("div",Ce,[e.createElementVNode("div",null,e.toDisplayString(s.author)+"：",1),e.createElementVNode("div",Ve,e.toDisplayString(s.text),1)])]))),128)),e.createElementVNode("div",Ne,[e.createElementVNode("div",ue,e.toDisplayString(o.date),1),e.createElementVNode("div",null,[o.likes?(e.openBlock(),e.createElementBlock("span",Se)):e.createCommentVNode("",!0),Ie,e.createElementVNode("span",ze,e.toDisplayString((n=o.replies)==null?void 0:n.length),1)])])])])])}),128))])],2)]))}});h.install=l=>{l.component(h.name,h)};const De={ssss:"2px",sss:"4px",ss:"8px",s:"12px",m:"14px",l:"16px",x:"18px",xl:"24px",xxl:"30px",xxxl:"48px"};function Te(l,t,a="px"){if(typeof t=="number")return`${l}: ${t}${a};`;const o=De[t];return o?`${l}: ${o};`:""}function xe(l){return Te("font-size",l)}const je={name:"TIcon"},g=e.defineComponent({...je,props:{name:{},color:{default:"grey"},size:{default:15}},setup(l){const t=l,a=e.computed(()=>xe(t.size));return(o,n)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(`cuIcon-${o.name} text-${o.color}`),style:e.normalizeStyle(a.value)},null,6))}}),Fe={class:"action border-title"},Le={class:"action border-title"},qe={class:"tib text-xl text-bold text-blue"},Ue=e.createElementVNode("div",{class:"tib bg-gradual-blue",style:{width:"3rem"}},null,-1),Ae={class:"action sub-title"},Me={class:"tib text-xl text-bold text-green"},Oe=e.createElementVNode("div",{class:"tib bg-green",style:{width:"2rem"}},null,-1),Re={class:"action sub-title"},Ge={class:"tib text-xl text-bold text-blue"},Pe={class:"tib text-ABC text-blue"},Xe={class:"action title-style-3"},Ke={key:5,class:"cu-bar bg-white"},He={class:"action"},Je={key:6,class:"cu-bar bg-white solid-bottom"},Qe={class:"action"},We={class:"action"},Ye={name:"TTitle"},y=e.defineComponent({...Ye,props:{title:{default:"主题名称"},deputy:{default:"about"},icon:{default:"titles"},color:{default:"blue"},decorateColor:{default:"olive"},mode:{},center:{type:Boolean,default:!1}},setup(l){return(t,a)=>t.mode==="default1"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Fe,[e.createElementVNode("div",{class:e.normalizeClass(["tib text-xl",`text-${t.color}`])},e.toDisplayString(t.title),3),e.createElementVNode("div",{class:e.normalizeClass(["tib",`bg-${t.decorateColor}`]),style:{width:"2rem"}},null,2)])],2)):t.mode==="default2"?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Le,[e.createElementVNode("div",qe,e.toDisplayString(t.title),1),Ue])],2)):t.mode==="default3"?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Ae,[e.createElementVNode("div",Me,e.toDisplayString(t.title),1),Oe])],2)):t.mode==="default4"?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Re,[e.createElementVNode("div",Ge,e.toDisplayString(t.title),1),e.createElementVNode("div",Pe,e.toDisplayString(t.deputy),1)])],2)):t.mode==="bilingual"?(e.openBlock(),e.createElementBlock("div",{key:4,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Xe,[e.createElementVNode("div",{class:e.normalizeClass(["tib",`text-${t.color}`])},e.toDisplayString(t.title),3),e.createElementVNode("div",{class:e.normalizeClass(["tib text-Abc self-end margin-left-sm",`text-${t.decorateColor}`])},e.toDisplayString(t.deputy),3)])],2)):t.mode==="icon-title"?(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("div",He,[e.createElementVNode("i",{class:e.normalizeClass(`cuIcon-${t.icon} text-${t.color}`)},null,2),e.createElementVNode("div",{class:e.normalizeClass(["tib text-xl",`text-${t.decorateColor}`])},e.toDisplayString(t.title),3)])])):(e.openBlock(),e.createElementBlock("div",Je,[e.createElementVNode("div",Qe,[e.createElementVNode("i",{class:e.normalizeClass(`cuIcon-${t.icon} text-${t.color}`)},null,2),e.renderSlot(t.$slots,"default")]),e.createElementVNode("div",We,[e.renderSlot(t.$slots,"action")])]))}}),Ze={name:"TAvatar"},m=e.defineComponent({...Ze,props:{url:{},size:{default:"lg"},mode:{default:"round"}},setup(l){return(t,a)=>t.url?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-avatar",t.size,t.mode]),style:e.normalizeStyle({backgroundImage:`url(${t.url})`})},null,6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["padding-xs",["cu-avatar",t.size,t.mode]])},[e.renderSlot(t.$slots,"default")],2))}}),ve={class:"cu-avatar-group"},et={name:"TAvatarGroup"},F=e.defineComponent({...et,props:{urls:{default:()=>[]},size:{default:"sm"},mode:{default:"round"}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urls,(o,n)=>(e.openBlock(),e.createBlock(m,{key:n,url:o,size:t.size},null,8,["url","size"]))),128))]))}}),tt=["disabled"],ot={key:1},lt={name:"TButton"},b=e.defineComponent({...lt,props:{text:{},bg:{default:"blue"},size:{default:"default"},rounded:{type:Boolean,default:!1},icon:{},disabled:{type:Boolean,default:!1},shadow:{type:Boolean,default:!1}},setup(l){const t=l,a=e.computed(()=>["cu-btn",t.rounded?"round":"radius",t.shadow?"shadow":"",`bg-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),o=e.computed(()=>({cursor:t.disabled?"not-allowed":"pointer"})),n=e.computed(()=>({marginRight:t.text?"8px":"0"}));return(s,i)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value),disabled:s.disabled},[e.renderSlot(s.$slots,"default"),s.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${s.icon}`),style:e.normalizeStyle(n.value)},null,6)):e.createCommentVNode("",!0),s.text?(e.openBlock(),e.createElementBlock("span",ot,e.toDisplayString(s.text),1)):e.createCommentVNode("",!0)],14,tt))}}),nt={key:0},at={name:"TTag"},p=e.defineComponent({...at,props:{text:{},bg:{default:"blue"},size:{default:"default"},shape:{default:"default"},light:{type:Boolean,default:!1},line:{type:Boolean,default:!1}},setup(l){const t=l,a=e.computed(()=>["cu-tag",t.shape!=="default"?t.shape:"",t.light!==!1?"light":"",`${t.line!==!1?"line":"bg"}-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),o=e.computed(()=>({}));return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value),style:e.normalizeStyle(o.value)},[e.renderSlot(n.$slots,"default"),n.text?(e.openBlock(),e.createElementBlock("span",nt,e.toDisplayString(n.text),1)):e.createCommentVNode("",!0)],6))}});g.install=l=>{l.component(g.name,g)},y.install=l=>{l.component(y.name,y)},m.install=l=>{l.component(m.name,m)},F.install=l=>{l.component(F.name,F)},b.install=l=>{l.component(b.name,b)},p.install=l=>{l.component(p.name,p)};const st=["onClick"],ct={key:0,class:"cuIcon-cu-image"},rt=["src"],it={key:0,class:"cu-tag badge"},dt={key:0,class:"cu-tag badge"},mt={name:"TNavBar"},B=e.defineComponent({...mt,props:{bg:{default:"white"},color:{default:"gray"},activeColor:{default:"red"},items:{default:()=>[{icon:"homefill",label:"首页"},{icon:"similar",label:"分类"},{img:"https://ossweb-img.qq.com/images/lol/img/champion/Morgana.png",label:"积分"},{icon:"cart",label:"购物车",badge:99},{icon:"my",label:"我的"}]},isFoot:{type:Boolean,default:!1},activeIndex:{default:0},onItemClick:{type:Function,default:()=>{}}},setup(l){const t=l,a=(o,n)=>{t.onItemClick&&t.onItemClick(o,n)};return(o,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar tabbar",`bg-${o.bg} ${o.isFoot?"foot":""}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(s,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:e.normalizeClass(["action",`text-${i===o.activeIndex?o.activeColor:o.color}`]),onClick:r=>a(s,i)},[s.img?(e.openBlock(),e.createElementBlock("div",ct,[e.createElementVNode("img",{src:s.img,style:{width:"21px",height:"21px"},class:"radius"},null,8,rt),s.badge?(e.openBlock(),e.createElementBlock("div",it,e.toDisplayString(s.badge),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`cuIcon-${s.icon}`)},[s.badge?(e.openBlock(),e.createElementBlock("div",dt,e.toDisplayString(s.badge),1)):e.createCommentVNode("",!0)],2)),e.createElementVNode("div",null,e.toDisplayString(s.label),1)],10,st))),128))],2))}});B.install=l=>{l.component(B.name,B)};const pt={key:0,class:"action"},gt={key:1},ft={class:"content text-bold"},kt={key:2,class:"action"},_t={name:"TTopBar"},E=e.defineComponent({..._t,props:{title:{},leftIcon:{},leftIconColor:{default:"gray"},leftText:{},rightIcon:{},rightIconColor:{default:"gray"},bg:{default:"white"},avatarUrl:{}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${t.bg}`])},[t.leftIcon||t.leftText?(e.openBlock(),e.createElementBlock("div",pt,[t.leftIcon?(e.openBlock(),e.createElementBlock("text",{key:0,class:e.normalizeClass(`cuIcon-${t.leftIcon} text-${t.leftIconColor}`)},null,2)):e.createCommentVNode("",!0),t.leftText?(e.openBlock(),e.createElementBlock("span",gt,e.toDisplayString(t.leftText),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.avatarUrl?(e.openBlock(),e.createElementBlock("div",{key:1,class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${t.avatarUrl})`})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",ft,e.toDisplayString(t.title),1),t.rightIcon?(e.openBlock(),e.createElementBlock("div",kt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${t.rightIcon} text-${t.rightIconColor}`)},null,2)])):e.createCommentVNode("",!0)],2))}});E.install=l=>{l.component(E.name,E)};const ht=e.createElementVNode("text",{class:"cuIcon-search"},null,-1),yt={class:"action"},bt={key:0,class:"cu-btn bg-green shadow-blur round"},Bt={key:0},Et={key:3},$t={name:"TSearchBar"},$=e.defineComponent({...$t,props:{bgColor:{default:"white"},borderRadiusClass:{default:"round"},avatarUrl:{},buttonText:{},location:{},locationIcon:{},actionIcon:{},actionText:{}},setup(l){const t=e.ref(0),a=n=>{t.value=n.detail.height},o=()=>{t.value=0};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${n.bgColor}`,"search"])},[n.avatarUrl?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${n.avatarUrl})`})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["search-form",n.borderRadiusClass])},[ht,e.createElementVNode("input",{onFocus:a,onBlur:o,"adjust-position":!1,type:"text",placeholder:"搜索图片、文章、视频","confirm-type":"search"},null,32)],2),e.createElementVNode("div",yt,[n.buttonText?(e.openBlock(),e.createElementBlock("button",bt,e.toDisplayString(n.buttonText),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.location?(e.openBlock(),e.createElementBlock("text",Bt,e.toDisplayString(n.location),1)):e.createCommentVNode("",!0),n.locationIcon?(e.openBlock(),e.createElementBlock("text",{key:1,class:e.normalizeClass(`cuIcon-${n.locationIcon}`)},null,2)):e.createCommentVNode("",!0),n.actionIcon?(e.openBlock(),e.createElementBlock("text",{key:2,class:e.normalizeClass(`cuIcon-${n.actionIcon}`)},null,2)):e.createCommentVNode("",!0),n.actionText?(e.openBlock(),e.createElementBlock("text",Et,e.toDisplayString(n.actionText),1)):e.createCommentVNode("",!0)],64))])],2))}});$.install=l=>{l.component($.name,$)};const Ct={class:"cu-bar input"},Vt={key:0,class:"action"},Nt={key:1,class:"action"},ut={class:"action"},St={class:"cu-btn bg-green shadow-blur"},It={name:"TInputBar"},C=e.defineComponent({...It,props:{leftIcon:{},middleIcon:{},rightIcon:{},buttonText:{default:"发送"}},setup(l){const t=e.ref(0),a=n=>{t.value=n.detail.height},o=()=>{t.value=0};return(n,s)=>(e.openBlock(),e.createElementBlock("div",Ct,[n.leftIcon?(e.openBlock(),e.createElementBlock("div",Vt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${n.leftIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),n.middleIcon?(e.openBlock(),e.createElementBlock("div",Nt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${n.middleIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("input",{onFocus:a,onBlur:o,"adjust-position":!1,class:"solid-bottom",maxlength:"300","cursor-spacing":"10"},null,32),e.createElementVNode("div",ut,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${n.rightIcon} text-grey`)},null,2)]),e.createElementVNode("button",St,e.toDisplayString(n.buttonText),1)]))}});C.install=l=>{l.component(C.name,C)};const zt=["onClick"],wt={class:"tab-content"},Dt={name:"TTabs"},V=e.defineComponent({...Dt,props:{modelValue:{default:0},center:{type:Boolean,default:!1},bg:{default:"white"},text:{},isCard:{type:Boolean,default:!1},mode:{default:"flex-start"}},emits:["update:modelValue","select"],setup(l,{emit:t}){const a=e.ref([]),o=e.ref(0),n=t,s=(d,x)=>{o.value=d,n("update:modelValue",d),n("select",x)},i=d=>(a.value.push(d),a.value.length-1);e.provide("registerTab",i),e.provide("activeTab",o);const r=l,f=e.computed(()=>r.center!==!1?"justify-content:center;":`justify-content:${r.mode}`);return e.watch(()=>r.modelValue,d=>{o.value=d}),(d,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.isCard!==!1?"is-card":"")},[e.createElementVNode("div",{class:e.normalizeClass(["nav flex",[,`bg-${d.bg}`,`text-${d.text}`]]),style:e.normalizeStyle(f.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(j,L)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",[o.value===L?"cur text-blue":""]]),key:L,onClick:Lo=>s(L,j)},[j.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${j.icon} text-${o.value===L?"blue":j.iconColor}`)},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(j.label),1)],10,zt))),128))],6),e.createElementVNode("div",wt,[e.renderSlot(d.$slots,"default",{tab:a.value[o.value]}),e.createTextVNode("·")])],2))}}),Tt={name:"TTab"},N=e.defineComponent({...Tt,props:{label:{},icon:{default:""},iconColor:{default:"black"}},setup(l){const t=l,a=e.inject("registerTab"),o=e.inject("activeTab"),n=e.ref(null),s=e.computed(()=>(o==null?void 0:o.value)===n.value),i=e.computed(()=>({label:t.label,icon:t.icon,iconColor:t.iconColor}));return e.onMounted(()=>{a&&(n.value=a({label:t.label,icon:t.icon,iconColor:t.iconColor}))}),(r,f)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(r.$slots,"default"),e.renderSlot(r.$slots,"custom",{tab:i.value})],512)),[[e.vShow,s.value]])}});V.install=l=>{l.component(V.name,V)},N.install=l=>{l.component(N.name,N)};/*!
   * vue-router v4.3.3
   * (c) 2024 Eduardo San Martin Morote
   * @license MIT
-  */var A;(function(l){l.pop="pop",l.push="push"})(A||(A={}));var M;(function(l){l.back="back",l.forward="forward",l.unknown=""})(M||(M={})),Symbol(process.env.NODE_ENV!=="production"?"navigation failure":"");var O;(function(l){l[l.aborted=4]="aborted",l[l.cancelled=8]="cancelled",l[l.duplicated=16]="duplicated"})(O||(O={})),Symbol(process.env.NODE_ENV!=="production"?"router view location matched":""),Symbol(process.env.NODE_ENV!=="production"?"router view depth":"");const jt=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 Ft(){return e.inject(jt)}const Lt=["onClick"],qt={key:0,class:"cu-tag badge"},Ut={key:0},At={name:"GridGroup"},u=e.defineComponent({...At,props:{cuIconList:{default:()=>[{cuIcon:"cardboardfill",color:"red",badge:120,name:"VR",link:"http://www.baidu.com/"},{cuIcon:"recordfill",color:"orange",badge:1,name:"录像"},{cuIcon:"picfill",color:"yellow",badge:0,name:"图像"},{cuIcon:"noticefill",color:"olive",badge:22,name:"通知"},{cuIcon:"upstagefill",color:"cyan",badge:0,name:"排行榜"},{cuIcon:"clothesfill",color:"blue",badge:0,name:"皮肤"},{cuIcon:"discoverfill",color:"purple",badge:0,name:"发现"},{cuIcon:"questionfill",color:"mauve",badge:0,name:"帮助"},{cuIcon:"commandfill",color:"purple",badge:0,name:"问答"},{cuIcon:"brandfill",color:"mauve",badge:0,name:"版权"}]},gridCol:{default:4},gridBorder:{type:Boolean,default:!1},routeFn:{type:Function,default:void 0}},setup(l){const t=l,a=Ft(),o=n=>{if(n.path){t.routeFn?t.routeFn().push({path:n.path}):a.push({path:n.path});return}if(n.link){window.location.href=n.link;return}};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-list grid",["col-"+n.gridCol,n.gridBorder?"":"no-border"]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.cuIconList,(i,r)=>(e.openBlock(),e.createElementBlock("div",{class:"cu-item",key:r,style:e.normalizeStyle(`width: calc(100% / ${n.gridCol})`),onClick:f=>o(i)},[e.createElementVNode("div",{class:e.normalizeClass(["cuIcon-"+i.cuIcon,"text-"+i.color])},[i.badge!=0?(e.openBlock(),e.createElementBlock("div",qt,[i.badge!=1?(e.openBlock(),e.createElementBlock("i",Ut,e.toDisplayString((i.badge||0)>99?"99+":i.badge),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2),e.createElementVNode("text",null,e.toDisplayString(i.name),1)],12,Lt))),128))],2))}});u.install=l=>{l.component(u.name,u)};const Mt={class:"content"},Ot=["src","alt"],Rt={class:"text-grey"},Gt={class:"action"},Pt={key:1,class:"text-grey text-sm"},Xt=["onClick"],Kt={key:4,class:"text-grey text-sm"},Ht={name:"Menu"},S=e.defineComponent({...Ht,props:{menuItems:{default:()=>[{title:"测试菜单",icon:{name:"warn",color:"blue"},text:"小目标还没有实现！"},{title:"图片菜单",img:{url:"https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg",alt:"图片菜单"}},{title:"头像组",icon:{name:"emoji",color:"pink"},group:["https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg","https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg","https://ossweb-img.qq.com/images/lol/web201310/skin/big25002.jpg","https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg"]},{title:"按钮",icon:{name:"btn",color:"green"},btn:{text:"上传",bg:"green",icon:"upload",event:()=>{console.log("点击了按钮")}}},{title:"标签",icon:{name:"tagfill",color:"red"},tags:[{text:"音乐",bg:"orange",light:!0,size:"sm"},{text:"电影",bg:"green",light:!0,size:"sm"},{text:"旅行",light:!1}]}]},menuBorder:{type:Boolean,default:!1},menuArrow:{type:Boolean,default:!1},menuCard:{type:Boolean,default:!1}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-list menu",[t.menuBorder?"sm-border":"",t.menuCard?"card-menu":""]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuItems,(o,n)=>{var s;return e.openBlock(),e.createElementBlock("div",{key:n,class:e.normalizeClass(["cu-item",t.menuArrow?"arrow":""])},[e.createElementVNode("div",Mt,[o.icon?(e.openBlock(),e.createBlock(g,{key:0,class:"icon",name:o.icon.name,color:o.icon.color},null,8,["name","color"])):e.createCommentVNode("",!0),o.img?(e.openBlock(),e.createElementBlock("img",{key:1,class:"icon",src:o.img.url,alt:o.img.alt},null,8,Ot)):e.createCommentVNode("",!0),e.createElementVNode("text",Rt,e.toDisplayString(o.title),1)]),e.createElementVNode("div",Gt,[o.group?(e.openBlock(),e.createBlock(F,{key:0,urls:o.group},null,8,["urls"])):e.createCommentVNode("",!0),o.group?(e.openBlock(),e.createElementBlock("text",Pt,e.toDisplayString(o.group.length)+"人",1)):e.createCommentVNode("",!0),o.btn?(e.openBlock(),e.createElementBlock("button",{key:2,class:e.normalizeClass(["cu-btn round shadow",`bg-${o.btn.bg}`]),onClick:(s=o.btn)==null?void 0:s.event},[o.btn.icon?(e.openBlock(),e.createBlock(g,{key:0,name:o.btn.icon,color:"white"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(o.btn.text),1)],10,Xt)):e.createCommentVNode("",!0),o.tags?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:3},e.renderList(o.tags,(i,r)=>(e.openBlock(),e.createBlock(p,{size:i.size,key:r,bg:i.bg,light:i.light,shape:"round"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.text),1)]),_:2},1032,["size","bg","light"]))),128)):e.createCommentVNode("",!0),o.text?(e.openBlock(),e.createElementBlock("text",Kt,e.toDisplayString(o.text),1)):e.createCommentVNode("",!0)])],2)}),128))],2))}});S.install=l=>{l.component(S.name,S)};const Jt={key:0,class:"cu-tag badge"},Qt={class:"content"},Wt={class:"flex align-center"},Yt={class:"text-cut"},Zt={class:"text-gray text-sm flex"},vt={class:"text-cut"},eo={class:"action"},to={class:"text-grey text-xs"},oo=U(e.defineComponent({__name:"ChatListItem",props:{userinfo:{},unread:{},unreadColor:{},badge:{},icon:{},iconClass:{},isDisconnected:{type:Boolean},isCurrent:{type:Boolean}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",{grayscale:t.isDisconnected,cur:t.isCurrent}])},[e.createElementVNode("div",{class:e.normalizeClass(["cu-avatar",t.userinfo.avatarShape,"lg"]),style:e.normalizeStyle({backgroundImage:`url(${t.userinfo.avatar})`})},[t.badge?(e.openBlock(),e.createElementBlock("div",Jt,e.toDisplayString(t.badge),1)):e.createCommentVNode("",!0)],6),e.createElementVNode("div",Qt,[e.createElementVNode("div",Wt,[e.createElementVNode("div",Yt,e.toDisplayString(t.userinfo.name),1),t.userinfo.tag?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-tag","round",`bg-${t.userinfo.tagColor}`,"sm"])},e.toDisplayString(t.userinfo.tag),3)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Zt,[e.createElementVNode("div",vt,[e.renderSlot(t.$slots,"default",{},void 0,!0)])])]),e.createElementVNode("div",eo,[e.createElementVNode("div",to,e.toDisplayString(t.userinfo.time),1),t.unread?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-tag","round",`bg-${t.unreadColor}`,"sm"])},e.toDisplayString(t.unread),3)):t.icon?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(t.iconClass)},null,2)):e.createCommentVNode("",!0)])],2))}}),[["__scopeId","data-v-e90f08c9"]]),lo={class:"cu-list menu-avatar"},no={name:"ChatList"},I=e.defineComponent({...no,props:{items:{}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",lo,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(o,n)=>(e.openBlock(),e.createBlock(oo,{key:n,userinfo:o.userinfo,unread:o.unread,unreadColor:o.unreadColor,badge:o.badge,icon:o.icon,iconClass:o.iconClass,isDisconnected:o.isDisconnected,isCurrent:o.isCurrent},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{item:o},()=>[e.createTextVNode(e.toDisplayString(o.content),1)])]),_:2},1032,["userinfo","unread","unreadColor","badge","icon","iconClass","isDisconnected","isCurrent"]))),128))]))}});I.install=l=>{l.component(I.name,I)};const ao={class:"cu-chat"},so={key:0,class:"cu-info round"},co={key:1,class:"cu-info"},ro=e.createElementVNode("text",{class:"cuIcon-roundclosefill text-red"},null,-1),io={class:"main"},mo=["src"],po={key:2,class:"content shadow"},go=e.createElementVNode("text",{class:"cuIcon-sound text-xxl padding-right-xl"},null,-1),fo={class:"action text-bold text-grey"},ko={key:3,class:"content shadow"},_o=e.createElementVNode("text",{class:"cuIcon-locationfill text-orange text-xxl"},null,-1),ho={class:"content shadow"},yo=e.createElementVNode("div",{class:"action text-grey"},[e.createElementVNode("text",{class:"cuIcon-warnfill text-red text-xxl"}),e.createElementVNode("text",{class:"text-sm margin-left-sm"},"翻译错误")],-1),bo={class:"date"},Bo={name:"ChatRoom"},z=e.defineComponent({...Bo,props:{messages:{}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",ao,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.messages,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,class:e.normalizeClass(["cu-item",{self:o.self}])},[o.type==="info"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.self?(e.openBlock(),e.createElementBlock("div",so,e.toDisplayString(o.content),1)):(e.openBlock(),e.createElementBlock("div",co,[ro,e.createTextVNode(" "+e.toDisplayString(o.content),1)]))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.self?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(m,{key:0,mode:"radius",url:o.avatar},null,8,["url"])),e.createElementVNode("div",io,[o.type==="text"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["content shadow",{"bg-green":o.self}])},[e.createElementVNode("text",null,e.toDisplayString(o.content),1)],2)):o.type==="image"?(e.openBlock(),e.createElementBlock("img",{key:1,src:o.content,class:"radius",style:{"max-width":"100%"}},null,8,mo)):o.type==="audio"?(e.openBlock(),e.createElementBlock("div",po,[go,e.createElementVNode("div",fo,e.toDisplayString(o.content),1)])):o.type==="location"?(e.openBlock(),e.createElementBlock("div",ko,[_o,e.createTextVNode(" "+e.toDisplayString(o.content),1)])):o.type==="warning"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[e.createElementVNode("div",ho,e.toDisplayString(o.content),1),yo],64)):e.createCommentVNode("",!0)]),o.self?(e.openBlock(),e.createBlock(m,{key:1,mode:"radius",url:o.avatar},null,8,["url"])):e.createCommentVNode("",!0),e.createElementVNode("div",bo,e.toDisplayString(o.date),1)],64))],2))),128))]))}});z.install=l=>{l.component(z.name,z)};const Eo={class:"cu-time"},$o={key:0,class:"cu-capsule radius"},Co={name:"TimeLine"},w=e.defineComponent({...Co,props:{items:{default:()=>[]}},setup(l){function t(o){return o||"cyan"}function a(o){switch(o.status){case"past":return`text-green cuIcon-${o.icon||"roundcheckfill"}`;case"ongoing":return"text-red cuIcon-all";case"upcoming":return`text-gray cuIcon-${o.icon||"radioboxfill"}`;default:return`text-gray cuIcon-${o.icon||"radioboxfill"}`}}return(o,n)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(s,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:"cu-timeline"},[e.createElementVNode("div",Eo,e.toDisplayString(s.date),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>{var f,d,x;return e.openBlock(),e.createElementBlock("div",{key:r.key,class:e.normalizeClass(["cu-item",a(r)])},[e.createElementVNode("div",{class:e.normalizeClass(["content",`bg-${r.bg||"gray"}`,"shadow-blur"])},[(f=r==null?void 0:r.capsule)!=null&&f.list&&r.capsule.list.length?(e.openBlock(),e.createElementBlock("div",$o,[e.createVNode(p,{bg:t((d=r.capsule)==null?void 0:d.color)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.capsule.list[0]),1)]),_:2},1032,["bg"]),e.createVNode(p,{bg:t((x=r.capsule)==null?void 0:x.color),light:!0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.capsule.list[1]),1)]),_:2},1032,["bg"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(r.capsule?"margin-top-sm":"")},[e.renderSlot(o.$slots,`item-${r.key}`,{},()=>[e.createTextVNode(e.toDisplayString(r.content),1)])],2)],2)],2)}),128))]))),128))]))}});w.install=l=>{l.component(w.name,w)};const Vo={class:"bg-white padding"},No=["data-index"],uo={name:"TSteps"},T=e.defineComponent({...uo,props:{steps:{},modelValue:{},scrollX:{type:Boolean,default:!1},color:{default:"blue"}},emits:["update:modelValue"],setup(l,{emit:t}){return(a,o)=>(e.openBlock(),e.createElementBlock("div",Vo,[e.createElementVNode("div",{class:e.normalizeClass(["cu-steps",{"scroll-x":a.scrollX}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.steps,(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",s>a.modelValue?"":`text-${a.color}`]),key:s},[e.createElementVNode("text",{class:e.normalizeClass(n.cuIcon?"cuIcon-"+n.cuIcon:"num"),"data-index":s+1},e.toDisplayString(n.cuIcon?"":s+1),11,No),e.createTextVNode(" "+e.toDisplayString(n.name),1)],2))),128))],2)]))}});T.install=l=>{l.component(T.name,T)};const So={class:"cu-dialog"},Io={class:"cu-bar bg-white justify-end padding-right-sm"},zo={class:"content"},wo=[e.createElementVNode("text",{class:"cuIcon-close text-red"},null,-1)],To={class:"padding-xl"},Do={name:"DrawerModal"},D=e.defineComponent({...Do,props:{title:{},modelValue:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:t}){const a=t,o=()=>{a("update:modelValue",!1)};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-modal",n.modelValue?"show":""])},[e.createElementVNode("div",So,[e.createElementVNode("div",Io,[e.createElementVNode("div",zo,e.toDisplayString(n.title),1),e.createElementVNode("div",{class:"action",onClick:o},wo)]),e.createElementVNode("div",To,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode("Modal 内容~")])])])],2))}});D.install=l=>{l.component(D.name,D)};const xo={install:l=>{l.use(g),l.use(y),l.use(m),l.use(k),l.use(_),l.use(h),l.use(B),l.use(E),l.use($),l.use(C),l.use(V),l.use(N),l.use(u),l.use(S),l.use(b),l.use(p),l.use(I),l.use(z),l.use(w),l.use(T),l.use(D)}};c.ChatList=I,c.ChatRoom=z,c.DrawerModal=D,c.GridGroup=u,c.Menu=S,c.TAvatar=m,c.TButton=b,c.TIcon=g,c.TInputBar=C,c.TNavBar=B,c.TNavCard=k,c.TNewCard=_,c.TSearchBar=$,c.TShareCard=h,c.TSteps=T,c.TTab=N,c.TTabs=V,c.TTag=p,c.TTitle=y,c.TTopBar=E,c.TimeLine=w,c.default=xo,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+  */var A;(function(l){l.pop="pop",l.push="push"})(A||(A={}));var M;(function(l){l.back="back",l.forward="forward",l.unknown=""})(M||(M={})),Symbol(process.env.NODE_ENV!=="production"?"navigation failure":"");var O;(function(l){l[l.aborted=4]="aborted",l[l.cancelled=8]="cancelled",l[l.duplicated=16]="duplicated"})(O||(O={})),Symbol(process.env.NODE_ENV!=="production"?"router view location matched":""),Symbol(process.env.NODE_ENV!=="production"?"router view depth":"");const xt=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 jt(){return e.inject(xt)}const Ft=["onClick"],Lt={key:0,class:"cu-tag badge"},qt={key:0},Ut={name:"GridGroup"},u=e.defineComponent({...Ut,props:{cuIconList:{default:()=>[{cuIcon:"cardboardfill",color:"red",badge:120,name:"VR",link:"http://www.baidu.com/"},{cuIcon:"recordfill",color:"orange",badge:1,name:"录像"},{cuIcon:"picfill",color:"yellow",badge:0,name:"图像"},{cuIcon:"noticefill",color:"olive",badge:22,name:"通知"},{cuIcon:"upstagefill",color:"cyan",badge:0,name:"排行榜"},{cuIcon:"clothesfill",color:"blue",badge:0,name:"皮肤"},{cuIcon:"discoverfill",color:"purple",badge:0,name:"发现"},{cuIcon:"questionfill",color:"mauve",badge:0,name:"帮助"},{cuIcon:"commandfill",color:"purple",badge:0,name:"问答"},{cuIcon:"brandfill",color:"mauve",badge:0,name:"版权"}]},gridCol:{default:4},gridBorder:{type:Boolean,default:!1},routeFn:{type:Function,default:void 0}},setup(l){const t=l,a=jt(),o=n=>{if(n.path){t.routeFn?t.routeFn().push({path:n.path}):a.push({path:n.path});return}if(n.link){window.location.href=n.link;return}};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-list grid",["col-"+n.gridCol,n.gridBorder?"":"no-border"]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.cuIconList,(i,r)=>(e.openBlock(),e.createElementBlock("div",{class:"cu-item",key:r,style:e.normalizeStyle(`width: calc(100% / ${n.gridCol})`),onClick:f=>o(i)},[e.createElementVNode("div",{class:e.normalizeClass(["cuIcon-"+i.cuIcon,"text-"+i.color])},[i.badge!=0?(e.openBlock(),e.createElementBlock("div",Lt,[i.badge!=1?(e.openBlock(),e.createElementBlock("i",qt,e.toDisplayString((i.badge||0)>99?"99+":i.badge),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2),e.createElementVNode("text",null,e.toDisplayString(i.name),1)],12,Ft))),128))],2))}});u.install=l=>{l.component(u.name,u)};const At={class:"content"},Mt=["src","alt"],Ot={class:"text-grey"},Rt={class:"action"},Gt={key:1,class:"text-grey text-sm"},Pt=["onClick"],Xt={key:4,class:"text-grey text-sm"},Kt={name:"Menu"},S=e.defineComponent({...Kt,props:{menuItems:{default:()=>[{title:"测试菜单",icon:{name:"warn",color:"blue"},text:"小目标还没有实现！"},{title:"图片菜单",img:{url:"https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg",alt:"图片菜单"}},{title:"头像组",icon:{name:"emoji",color:"pink"},group:["https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg","https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg","https://ossweb-img.qq.com/images/lol/web201310/skin/big25002.jpg","https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg"]},{title:"按钮",icon:{name:"btn",color:"green"},btn:{text:"上传",bg:"green",icon:"upload",event:()=>{console.log("点击了按钮")}}},{title:"标签",icon:{name:"tagfill",color:"red"},tags:[{text:"音乐",bg:"orange",light:!0,size:"sm"},{text:"电影",bg:"green",light:!0,size:"sm"},{text:"旅行",light:!1}]}]},menuBorder:{type:Boolean,default:!1},menuArrow:{type:Boolean,default:!1},menuCard:{type:Boolean,default:!1}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-list menu",[t.menuBorder?"sm-border":"",t.menuCard?"card-menu":""]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.menuItems,(o,n)=>{var s;return e.openBlock(),e.createElementBlock("div",{key:n,class:e.normalizeClass(["cu-item",t.menuArrow?"arrow":""])},[e.createElementVNode("div",At,[o.icon?(e.openBlock(),e.createBlock(g,{key:0,class:"icon",name:o.icon.name,color:o.icon.color},null,8,["name","color"])):e.createCommentVNode("",!0),o.img?(e.openBlock(),e.createElementBlock("img",{key:1,class:"icon",src:o.img.url,alt:o.img.alt},null,8,Mt)):e.createCommentVNode("",!0),e.createElementVNode("text",Ot,e.toDisplayString(o.title),1)]),e.createElementVNode("div",Rt,[o.group?(e.openBlock(),e.createBlock(F,{key:0,urls:o.group},null,8,["urls"])):e.createCommentVNode("",!0),o.group?(e.openBlock(),e.createElementBlock("text",Gt,e.toDisplayString(o.group.length)+"人",1)):e.createCommentVNode("",!0),o.btn?(e.openBlock(),e.createElementBlock("button",{key:2,class:e.normalizeClass(["cu-btn round shadow",`bg-${o.btn.bg}`]),onClick:(s=o.btn)==null?void 0:s.event},[o.btn.icon?(e.openBlock(),e.createBlock(g,{key:0,name:o.btn.icon,color:"white"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(o.btn.text),1)],10,Pt)):e.createCommentVNode("",!0),o.tags?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:3},e.renderList(o.tags,(i,r)=>(e.openBlock(),e.createBlock(p,{size:i.size,key:r,bg:i.bg,light:i.light,shape:"round"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(i.text),1)]),_:2},1032,["size","bg","light"]))),128)):e.createCommentVNode("",!0),o.text?(e.openBlock(),e.createElementBlock("text",Xt,e.toDisplayString(o.text),1)):e.createCommentVNode("",!0)])],2)}),128))],2))}});S.install=l=>{l.component(S.name,S)};const Ht={key:0,class:"cu-tag badge"},Jt={class:"content"},Qt={class:"flex align-center"},Wt={class:"text-cut"},Yt={class:"text-gray text-sm flex"},Zt={class:"text-cut"},vt={class:"action"},eo={class:"text-grey text-xs"},to=U(e.defineComponent({__name:"ChatListItem",props:{userinfo:{},unread:{},unreadColor:{},badge:{},icon:{},iconClass:{},isDisconnected:{type:Boolean},isCurrent:{type:Boolean}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",{grayscale:t.isDisconnected,cur:t.isCurrent}])},[e.createElementVNode("div",{class:e.normalizeClass(["cu-avatar",t.userinfo.avatarShape,"lg"]),style:e.normalizeStyle({backgroundImage:`url(${t.userinfo.avatar})`})},[t.badge?(e.openBlock(),e.createElementBlock("div",Ht,e.toDisplayString(t.badge),1)):e.createCommentVNode("",!0)],6),e.createElementVNode("div",Jt,[e.createElementVNode("div",Qt,[e.createElementVNode("div",Wt,e.toDisplayString(t.userinfo.name),1),t.userinfo.tag?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-tag","round",`bg-${t.userinfo.tagColor}`,"sm"])},e.toDisplayString(t.userinfo.tag),3)):e.createCommentVNode("",!0)]),e.createElementVNode("div",Yt,[e.createElementVNode("div",Zt,[e.renderSlot(t.$slots,"default",{},void 0,!0)])])]),e.createElementVNode("div",vt,[e.createElementVNode("div",eo,e.toDisplayString(t.userinfo.time),1),t.unread?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-tag","round",`bg-${t.unreadColor}`,"sm"])},e.toDisplayString(t.unread),3)):t.icon?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(t.iconClass)},null,2)):e.createCommentVNode("",!0)])],2))}}),[["__scopeId","data-v-e90f08c9"]]),oo={class:"cu-list menu-avatar"},lo={name:"ChatList"},I=e.defineComponent({...lo,props:{items:{}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",oo,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(o,n)=>(e.openBlock(),e.createBlock(to,{key:n,userinfo:o.userinfo,unread:o.unread,unreadColor:o.unreadColor,badge:o.badge,icon:o.icon,iconClass:o.iconClass,isDisconnected:o.isDisconnected,isCurrent:o.isCurrent},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{item:o},()=>[e.createTextVNode(e.toDisplayString(o.content),1)])]),_:2},1032,["userinfo","unread","unreadColor","badge","icon","iconClass","isDisconnected","isCurrent"]))),128))]))}});I.install=l=>{l.component(I.name,I)};const no={class:"cu-chat"},ao={key:0,class:"cu-info round"},so={key:1,class:"cu-info"},co=e.createElementVNode("text",{class:"cuIcon-roundclosefill text-red"},null,-1),ro={class:"main"},io=["src"],mo={key:2,class:"content shadow"},po=e.createElementVNode("text",{class:"cuIcon-sound text-xxl padding-right-xl"},null,-1),go={class:"action text-bold text-grey"},fo={key:3,class:"content shadow"},ko=e.createElementVNode("text",{class:"cuIcon-locationfill text-orange text-xxl"},null,-1),_o={class:"content shadow"},ho=e.createElementVNode("div",{class:"action text-grey"},[e.createElementVNode("text",{class:"cuIcon-warnfill text-red text-xxl"}),e.createElementVNode("text",{class:"text-sm margin-left-sm"},"翻译错误")],-1),yo={class:"date"},bo={name:"ChatRoom"},z=e.defineComponent({...bo,props:{messages:{}},setup(l){return(t,a)=>(e.openBlock(),e.createElementBlock("div",no,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.messages,o=>(e.openBlock(),e.createElementBlock("div",{key:o.id,class:e.normalizeClass(["cu-item",{self:o.self}])},[o.type==="info"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[o.self?(e.openBlock(),e.createElementBlock("div",ao,e.toDisplayString(o.content),1)):(e.openBlock(),e.createElementBlock("div",so,[co,e.createTextVNode(" "+e.toDisplayString(o.content),1)]))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.self?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(m,{key:0,mode:"radius",url:o.avatar},null,8,["url"])),e.createElementVNode("div",ro,[o.type==="text"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["content shadow",{"bg-green":o.self}])},[e.createElementVNode("text",null,e.toDisplayString(o.content),1)],2)):o.type==="image"?(e.openBlock(),e.createElementBlock("img",{key:1,src:o.content,class:"radius",style:{"max-width":"100%"}},null,8,io)):o.type==="audio"?(e.openBlock(),e.createElementBlock("div",mo,[po,e.createElementVNode("div",go,e.toDisplayString(o.content),1)])):o.type==="location"?(e.openBlock(),e.createElementBlock("div",fo,[ko,e.createTextVNode(" "+e.toDisplayString(o.content),1)])):o.type==="warning"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[e.createElementVNode("div",_o,e.toDisplayString(o.content),1),ho],64)):e.createCommentVNode("",!0)]),o.self?(e.openBlock(),e.createBlock(m,{key:1,mode:"radius",url:o.avatar},null,8,["url"])):e.createCommentVNode("",!0),e.createElementVNode("div",yo,e.toDisplayString(o.date),1)],64))],2))),128))]))}});z.install=l=>{l.component(z.name,z)};const Bo={class:"cu-time"},Eo={key:0,class:"cu-capsule radius"},$o={name:"TimeLine"},w=e.defineComponent({...$o,props:{items:{default:()=>[]}},setup(l){function t(o){return o||"cyan"}function a(o){switch(o.status){case"past":return`text-green cuIcon-${o.icon||"roundcheckfill"}`;case"ongoing":return"text-red cuIcon-all";case"upcoming":return`text-gray cuIcon-${o.icon||"radioboxfill"}`;default:return`text-gray cuIcon-${o.icon||"radioboxfill"}`}}return(o,n)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.items,(s,i)=>(e.openBlock(),e.createElementBlock("div",{key:i,class:"cu-timeline"},[e.createElementVNode("div",Bo,e.toDisplayString(s.date),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>{var f,d,x;return e.openBlock(),e.createElementBlock("div",{key:r.key,class:e.normalizeClass(["cu-item",a(r)])},[e.createElementVNode("div",{class:e.normalizeClass(["content",`bg-${r.bg||"gray"}`,"shadow-blur"])},[(f=r==null?void 0:r.capsule)!=null&&f.list&&r.capsule.list.length?(e.openBlock(),e.createElementBlock("div",Eo,[e.createVNode(p,{bg:t((d=r.capsule)==null?void 0:d.color)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.capsule.list[0]),1)]),_:2},1032,["bg"]),e.createVNode(p,{bg:t((x=r.capsule)==null?void 0:x.color),light:!0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.capsule.list[1]),1)]),_:2},1032,["bg"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(r.capsule?"margin-top-sm":"")},[e.renderSlot(o.$slots,`item-${r.key}`,{},()=>[e.createTextVNode(e.toDisplayString(r.content),1)])],2)],2)],2)}),128))]))),128))]))}});w.install=l=>{l.component(w.name,w)};const Co={class:"bg-white padding"},Vo=["data-index"],No={name:"TSteps"},D=e.defineComponent({...No,props:{steps:{},modelValue:{},scrollX:{type:Boolean,default:!1},color:{default:"blue"}},emits:["update:modelValue"],setup(l,{emit:t}){return(a,o)=>(e.openBlock(),e.createElementBlock("div",Co,[e.createElementVNode("div",{class:e.normalizeClass(["cu-steps",{"scroll-x":a.scrollX}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.steps,(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",s>a.modelValue?"":`text-${a.color}`]),key:s},[e.createElementVNode("text",{class:e.normalizeClass(n.cuIcon?"cuIcon-"+n.cuIcon:"num"),"data-index":s+1},e.toDisplayString(n.cuIcon?"":s+1),11,Vo),e.createTextVNode(" "+e.toDisplayString(n.name),1)],2))),128))],2)]))}});D.install=l=>{l.component(D.name,D)};const uo={class:"cu-dialog"},So={class:"cu-bar bg-white justify-end padding-right-sm"},Io={class:"content"},zo=[e.createElementVNode("text",{class:"cuIcon-close text-red"},null,-1)],wo={class:"padding-xl"},Do={name:"DrawerModal"},T=e.defineComponent({...Do,props:{title:{},modelValue:{type:Boolean}},emits:["update:modelValue"],setup(l,{emit:t}){const a=t,o=()=>{a("update:modelValue",!1)};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-modal",n.modelValue?"show":""])},[e.createElementVNode("div",uo,[e.createElementVNode("div",So,[e.createElementVNode("div",Io,e.toDisplayString(n.title),1),e.createElementVNode("div",{class:"action",onClick:o},zo)]),e.createElementVNode("div",wo,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode("Modal 内容~")])])])],2))}});T.install=l=>{l.component(T.name,T)};const To={install:l=>{l.use(g),l.use(y),l.use(m),l.use(k),l.use(_),l.use(h),l.use(B),l.use(E),l.use($),l.use(C),l.use(V),l.use(N),l.use(u),l.use(S),l.use(b),l.use(p),l.use(I),l.use(z),l.use(w),l.use(D),l.use(T)}};c.ChatList=I,c.ChatRoom=z,c.DrawerModal=T,c.GridGroup=u,c.Menu=S,c.TAvatar=m,c.TButton=b,c.TIcon=g,c.TInputBar=C,c.TNavBar=B,c.TNavCard=k,c.TNewCard=_,c.TSearchBar=$,c.TShareCard=h,c.TSteps=D,c.TTab=N,c.TTabs=V,c.TTag=p,c.TTitle=y,c.TTopBar=E,c.TimeLine=w,c.default=To,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -2,7 +2,7 @@
   "name": "vue-color-ui",
   "description": "ColorUI 临时代替的版本",
   "private": false,
-  "version": "0.0.14",
+  "version": "0.0.16",
   "type": "module",
   "license": "MIT",
   "scripts": {

package/types/pkg/Base/Tag.vue.d.ts

@@ -2,7 +2,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     text?: string | undefined;
     bg?: BgColorName | undefined;
     size?: string | undefined;
-    shape?: string | undefined;
+    shape?: "default" | "radius" | "round" | undefined;
     light?: boolean | undefined;
     line?: boolean | undefined;
 }>, {
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     text?: string | undefined;
     bg?: BgColorName | undefined;
     size?: string | undefined;
-    shape?: string | undefined;
+    shape?: "default" | "radius" | "round" | undefined;
     light?: boolean | undefined;
     line?: boolean | undefined;
 }>, {
@@ -28,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     bg: BgColorName;
     line: boolean;
     size: string;
-    shape: string;
+    shape: "radius" | "default" | "round";
     light: boolean;
 }, {}>, {
     default?(_: {}): any;