vue-color-ui 0.0.32 → 0.0.33

package/lib/css/main.css

@@ -2135,7 +2135,7 @@ button.cuIcon.lg {
     top: 13px;
     transform: rotate(45deg);
     position: absolute;
-    z-index: 100;
+    /* z-index: 100; */
     display: inline-block;
     overflow: hidden;
     width: 12px;

package/lib/style.css

@@ -1 +1 @@
-.nav-list{display:flex;flex-wrap:wrap;padding:0 20px;justify-content:space-between}.nav-li{padding:15px;border-radius:6px;width:45%;margin:0 2.5% 20px;background-image:url(https://cdn.nlark.com/yuque/0/2019/png/280374/1552996358352-assets/web-upload/cc3b1807-c684-4b83-8f80-80e5b8a6b975.png);background-size:cover;background-position:center;position:relative;z-index:1}.nav-li:after{content:"";position:absolute;z-index:-1;background-color:inherit;width:100%;height:100%;left:0;bottom:-10%;border-radius:5px;opacity:.2;transform:scale(.9)}.nav-li.cur{color:#fff;background:#5eb95e;box-shadow:2px 2px 3px #5eb95e66}.nav-title{font-size:16px;font-weight:300}.nav-title:first-letter{font-size:20px;margin-right:2px}.nav-name{font-size:14px;text-transform:Capitalize;margin-top:10px;position:relative}.nav-name:before{content:"";position:absolute;display:block;width:20px;height:3px;background:#fff;bottom:0;right:0;opacity:.5}.nav-name:after{content:"";position:absolute;display:block;width:50px;height:1px;background:#fff;bottom:0;right:20px;opacity:.3}.nav-name:first-letter{font-weight:700;font-size:18px;margin-right:1px}.nav-li text{position:absolute;right:15px;top:15px;font-size:26px;width:30px;height:30px;text-align:center;line-height:30px}.text-light{font-weight:300}@keyframes show{0%{transform:translateY(-50px)}60%{transform:translateY(20px)}to{transform:translateY(0)}}@-webkit-keyframes show{0%{transform:translateY(-50px)}60%{transform:translateY(20px)}to{transform:translateY(0)}}.cu-card-cover[data-v-bbdb83ff]{width:100%}.cu-card .content img[data-v-bbdb83ff]{width:33%;object-fit:cover}.cu-card-cover{width:100%}.cu-card .content img{width:33%;object-fit:cover}.string-list[data-v-c7a21a1c]{width:100%;display:block;list-style:none;background-color:#fff;padding:2px 5px;margin:0;box-shadow:0 4px 8px #0000001a}.string-list li[data-v-c7a21a1c]{line-height:1.5rem;padding:8px 12px;border-bottom:1px solid #eee;transition:background-color .3s,color .3s}.string-list li[data-v-c7a21a1c]:last-child{border-bottom:none}.string-list li[data-v-c7a21a1c]:hover{background-color:#f0f0f0;color:#333;cursor:pointer;border-radius:4px}.emoji-panel[data-v-e9a4aa4d]{background-color:#fff;border:1px solid #ccc;padding:10px;display:flex;flex-wrap:wrap;z-index:1000;height:280px;overflow-y:auto}.emoji-panel span[data-v-e9a4aa4d]{cursor:pointer;font-size:24px;margin:5px}.function-panel-container[data-v-7046f462]{background-color:#fff;box-sizing:border-box;width:100vw}.function-panel[data-v-7046f462]{display:flex;flex-wrap:wrap;background-color:#fff;padding:10px;z-index:1000;max-width:360px;gap:18px;margin:0 auto}.function-item[data-v-7046f462]{display:flex;flex-direction:column;align-items:center;margin:10px 0;cursor:pointer;width:70px;height:70px;background-color:#f9f9f9;border-radius:10px;justify-content:center;transition:background-color .3s}.function-item[data-v-7046f462]:hover{background-color:#e6e6e6}.function-item span[data-v-7046f462]{margin-top:5px;font-size:14px;color:#333;text-align:center}input[data-v-bfafe415]:focus{outline:none}.tab-content{padding:10px 16px;background:#fff}canvas[data-v-022c82bd]{margin:0 auto}
+.nav-list{display:flex;flex-wrap:wrap;padding:0 20px;justify-content:space-between}.nav-li{padding:15px;border-radius:6px;width:45%;margin:0 2.5% 20px;background-image:url(https://cdn.nlark.com/yuque/0/2019/png/280374/1552996358352-assets/web-upload/cc3b1807-c684-4b83-8f80-80e5b8a6b975.png);background-size:cover;background-position:center;position:relative;z-index:1}.nav-li:after{content:"";position:absolute;z-index:-1;background-color:inherit;width:100%;height:100%;left:0;bottom:-10%;border-radius:5px;opacity:.2;transform:scale(.9)}.nav-li.cur{color:#fff;background:#5eb95e;box-shadow:2px 2px 3px #5eb95e66}.nav-title{font-size:16px;font-weight:300}.nav-title:first-letter{font-size:20px;margin-right:2px}.nav-name{font-size:14px;text-transform:Capitalize;margin-top:10px;position:relative}.nav-name:before{content:"";position:absolute;display:block;width:20px;height:3px;background:#fff;bottom:0;right:0;opacity:.5}.nav-name:after{content:"";position:absolute;display:block;width:50px;height:1px;background:#fff;bottom:0;right:20px;opacity:.3}.nav-name:first-letter{font-weight:700;font-size:18px;margin-right:1px}.nav-li text{position:absolute;right:15px;top:15px;font-size:26px;width:30px;height:30px;text-align:center;line-height:30px}.text-light{font-weight:300}@keyframes show{0%{transform:translateY(-50px)}60%{transform:translateY(20px)}to{transform:translateY(0)}}@-webkit-keyframes show{0%{transform:translateY(-50px)}60%{transform:translateY(20px)}to{transform:translateY(0)}}.cu-card-cover[data-v-bbdb83ff]{width:100%}.cu-card .content img[data-v-bbdb83ff]{width:33%;object-fit:cover}.cu-card-cover{width:100%}.cu-card .content img{width:33%;object-fit:cover}.string-list[data-v-c7a21a1c]{width:100%;display:block;list-style:none;background-color:#fff;padding:2px 5px;margin:0;box-shadow:0 4px 8px #0000001a}.string-list li[data-v-c7a21a1c]{line-height:1.5rem;padding:8px 12px;border-bottom:1px solid #eee;transition:background-color .3s,color .3s}.string-list li[data-v-c7a21a1c]:last-child{border-bottom:none}.string-list li[data-v-c7a21a1c]:hover{background-color:#f0f0f0;color:#333;cursor:pointer;border-radius:4px}.emoji-panel[data-v-e9a4aa4d]{background-color:#fff;border:1px solid #ccc;padding:10px;display:flex;flex-wrap:wrap;z-index:1000;height:280px;overflow-y:auto}.emoji-panel span[data-v-e9a4aa4d]{cursor:pointer;font-size:24px;margin:5px}.function-panel-container[data-v-1fefca20]{background-color:#fff;box-sizing:border-box;width:100vw;border-top:1px solid #66666631}.function-panel[data-v-1fefca20]{display:flex;flex-wrap:wrap;background-color:#fff;padding:10px;z-index:1000;max-width:360px;gap:18px;margin:0 auto}.function-item[data-v-1fefca20]{display:flex;flex-direction:column;align-items:center;margin:10px 0;cursor:pointer;width:70px;height:70px;background-color:#f9f9f9;border-radius:10px;justify-content:center;transition:background-color .3s}.function-item[data-v-1fefca20]:hover{background-color:#e6e6e6}.function-item span[data-v-1fefca20]{margin-top:5px;font-size:14px;color:#333;text-align:center}input[data-v-7b4ca731]:focus{outline:none}.tab-content{padding:10px 16px;background:#fff}canvas[data-v-022c82bd]{margin:0 auto}

package/lib/temp-color-ui.js

@@ -1,7 +1,7 @@
 var $e = Object.defineProperty;
-var ye = (t, e, i) => e in t ? $e(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
-var j = (t, e, i) => (ye(t, typeof e != "symbol" ? e + "" : e, i), i);
-import { defineComponent as g, openBlock as o, createElementBlock as a, Fragment as m, renderList as $, normalizeClass as u, normalizeStyle as I, createElementVNode as n, toDisplayString as r, createTextVNode as y, createCommentVNode as p, pushScopeId as ke, popScopeId as Ie, computed as x, renderSlot as w, createBlock as S, ref as V, withModifiers as ce, unref as we, onMounted as ae, resolveComponent as be, createVNode as E, onUnmounted as Ce, withKeys as xe, withDirectives as re, vShow as ue, provide as ge, watch as Te, inject as de, withCtx as ne } from "vue";
+var ye = (t, e, c) => e in t ? $e(t, e, { enumerable: !0, configurable: !0, writable: !0, value: c }) : t[e] = c;
+var j = (t, e, c) => (ye(t, typeof e != "symbol" ? e + "" : e, c), c);
+import { defineComponent as g, openBlock as o, createElementBlock as a, Fragment as m, renderList as $, normalizeClass as u, normalizeStyle as I, createElementVNode as n, toDisplayString as r, createTextVNode as y, createCommentVNode as p, pushScopeId as ke, popScopeId as Ie, computed as x, renderSlot as w, createBlock as S, ref as V, withModifiers as ie, unref as we, onMounted as ae, resolveComponent as be, createVNode as E, onUnmounted as Ce, withKeys as xe, withDirectives as re, vShow as ue, provide as ge, watch as Te, inject as de, withCtx as ne } from "vue";
 const Be = { class: "nav-list" }, je = ["url"], Se = { class: "nav-title" }, Ve = { class: "nav-name" }, ze = {
   name: "TNavCard"
 }, P = /* @__PURE__ */ g({
@@ -10,7 +10,7 @@ const Be = { class: "nav-list" }, je = ["url"], Se = { class: "nav-title" }, Ve
     items: {}
   },
   setup(t) {
-    return (e, i) => (o(), a("div", Be, [
+    return (e, c) => (o(), a("div", Be, [
       (o(!0), a(m, null, $(e.items, (s, l) => (o(), a("div", {
         "hover-class": "none",
         url: "/pages/basics/" + s.name,
@@ -56,7 +56,7 @@ const pe = (t) => (ke("data-v-bbdb83ff"), t = t(), Ie(), t), qe = { class: "cu-i
     }) }
   },
   setup(t) {
-    return (e, i) => (o(), a("div", {
+    return (e, c) => (o(), a("div", {
       class: u(["cu-card article", e.isCard ? "" : "no-card"])
     }, [
       n("div", qe, [
@@ -96,15 +96,15 @@ const pe = (t) => (ke("data-v-bbdb83ff"), t = t(), Ie(), t), qe = { class: "cu-i
     ], 2));
   }
 }), A = (t, e) => {
-  const i = t.__vccOpts || t;
+  const c = t.__vccOpts || t;
   for (const [s, l] of e)
-    i[s] = l;
-  return i;
+    c[s] = l;
+  return c;
 }, D = /* @__PURE__ */ A(Xe, [["__scopeId", "data-v-bbdb83ff"]]);
 D.install = (t) => {
   t.component(D.name, D);
 };
-const Je = { class: "cu-item shadow" }, Qe = { class: "cu-list menu-avatar" }, We = { class: "cu-item" }, Ye = { class: "content flex-sub" }, Ze = { class: "text-gray text-sm flex justify-between" }, et = { class: "text-content" }, tt = { class: "text-gray text-sm text-right padding" }, st = /* @__PURE__ */ n("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1), ot = /* @__PURE__ */ n("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1), nt = /* @__PURE__ */ n("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1), at = { class: "cu-item" }, lt = { class: "content" }, it = { class: "text-grey" }, ct = { class: "text-gray text-content text-df" }, rt = { class: "flex" }, ut = { class: "flex-sub" }, dt = { class: "margin-top-sm flex justify-between" }, ft = { class: "text-gray text-df" }, pt = {
+const Je = { class: "cu-item shadow" }, Qe = { class: "cu-list menu-avatar" }, We = { class: "cu-item" }, Ye = { class: "content flex-sub" }, Ze = { class: "text-gray text-sm flex justify-between" }, et = { class: "text-content" }, tt = { class: "text-gray text-sm text-right padding" }, st = /* @__PURE__ */ n("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1), ot = /* @__PURE__ */ n("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1), nt = /* @__PURE__ */ n("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1), at = { class: "cu-item" }, lt = { class: "content" }, ct = { class: "text-grey" }, it = { class: "text-gray text-content text-df" }, rt = { class: "flex" }, ut = { class: "flex-sub" }, dt = { class: "margin-top-sm flex justify-between" }, ft = { class: "text-gray text-df" }, pt = {
   key: 0,
   class: "cuIcon-appreciatefill text-red"
 }, ht = /* @__PURE__ */ n("span", { class: "cuIcon-messagefill text-gray margin-left-sm" }, null, -1), gt = { class: "text-gray margin-left-xs" }, mt = {
@@ -158,7 +158,7 @@ const Je = { class: "cu-item shadow" }, Qe = { class: "cu-list menu-avatar" }, W
     ] }
   },
   setup(t) {
-    return (e, i) => (o(), a("div", null, [
+    return (e, c) => (o(), a("div", null, [
       n("div", {
         class: u(["cu-card dynamic", e.isCard ? "is-card" : "no-card"])
       }, [
@@ -205,15 +205,15 @@ const Je = { class: "cu-item shadow" }, Qe = { class: "cu-list menu-avatar" }, W
                   style: I({ backgroundImage: `url(${s.avatarUrl})` })
                 }, null, 4),
                 n("div", lt, [
-                  n("div", it, r(s.author), 1),
-                  n("div", ct, r(s.text), 1),
-                  (o(!0), a(m, null, $(s.replies, (c) => (o(), a("div", {
-                    key: c.id,
+                  n("div", ct, r(s.author), 1),
+                  n("div", it, r(s.text), 1),
+                  (o(!0), a(m, null, $(s.replies, (i) => (o(), a("div", {
+                    key: i.id,
                     class: "bg-grey padding-sm radius margin-top-sm text-sm"
                   }, [
                     n("div", rt, [
-                      n("div", null, r(c.author) + "：", 1),
-                      n("div", ut, r(c.text), 1)
+                      n("div", null, r(i.author) + "：", 1),
+                      n("div", ut, r(i.text), 1)
                     ])
                   ]))), 128)),
                   n("div", dt, [
@@ -248,9 +248,9 @@ const _t = {
   xxl: "30px",
   xxxl: "48px"
 };
-function vt(t, e, i = "px") {
+function vt(t, e, c = "px") {
   if (typeof e == "number")
-    return `${t}: ${e}${i};`;
+    return `${t}: ${e}${c};`;
   const s = _t[e];
   return s ? `${t}: ${s};` : "";
 }
@@ -267,10 +267,10 @@ const $t = {
     size: { default: 15 }
   },
   setup(t) {
-    const e = t, i = x(() => bt(e.size));
+    const e = t, c = x(() => bt(e.size));
     return (s, l) => (o(), a("i", {
       class: u(`cuIcon-${s.name} text-${s.color}`),
-      style: I(i.value)
+      style: I(c.value)
     }, null, 6));
   }
 }), yt = { class: "action border-title" }, kt = { class: "action border-title" }, It = { class: "tib text-xl text-bold text-blue" }, wt = /* @__PURE__ */ n("div", {
@@ -297,7 +297,7 @@ const $t = {
     center: { type: Boolean, default: !1 }
   },
   setup(t) {
-    return (e, i) => e.mode === "default1" ? (o(), a("div", {
+    return (e, c) => e.mode === "default1" ? (o(), a("div", {
       key: 0,
       class: u(["cu-bar bg-white", e.center !== !1 ? "justify-center" : ""])
     }, [
@@ -381,7 +381,7 @@ const $t = {
     mode: { default: "round" }
   },
   setup(t) {
-    return (e, i) => e.url ? (o(), a("div", {
+    return (e, c) => e.url ? (o(), a("div", {
       key: 0,
       class: u(["cu-avatar", e.size, e.mode]),
       style: I({ backgroundImage: `url(${e.url})` })
@@ -402,7 +402,7 @@ const $t = {
     mode: { default: "round" }
   },
   setup(t) {
-    return (e, i) => (o(), a("div", Nt, [
+    return (e, c) => (o(), a("div", Nt, [
       (o(!0), a(m, null, $(e.urls, (s, l) => (o(), S(z, {
         key: l,
         url: s,
@@ -424,7 +424,7 @@ const $t = {
     shadow: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, i = x(() => [
+    const e = t, c = x(() => [
       "cu-btn",
       e.rounded ? "round" : "radius",
       e.shadow ? "shadow" : "",
@@ -435,18 +435,18 @@ const $t = {
     })), l = x(() => ({
       marginRight: e.text ? "8px" : "0"
     }));
-    return (c, d) => (o(), a("button", {
-      class: u(i.value),
+    return (i, d) => (o(), a("button", {
+      class: u(c.value),
       style: I(s.value),
-      disabled: c.disabled
+      disabled: i.disabled
     }, [
-      w(c.$slots, "default"),
-      c.icon ? (o(), a("i", {
+      w(i.$slots, "default"),
+      i.icon ? (o(), a("i", {
         key: 0,
-        class: u(`cuIcon-${c.icon}`),
+        class: u(`cuIcon-${i.icon}`),
         style: I(l.value)
       }, null, 6)) : p("", !0),
-      c.text ? (o(), a("span", Ft, r(c.text), 1)) : p("", !0)
+      i.text ? (o(), a("span", Ft, r(i.text), 1)) : p("", !0)
     ], 14, Dt));
   }
 }), Rt = { key: 0 }, Ut = {
@@ -462,15 +462,15 @@ const $t = {
     line: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = t, i = x(() => [
+    const e = t, c = x(() => [
       "cu-tag",
       e.shape !== "default" ? e.shape : "",
       e.light !== !1 ? "light" : "",
       `${e.line !== !1 ? "line" : "bg"}-${e.bg}`,
       e.size !== "default" ? e.size : ""
     ].join(" ")), s = x(() => ({}));
-    return (l, c) => (o(), a("div", {
-      class: u(i.value),
+    return (l, i) => (o(), a("div", {
+      class: u(c.value),
       style: I(s.value)
     }, [
       w(l.$slots, "default"),
@@ -542,31 +542,31 @@ const Ot = ["onClick"], Gt = {
     } }
   },
   setup(t) {
-    const e = t, i = (s, l) => {
+    const e = t, c = (s, l) => {
       e.onItemClick && e.onItemClick(s, l);
     };
     return (s, l) => (o(), a("div", {
       class: u(["cu-bar tabbar", `bg-${s.bg} ${s.isFoot ? "foot" : ""}`])
     }, [
-      (o(!0), a(m, null, $(s.items, (c, d) => (o(), a("div", {
+      (o(!0), a(m, null, $(s.items, (i, d) => (o(), a("div", {
         key: d,
         class: u(["action", `text-${d === s.activeIndex ? s.activeColor : s.color}`]),
-        onClick: (f) => i(c, d)
+        onClick: (f) => c(i, d)
       }, [
-        c.img ? (o(), a("div", Gt, [
+        i.img ? (o(), a("div", Gt, [
           n("img", {
-            src: c.img,
+            src: i.img,
             style: { width: "21px", height: "21px" },
             class: "radius"
           }, null, 8, Kt),
-          c.badge ? (o(), a("div", Ht, r(c.badge), 1)) : p("", !0)
+          i.badge ? (o(), a("div", Ht, r(i.badge), 1)) : p("", !0)
         ])) : (o(), a("div", {
           key: 1,
-          class: u(`cuIcon-${c.icon}`)
+          class: u(`cuIcon-${i.icon}`)
         }, [
-          c.badge ? (o(), a("div", Xt, r(c.badge), 1)) : p("", !0)
+          i.badge ? (o(), a("div", Xt, r(i.badge), 1)) : p("", !0)
         ], 2)),
-        n("div", null, r(c.label), 1)
+        n("div", null, r(i.label), 1)
       ], 10, Ot))), 128))
     ], 2));
   }
@@ -593,7 +593,7 @@ const Qt = {
     avatarUrl: {}
   },
   setup(t) {
-    return (e, i) => (o(), a("div", {
+    return (e, c) => (o(), a("div", {
       class: u(["cu-bar", `bg-${e.bg}`])
     }, [
       e.leftIcon || e.leftText ? (o(), a("div", Qt, [
@@ -623,10 +623,10 @@ G.install = (t) => {
 const ts = /* @__PURE__ */ n("text", { class: "cuIcon-search" }, null, -1), ss = ["placeholder"], os = { class: "action" }, ns = {
   key: 0,
   class: "cu-btn bg-green shadow-blur round"
-}, as = { key: 0 }, ls = { key: 3 }, is = {
+}, as = { key: 0 }, ls = { key: 3 }, cs = {
   name: "TSearchBar"
 }, K = /* @__PURE__ */ g({
-  ...is,
+  ...cs,
   props: {
     placeholder: { default: "" },
     bgColor: { default: "white" },
@@ -639,12 +639,12 @@ const ts = /* @__PURE__ */ n("text", { class: "cuIcon-search" }, null, -1), ss =
     actionText: {}
   },
   setup(t) {
-    const e = V(0), i = (l) => {
+    const e = V(0), c = (l) => {
       e.value = l.detail.height;
     }, s = () => {
       e.value = 0;
     };
-    return (l, c) => (o(), a("div", {
+    return (l, i) => (o(), a("div", {
       class: u(["cu-bar", `bg-${l.bgColor}`, "search"])
     }, [
       l.avatarUrl ? (o(), a("div", {
@@ -657,7 +657,7 @@ const ts = /* @__PURE__ */ n("text", { class: "cuIcon-search" }, null, -1), ss =
       }, [
         ts,
         n("input", {
-          onFocus: i,
+          onFocus: c,
           onBlur: s,
           "adjust-position": !1,
           type: "text",
@@ -685,7 +685,7 @@ const ts = /* @__PURE__ */ n("text", { class: "cuIcon-search" }, null, -1), ss =
 K.install = (t) => {
   t.component(K.name, K);
 };
-const cs = {
+const is = {
   key: 0,
   class: "string-list"
 }, rs = ["innerHTML", "onClick"], us = /* @__PURE__ */ g({
@@ -696,9 +696,9 @@ const cs = {
   },
   emits: ["send"],
   setup(t, { emit: e }) {
-    const i = e, s = t, l = (d = "", f) => {
-      i("send", d, f);
-    }, c = x(() => s.stringArray.map((d) => {
+    const c = e, s = t, l = (d = "", f) => {
+      c("send", d, f);
+    }, i = x(() => s.stringArray.map((d) => {
       if (!s.text)
         return d.text;
       let f = "";
@@ -706,8 +706,8 @@ const cs = {
         s.text.includes(b) ? f += `<span style="color:#ff0000">${b}</span>` : f += b;
       return f;
     }));
-    return (d, f) => d.stringArray.length ? (o(), a("ul", cs, [
-      (o(!0), a(m, null, $(c.value, (b, v) => (o(), a("li", {
+    return (d, f) => d.stringArray.length ? (o(), a("ul", is, [
+      (o(!0), a(m, null, $(i.value, (b, v) => (o(), a("li", {
         key: v,
         innerHTML: b,
         onClick: (_) => l(d.stringArray[v].text, d.stringArray[v])
@@ -782,13 +782,13 @@ const cs = {
   __name: "EmojiPanel",
   emits: ["addEmoji"],
   setup(t, { emit: e }) {
-    const i = e, s = (l) => {
-      i("addEmoji", l);
+    const c = e, s = (l) => {
+      c("addEmoji", l);
     };
-    return (l, c) => (o(), a("div", {
+    return (l, i) => (o(), a("div", {
       class: "emoji-panel",
       ref: "emojiPanel",
-      onClick: c[0] || (c[0] = ce(() => {
+      onClick: i[0] || (i[0] = ie(() => {
       }, ["stop"]))
     }, [
       (o(!0), a(m, null, $(we(fs), (d) => (o(), a("span", {
@@ -805,7 +805,7 @@ const cs = {
   setup(t) {
     const e = V(null);
     return ae(() => {
-    }), (i, s) => {
+    }), (c, s) => {
       const l = be("TIcon");
       return o(), a("div", ms, [
         n("div", {
@@ -813,23 +813,23 @@ const cs = {
           ref_key: "functionPanel",
           ref: e
         }, [
-          (o(!0), a(m, null, $(i.items, (c, d) => (o(), a("div", {
+          (o(!0), a(m, null, $(c.items, (i, d) => (o(), a("div", {
             key: d,
             class: "function-item",
-            onClick: c.event
+            onClick: i.event
           }, [
             E(l, {
-              name: c.icon,
-              color: c.color,
+              name: i.icon,
+              color: i.color,
               size: 26
             }, null, 8, ["name", "color"]),
-            n("span", null, r(c.text), 1)
+            n("span", null, r(i.text), 1)
           ], 8, _s))), 128))
         ], 512)
       ]);
     };
   }
-}), bs = /* @__PURE__ */ A(vs, [["__scopeId", "data-v-7046f462"]]), $s = { class: "cu-bar input" }, ys = {
+}), bs = /* @__PURE__ */ A(vs, [["__scopeId", "data-v-1fefca20"]]), $s = { class: "cu-bar input" }, ys = {
   key: 0,
   class: "action"
 }, ks = {
@@ -848,21 +848,21 @@ const cs = {
   },
   emits: ["update:modelValue", "send"],
   setup(t, { emit: e }) {
-    const i = V(0), s = V(!1), l = V(!1), c = e, d = t, f = (h) => {
-      i.value = h.detail.height;
+    const c = V(0), s = V(!1), l = V(!1), i = e, d = t, f = (h) => {
+      c.value = h.detail.height;
     }, b = () => {
-      i.value = 0;
+      c.value = 0;
     }, v = (h = "", C) => {
-      h ? c("send", h, C) : c("send", d.modelValue), c("update:modelValue", ""), s.value = !1;
+      h ? i("send", h, C) : i("send", d.modelValue), i("update:modelValue", ""), s.value = !1;
     }, _ = () => {
-      s.value = !s.value;
+      l.value = !1, s.value = !s.value;
     }, k = () => {
-      l.value = !l.value;
+      s.value = !1, l.value = !l.value;
     }, T = (h) => {
-      c("update:modelValue", d.modelValue + h);
+      i("update:modelValue", d.modelValue + h);
     }, B = (h) => {
       const C = h.target;
-      c("update:modelValue", C.value);
+      i("update:modelValue", C.value);
     };
     return ae(() => {
     }), Ce(() => {
@@ -898,12 +898,12 @@ const cs = {
         n("div", ws, [
           n("text", {
             class: u(`cuIcon-${h.rightIcon} text-grey`),
-            onClick: ce(_, ["stop"])
+            onClick: ie(_, ["stop"])
           }, null, 2),
           h.functionItems && h.functionItems.length > 0 ? (o(), a("text", {
             key: 0,
             class: u("cuIcon-roundaddfill text-grey"),
-            onClick: ce(k, ["stop"])
+            onClick: ie(k, ["stop"])
           })) : p("", !0)
         ]),
         n("button", {
@@ -919,7 +919,7 @@ const cs = {
       ])
     ], 64));
   }
-}), H = /* @__PURE__ */ A(xs, [["__scopeId", "data-v-bfafe415"]]);
+}), H = /* @__PURE__ */ A(xs, [["__scopeId", "data-v-7b4ca731"]]);
 H.install = (t) => {
   t.component(H.name, H);
 };
@@ -940,18 +940,18 @@ const Ts = ["onClick"], Bs = { class: "tab-content" }, js = {
   },
   emits: ["update:modelValue", "select"],
   setup(t, { emit: e }) {
-    const i = t, s = e, l = V([]), c = V(i.modelValue), d = (_, k) => {
-      c.value = _, s("update:modelValue", _), s("select", k);
+    const c = t, s = e, l = V([]), i = V(c.modelValue), d = (_, k) => {
+      i.value = _, s("update:modelValue", _), s("select", k);
     };
-    ge("registerTab", (_) => (l.value.push(_), l.value.length - 1)), ge("activeTab", c);
-    const b = x(() => i.center !== !1 ? "justify-content:center;" : `justify-content:${i.mode}`), v = x(() => (_) => {
+    ge("registerTab", (_) => (l.value.push(_), l.value.length - 1)), ge("activeTab", i);
+    const b = x(() => c.center !== !1 ? "justify-content:center;" : `justify-content:${c.mode}`), v = x(() => (_) => {
       let k = [];
-      return c.value === _ && (k.push(`text-${i.color}`), i.bold !== !1 && k.push("text-bold"), i.line !== !1 && k.push("cur")), k;
+      return i.value === _ && (k.push(`text-${c.color}`), c.bold !== !1 && k.push("text-bold"), c.line !== !1 && k.push("cur")), k;
     });
     return Te(
-      () => i.modelValue,
+      () => c.modelValue,
       (_) => {
-        c.value = _;
+        i.value = _;
       },
       {
         immediate: !0
@@ -970,14 +970,14 @@ const Ts = ["onClick"], Bs = { class: "tab-content" }, js = {
         }, [
           T.icon ? (o(), a("i", {
             key: 0,
-            class: u(`cuIcon-${T.icon} text-${c.value === B ? _.color : T.iconColor}`)
+            class: u(`cuIcon-${T.icon} text-${i.value === B ? _.color : T.iconColor}`)
           }, null, 2)) : p("", !0),
           y(" " + r(T.label), 1)
         ], 10, Ts))), 128))
       ], 6),
       n("div", Bs, [
         w(_.$slots, "default", {
-          tab: l.value[c.value]
+          tab: l.value[i.value]
         })
       ])
     ], 2));
@@ -992,15 +992,15 @@ const Ts = ["onClick"], Bs = { class: "tab-content" }, js = {
     iconColor: { default: "black" }
   },
   setup(t) {
-    const e = t, i = de(
+    const e = t, c = de(
       "registerTab"
-    ), s = de("activeTab"), l = V(null), c = x(() => (s == null ? void 0 : s.value) === l.value), d = x(() => ({
+    ), s = de("activeTab"), l = V(null), i = x(() => (s == null ? void 0 : s.value) === l.value), d = x(() => ({
       label: e.label,
       icon: e.icon,
       iconColor: e.iconColor
     }));
     return ae(() => {
-      i && (l.value = i({
+      c && (l.value = c({
         label: e.label,
         icon: e.icon,
         iconColor: e.iconColor
@@ -1009,7 +1009,7 @@ const Ts = ["onClick"], Bs = { class: "tab-content" }, js = {
       w(f.$slots, "default"),
       w(f.$slots, "custom", { tab: d.value })
     ], 512)), [
-      [ue, c.value]
+      [ue, i.value]
     ]);
   }
 });
@@ -1121,11 +1121,11 @@ const qs = ["onClick"], Es = {
     routeFn: { type: Function, default: void 0 }
   },
   setup(t) {
-    const e = t, i = zs(), s = (l) => {
+    const e = t, c = zs(), s = (l) => {
       if (l.path) {
         e.routeFn ? e.routeFn().push({
           path: l.path
-        }) : i.push({
+        }) : c.push({
           path: l.path
         });
         return;
@@ -1135,7 +1135,7 @@ const qs = ["onClick"], Es = {
         return;
       }
     };
-    return (l, c) => (o(), a("div", {
+    return (l, i) => (o(), a("div", {
       class: u(["cu-list grid", ["col-" + l.gridCol, l.gridBorder ? "" : "no-border"]])
     }, [
       (o(!0), a(m, null, $(l.cuIconList, (d, f) => (o(), a("div", {
@@ -1245,15 +1245,15 @@ const Ns = { class: "content" }, Ps = ["src", "alt"], Ds = { class: "text-grey"
     menuCard: { type: Boolean, default: !1 }
   },
   setup(t) {
-    const e = (i) => {
-      i && i();
+    const e = (c) => {
+      c && c();
     };
-    return (i, s) => (o(), a("div", {
-      class: u(["cu-list menu", [i.menuBorder ? "sm-border" : "", i.menuCard ? "card-menu" : ""]])
+    return (c, s) => (o(), a("div", {
+      class: u(["cu-list menu", [c.menuBorder ? "sm-border" : "", c.menuCard ? "card-menu" : ""]])
     }, [
-      (o(!0), a(m, null, $(i.menuItems, (l, c) => (o(), a("div", {
-        key: c,
-        class: u(["cu-item", i.menuArrow ? "arrow" : ""])
+      (o(!0), a(m, null, $(c.menuItems, (l, i) => (o(), a("div", {
+        key: i,
+        class: u(["cu-item", c.menuArrow ? "arrow" : ""])
       }, [
         n("div", Ns, [
           l.icon ? (o(), S(M, {
@@ -1339,47 +1339,47 @@ const Gs = {
   },
   setup(t) {
     const e = t;
-    return (i, s) => {
-      var c;
+    return (c, s) => {
+      var i;
       const l = be("TIcon");
       return o(), a("div", {
-        class: u(["cu-item", { grayscale: i.isDisconnected, cur: i.isCurrent }]),
-        onClick: s[0] || (s[0] = (d) => i.event(e))
+        class: u(["cu-item", { grayscale: c.isDisconnected, cur: c.isCurrent }]),
+        onClick: s[0] || (s[0] = (d) => c.event(e))
       }, [
         n("div", {
-          class: u(["cu-avatar", i.userinfo.avatarShape, "lg", `bg-${i.avatarBg}`]),
-          style: I({ backgroundImage: `url(${i.userinfo.avatar})` })
+          class: u(["cu-avatar", c.userinfo.avatarShape, "lg", `bg-${c.avatarBg}`]),
+          style: I({ backgroundImage: `url(${c.userinfo.avatar})` })
         }, [
-          (c = i.userinfo) != null && c.avatar ? p("", !0) : (o(), S(l, {
+          (i = c.userinfo) != null && i.avatar ? p("", !0) : (o(), S(l, {
             key: 0,
-            name: i.avatarName,
+            name: c.avatarName,
             size: 36,
             color: "white"
           }, null, 8, ["name"])),
-          i.badge ? (o(), a("div", Gs, r(i.badge), 1)) : p("", !0)
+          c.badge ? (o(), a("div", Gs, r(c.badge), 1)) : p("", !0)
         ], 6),
         n("div", Ks, [
           n("div", Hs, [
-            n("div", Xs, r(i.userinfo.name), 1),
-            i.userinfo.tag ? (o(), a("div", {
+            n("div", Xs, r(c.userinfo.name), 1),
+            c.userinfo.tag ? (o(), a("div", {
               key: 0,
-              class: u(["cu-tag", "round", `bg-${i.userinfo.tagColor}`, "sm"])
-            }, r(i.userinfo.tag), 3)) : p("", !0)
+              class: u(["cu-tag", "round", `bg-${c.userinfo.tagColor}`, "sm"])
+            }, r(c.userinfo.tag), 3)) : p("", !0)
           ]),
           n("div", Js, [
             n("div", Qs, [
-              w(i.$slots, "default")
+              w(c.$slots, "default")
             ])
           ])
         ]),
         n("div", Ws, [
-          n("div", Ys, r(i.time), 1),
-          i.unread ? (o(), a("div", {
+          n("div", Ys, r(c.time), 1),
+          c.unread ? (o(), a("div", {
             key: 0,
-            class: u(["cu-tag", "round", `bg-${i.unreadColor}`, "sm"])
-          }, r(i.unread), 3)) : i.icon ? (o(), a("div", {
+            class: u(["cu-tag", "round", `bg-${c.unreadColor}`, "sm"])
+          }, r(c.unread), 3)) : c.icon ? (o(), a("div", {
             key: 1,
-            class: u(i.iconClass)
+            class: u(c.iconClass)
           }, null, 2)) : p("", !0)
         ])
       ], 2);
@@ -1393,7 +1393,7 @@ const Gs = {
     items: {}
   },
   setup(t) {
-    return (e, i) => (o(), a("div", eo, [
+    return (e, c) => (o(), a("div", eo, [
       (o(!0), a(m, null, $(e.items, (s, l) => (o(), S(fe, {
         "avatar-name": s.avatarName,
         "avatar-bg": s.avatarBg,
@@ -1428,7 +1428,7 @@ const so = { class: "cu-chat" }, oo = {
 }, no = {
   key: 1,
   class: "cu-info"
-}, ao = /* @__PURE__ */ n("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), lo = { class: "main" }, io = ["src"], co = {
+}, ao = /* @__PURE__ */ n("text", { class: "cuIcon-roundclosefill text-red" }, null, -1), lo = { class: "main" }, co = ["src"], io = {
   key: 2,
   class: "content shadow"
 }, ro = /* @__PURE__ */ n("text", { class: "cuIcon-sound text-xxl padding-right-xl" }, null, -1), uo = { class: "action text-bold text-grey" }, fo = {
@@ -1443,7 +1443,7 @@ const so = { class: "cu-chat" }, oo = {
     messages: {}
   },
   setup(t) {
-    return (e, i) => (o(), a("div", so, [
+    return (e, c) => (o(), a("div", so, [
       (o(!0), a(m, null, $(e.messages, (s) => (o(), a("div", {
         key: s.id,
         class: u(["cu-item", { self: s.self }])
@@ -1470,7 +1470,7 @@ const so = { class: "cu-chat" }, oo = {
               src: s.content,
               class: "radius",
               style: { "max-width": "100%" }
-            }, null, 8, io)) : s.type === "audio" ? (o(), a("div", co, [
+            }, null, 8, co)) : s.type === "audio" ? (o(), a("div", io, [
               ro,
               n("div", uo, r(s.content), 1)
             ])) : s.type === "location" ? (o(), a("div", fo, [
@@ -1512,7 +1512,7 @@ const vo = { class: "cu-time" }, bo = {
     function e(s) {
       return s || "cyan";
     }
-    function i(s) {
+    function c(s) {
       switch (s.status) {
         case "past":
           return `text-green cuIcon-${s.icon || "roundcheckfill"}`;
@@ -1525,16 +1525,16 @@ const vo = { class: "cu-time" }, bo = {
       }
     }
     return (s, l) => (o(), a("div", null, [
-      (o(!0), a(m, null, $(s.items, (c, d) => (o(), a("div", {
+      (o(!0), a(m, null, $(s.items, (i, d) => (o(), a("div", {
         key: d,
         class: "cu-timeline"
       }, [
-        n("div", vo, r(c.date), 1),
-        (o(!0), a(m, null, $(c.items, (f) => {
+        n("div", vo, r(i.date), 1),
+        (o(!0), a(m, null, $(i.items, (f) => {
           var b, v, _;
           return o(), a("div", {
             key: f.key,
-            class: u(["cu-item", i(f)])
+            class: u(["cu-item", c(f)])
           }, [
             n("div", {
               class: u(["content", `bg-${f.bg || "gray"}`, "shadow-blur"])
@@ -1587,18 +1587,18 @@ const yo = { class: "bg-white padding" }, ko = ["data-index"], Io = {
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    return (i, s) => (o(), a("div", yo, [
+    return (c, s) => (o(), a("div", yo, [
       n("div", {
-        class: u(["cu-steps", { "scroll-x": i.scrollX }])
+        class: u(["cu-steps", { "scroll-x": c.scrollX }])
       }, [
-        (o(!0), a(m, null, $(i.steps, (l, c) => (o(), a("div", {
-          class: u(["cu-item", c > i.modelValue ? "" : `text-${i.color}`]),
-          key: c
+        (o(!0), a(m, null, $(c.steps, (l, i) => (o(), a("div", {
+          class: u(["cu-item", i > c.modelValue ? "" : `text-${c.color}`]),
+          key: i
         }, [
           n("text", {
             class: u(l.cuIcon ? "cuIcon-" + l.cuIcon : "num"),
-            "data-index": c + 1
-          }, r(l.cuIcon ? "" : c + 1), 11, ko),
+            "data-index": i + 1
+          }, r(l.cuIcon ? "" : i + 1), 11, ko),
           y(" " + r(l.name), 1)
         ], 2))), 128))
       ], 2)
@@ -1620,10 +1620,10 @@ const wo = { class: "cu-dialog" }, Co = { class: "cu-bar bg-white justify-end pa
   },
   emits: ["update:modelValue"],
   setup(t, { emit: e }) {
-    const i = e, s = () => {
-      i("update:modelValue", !1);
+    const c = e, s = () => {
+      c("update:modelValue", !1);
     };
-    return (l, c) => (o(), a("div", {
+    return (l, i) => (o(), a("div", {
       class: u(["cu-modal", l.modelValue ? "show" : ""])
     }, [
       n("div", wo, [
@@ -1658,7 +1658,7 @@ const Vo = { class: "loading-animation" }, zo = {
   },
   setup(t) {
     class e {
-      constructor(c, d, f) {
+      constructor(i, d, f) {
         j(this, "radius");
         j(this, "x");
         j(this, "y");
@@ -1667,21 +1667,21 @@ const Vo = { class: "loading-animation" }, zo = {
         j(this, "accel");
         j(this, "decay");
         j(this, "life");
-        this.radius = d, this.x = c.x, this.y = c.y, this.angle = c.angle, this.speed = c.speed, this.accel = c.accel, this.decay = f, this.life = 1;
+        this.radius = d, this.x = i.x, this.y = i.y, this.angle = i.angle, this.speed = i.speed, this.accel = i.accel, this.decay = f, this.life = 1;
       }
-      step(c, d) {
-        this.speed += this.accel, this.x += Math.cos(this.angle) * this.speed, this.y += Math.sin(this.angle) * this.speed, this.angle += Math.PI / 64, this.accel *= 1.01, this.life -= this.decay, this.life <= 0 && d.splice(c, 1);
+      step(i, d) {
+        this.speed += this.accel, this.x += Math.cos(this.angle) * this.speed, this.y += Math.sin(this.angle) * this.speed, this.angle += Math.PI / 64, this.accel *= 1.01, this.life -= this.decay, this.life <= 0 && d.splice(i, 1);
       }
-      draw(c, d, f, b) {
-        c.fillStyle = c.strokeStyle = `hsla(${d + this.life * 120}, 100%, 60%, ${this.life})`, c.beginPath(), f[b - 1] && (c.moveTo(this.x, this.y), c.lineTo(f[b - 1].x, f[b - 1].y)), c.stroke(), c.beginPath(), c.arc(
+      draw(i, d, f, b) {
+        i.fillStyle = i.strokeStyle = `hsla(${d + this.life * 120}, 100%, 60%, ${this.life})`, i.beginPath(), f[b - 1] && (i.moveTo(this.x, this.y), i.lineTo(f[b - 1].x, f[b - 1].y)), i.stroke(), i.beginPath(), i.arc(
           this.x,
           this.y,
           Math.max(1e-3, this.life * this.radius),
           0,
           Math.PI * 2
-        ), c.fill();
+        ), i.fill();
         const v = Math.random() * 1.25;
-        c.fillRect(
+        i.fillRect(
           ~~(this.x + (Math.random() - 0.5) * 35 * this.life),
           ~~(this.y + (Math.random() - 0.5) * 35 * this.life),
           v,
@@ -1689,20 +1689,20 @@ const Vo = { class: "loading-animation" }, zo = {
         );
       }
     }
-    const i = t, s = V(null);
+    const c = t, s = V(null);
     return ae(() => {
       if (!s.value)
         return;
-      const l = s.value.getContext("2d"), { width: c, height: d, particleRadius: f, particleDecay: b } = i, v = window.devicePixelRatio || 1;
-      s.value.width = c * v, s.value.height = d * v, s.value.style.width = c + "px", s.value.style.height = d + "px", l.scale(v, v);
-      const _ = c * 0.5, k = [];
+      const l = s.value.getContext("2d"), { width: i, height: d, particleRadius: f, particleDecay: b } = c, v = window.devicePixelRatio || 1;
+      s.value.width = i * v, s.value.height = d * v, s.value.style.width = i + "px", s.value.style.height = d + "px", l.scale(v, v);
+      const _ = i * 0.5, k = [];
       let T = 0, B = 0, h = 0;
       l.globalCompositeOperation = "lighter";
       function C() {
         k.push(
           new e(
             {
-              x: c / 2 + Math.cos(h / 20) * _ / 2,
+              x: i / 2 + Math.cos(h / 20) * _ / 2,
               y: d / 2 + Math.sin(h / 20) * _ / 2,
               angle: B + T,
               speed: 0,
@@ -1711,20 +1711,20 @@ const Vo = { class: "loading-animation" }, zo = {
             f,
             b
           )
-        ), k.forEach((le, ie) => {
-          le.step(ie, k);
+        ), k.forEach((le, ce) => {
+          le.step(ce, k);
         }), B += Math.PI / 2, T += Math.PI / 2;
       }
       function N() {
-        l.clearRect(0, 0, c, d), k.forEach((le, ie) => {
-          le.draw(l, h, k, ie);
+        l.clearRect(0, 0, i, d), k.forEach((le, ce) => {
+          le.draw(l, h, k, ce);
         });
       }
       function he() {
         requestAnimationFrame(he), C(), N(), h++;
       }
       he();
-    }), (l, c) => (o(), a("div", Vo, [
+    }), (l, i) => (o(), a("div", Vo, [
       n("canvas", {
         ref_key: "canvas",
         ref: s

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

@@ -1,4 +1,4 @@
-(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.TempColorUI={},i.Vue))})(this,function(i,e){"use strict";var tn=Object.defineProperty;var on=(i,e,E)=>e in i?tn(i,e,{enumerable:!0,configurable:!0,writable:!0,value:E}):i[e]=E;var y=(i,e,E)=>(on(i,typeof e!="symbol"?e+"":e,E),E);const E={class:"nav-list"},v=["url"],ee={class:"nav-title"},te={class:"nav-name"},oe={name:"TNavCard"},C=e.defineComponent({...oe,props:{items:{}},setup(o){return(t,s)=>(e.openBlock(),e.createElementBlock("div",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,l)=>(e.openBlock(),e.createElementBlock("div",{"hover-class":"none",url:"/pages/basics/"+n.name,class:e.normalizeClass(["nav-li","bg-"+n.color]),navigateTo:"",style:e.normalizeStyle([{animation:"show "+((l+1)*.2+1)+"s 1"}]),key:l},[e.createElementVNode("div",ee,e.toDisplayString(n.title),1),e.createElementVNode("div",te,e.toDisplayString(n.name),1),e.createElementVNode("text",{class:e.normalizeClass("cuIcon-"+n.cuIcon)},null,2)],14,v))),128))]))}});C.install=o=>{o.component(C.name,C)};const K=o=>(e.pushScopeId("data-v-bbdb83ff"),o=o(),e.popScopeId(),o),ne={class:"cu-item shadow"},le={class:"title"},ae={class:"text-cut"},se={class:"content"},ce=["src","alt"],re={class:"desc"},ie={class:"text-content"},de={key:0,class:"content flex-sub justify-between text-sm solid-top margin-top-sm",style:{padding:"5px 15px"}},me={class:"text-gray"},pe=K(()=>e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1)),ge=K(()=>e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1)),fe=K(()=>e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1)),ke={class:"margin-left-sm text-gray flex justify-between"},he={class:"text-grey margin-right-xs"},_e={name:"TNewCard"},ye=e.defineComponent({..._e,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(o){return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-card article",t.isCard?"":"no-card"])},[e.createElementVNode("div",ne,[e.createElementVNode("div",le,[e.createElementVNode("div",ae,e.toDisplayString(t.title),1)]),e.createElementVNode("div",se,[e.createElementVNode("img",{src:t.imageSrc,alt:t.imageAlt},null,8,ce),e.createElementVNode("div",re,[e.createElementVNode("div",ie,e.toDisplayString(t.description),1),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tags,n=>(e.openBlock(),e.createElementBlock("div",{key:n,class:"cu-tag bg-red light sm round"},e.toDisplayString(n),1))),128))])])]),t.footerInfo?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",me,[pe,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.likes)+" ",1),ge,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.appreciations)+" ",1),fe,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.comments),1)]),e.createElementVNode("div",ke,[e.createElementVNode("div",he,e.toDisplayString(t.footerInfo.author),1),e.createTextVNode(" "+e.toDisplayString(t.footerInfo.timeAgo),1)])])):e.createCommentVNode("",!0)])],2))}}),u=(o,t)=>{const s=o.__vccOpts||o;for(const[n,l]of t)s[n]=l;return s},V=u(ye,[["__scopeId","data-v-bbdb83ff"]]);V.install=o=>{o.component(V.name,V)};const Be={class:"cu-item shadow"},be={class:"cu-list menu-avatar"},Ee={class:"cu-item"},$e={class:"content flex-sub"},ue={class:"text-gray text-sm flex justify-between"},Ce={class:"text-content"},Ve={class:"text-gray text-sm text-right padding"},Ne=e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1),Ie=e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1),Se=e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1),we={class:"cu-item"},ze={class:"content"},Te={class:"text-grey"},De={class:"text-gray text-content text-df"},xe={class:"flex"},je={class:"flex-sub"},Fe={class:"margin-top-sm flex justify-between"},Le={class:"text-gray text-df"},Me={key:0,class:"cuIcon-appreciatefill text-red"},qe=e.createElementVNode("span",{class:"cuIcon-messagefill text-gray margin-left-sm"},null,-1),Ae={class:"text-gray margin-left-xs"},Pe={name:"TShareCard"},N=e.defineComponent({...Pe,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(o){return(t,s)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:e.normalizeClass(["cu-card dynamic",t.isCard?"is-card":"no-card"])},[e.createElementVNode("div",Be,[e.createElementVNode("div",be,[e.createElementVNode("div",Ee,[e.createElementVNode("div",{class:"cu-avatar round lg",style:e.normalizeStyle({backgroundImage:`url(${t.avatarUrl})`})},null,4),e.createElementVNode("div",$e,[e.createElementVNode("div",null,e.toDisplayString(t.author),1),e.createElementVNode("div",ue,e.toDisplayString(t.date),1)])])]),e.createElementVNode("div",Ce,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,n=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-img",t.isCard?"":"only-img"]),style:e.normalizeStyle({backgroundImage:`url(${t.imageUrl})`}),key:n},null,6))),128))],2),e.createElementVNode("div",Ve,[Ne,e.createTextVNode(" "+e.toDisplayString(t.likes)+" ",1),Ie,e.createTextVNode(" "+e.toDisplayString(t.appreciations)+" ",1),Se,e.createTextVNode(" "+e.toDisplayString(t.comments),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.commentsList,n=>{var l;return e.openBlock(),e.createElementBlock("div",{class:"cu-list menu-avatar comment solids-top",key:n.id},[e.createElementVNode("div",we,[e.createElementVNode("div",{class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${n.avatarUrl})`})},null,4),e.createElementVNode("div",ze,[e.createElementVNode("div",Te,e.toDisplayString(n.author),1),e.createElementVNode("div",De,e.toDisplayString(n.text),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.replies,a=>(e.openBlock(),e.createElementBlock("div",{key:a.id,class:"bg-grey padding-sm radius margin-top-sm text-sm"},[e.createElementVNode("div",xe,[e.createElementVNode("div",null,e.toDisplayString(a.author)+"：",1),e.createElementVNode("div",je,e.toDisplayString(a.text),1)])]))),128)),e.createElementVNode("div",Fe,[e.createElementVNode("div",Le,e.toDisplayString(n.date),1),e.createElementVNode("div",null,[n.likes?(e.openBlock(),e.createElementBlock("span",Me)):e.createCommentVNode("",!0),qe,e.createElementVNode("span",Ae,e.toDisplayString((l=n.replies)==null?void 0:l.length),1)])])])])])}),128))])],2)]))}});N.install=o=>{o.component(N.name,N)};const Ue={ssss:"2px",sss:"4px",ss:"8px",s:"12px",m:"14px",l:"16px",x:"18px",xl:"24px",xxl:"30px",xxxl:"48px"};function Re(o,t,s="px"){if(typeof t=="number")return`${o}: ${t}${s};`;const n=Ue[t];return n?`${o}: ${n};`:""}function Oe(o){return Re("font-size",o)}const Ge={name:"TIcon"},$=e.defineComponent({...Ge,props:{name:{},color:{default:"grey"},size:{default:15}},setup(o){const t=o,s=e.computed(()=>Oe(t.size));return(n,l)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(`cuIcon-${n.name} text-${n.color}`),style:e.normalizeStyle(s.value)},null,6))}}),Ke={class:"action border-title"},He={class:"action border-title"},Xe={class:"tib text-xl text-bold text-blue"},Je=e.createElementVNode("div",{class:"tib bg-gradual-blue",style:{width:"3rem"}},null,-1),Qe={class:"action sub-title"},We={class:"tib text-xl text-bold text-green"},Ye=e.createElementVNode("div",{class:"tib bg-green",style:{width:"2rem"}},null,-1),Ze={class:"action sub-title"},ve={class:"action title-style-3"},et={key:5,class:"cu-bar bg-white"},tt={class:"action"},ot={key:6,class:"cu-bar bg-white solid-bottom"},nt={class:"action"},lt={class:"action"},at={name:"TTitle"},I=e.defineComponent({...at,props:{title:{default:"主题名称"},deputy:{default:"about"},icon:{default:"titles"},color:{default:"blue"},decorateColor:{default:"olive"},mode:{},center:{type:Boolean,default:!1}},setup(o){return(t,s)=>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",Ke,[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",He,[e.createElementVNode("div",Xe,e.toDisplayString(t.title),1),Je])],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",Qe,[e.createElementVNode("div",We,e.toDisplayString(t.title),1),Ye])],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",Ze,[e.createElementVNode("div",{class:e.normalizeClass(["tib text-xl text-bold",`text-${t.color}`])},e.toDisplayString(t.title),3),e.createElementVNode("div",{class:e.normalizeClass(["tib text-ABC",`text-${t.decorateColor}`])},e.toDisplayString(t.deputy),3)])],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",ve,[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",et,[e.createElementVNode("div",tt,[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",ot,[e.createElementVNode("div",nt,[e.createElementVNode("i",{class:e.normalizeClass(`cuIcon-${t.icon} text-${t.color}`)},null,2),e.renderSlot(t.$slots,"default")]),e.createElementVNode("div",lt,[e.renderSlot(t.$slots,"action")])]))}}),st={name:"TAvatar"},B=e.defineComponent({...st,props:{url:{},size:{default:"lg"},mode:{default:"round"}},setup(o){return(t,s)=>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))}}),ct={class:"cu-avatar-group"},rt={name:"TAvatarGroup"},O=e.defineComponent({...rt,props:{urls:{default:()=>[]},size:{default:"sm"},mode:{default:"round"}},setup(o){return(t,s)=>(e.openBlock(),e.createElementBlock("div",ct,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urls,(n,l)=>(e.openBlock(),e.createBlock(B,{key:l,url:n,size:t.size},null,8,["url","size"]))),128))]))}}),it=["disabled"],dt={key:1},mt={name:"TButton"},S=e.defineComponent({...mt,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(o){const t=o,s=e.computed(()=>["cu-btn",t.rounded?"round":"radius",t.shadow?"shadow":"",`bg-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),n=e.computed(()=>({cursor:t.disabled?"not-allowed":"pointer"})),l=e.computed(()=>({marginRight:t.text?"8px":"0"}));return(a,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(s.value),style:e.normalizeStyle(n.value),disabled:a.disabled},[e.renderSlot(a.$slots,"default"),a.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${a.icon}`),style:e.normalizeStyle(l.value)},null,6)):e.createCommentVNode("",!0),a.text?(e.openBlock(),e.createElementBlock("span",dt,e.toDisplayString(a.text),1)):e.createCommentVNode("",!0)],14,it))}}),pt={key:0},gt={name:"TTag"},b=e.defineComponent({...gt,props:{text:{},bg:{default:"blue"},size:{default:"default"},shape:{default:"default"},light:{type:Boolean,default:!1},line:{type:Boolean,default:!1}},setup(o){const t=o,s=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(" ")),n=e.computed(()=>({}));return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.value),style:e.normalizeStyle(n.value)},[e.renderSlot(l.$slots,"default"),l.text?(e.openBlock(),e.createElementBlock("span",pt,e.toDisplayString(l.text),1)):e.createCommentVNode("",!0)],6))}});$.install=o=>{o.component($.name,$)},I.install=o=>{o.component(I.name,I)},B.install=o=>{o.component(B.name,B)},O.install=o=>{o.component(O.name,O)},S.install=o=>{o.component(S.name,S)},b.install=o=>{o.component(b.name,b)};const ft=["onClick"],kt={key:0,class:"cuIcon-cu-image"},ht=["src"],_t={key:0,class:"cu-tag badge"},yt={key:0,class:"cu-tag badge"},Bt={name:"TNavBar"},w=e.defineComponent({...Bt,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(o){const t=o,s=(n,l)=>{t.onItemClick&&t.onItemClick(n,l)};return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar tabbar",`bg-${n.bg} ${n.isFoot?"foot":""}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,(a,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:e.normalizeClass(["action",`text-${c===n.activeIndex?n.activeColor:n.color}`]),onClick:r=>s(a,c)},[a.img?(e.openBlock(),e.createElementBlock("div",kt,[e.createElementVNode("img",{src:a.img,style:{width:"21px",height:"21px"},class:"radius"},null,8,ht),a.badge?(e.openBlock(),e.createElementBlock("div",_t,e.toDisplayString(a.badge),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`cuIcon-${a.icon}`)},[a.badge?(e.openBlock(),e.createElementBlock("div",yt,e.toDisplayString(a.badge),1)):e.createCommentVNode("",!0)],2)),e.createElementVNode("div",null,e.toDisplayString(a.label),1)],10,ft))),128))],2))}});w.install=o=>{o.component(w.name,w)};const bt={key:0,class:"action"},Et={key:1},$t={class:"content text-bold"},ut={key:2,class:"action"},Ct={name:"TTopBar"},z=e.defineComponent({...Ct,props:{title:{},leftIcon:{},leftIconColor:{default:"gray"},leftText:{},rightIcon:{},rightIconColor:{default:"gray"},bg:{default:"white"},avatarUrl:{}},setup(o){return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${t.bg}`])},[t.leftIcon||t.leftText?(e.openBlock(),e.createElementBlock("div",bt,[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",Et,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",$t,e.toDisplayString(t.title),1),t.rightIcon?(e.openBlock(),e.createElementBlock("div",ut,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${t.rightIcon} text-${t.rightIconColor}`)},null,2)])):e.createCommentVNode("",!0)],2))}});z.install=o=>{o.component(z.name,z)};const Vt=e.createElementVNode("text",{class:"cuIcon-search"},null,-1),Nt=["placeholder"],It={class:"action"},St={key:0,class:"cu-btn bg-green shadow-blur round"},wt={key:0},zt={key:3},Tt={name:"TSearchBar"},T=e.defineComponent({...Tt,props:{placeholder:{default:""},bgColor:{default:"white"},borderRadiusClass:{default:"round"},avatarUrl:{},buttonText:{},location:{},locationIcon:{},actionIcon:{},actionText:{}},setup(o){const t=e.ref(0),s=l=>{t.value=l.detail.height},n=()=>{t.value=0};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${l.bgColor}`,"search"])},[l.avatarUrl?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${l.avatarUrl})`})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["search-form",l.borderRadiusClass])},[Vt,e.createElementVNode("input",{onFocus:s,onBlur:n,"adjust-position":!1,type:"text",placeholder:l.placeholder,"confirm-type":"search"},null,40,Nt)],2),e.createElementVNode("div",It,[l.buttonText?(e.openBlock(),e.createElementBlock("button",St,e.toDisplayString(l.buttonText),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.location?(e.openBlock(),e.createElementBlock("text",wt,e.toDisplayString(l.location),1)):e.createCommentVNode("",!0),l.locationIcon?(e.openBlock(),e.createElementBlock("text",{key:1,class:e.normalizeClass(`cuIcon-${l.locationIcon}`)},null,2)):e.createCommentVNode("",!0),l.actionIcon?(e.openBlock(),e.createElementBlock("text",{key:2,class:e.normalizeClass(`cuIcon-${l.actionIcon}`)},null,2)):e.createCommentVNode("",!0),l.actionText?(e.openBlock(),e.createElementBlock("text",zt,e.toDisplayString(l.actionText),1)):e.createCommentVNode("",!0)],64))])],2))}});T.install=o=>{o.component(T.name,T)};const Dt={key:0,class:"string-list"},xt=["innerHTML","onClick"],jt=u(e.defineComponent({__name:"CandidateBox",props:{text:{},stringArray:{default:()=>[]}},emits:["send"],setup(o,{emit:t}){const s=t,n=o,l=(c="",r)=>{s("send",c,r)},a=e.computed(()=>n.stringArray.map(c=>{if(!n.text)return c.text;let r="";for(let g of c.text)n.text.includes(g)?r+=`<span style="color:#ff0000">${g}</span>`:r+=g;return r}));return(c,r)=>c.stringArray.length?(e.openBlock(),e.createElementBlock("ul",Dt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(g,p)=>(e.openBlock(),e.createElementBlock("li",{key:p,innerHTML:g,onClick:m=>l(c.stringArray[p].text,c.stringArray[p])},null,8,xt))),128))])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-c7a21a1c"]]),Ft=["😀","😁","😂","😃","😄","😅","😆","😉","😊","😋","😎","😍","😘","😗","😙","😚","☺","😇","😐","😑","😶","😏","😣","😥","😮","😯","😪","😫","😴","😌","😛","😜","😝","😒","😓","😔","😕","😲","😷","😖","😞","😟","😤","😢","😭","😦","😧","😨","😬","😰","😱","😳","😵","😡","😠","😈","👿","👹","👺","💀","☠","👻","👽"],Lt=["onClick"],Mt=u(e.defineComponent({__name:"EmojiPanel",emits:["addEmoji"],setup(o,{emit:t}){const s=t,n=l=>{s("addEmoji",l)};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:"emoji-panel",ref:"emojiPanel",onClick:a[0]||(a[0]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Ft),c=>(e.openBlock(),e.createElementBlock("span",{key:c,onClick:r=>n(c)},e.toDisplayString(c),9,Lt))),128))],512))}}),[["__scopeId","data-v-e9a4aa4d"]]),qt={class:"function-panel-container"},At=["onClick"],Pt=u(e.defineComponent({__name:"FunctionPanel",props:{items:{}},setup(o){const t=e.ref(null);return e.onMounted(()=>{}),(s,n)=>{const l=e.resolveComponent("TIcon");return e.openBlock(),e.createElementBlock("div",qt,[e.createElementVNode("div",{class:"function-panel",ref_key:"functionPanel",ref:t},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(a,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:"function-item",onClick:a.event},[e.createVNode(l,{name:a.icon,color:a.color,size:26},null,8,["name","color"]),e.createElementVNode("span",null,e.toDisplayString(a.text),1)],8,At))),128))],512)])}}}),[["__scopeId","data-v-7046f462"]]),Ut={class:"cu-bar input"},Rt={key:0,class:"action"},Ot={key:1,class:"action"},Gt=["value"],Kt={class:"action"},Ht={name:"TInputBar"},Xt=e.defineComponent({...Ht,props:{modelValue:{},leftIcon:{},middleIcon:{},rightIcon:{},buttonText:{default:"发送"},stringArray:{default:()=>[]},functionItems:{default:()=>[]}},emits:["update:modelValue","send"],setup(o,{emit:t}){const s=e.ref(0),n=e.ref(!1),l=e.ref(!1),a=t,c=o,r=d=>{s.value=d.detail.height},g=()=>{s.value=0},p=(d="",k)=>{d?a("send",d,k):a("send",c.modelValue),a("update:modelValue",""),n.value=!1},m=()=>{n.value=!n.value},f=()=>{l.value=!l.value},h=d=>{a("update:modelValue",c.modelValue+d)},_=d=>{const k=d.target;a("update:modelValue",k.value)};return e.onMounted(()=>{}),e.onUnmounted(()=>{}),(d,k)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(jt,{text:d.modelValue,"string-array":d.stringArray,onSend:p},null,8,["text","string-array"]),e.createElementVNode("div",Ut,[d.leftIcon?(e.openBlock(),e.createElementBlock("div",Rt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${d.leftIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),d.middleIcon?(e.openBlock(),e.createElementBlock("div",Ot,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${d.middleIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("input",{onFocus:r,onBlur:g,onKeydown:k[0]||(k[0]=e.withKeys(G=>p(),["enter"])),onConfirm:k[1]||(k[1]=G=>p()),"adjust-position":!1,class:"solid-bottom",maxlength:"300","cursor-spacing":"10",value:d.modelValue,onInput:_},null,40,Gt),e.createElementVNode("div",Kt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${d.rightIcon} text-grey`),onClick:e.withModifiers(m,["stop"])},null,2),d.functionItems&&d.functionItems.length>0?(e.openBlock(),e.createElementBlock("text",{key:0,class:e.normalizeClass("cuIcon-roundaddfill text-grey"),onClick:e.withModifiers(f,["stop"])})):e.createCommentVNode("",!0)]),e.createElementVNode("button",{class:"cu-btn bg-green shadow-blur round",onClick:k[2]||(k[2]=G=>p())},e.toDisplayString(d.buttonText),1)]),e.withDirectives(e.createVNode(Mt,{onAddEmoji:h},null,512),[[e.vShow,n.value]]),e.withDirectives(e.createVNode(Pt,{items:d.functionItems},null,8,["items"]),[[e.vShow,l.value]])],64))}}),D=u(Xt,[["__scopeId","data-v-bfafe415"]]);D.install=o=>{o.component(D.name,D)};const Jt=["onClick"],Qt={class:"tab-content"},Wt={name:"TTabs"},x=e.defineComponent({...Wt,props:{modelValue:{default:0},center:{type:Boolean,default:!1},bg:{default:"white"},text:{},isCard:{type:Boolean,default:!1},mode:{default:"flex-start"},bold:{type:Boolean,default:!1},color:{default:"blue"},line:{type:Boolean,default:!0}},emits:["update:modelValue","select"],setup(o,{emit:t}){const s=o,n=t,l=e.ref([]),a=e.ref(s.modelValue),c=(m,f)=>{a.value=m,n("update:modelValue",m),n("select",f)},r=m=>(l.value.push(m),l.value.length-1);e.provide("registerTab",r),e.provide("activeTab",a);const g=e.computed(()=>s.center!==!1?"justify-content:center;":`justify-content:${s.mode}`),p=e.computed(()=>m=>{let f=[];return a.value===m&&(f.push(`text-${s.color}`),s.bold!==!1&&f.push("text-bold"),s.line!==!1&&f.push("cur")),f});return e.watch(()=>s.modelValue,m=>{a.value=m},{immediate:!0}),(m,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(m.isCard!==!1?"is-card":"")},[e.createElementVNode("div",{class:e.normalizeClass(["nav flex",[,`bg-${m.bg}`,`text-${m.text}`]]),style:e.normalizeStyle(g.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(h,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",p.value(_)]),key:_,onClick:d=>c(_,h)},[h.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${h.icon} text-${a.value===_?m.color:h.iconColor}`)},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(h.label),1)],10,Jt))),128))],6),e.createElementVNode("div",Qt,[e.renderSlot(m.$slots,"default",{tab:l.value[a.value]})])],2))}}),Yt={name:"TTab"},j=e.defineComponent({...Yt,props:{label:{},icon:{default:""},iconColor:{default:"black"}},setup(o){const t=o,s=e.inject("registerTab"),n=e.inject("activeTab"),l=e.ref(null),a=e.computed(()=>(n==null?void 0:n.value)===l.value),c=e.computed(()=>({label:t.label,icon:t.icon,iconColor:t.iconColor}));return e.onMounted(()=>{s&&(l.value=s({label:t.label,icon:t.icon,iconColor:t.iconColor}))}),(r,g)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(r.$slots,"default"),e.renderSlot(r.$slots,"custom",{tab:c.value})],512)),[[e.vShow,a.value]])}});x.install=o=>{o.component(x.name,x)},j.install=o=>{o.component(j.name,j)};/*!
+(function(i,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis<"u"?globalThis:i||self,e(i.TempColorUI={},i.Vue))})(this,function(i,e){"use strict";var tn=Object.defineProperty;var on=(i,e,E)=>e in i?tn(i,e,{enumerable:!0,configurable:!0,writable:!0,value:E}):i[e]=E;var y=(i,e,E)=>(on(i,typeof e!="symbol"?e+"":e,E),E);const E={class:"nav-list"},v=["url"],ee={class:"nav-title"},te={class:"nav-name"},oe={name:"TNavCard"},C=e.defineComponent({...oe,props:{items:{}},setup(o){return(t,s)=>(e.openBlock(),e.createElementBlock("div",E,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(n,l)=>(e.openBlock(),e.createElementBlock("div",{"hover-class":"none",url:"/pages/basics/"+n.name,class:e.normalizeClass(["nav-li","bg-"+n.color]),navigateTo:"",style:e.normalizeStyle([{animation:"show "+((l+1)*.2+1)+"s 1"}]),key:l},[e.createElementVNode("div",ee,e.toDisplayString(n.title),1),e.createElementVNode("div",te,e.toDisplayString(n.name),1),e.createElementVNode("text",{class:e.normalizeClass("cuIcon-"+n.cuIcon)},null,2)],14,v))),128))]))}});C.install=o=>{o.component(C.name,C)};const K=o=>(e.pushScopeId("data-v-bbdb83ff"),o=o(),e.popScopeId(),o),ne={class:"cu-item shadow"},le={class:"title"},ae={class:"text-cut"},se={class:"content"},ce=["src","alt"],re={class:"desc"},ie={class:"text-content"},de={key:0,class:"content flex-sub justify-between text-sm solid-top margin-top-sm",style:{padding:"5px 15px"}},me={class:"text-gray"},pe=K(()=>e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1)),ge=K(()=>e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1)),fe=K(()=>e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1)),ke={class:"margin-left-sm text-gray flex justify-between"},he={class:"text-grey margin-right-xs"},_e={name:"TNewCard"},ye=e.defineComponent({..._e,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(o){return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-card article",t.isCard?"":"no-card"])},[e.createElementVNode("div",ne,[e.createElementVNode("div",le,[e.createElementVNode("div",ae,e.toDisplayString(t.title),1)]),e.createElementVNode("div",se,[e.createElementVNode("img",{src:t.imageSrc,alt:t.imageAlt},null,8,ce),e.createElementVNode("div",re,[e.createElementVNode("div",ie,e.toDisplayString(t.description),1),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tags,n=>(e.openBlock(),e.createElementBlock("div",{key:n,class:"cu-tag bg-red light sm round"},e.toDisplayString(n),1))),128))])])]),t.footerInfo?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",me,[pe,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.likes)+" ",1),ge,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.appreciations)+" ",1),fe,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.comments),1)]),e.createElementVNode("div",ke,[e.createElementVNode("div",he,e.toDisplayString(t.footerInfo.author),1),e.createTextVNode(" "+e.toDisplayString(t.footerInfo.timeAgo),1)])])):e.createCommentVNode("",!0)])],2))}}),u=(o,t)=>{const s=o.__vccOpts||o;for(const[n,l]of t)s[n]=l;return s},V=u(ye,[["__scopeId","data-v-bbdb83ff"]]);V.install=o=>{o.component(V.name,V)};const Be={class:"cu-item shadow"},be={class:"cu-list menu-avatar"},Ee={class:"cu-item"},$e={class:"content flex-sub"},ue={class:"text-gray text-sm flex justify-between"},Ce={class:"text-content"},Ve={class:"text-gray text-sm text-right padding"},Ne=e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1),Ie=e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1),Se=e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1),we={class:"cu-item"},ze={class:"content"},Te={class:"text-grey"},De={class:"text-gray text-content text-df"},xe={class:"flex"},je={class:"flex-sub"},Fe={class:"margin-top-sm flex justify-between"},Le={class:"text-gray text-df"},Me={key:0,class:"cuIcon-appreciatefill text-red"},qe=e.createElementVNode("span",{class:"cuIcon-messagefill text-gray margin-left-sm"},null,-1),Ae={class:"text-gray margin-left-xs"},Pe={name:"TShareCard"},N=e.defineComponent({...Pe,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(o){return(t,s)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:e.normalizeClass(["cu-card dynamic",t.isCard?"is-card":"no-card"])},[e.createElementVNode("div",Be,[e.createElementVNode("div",be,[e.createElementVNode("div",Ee,[e.createElementVNode("div",{class:"cu-avatar round lg",style:e.normalizeStyle({backgroundImage:`url(${t.avatarUrl})`})},null,4),e.createElementVNode("div",$e,[e.createElementVNode("div",null,e.toDisplayString(t.author),1),e.createElementVNode("div",ue,e.toDisplayString(t.date),1)])])]),e.createElementVNode("div",Ce,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,n=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-img",t.isCard?"":"only-img"]),style:e.normalizeStyle({backgroundImage:`url(${t.imageUrl})`}),key:n},null,6))),128))],2),e.createElementVNode("div",Ve,[Ne,e.createTextVNode(" "+e.toDisplayString(t.likes)+" ",1),Ie,e.createTextVNode(" "+e.toDisplayString(t.appreciations)+" ",1),Se,e.createTextVNode(" "+e.toDisplayString(t.comments),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.commentsList,n=>{var l;return e.openBlock(),e.createElementBlock("div",{class:"cu-list menu-avatar comment solids-top",key:n.id},[e.createElementVNode("div",we,[e.createElementVNode("div",{class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${n.avatarUrl})`})},null,4),e.createElementVNode("div",ze,[e.createElementVNode("div",Te,e.toDisplayString(n.author),1),e.createElementVNode("div",De,e.toDisplayString(n.text),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.replies,a=>(e.openBlock(),e.createElementBlock("div",{key:a.id,class:"bg-grey padding-sm radius margin-top-sm text-sm"},[e.createElementVNode("div",xe,[e.createElementVNode("div",null,e.toDisplayString(a.author)+"：",1),e.createElementVNode("div",je,e.toDisplayString(a.text),1)])]))),128)),e.createElementVNode("div",Fe,[e.createElementVNode("div",Le,e.toDisplayString(n.date),1),e.createElementVNode("div",null,[n.likes?(e.openBlock(),e.createElementBlock("span",Me)):e.createCommentVNode("",!0),qe,e.createElementVNode("span",Ae,e.toDisplayString((l=n.replies)==null?void 0:l.length),1)])])])])])}),128))])],2)]))}});N.install=o=>{o.component(N.name,N)};const Ue={ssss:"2px",sss:"4px",ss:"8px",s:"12px",m:"14px",l:"16px",x:"18px",xl:"24px",xxl:"30px",xxxl:"48px"};function Re(o,t,s="px"){if(typeof t=="number")return`${o}: ${t}${s};`;const n=Ue[t];return n?`${o}: ${n};`:""}function Oe(o){return Re("font-size",o)}const Ge={name:"TIcon"},$=e.defineComponent({...Ge,props:{name:{},color:{default:"grey"},size:{default:15}},setup(o){const t=o,s=e.computed(()=>Oe(t.size));return(n,l)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(`cuIcon-${n.name} text-${n.color}`),style:e.normalizeStyle(s.value)},null,6))}}),Ke={class:"action border-title"},He={class:"action border-title"},Xe={class:"tib text-xl text-bold text-blue"},Je=e.createElementVNode("div",{class:"tib bg-gradual-blue",style:{width:"3rem"}},null,-1),Qe={class:"action sub-title"},We={class:"tib text-xl text-bold text-green"},Ye=e.createElementVNode("div",{class:"tib bg-green",style:{width:"2rem"}},null,-1),Ze={class:"action sub-title"},ve={class:"action title-style-3"},et={key:5,class:"cu-bar bg-white"},tt={class:"action"},ot={key:6,class:"cu-bar bg-white solid-bottom"},nt={class:"action"},lt={class:"action"},at={name:"TTitle"},I=e.defineComponent({...at,props:{title:{default:"主题名称"},deputy:{default:"about"},icon:{default:"titles"},color:{default:"blue"},decorateColor:{default:"olive"},mode:{},center:{type:Boolean,default:!1}},setup(o){return(t,s)=>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",Ke,[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",He,[e.createElementVNode("div",Xe,e.toDisplayString(t.title),1),Je])],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",Qe,[e.createElementVNode("div",We,e.toDisplayString(t.title),1),Ye])],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",Ze,[e.createElementVNode("div",{class:e.normalizeClass(["tib text-xl text-bold",`text-${t.color}`])},e.toDisplayString(t.title),3),e.createElementVNode("div",{class:e.normalizeClass(["tib text-ABC",`text-${t.decorateColor}`])},e.toDisplayString(t.deputy),3)])],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",ve,[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",et,[e.createElementVNode("div",tt,[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",ot,[e.createElementVNode("div",nt,[e.createElementVNode("i",{class:e.normalizeClass(`cuIcon-${t.icon} text-${t.color}`)},null,2),e.renderSlot(t.$slots,"default")]),e.createElementVNode("div",lt,[e.renderSlot(t.$slots,"action")])]))}}),st={name:"TAvatar"},B=e.defineComponent({...st,props:{url:{},size:{default:"lg"},mode:{default:"round"}},setup(o){return(t,s)=>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))}}),ct={class:"cu-avatar-group"},rt={name:"TAvatarGroup"},O=e.defineComponent({...rt,props:{urls:{default:()=>[]},size:{default:"sm"},mode:{default:"round"}},setup(o){return(t,s)=>(e.openBlock(),e.createElementBlock("div",ct,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urls,(n,l)=>(e.openBlock(),e.createBlock(B,{key:l,url:n,size:t.size},null,8,["url","size"]))),128))]))}}),it=["disabled"],dt={key:1},mt={name:"TButton"},S=e.defineComponent({...mt,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(o){const t=o,s=e.computed(()=>["cu-btn",t.rounded?"round":"radius",t.shadow?"shadow":"",`bg-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),n=e.computed(()=>({cursor:t.disabled?"not-allowed":"pointer"})),l=e.computed(()=>({marginRight:t.text?"8px":"0"}));return(a,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(s.value),style:e.normalizeStyle(n.value),disabled:a.disabled},[e.renderSlot(a.$slots,"default"),a.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${a.icon}`),style:e.normalizeStyle(l.value)},null,6)):e.createCommentVNode("",!0),a.text?(e.openBlock(),e.createElementBlock("span",dt,e.toDisplayString(a.text),1)):e.createCommentVNode("",!0)],14,it))}}),pt={key:0},gt={name:"TTag"},b=e.defineComponent({...gt,props:{text:{},bg:{default:"blue"},size:{default:"default"},shape:{default:"default"},light:{type:Boolean,default:!1},line:{type:Boolean,default:!1}},setup(o){const t=o,s=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(" ")),n=e.computed(()=>({}));return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(s.value),style:e.normalizeStyle(n.value)},[e.renderSlot(l.$slots,"default"),l.text?(e.openBlock(),e.createElementBlock("span",pt,e.toDisplayString(l.text),1)):e.createCommentVNode("",!0)],6))}});$.install=o=>{o.component($.name,$)},I.install=o=>{o.component(I.name,I)},B.install=o=>{o.component(B.name,B)},O.install=o=>{o.component(O.name,O)},S.install=o=>{o.component(S.name,S)},b.install=o=>{o.component(b.name,b)};const ft=["onClick"],kt={key:0,class:"cuIcon-cu-image"},ht=["src"],_t={key:0,class:"cu-tag badge"},yt={key:0,class:"cu-tag badge"},Bt={name:"TNavBar"},w=e.defineComponent({...Bt,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(o){const t=o,s=(n,l)=>{t.onItemClick&&t.onItemClick(n,l)};return(n,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar tabbar",`bg-${n.bg} ${n.isFoot?"foot":""}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.items,(a,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:e.normalizeClass(["action",`text-${c===n.activeIndex?n.activeColor:n.color}`]),onClick:r=>s(a,c)},[a.img?(e.openBlock(),e.createElementBlock("div",kt,[e.createElementVNode("img",{src:a.img,style:{width:"21px",height:"21px"},class:"radius"},null,8,ht),a.badge?(e.openBlock(),e.createElementBlock("div",_t,e.toDisplayString(a.badge),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`cuIcon-${a.icon}`)},[a.badge?(e.openBlock(),e.createElementBlock("div",yt,e.toDisplayString(a.badge),1)):e.createCommentVNode("",!0)],2)),e.createElementVNode("div",null,e.toDisplayString(a.label),1)],10,ft))),128))],2))}});w.install=o=>{o.component(w.name,w)};const bt={key:0,class:"action"},Et={key:1},$t={class:"content text-bold"},ut={key:2,class:"action"},Ct={name:"TTopBar"},z=e.defineComponent({...Ct,props:{title:{},leftIcon:{},leftIconColor:{default:"gray"},leftText:{},rightIcon:{},rightIconColor:{default:"gray"},bg:{default:"white"},avatarUrl:{}},setup(o){return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${t.bg}`])},[t.leftIcon||t.leftText?(e.openBlock(),e.createElementBlock("div",bt,[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",Et,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",$t,e.toDisplayString(t.title),1),t.rightIcon?(e.openBlock(),e.createElementBlock("div",ut,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${t.rightIcon} text-${t.rightIconColor}`)},null,2)])):e.createCommentVNode("",!0)],2))}});z.install=o=>{o.component(z.name,z)};const Vt=e.createElementVNode("text",{class:"cuIcon-search"},null,-1),Nt=["placeholder"],It={class:"action"},St={key:0,class:"cu-btn bg-green shadow-blur round"},wt={key:0},zt={key:3},Tt={name:"TSearchBar"},T=e.defineComponent({...Tt,props:{placeholder:{default:""},bgColor:{default:"white"},borderRadiusClass:{default:"round"},avatarUrl:{},buttonText:{},location:{},locationIcon:{},actionIcon:{},actionText:{}},setup(o){const t=e.ref(0),s=l=>{t.value=l.detail.height},n=()=>{t.value=0};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${l.bgColor}`,"search"])},[l.avatarUrl?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${l.avatarUrl})`})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["search-form",l.borderRadiusClass])},[Vt,e.createElementVNode("input",{onFocus:s,onBlur:n,"adjust-position":!1,type:"text",placeholder:l.placeholder,"confirm-type":"search"},null,40,Nt)],2),e.createElementVNode("div",It,[l.buttonText?(e.openBlock(),e.createElementBlock("button",St,e.toDisplayString(l.buttonText),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.location?(e.openBlock(),e.createElementBlock("text",wt,e.toDisplayString(l.location),1)):e.createCommentVNode("",!0),l.locationIcon?(e.openBlock(),e.createElementBlock("text",{key:1,class:e.normalizeClass(`cuIcon-${l.locationIcon}`)},null,2)):e.createCommentVNode("",!0),l.actionIcon?(e.openBlock(),e.createElementBlock("text",{key:2,class:e.normalizeClass(`cuIcon-${l.actionIcon}`)},null,2)):e.createCommentVNode("",!0),l.actionText?(e.openBlock(),e.createElementBlock("text",zt,e.toDisplayString(l.actionText),1)):e.createCommentVNode("",!0)],64))])],2))}});T.install=o=>{o.component(T.name,T)};const Dt={key:0,class:"string-list"},xt=["innerHTML","onClick"],jt=u(e.defineComponent({__name:"CandidateBox",props:{text:{},stringArray:{default:()=>[]}},emits:["send"],setup(o,{emit:t}){const s=t,n=o,l=(c="",r)=>{s("send",c,r)},a=e.computed(()=>n.stringArray.map(c=>{if(!n.text)return c.text;let r="";for(let g of c.text)n.text.includes(g)?r+=`<span style="color:#ff0000">${g}</span>`:r+=g;return r}));return(c,r)=>c.stringArray.length?(e.openBlock(),e.createElementBlock("ul",Dt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,(g,p)=>(e.openBlock(),e.createElementBlock("li",{key:p,innerHTML:g,onClick:m=>l(c.stringArray[p].text,c.stringArray[p])},null,8,xt))),128))])):e.createCommentVNode("",!0)}}),[["__scopeId","data-v-c7a21a1c"]]),Ft=["😀","😁","😂","😃","😄","😅","😆","😉","😊","😋","😎","😍","😘","😗","😙","😚","☺","😇","😐","😑","😶","😏","😣","😥","😮","😯","😪","😫","😴","😌","😛","😜","😝","😒","😓","😔","😕","😲","😷","😖","😞","😟","😤","😢","😭","😦","😧","😨","😬","😰","😱","😳","😵","😡","😠","😈","👿","👹","👺","💀","☠","👻","👽"],Lt=["onClick"],Mt=u(e.defineComponent({__name:"EmojiPanel",emits:["addEmoji"],setup(o,{emit:t}){const s=t,n=l=>{s("addEmoji",l)};return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:"emoji-panel",ref:"emojiPanel",onClick:a[0]||(a[0]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(Ft),c=>(e.openBlock(),e.createElementBlock("span",{key:c,onClick:r=>n(c)},e.toDisplayString(c),9,Lt))),128))],512))}}),[["__scopeId","data-v-e9a4aa4d"]]),qt={class:"function-panel-container"},At=["onClick"],Pt=u(e.defineComponent({__name:"FunctionPanel",props:{items:{}},setup(o){const t=e.ref(null);return e.onMounted(()=>{}),(s,n)=>{const l=e.resolveComponent("TIcon");return e.openBlock(),e.createElementBlock("div",qt,[e.createElementVNode("div",{class:"function-panel",ref_key:"functionPanel",ref:t},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,(a,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:"function-item",onClick:a.event},[e.createVNode(l,{name:a.icon,color:a.color,size:26},null,8,["name","color"]),e.createElementVNode("span",null,e.toDisplayString(a.text),1)],8,At))),128))],512)])}}}),[["__scopeId","data-v-1fefca20"]]),Ut={class:"cu-bar input"},Rt={key:0,class:"action"},Ot={key:1,class:"action"},Gt=["value"],Kt={class:"action"},Ht={name:"TInputBar"},Xt=e.defineComponent({...Ht,props:{modelValue:{},leftIcon:{},middleIcon:{},rightIcon:{},buttonText:{default:"发送"},stringArray:{default:()=>[]},functionItems:{default:()=>[]}},emits:["update:modelValue","send"],setup(o,{emit:t}){const s=e.ref(0),n=e.ref(!1),l=e.ref(!1),a=t,c=o,r=d=>{s.value=d.detail.height},g=()=>{s.value=0},p=(d="",k)=>{d?a("send",d,k):a("send",c.modelValue),a("update:modelValue",""),n.value=!1},m=()=>{l.value=!1,n.value=!n.value},f=()=>{n.value=!1,l.value=!l.value},h=d=>{a("update:modelValue",c.modelValue+d)},_=d=>{const k=d.target;a("update:modelValue",k.value)};return e.onMounted(()=>{}),e.onUnmounted(()=>{}),(d,k)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(jt,{text:d.modelValue,"string-array":d.stringArray,onSend:p},null,8,["text","string-array"]),e.createElementVNode("div",Ut,[d.leftIcon?(e.openBlock(),e.createElementBlock("div",Rt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${d.leftIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),d.middleIcon?(e.openBlock(),e.createElementBlock("div",Ot,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${d.middleIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("input",{onFocus:r,onBlur:g,onKeydown:k[0]||(k[0]=e.withKeys(G=>p(),["enter"])),onConfirm:k[1]||(k[1]=G=>p()),"adjust-position":!1,class:"solid-bottom",maxlength:"300","cursor-spacing":"10",value:d.modelValue,onInput:_},null,40,Gt),e.createElementVNode("div",Kt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${d.rightIcon} text-grey`),onClick:e.withModifiers(m,["stop"])},null,2),d.functionItems&&d.functionItems.length>0?(e.openBlock(),e.createElementBlock("text",{key:0,class:e.normalizeClass("cuIcon-roundaddfill text-grey"),onClick:e.withModifiers(f,["stop"])})):e.createCommentVNode("",!0)]),e.createElementVNode("button",{class:"cu-btn bg-green shadow-blur round",onClick:k[2]||(k[2]=G=>p())},e.toDisplayString(d.buttonText),1)]),e.withDirectives(e.createVNode(Mt,{onAddEmoji:h},null,512),[[e.vShow,n.value]]),e.withDirectives(e.createVNode(Pt,{items:d.functionItems},null,8,["items"]),[[e.vShow,l.value]])],64))}}),D=u(Xt,[["__scopeId","data-v-7b4ca731"]]);D.install=o=>{o.component(D.name,D)};const Jt=["onClick"],Qt={class:"tab-content"},Wt={name:"TTabs"},x=e.defineComponent({...Wt,props:{modelValue:{default:0},center:{type:Boolean,default:!1},bg:{default:"white"},text:{},isCard:{type:Boolean,default:!1},mode:{default:"flex-start"},bold:{type:Boolean,default:!1},color:{default:"blue"},line:{type:Boolean,default:!0}},emits:["update:modelValue","select"],setup(o,{emit:t}){const s=o,n=t,l=e.ref([]),a=e.ref(s.modelValue),c=(m,f)=>{a.value=m,n("update:modelValue",m),n("select",f)},r=m=>(l.value.push(m),l.value.length-1);e.provide("registerTab",r),e.provide("activeTab",a);const g=e.computed(()=>s.center!==!1?"justify-content:center;":`justify-content:${s.mode}`),p=e.computed(()=>m=>{let f=[];return a.value===m&&(f.push(`text-${s.color}`),s.bold!==!1&&f.push("text-bold"),s.line!==!1&&f.push("cur")),f});return e.watch(()=>s.modelValue,m=>{a.value=m},{immediate:!0}),(m,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(m.isCard!==!1?"is-card":"")},[e.createElementVNode("div",{class:e.normalizeClass(["nav flex",[,`bg-${m.bg}`,`text-${m.text}`]]),style:e.normalizeStyle(g.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(h,_)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",p.value(_)]),key:_,onClick:d=>c(_,h)},[h.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${h.icon} text-${a.value===_?m.color:h.iconColor}`)},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(h.label),1)],10,Jt))),128))],6),e.createElementVNode("div",Qt,[e.renderSlot(m.$slots,"default",{tab:l.value[a.value]})])],2))}}),Yt={name:"TTab"},j=e.defineComponent({...Yt,props:{label:{},icon:{default:""},iconColor:{default:"black"}},setup(o){const t=o,s=e.inject("registerTab"),n=e.inject("activeTab"),l=e.ref(null),a=e.computed(()=>(n==null?void 0:n.value)===l.value),c=e.computed(()=>({label:t.label,icon:t.icon,iconColor:t.iconColor}));return e.onMounted(()=>{s&&(l.value=s({label:t.label,icon:t.icon,iconColor:t.iconColor}))}),(r,g)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(r.$slots,"default"),e.renderSlot(r.$slots,"custom",{tab:c.value})],512)),[[e.vShow,a.value]])}});x.install=o=>{o.component(x.name,x)},j.install=o=>{o.component(j.name,j)};/*!
   * vue-router v4.3.3
   * (c) 2024 Eduardo San Martin Morote
   * @license MIT

package/package.json

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

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

@@ -1,7 +1,7 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     text?: string | undefined;
     bg?: BgColorName | undefined;
-    size?: string | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | undefined;
     rounded?: boolean | undefined;
     icon?: string | undefined;
     disabled?: boolean | undefined;
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     text?: string | undefined;
     bg?: BgColorName | undefined;
-    size?: string | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | undefined;
     rounded?: boolean | undefined;
     icon?: string | undefined;
     disabled?: boolean | undefined;
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     bg: BgColorName;
     shadow: boolean;
     rounded: boolean;
-    size: string;
+    size: "sm" | "lg" | "xl" | "default";
     disabled: boolean;
 }, {}>, {
     default?(_: {}): any;