vue-color-ui 0.0.27 → 0.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/style.css CHANGED
@@ -1 +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}.emoji-panel[data-v-d4e6c6ec]{position:absolute;bottom:50px;background-color:#fff;border:1px solid #ccc;padding:10px;display:flex;flex-wrap:wrap;z-index:1000}.emoji-panel span[data-v-d4e6c6ec]{cursor:pointer;font-size:24px;margin:5px}input[data-v-d4e6c6ec]:focus{outline:none}.string-list[data-v-d4e6c6ec]{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-d4e6c6ec]{line-height:1.5rem;padding:8px 12px;border-bottom:1px solid #eee;transition:background-color .3s,color .3s}.string-list li[data-v-d4e6c6ec]:last-child{border-bottom:none}.string-list li[data-v-d4e6c6ec]:hover{background-color:#f0f0f0;color:#333;cursor:pointer;border-radius:4px}.tab-content{padding:10px 16px;background:#fff}
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}.emoji-panel[data-v-2583f2e3]{position:absolute;bottom:50px;background-color:#fff;border:1px solid #ccc;padding:10px;display:flex;flex-wrap:wrap;z-index:1000}.emoji-panel span[data-v-2583f2e3]{cursor:pointer;font-size:24px;margin:5px}input[data-v-2583f2e3]:focus{outline:none}.string-list[data-v-2583f2e3]{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-2583f2e3]{line-height:1.5rem;padding:8px 12px;border-bottom:1px solid #eee;transition:background-color .3s,color .3s}.string-list li[data-v-2583f2e3]:last-child{border-bottom:none}.string-list li[data-v-2583f2e3]:hover{background-color:#f0f0f0;color:#333;cursor:pointer;border-radius:4px}.tab-content{padding:10px 16px;background:#fff}
@@ -1,4 +1,4 @@
1
- import { defineComponent as m, openBlock as o, createElementBlock as l, Fragment as p, renderList as v, normalizeClass as r, normalizeStyle as b, createElementVNode as s, toDisplayString as i, createTextVNode as _, createCommentVNode as d, pushScopeId as me, popScopeId as he, computed as k, renderSlot as $, createBlock as w, ref as V, onMounted as fe, onUnmounted as _e, withKeys as ve, withModifiers as ae, provide as ce, watch as be, inject as te, withDirectives as $e, vShow as ye, withCtx as ee, resolveComponent as ke, createVNode as ie } from "vue";
1
+ import { defineComponent as m, openBlock as o, createElementBlock as l, Fragment as p, renderList as v, normalizeClass as r, normalizeStyle as y, createElementVNode as s, toDisplayString as i, createTextVNode as _, createCommentVNode as d, pushScopeId as me, popScopeId as he, computed as C, renderSlot as I, createBlock as T, ref as V, onMounted as fe, onUnmounted as _e, withKeys as ve, withModifiers as ae, provide as ce, watch as be, inject as se, withDirectives as $e, vShow as ye, withCtx as ee, resolveComponent as ke, createVNode as ie } from "vue";
2
2
  const Ie = { class: "nav-list" }, Ce = ["url"], we = { class: "nav-title" }, xe = { class: "nav-name" }, Te = {
3
3
  name: "TNavCard"
4
4
  }, E = /* @__PURE__ */ m({
@@ -13,7 +13,7 @@ const Ie = { class: "nav-list" }, Ce = ["url"], we = { class: "nav-title" }, xe
13
13
  url: "/pages/basics/" + n.name,
14
14
  class: r(["nav-li", "bg-" + n.color]),
15
15
  navigateTo: "",
16
- style: b([{ animation: "show " + ((a + 1) * 0.2 + 1) + "s 1" }]),
16
+ style: y([{ animation: "show " + ((a + 1) * 0.2 + 1) + "s 1" }]),
17
17
  key: a
18
18
  }, [
19
19
  s("div", we, i(n.title), 1),
@@ -28,11 +28,11 @@ const Ie = { class: "nav-list" }, Ce = ["url"], we = { class: "nav-title" }, xe
28
28
  E.install = (t) => {
29
29
  t.component(E.name, E);
30
30
  };
31
- const oe = (t) => (me("data-v-bbdb83ff"), t = t(), he(), t), Be = { class: "cu-item shadow" }, Se = { class: "title" }, je = { class: "text-cut" }, Ve = { class: "content" }, ze = ["src", "alt"], qe = { class: "desc" }, Ne = { class: "text-content" }, Ee = {
31
+ const ne = (t) => (me("data-v-bbdb83ff"), t = t(), he(), t), Be = { class: "cu-item shadow" }, Se = { class: "title" }, je = { class: "text-cut" }, Ve = { class: "content" }, ze = ["src", "alt"], qe = { class: "desc" }, Ne = { class: "text-content" }, Ee = {
32
32
  key: 0,
33
33
  class: "content flex-sub justify-between text-sm solid-top margin-top-sm",
34
34
  style: { padding: "5px 15px" }
35
- }, Ae = { class: "text-gray" }, De = /* @__PURE__ */ oe(() => /* @__PURE__ */ s("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1)), Le = /* @__PURE__ */ oe(() => /* @__PURE__ */ s("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1)), Ue = /* @__PURE__ */ oe(() => /* @__PURE__ */ s("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1)), Me = { class: "margin-left-sm text-gray flex justify-between" }, Fe = { class: "text-grey margin-right-xs" }, Oe = {
35
+ }, Ae = { class: "text-gray" }, De = /* @__PURE__ */ ne(() => /* @__PURE__ */ s("span", { class: "cuIcon-attentionfill margin-lr-xs" }, null, -1)), Le = /* @__PURE__ */ ne(() => /* @__PURE__ */ s("span", { class: "cuIcon-appreciatefill margin-lr-xs" }, null, -1)), Ue = /* @__PURE__ */ ne(() => /* @__PURE__ */ s("span", { class: "cuIcon-messagefill margin-lr-xs" }, null, -1)), Me = { class: "margin-left-sm text-gray flex justify-between" }, Fe = { class: "text-grey margin-right-xs" }, Oe = {
36
36
  name: "TNewCard"
37
37
  // 组件名称
38
38
  }, Re = /* @__PURE__ */ m({
@@ -164,7 +164,7 @@ const Ge = { class: "cu-item shadow" }, Pe = { class: "cu-list menu-avatar" }, K
164
164
  s("div", Ke, [
165
165
  s("div", {
166
166
  class: "cu-avatar round lg",
167
- style: b({ backgroundImage: `url(${e.avatarUrl})` })
167
+ style: y({ backgroundImage: `url(${e.avatarUrl})` })
168
168
  }, null, 4),
169
169
  s("div", He, [
170
170
  s("div", null, i(e.author), 1),
@@ -178,7 +178,7 @@ const Ge = { class: "cu-item shadow" }, Pe = { class: "cu-list menu-avatar" }, K
178
178
  }, [
179
179
  (o(!0), l(p, null, v(e.isCard ? 9 : 1, (n) => (o(), l("div", {
180
180
  class: r(["bg-img", e.isCard ? "" : "only-img"]),
181
- style: b({ backgroundImage: `url(${e.imageUrl})` }),
181
+ style: y({ backgroundImage: `url(${e.imageUrl})` }),
182
182
  key: n
183
183
  }, null, 6))), 128))
184
184
  ], 2),
@@ -199,7 +199,7 @@ const Ge = { class: "cu-item shadow" }, Pe = { class: "cu-list menu-avatar" }, K
199
199
  s("div", et, [
200
200
  s("div", {
201
201
  class: "cu-avatar round",
202
- style: b({ backgroundImage: `url(${n.avatarUrl})` })
202
+ style: y({ backgroundImage: `url(${n.avatarUrl})` })
203
203
  }, null, 4),
204
204
  s("div", tt, [
205
205
  s("div", st, i(n.author), 1),
@@ -264,10 +264,10 @@ const mt = {
264
264
  size: { default: 15 }
265
265
  },
266
266
  setup(t) {
267
- const e = t, c = k(() => pt(e.size));
267
+ const e = t, c = C(() => pt(e.size));
268
268
  return (n, a) => (o(), l("i", {
269
269
  class: r(`cuIcon-${n.name} text-${n.color}`),
270
- style: b(c.value)
270
+ style: y(c.value)
271
271
  }, null, 6));
272
272
  }
273
273
  }), ht = { class: "action border-title" }, _t = { class: "action border-title" }, vt = { class: "tib text-xl text-bold text-blue" }, bt = /* @__PURE__ */ s("div", {
@@ -361,10 +361,10 @@ const mt = {
361
361
  s("i", {
362
362
  class: r(`cuIcon-${e.icon} text-${e.color}`)
363
363
  }, null, 2),
364
- $(e.$slots, "default")
364
+ I(e.$slots, "default")
365
365
  ]),
366
366
  s("div", St, [
367
- $(e.$slots, "action")
367
+ I(e.$slots, "action")
368
368
  ])
369
369
  ]));
370
370
  }
@@ -381,12 +381,12 @@ const mt = {
381
381
  return (e, c) => e.url ? (o(), l("div", {
382
382
  key: 0,
383
383
  class: r(["cu-avatar", e.size, e.mode]),
384
- style: b({ backgroundImage: `url(${e.url})` })
384
+ style: y({ backgroundImage: `url(${e.url})` })
385
385
  }, null, 6)) : (o(), l("div", {
386
386
  key: 1,
387
387
  class: r(["padding-xs", ["cu-avatar", e.size, e.mode]])
388
388
  }, [
389
- $(e.$slots, "default")
389
+ I(e.$slots, "default")
390
390
  ], 2));
391
391
  }
392
392
  }), zt = { class: "cu-avatar-group" }, qt = {
@@ -400,7 +400,7 @@ const mt = {
400
400
  },
401
401
  setup(t) {
402
402
  return (e, c) => (o(), l("div", zt, [
403
- (o(!0), l(p, null, v(e.urls, (n, a) => (o(), w(z, {
403
+ (o(!0), l(p, null, v(e.urls, (n, a) => (o(), T(z, {
404
404
  key: a,
405
405
  url: n,
406
406
  size: e.size
@@ -421,27 +421,27 @@ const mt = {
421
421
  shadow: { type: Boolean, default: !1 }
422
422
  },
423
423
  setup(t) {
424
- const e = t, c = k(() => [
424
+ const e = t, c = C(() => [
425
425
  "cu-btn",
426
426
  e.rounded ? "round" : "radius",
427
427
  e.shadow ? "shadow" : "",
428
428
  `bg-${e.bg}`,
429
429
  e.size !== "default" ? e.size : ""
430
- ].join(" ")), n = k(() => ({
430
+ ].join(" ")), n = C(() => ({
431
431
  cursor: e.disabled ? "not-allowed" : "pointer"
432
- })), a = k(() => ({
432
+ })), a = C(() => ({
433
433
  marginRight: e.text ? "8px" : "0"
434
434
  }));
435
435
  return (u, f) => (o(), l("button", {
436
436
  class: r(c.value),
437
- style: b(n.value),
437
+ style: y(n.value),
438
438
  disabled: u.disabled
439
439
  }, [
440
- $(u.$slots, "default"),
440
+ I(u.$slots, "default"),
441
441
  u.icon ? (o(), l("i", {
442
442
  key: 0,
443
443
  class: r(`cuIcon-${u.icon}`),
444
- style: b(a.value)
444
+ style: y(a.value)
445
445
  }, null, 6)) : d("", !0),
446
446
  u.text ? (o(), l("span", Et, i(u.text), 1)) : d("", !0)
447
447
  ], 14, Nt));
@@ -459,18 +459,18 @@ const mt = {
459
459
  line: { type: Boolean, default: !1 }
460
460
  },
461
461
  setup(t) {
462
- const e = t, c = k(() => [
462
+ const e = t, c = C(() => [
463
463
  "cu-tag",
464
464
  e.shape !== "default" ? e.shape : "",
465
465
  e.light !== !1 ? "light" : "",
466
466
  `${e.line !== !1 ? "line" : "bg"}-${e.bg}`,
467
467
  e.size !== "default" ? e.size : ""
468
- ].join(" ")), n = k(() => ({}));
468
+ ].join(" ")), n = C(() => ({}));
469
469
  return (a, u) => (o(), l("div", {
470
470
  class: r(c.value),
471
- style: b(n.value)
471
+ style: y(n.value)
472
472
  }, [
473
- $(a.$slots, "default"),
473
+ I(a.$slots, "default"),
474
474
  a.text ? (o(), l("span", Dt, i(a.text), 1)) : d("", !0)
475
475
  ], 6));
476
476
  }
@@ -603,7 +603,7 @@ const Pt = {
603
603
  e.avatarUrl ? (o(), l("div", {
604
604
  key: 1,
605
605
  class: "cu-avatar round",
606
- style: b({ backgroundImage: `url(${e.avatarUrl})` })
606
+ style: y({ backgroundImage: `url(${e.avatarUrl})` })
607
607
  }, null, 4)) : d("", !0),
608
608
  s("div", Ht, i(e.title), 1),
609
609
  e.rightIcon ? (o(), l("div", Xt, [
@@ -647,7 +647,7 @@ const Qt = /* @__PURE__ */ s("text", { class: "cuIcon-search" }, null, -1), Wt =
647
647
  a.avatarUrl ? (o(), l("div", {
648
648
  key: 0,
649
649
  class: "cu-avatar round",
650
- style: b({ backgroundImage: `url(${a.avatarUrl})` })
650
+ style: y({ backgroundImage: `url(${a.avatarUrl})` })
651
651
  }, null, 4)) : d("", !0),
652
652
  s("div", {
653
653
  class: r(["search-form", a.borderRadiusClass])
@@ -685,7 +685,7 @@ R.install = (t) => {
685
685
  const os = {
686
686
  key: 0,
687
687
  class: "string-list"
688
- }, ns = ["innerHTML"], ls = { class: "cu-bar input" }, as = {
688
+ }, ns = ["innerHTML", "onClick"], ls = { class: "cu-bar input" }, as = {
689
689
  key: 0,
690
690
  class: "action"
691
691
  }, cs = {
@@ -709,28 +709,28 @@ const os = {
709
709
  },
710
710
  emits: ["update:modelValue", "send"],
711
711
  setup(t, { emit: e }) {
712
- const c = V(0), n = V(!1), a = V(null), u = e, f = t, g = (y) => {
713
- c.value = y.detail.height;
714
- }, x = () => {
712
+ const c = V(0), n = V(!1), a = V(null), u = e, f = t, g = (b) => {
713
+ c.value = b.detail.height;
714
+ }, B = () => {
715
715
  c.value = 0;
716
- }, T = () => {
717
- u("send", f.modelValue), u("update:modelValue", ""), n.value = !1;
716
+ }, w = (b) => {
717
+ b ? u("send", b) : u("send", f.modelValue), u("update:modelValue", ""), n.value = !1;
718
718
  }, h = () => {
719
719
  n.value = !n.value;
720
- }, I = (y) => {
721
- u("update:modelValue", f.modelValue + y);
722
- }, S = (y) => {
723
- const B = y.target;
724
- u("update:modelValue", B.value);
725
- }, j = (y) => {
726
- a.value && !a.value.contains(y.target) && (n.value = !1);
727
- }, ne = k(() => f.stringArray.map((y) => {
720
+ }, x = (b) => {
721
+ u("update:modelValue", f.modelValue + b);
722
+ }, S = (b) => {
723
+ const $ = b.target;
724
+ u("update:modelValue", $.value);
725
+ }, j = (b) => {
726
+ a.value && !a.value.contains(b.target) && (n.value = !1);
727
+ }, le = C(() => f.stringArray.map((b) => {
728
728
  if (!f.modelValue)
729
- return y;
730
- let B = "";
731
- for (let C of y)
732
- f.modelValue.includes(C) ? B += `<span style="color:#ff0000">${C}</span>` : B += C;
733
- return B;
729
+ return b;
730
+ let $ = "";
731
+ for (let k of b)
732
+ f.modelValue.includes(k) ? $ += `<span style="color:#ff0000">${k}</span>` : $ += k;
733
+ return $;
734
734
  }));
735
735
  fe(() => {
736
736
  document.addEventListener("click", j);
@@ -802,11 +802,12 @@ const os = {
802
802
  "👻",
803
803
  "👽"
804
804
  ];
805
- return (y, B) => (o(), l(p, null, [
805
+ return (b, $) => (o(), l(p, null, [
806
806
  t.stringArray.length ? (o(), l("ul", os, [
807
- (o(!0), l(p, null, v(ne.value, (C, le) => (o(), l("li", {
808
- key: le,
809
- innerHTML: C
807
+ (o(!0), l(p, null, v(le.value, (k, te) => (o(), l("li", {
808
+ key: te,
809
+ innerHTML: k,
810
+ onClick: (vo) => w(t.stringArray[te])
810
811
  }, null, 8, ns))), 128))
811
812
  ])) : d("", !0),
812
813
  s("div", ls, [
@@ -822,9 +823,9 @@ const os = {
822
823
  ])) : d("", !0),
823
824
  s("input", {
824
825
  onFocus: g,
825
- onBlur: x,
826
- onKeydown: ve(T, ["enter"]),
827
- onConfirm: T,
826
+ onBlur: B,
827
+ onKeydown: $[0] || ($[0] = ve((k) => w(), ["enter"])),
828
+ onConfirm: $[1] || ($[1] = (k) => w()),
828
829
  "adjust-position": !1,
829
830
  class: "solid-bottom",
830
831
  maxlength: "300",
@@ -840,25 +841,25 @@ const os = {
840
841
  ]),
841
842
  s("button", {
842
843
  class: "cu-btn bg-green shadow-blur round",
843
- onClick: T
844
+ onClick: $[2] || ($[2] = (k) => w())
844
845
  }, i(t.buttonText), 1),
845
846
  n.value ? (o(), l("div", {
846
847
  key: 2,
847
848
  class: "emoji-panel",
848
849
  ref_key: "emojiPanel",
849
850
  ref: a,
850
- onClick: B[0] || (B[0] = ae(() => {
851
+ onClick: $[3] || ($[3] = ae(() => {
851
852
  }, ["stop"]))
852
853
  }, [
853
- (o(), l(p, null, v(pe, (C) => s("span", {
854
- key: C,
855
- onClick: (le) => I(C)
856
- }, i(C), 9, us)), 64))
854
+ (o(), l(p, null, v(pe, (k) => s("span", {
855
+ key: k,
856
+ onClick: (te) => x(k)
857
+ }, i(k), 9, us)), 64))
857
858
  ], 512)) : d("", !0)
858
859
  ])
859
860
  ], 64));
860
861
  }
861
- }), G = /* @__PURE__ */ ge(fs, [["__scopeId", "data-v-d4e6c6ec"]]);
862
+ }), G = /* @__PURE__ */ ge(fs, [["__scopeId", "data-v-2583f2e3"]]);
862
863
  G.install = (t) => {
863
864
  t.component(G.name, G);
864
865
  };
@@ -879,13 +880,13 @@ const gs = ["onClick"], ps = { class: "tab-content" }, ms = {
879
880
  },
880
881
  emits: ["update:modelValue", "select"],
881
882
  setup(t, { emit: e }) {
882
- const c = t, n = e, a = V([]), u = V(c.modelValue), f = (h, I) => {
883
- u.value = h, n("update:modelValue", h), n("select", I);
883
+ const c = t, n = e, a = V([]), u = V(c.modelValue), f = (h, x) => {
884
+ u.value = h, n("update:modelValue", h), n("select", x);
884
885
  };
885
886
  ce("registerTab", (h) => (a.value.push(h), a.value.length - 1)), ce("activeTab", u);
886
- const x = k(() => c.center !== !1 ? "justify-content:center;" : `justify-content:${c.mode}`), T = k(() => (h) => {
887
- let I = [];
888
- return u.value === h && (I.push(`text-${c.color}`), c.bold !== !1 && I.push("text-bold"), c.line !== !1 && I.push("cur")), I;
887
+ const B = C(() => c.center !== !1 ? "justify-content:center;" : `justify-content:${c.mode}`), w = C(() => (h) => {
888
+ let x = [];
889
+ return u.value === h && (x.push(`text-${c.color}`), c.bold !== !1 && x.push("text-bold"), c.line !== !1 && x.push("cur")), x;
889
890
  });
890
891
  return be(
891
892
  () => c.modelValue,
@@ -895,17 +896,17 @@ const gs = ["onClick"], ps = { class: "tab-content" }, ms = {
895
896
  {
896
897
  immediate: !0
897
898
  }
898
- ), (h, I) => (o(), l("div", {
899
+ ), (h, x) => (o(), l("div", {
899
900
  class: r(h.isCard !== !1 ? "is-card" : "")
900
901
  }, [
901
902
  s("div", {
902
903
  class: r(["nav flex", [, `bg-${h.bg}`, `text-${h.text}`]]),
903
- style: b(x.value)
904
+ style: y(B.value)
904
905
  }, [
905
906
  (o(!0), l(p, null, v(a.value, (S, j) => (o(), l("div", {
906
- class: r(["cu-item", T.value(j)]),
907
+ class: r(["cu-item", w.value(j)]),
907
908
  key: j,
908
- onClick: (ne) => f(j, S)
909
+ onClick: (le) => f(j, S)
909
910
  }, [
910
911
  S.icon ? (o(), l("i", {
911
912
  key: 0,
@@ -915,7 +916,7 @@ const gs = ["onClick"], ps = { class: "tab-content" }, ms = {
915
916
  ], 10, gs))), 128))
916
917
  ], 6),
917
918
  s("div", ps, [
918
- $(h.$slots, "default", {
919
+ I(h.$slots, "default", {
919
920
  tab: a.value[u.value]
920
921
  })
921
922
  ])
@@ -931,9 +932,9 @@ const gs = ["onClick"], ps = { class: "tab-content" }, ms = {
931
932
  iconColor: { default: "black" }
932
933
  },
933
934
  setup(t) {
934
- const e = t, c = te(
935
+ const e = t, c = se(
935
936
  "registerTab"
936
- ), n = te("activeTab"), a = V(null), u = k(() => (n == null ? void 0 : n.value) === a.value), f = k(() => ({
937
+ ), n = se("activeTab"), a = V(null), u = C(() => (n == null ? void 0 : n.value) === a.value), f = C(() => ({
937
938
  label: e.label,
938
939
  icon: e.icon,
939
940
  iconColor: e.iconColor
@@ -944,9 +945,9 @@ const gs = ["onClick"], ps = { class: "tab-content" }, ms = {
944
945
  icon: e.icon,
945
946
  iconColor: e.iconColor
946
947
  }));
947
- }), (g, x) => $e((o(), l("div", null, [
948
- $(g.$slots, "default"),
949
- $(g.$slots, "custom", { tab: f.value })
948
+ }), (g, B) => $e((o(), l("div", null, [
949
+ I(g.$slots, "default"),
950
+ I(g.$slots, "custom", { tab: f.value })
950
951
  ], 512)), [
951
952
  [ye, u.value]
952
953
  ]);
@@ -982,7 +983,7 @@ const _s = Symbol(process.env.NODE_ENV !== "production" ? "router" : "");
982
983
  Symbol(process.env.NODE_ENV !== "production" ? "route location" : "");
983
984
  Symbol(process.env.NODE_ENV !== "production" ? "router view location" : "");
984
985
  function vs() {
985
- return te(_s);
986
+ return se(_s);
986
987
  }
987
988
  const bs = ["onClick"], $s = {
988
989
  key: 0,
@@ -1080,8 +1081,8 @@ const bs = ["onClick"], $s = {
1080
1081
  (o(!0), l(p, null, v(a.cuIconList, (f, g) => (o(), l("div", {
1081
1082
  class: "cu-item",
1082
1083
  key: g,
1083
- style: b(`width: calc(100% / ${a.gridCol})`),
1084
- onClick: (x) => n(f)
1084
+ style: y(`width: calc(100% / ${a.gridCol})`),
1085
+ onClick: (B) => n(f)
1085
1086
  }, [
1086
1087
  s("div", {
1087
1088
  class: r(["cuIcon-" + f.cuIcon, "text-" + f.color])
@@ -1195,7 +1196,7 @@ const Is = { class: "content" }, Cs = ["src", "alt"], ws = { class: "text-grey"
1195
1196
  class: r(["cu-item", c.menuArrow ? "arrow" : ""])
1196
1197
  }, [
1197
1198
  s("div", Is, [
1198
- a.icon ? (o(), w(N, {
1199
+ a.icon ? (o(), T(N, {
1199
1200
  key: 0,
1200
1201
  class: "icon",
1201
1202
  name: a.icon.name,
@@ -1210,7 +1211,7 @@ const Is = { class: "content" }, Cs = ["src", "alt"], ws = { class: "text-grey"
1210
1211
  s("text", ws, i(a.title), 1)
1211
1212
  ]),
1212
1213
  s("div", xs, [
1213
- a.group ? (o(), w(U, {
1214
+ a.group ? (o(), T(U, {
1214
1215
  key: 0,
1215
1216
  urls: a.group
1216
1217
  }, null, 8, ["urls"])) : d("", !0),
@@ -1223,14 +1224,14 @@ const Is = { class: "content" }, Cs = ["src", "alt"], ws = { class: "text-grey"
1223
1224
  return e((g = a.btn) == null ? void 0 : g.event);
1224
1225
  }
1225
1226
  }, [
1226
- a.btn.icon ? (o(), w(N, {
1227
+ a.btn.icon ? (o(), T(N, {
1227
1228
  key: 0,
1228
1229
  name: a.btn.icon,
1229
1230
  color: "white"
1230
1231
  }, null, 8, ["name"])) : d("", !0),
1231
1232
  _(" " + i(a.btn.text), 1)
1232
1233
  ], 10, Bs)) : d("", !0),
1233
- a.tags ? (o(!0), l(p, { key: 3 }, v(a.tags, (f, g) => (o(), w(q, {
1234
+ a.tags ? (o(!0), l(p, { key: 3 }, v(a.tags, (f, g) => (o(), T(q, {
1234
1235
  size: f.size,
1235
1236
  key: g,
1236
1237
  bg: f.bg,
@@ -1256,7 +1257,7 @@ const Vs = {
1256
1257
  class: "cu-tag badge"
1257
1258
  }, zs = { class: "content" }, qs = { class: "flex align-center" }, Ns = { class: "text-cut text-black" }, Es = { class: "text-gray text-sm flex" }, As = { class: "text-cut" }, Ds = { class: "action" }, Ls = { class: "text-grey text-xs" }, Us = {
1258
1259
  name: "ChatListItem"
1259
- }, se = /* @__PURE__ */ m({
1260
+ }, oe = /* @__PURE__ */ m({
1260
1261
  ...Us,
1261
1262
  props: {
1262
1263
  userinfo: {},
@@ -1287,9 +1288,9 @@ const Vs = {
1287
1288
  }, [
1288
1289
  s("div", {
1289
1290
  class: r(["cu-avatar", c.userinfo.avatarShape, "lg", `bg-${c.avatarBg}`]),
1290
- style: b({ backgroundImage: `url(${c.userinfo.avatar})` })
1291
+ style: y({ backgroundImage: `url(${c.userinfo.avatar})` })
1291
1292
  }, [
1292
- (u = c.userinfo) != null && u.avatar ? d("", !0) : (o(), w(a, {
1293
+ (u = c.userinfo) != null && u.avatar ? d("", !0) : (o(), T(a, {
1293
1294
  key: 0,
1294
1295
  name: c.avatarName,
1295
1296
  size: 36,
@@ -1307,7 +1308,7 @@ const Vs = {
1307
1308
  ]),
1308
1309
  s("div", Es, [
1309
1310
  s("div", As, [
1310
- $(c.$slots, "default")
1311
+ I(c.$slots, "default")
1311
1312
  ])
1312
1313
  ])
1313
1314
  ]),
@@ -1333,7 +1334,7 @@ const Vs = {
1333
1334
  },
1334
1335
  setup(t) {
1335
1336
  return (e, c) => (o(), l("div", Ms, [
1336
- (o(!0), l(p, null, v(e.items, (n, a) => (o(), w(se, {
1337
+ (o(!0), l(p, null, v(e.items, (n, a) => (o(), T(oe, {
1337
1338
  "avatar-name": n.avatarName,
1338
1339
  "avatar-bg": n.avatarBg,
1339
1340
  time: n.time,
@@ -1349,7 +1350,7 @@ const Vs = {
1349
1350
  event: n.event
1350
1351
  }, {
1351
1352
  default: ee(() => [
1352
- $(e.$slots, "default", { item: n }, () => [
1353
+ I(e.$slots, "default", { item: n }, () => [
1353
1354
  _(i(n.content), 1)
1354
1355
  ])
1355
1356
  ]),
@@ -1359,7 +1360,7 @@ const Vs = {
1359
1360
  }
1360
1361
  });
1361
1362
  J.install = (t) => {
1362
- t.component(J.name, J), t.component(se.name, se);
1363
+ t.component(J.name, J), t.component(oe.name, oe);
1363
1364
  };
1364
1365
  const Os = { class: "cu-chat" }, Rs = {
1365
1366
  key: 0,
@@ -1393,7 +1394,7 @@ const Os = { class: "cu-chat" }, Rs = {
1393
1394
  _(" " + i(n.content), 1)
1394
1395
  ]))
1395
1396
  ], 64)) : (o(), l(p, { key: 1 }, [
1396
- n.self ? d("", !0) : (o(), w(z, {
1397
+ n.self ? d("", !0) : (o(), T(z, {
1397
1398
  key: 0,
1398
1399
  mode: "radius",
1399
1400
  url: n.avatar
@@ -1420,7 +1421,7 @@ const Os = { class: "cu-chat" }, Rs = {
1420
1421
  eo
1421
1422
  ], 64)) : d("", !0)
1422
1423
  ]),
1423
- n.self ? (o(), w(z, {
1424
+ n.self ? (o(), T(z, {
1424
1425
  key: 1,
1425
1426
  mode: "radius",
1426
1427
  url: n.avatar
@@ -1467,7 +1468,7 @@ const oo = { class: "cu-time" }, no = {
1467
1468
  }, [
1468
1469
  s("div", oo, i(u.date), 1),
1469
1470
  (o(!0), l(p, null, v(u.items, (g) => {
1470
- var x, T, h;
1471
+ var B, w, h;
1471
1472
  return o(), l("div", {
1472
1473
  key: g.key,
1473
1474
  class: r(["cu-item", c(g)])
@@ -1475,9 +1476,9 @@ const oo = { class: "cu-time" }, no = {
1475
1476
  s("div", {
1476
1477
  class: r(["content", `bg-${g.bg || "gray"}`, "shadow-blur"])
1477
1478
  }, [
1478
- (x = g == null ? void 0 : g.capsule) != null && x.list && g.capsule.list.length ? (o(), l("div", no, [
1479
+ (B = g == null ? void 0 : g.capsule) != null && B.list && g.capsule.list.length ? (o(), l("div", no, [
1479
1480
  ie(q, {
1480
- bg: e((T = g.capsule) == null ? void 0 : T.color)
1481
+ bg: e((w = g.capsule) == null ? void 0 : w.color)
1481
1482
  }, {
1482
1483
  default: ee(() => [
1483
1484
  _(i(g.capsule.list[0]), 1)
@@ -1497,7 +1498,7 @@ const oo = { class: "cu-time" }, no = {
1497
1498
  s("div", {
1498
1499
  class: r(g.capsule ? "margin-top-sm" : "")
1499
1500
  }, [
1500
- $(n.$slots, `item-${g.key}`, {}, () => [
1501
+ I(n.$slots, `item-${g.key}`, {}, () => [
1501
1502
  _(i(g.content), 1)
1502
1503
  ])
1503
1504
  ], 2)
@@ -1571,7 +1572,7 @@ const ro = { class: "cu-dialog" }, uo = { class: "cu-bar bg-white justify-end pa
1571
1572
  }, po)
1572
1573
  ]),
1573
1574
  s("div", mo, [
1574
- $(a.$slots, "default", {}, () => [
1575
+ I(a.$slots, "default", {}, () => [
1575
1576
  _("Modal 内容~")
1576
1577
  ])
1577
1578
  ])
@@ -1584,7 +1585,7 @@ Z.install = (t) => {
1584
1585
  };
1585
1586
  const _o = (t) => {
1586
1587
  t.use(N), t.use(L), t.use(z), t.use(E), t.use(A), t.use(D), t.use(F), t.use(O), t.use(R), t.use(G), t.use(P), t.use(K), t.use(H), t.use(X), t.use(M), t.use(q), t.use(J), t.use(Q), t.use(W), t.use(Y), t.use(Z);
1587
- }, bo = {
1588
+ }, $o = {
1588
1589
  install: _o
1589
1590
  };
1590
1591
  export {
@@ -1609,5 +1610,5 @@ export {
1609
1610
  L as TTitle,
1610
1611
  O as TTopBar,
1611
1612
  W as TimeLine,
1612
- bo as default
1613
+ $o as default
1613
1614
  };
@@ -1,5 +1,5 @@
1
- (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";const Q={class:"nav-list"},W=["url"],Y={class:"nav-title"},Z={class:"nav-name"},v={name:"TNavCard"},$=e.defineComponent({...v,props:{items:{}},setup(o){return(t,a)=>(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(l,n)=>(e.openBlock(),e.createElementBlock("div",{"hover-class":"none",url:"/pages/basics/"+l.name,class:e.normalizeClass(["nav-li","bg-"+l.color]),navigateTo:"",style:e.normalizeStyle([{animation:"show "+((n+1)*.2+1)+"s 1"}]),key:n},[e.createElementVNode("div",Y,e.toDisplayString(l.title),1),e.createElementVNode("div",Z,e.toDisplayString(l.name),1),e.createElementVNode("text",{class:e.normalizeClass("cuIcon-"+l.cuIcon)},null,2)],14,W))),128))]))}});$.install=o=>{o.component($.name,$)};const O=o=>(e.pushScopeId("data-v-bbdb83ff"),o=o(),e.popScopeId(),o),ee={class:"cu-item shadow"},te={class:"title"},oe={class:"text-cut"},le={class:"content"},ne=["src","alt"],ae={class:"desc"},se={class:"text-content"},ce={key:0,class:"content flex-sub justify-between text-sm solid-top margin-top-sm",style:{padding:"5px 15px"}},re={class:"text-gray"},ie=O(()=>e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1)),de=O(()=>e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1)),me=O(()=>e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1)),pe={class:"margin-left-sm text-gray flex justify-between"},ge={class:"text-grey margin-right-xs"},fe={name:"TNewCard"},ke=e.defineComponent({...fe,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,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-card article",t.isCard?"":"no-card"])},[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[e.createElementVNode("div",oe,e.toDisplayString(t.title),1)]),e.createElementVNode("div",le,[e.createElementVNode("img",{src:t.imageSrc,alt:t.imageAlt},null,8,ne),e.createElementVNode("div",ae,[e.createElementVNode("div",se,e.toDisplayString(t.description),1),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tags,l=>(e.openBlock(),e.createElementBlock("div",{key:l,class:"cu-tag bg-red light sm round"},e.toDisplayString(l),1))),128))])])]),t.footerInfo?(e.openBlock(),e.createElementBlock("div",ce,[e.createElementVNode("div",re,[ie,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.likes)+" ",1),de,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.appreciations)+" ",1),me,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.comments),1)]),e.createElementVNode("div",pe,[e.createElementVNode("div",ge,e.toDisplayString(t.footerInfo.author),1),e.createTextVNode(" "+e.toDisplayString(t.footerInfo.timeAgo),1)])])):e.createCommentVNode("",!0)])],2))}}),P=(o,t)=>{const a=o.__vccOpts||o;for(const[l,n]of t)a[l]=n;return a},C=P(ke,[["__scopeId","data-v-bbdb83ff"]]);C.install=o=>{o.component(C.name,C)};const he={class:"cu-item shadow"},_e={class:"cu-list menu-avatar"},ye={class:"cu-item"},Be={class:"content flex-sub"},be={class:"text-gray text-sm flex justify-between"},Ee={class:"text-content"},$e={class:"text-gray text-sm text-right padding"},Ce=e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1),ue=e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1),Ve=e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1),Ne={class:"cu-item"},Se={class:"content"},Ie={class:"text-grey"},ze={class:"text-gray text-content text-df"},we={class:"flex"},Te={class:"flex-sub"},De={class:"margin-top-sm flex justify-between"},xe={class:"text-gray text-df"},je={key:0,class:"cuIcon-appreciatefill text-red"},Fe=e.createElementVNode("span",{class:"cuIcon-messagefill text-gray margin-left-sm"},null,-1),Le={class:"text-gray margin-left-xs"},qe={name:"TShareCard"},u=e.defineComponent({...qe,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,a)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:e.normalizeClass(["cu-card dynamic",t.isCard?"is-card":"no-card"])},[e.createElementVNode("div",he,[e.createElementVNode("div",_e,[e.createElementVNode("div",ye,[e.createElementVNode("div",{class:"cu-avatar round lg",style:e.normalizeStyle({backgroundImage:`url(${t.avatarUrl})`})},null,4),e.createElementVNode("div",Be,[e.createElementVNode("div",null,e.toDisplayString(t.author),1),e.createElementVNode("div",be,e.toDisplayString(t.date),1)])])]),e.createElementVNode("div",Ee,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,l=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-img",t.isCard?"":"only-img"]),style:e.normalizeStyle({backgroundImage:`url(${t.imageUrl})`}),key:l},null,6))),128))],2),e.createElementVNode("div",$e,[Ce,e.createTextVNode(" "+e.toDisplayString(t.likes)+" ",1),ue,e.createTextVNode(" "+e.toDisplayString(t.appreciations)+" ",1),Ve,e.createTextVNode(" "+e.toDisplayString(t.comments),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.commentsList,l=>{var n;return e.openBlock(),e.createElementBlock("div",{class:"cu-list menu-avatar comment solids-top",key:l.id},[e.createElementVNode("div",Ne,[e.createElementVNode("div",{class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${l.avatarUrl})`})},null,4),e.createElementVNode("div",Se,[e.createElementVNode("div",Ie,e.toDisplayString(l.author),1),e.createElementVNode("div",ze,e.toDisplayString(l.text),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.replies,s=>(e.openBlock(),e.createElementBlock("div",{key:s.id,class:"bg-grey padding-sm radius margin-top-sm text-sm"},[e.createElementVNode("div",we,[e.createElementVNode("div",null,e.toDisplayString(s.author)+":",1),e.createElementVNode("div",Te,e.toDisplayString(s.text),1)])]))),128)),e.createElementVNode("div",De,[e.createElementVNode("div",xe,e.toDisplayString(l.date),1),e.createElementVNode("div",null,[l.likes?(e.openBlock(),e.createElementBlock("span",je)):e.createCommentVNode("",!0),Fe,e.createElementVNode("span",Le,e.toDisplayString((n=l.replies)==null?void 0:n.length),1)])])])])])}),128))])],2)]))}});u.install=o=>{o.component(u.name,u)};const Me={ssss:"2px",sss:"4px",ss:"8px",s:"12px",m:"14px",l:"16px",x:"18px",xl:"24px",xxl:"30px",xxxl:"48px"};function Ae(o,t,a="px"){if(typeof t=="number")return`${o}: ${t}${a};`;const l=Me[t];return l?`${o}: ${l};`:""}function Ue(o){return Ae("font-size",o)}const Oe={name:"TIcon"},B=e.defineComponent({...Oe,props:{name:{},color:{default:"grey"},size:{default:15}},setup(o){const t=o,a=e.computed(()=>Ue(t.size));return(l,n)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(`cuIcon-${l.name} text-${l.color}`),style:e.normalizeStyle(a.value)},null,6))}}),Re={class:"action border-title"},Pe={class:"action border-title"},Ge={class:"tib text-xl text-bold text-blue"},Ke=e.createElementVNode("div",{class:"tib bg-gradual-blue",style:{width:"3rem"}},null,-1),He={class:"action sub-title"},Xe={class:"tib text-xl text-bold text-green"},Je=e.createElementVNode("div",{class:"tib bg-green",style:{width:"2rem"}},null,-1),Qe={class:"action sub-title"},We={class:"action title-style-3"},Ye={key:5,class:"cu-bar bg-white"},Ze={class:"action"},ve={key:6,class:"cu-bar bg-white solid-bottom"},et={class:"action"},tt={class:"action"},ot={name:"TTitle"},V=e.defineComponent({...ot,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,a)=>t.mode==="default1"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Re,[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",Pe,[e.createElementVNode("div",Ge,e.toDisplayString(t.title),1),Ke])],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",He,[e.createElementVNode("div",Xe,e.toDisplayString(t.title),1),Je])],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",Qe,[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",We,[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",Ye,[e.createElementVNode("div",Ze,[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",ve,[e.createElementVNode("div",et,[e.createElementVNode("i",{class:e.normalizeClass(`cuIcon-${t.icon} text-${t.color}`)},null,2),e.renderSlot(t.$slots,"default")]),e.createElementVNode("div",tt,[e.renderSlot(t.$slots,"action")])]))}}),lt={name:"TAvatar"},f=e.defineComponent({...lt,props:{url:{},size:{default:"lg"},mode:{default:"round"}},setup(o){return(t,a)=>t.url?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-avatar",t.size,t.mode]),style:e.normalizeStyle({backgroundImage:`url(${t.url})`})},null,6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["padding-xs",["cu-avatar",t.size,t.mode]])},[e.renderSlot(t.$slots,"default")],2))}}),nt={class:"cu-avatar-group"},at={name:"TAvatarGroup"},U=e.defineComponent({...at,props:{urls:{default:()=>[]},size:{default:"sm"},mode:{default:"round"}},setup(o){return(t,a)=>(e.openBlock(),e.createElementBlock("div",nt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urls,(l,n)=>(e.openBlock(),e.createBlock(f,{key:n,url:l,size:t.size},null,8,["url","size"]))),128))]))}}),st=["disabled"],ct={key:1},rt={name:"TButton"},N=e.defineComponent({...rt,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,a=e.computed(()=>["cu-btn",t.rounded?"round":"radius",t.shadow?"shadow":"",`bg-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),l=e.computed(()=>({cursor:t.disabled?"not-allowed":"pointer"})),n=e.computed(()=>({marginRight:t.text?"8px":"0"}));return(s,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(a.value),style:e.normalizeStyle(l.value),disabled:s.disabled},[e.renderSlot(s.$slots,"default"),s.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${s.icon}`),style:e.normalizeStyle(n.value)},null,6)):e.createCommentVNode("",!0),s.text?(e.openBlock(),e.createElementBlock("span",ct,e.toDisplayString(s.text),1)):e.createCommentVNode("",!0)],14,st))}}),it={key:0},dt={name:"TTag"},k=e.defineComponent({...dt,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,a=e.computed(()=>["cu-tag",t.shape!=="default"?t.shape:"",t.light!==!1?"light":"",`${t.line!==!1?"line":"bg"}-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),l=e.computed(()=>({}));return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value),style:e.normalizeStyle(l.value)},[e.renderSlot(n.$slots,"default"),n.text?(e.openBlock(),e.createElementBlock("span",it,e.toDisplayString(n.text),1)):e.createCommentVNode("",!0)],6))}});B.install=o=>{o.component(B.name,B)},V.install=o=>{o.component(V.name,V)},f.install=o=>{o.component(f.name,f)},U.install=o=>{o.component(U.name,U)},N.install=o=>{o.component(N.name,N)},k.install=o=>{o.component(k.name,k)};const mt=["onClick"],pt={key:0,class:"cuIcon-cu-image"},gt=["src"],ft={key:0,class:"cu-tag badge"},kt={key:0,class:"cu-tag badge"},ht={name:"TNavBar"},S=e.defineComponent({...ht,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,a=(l,n)=>{t.onItemClick&&t.onItemClick(l,n)};return(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar tabbar",`bg-${l.bg} ${l.isFoot?"foot":""}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,(s,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:e.normalizeClass(["action",`text-${c===l.activeIndex?l.activeColor:l.color}`]),onClick:r=>a(s,c)},[s.img?(e.openBlock(),e.createElementBlock("div",pt,[e.createElementVNode("img",{src:s.img,style:{width:"21px",height:"21px"},class:"radius"},null,8,gt),s.badge?(e.openBlock(),e.createElementBlock("div",ft,e.toDisplayString(s.badge),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`cuIcon-${s.icon}`)},[s.badge?(e.openBlock(),e.createElementBlock("div",kt,e.toDisplayString(s.badge),1)):e.createCommentVNode("",!0)],2)),e.createElementVNode("div",null,e.toDisplayString(s.label),1)],10,mt))),128))],2))}});S.install=o=>{o.component(S.name,S)};const _t={key:0,class:"action"},yt={key:1},Bt={class:"content text-bold"},bt={key:2,class:"action"},Et={name:"TTopBar"},I=e.defineComponent({...Et,props:{title:{},leftIcon:{},leftIconColor:{default:"gray"},leftText:{},rightIcon:{},rightIconColor:{default:"gray"},bg:{default:"white"},avatarUrl:{}},setup(o){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${t.bg}`])},[t.leftIcon||t.leftText?(e.openBlock(),e.createElementBlock("div",_t,[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",yt,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",Bt,e.toDisplayString(t.title),1),t.rightIcon?(e.openBlock(),e.createElementBlock("div",bt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${t.rightIcon} text-${t.rightIconColor}`)},null,2)])):e.createCommentVNode("",!0)],2))}});I.install=o=>{o.component(I.name,I)};const $t=e.createElementVNode("text",{class:"cuIcon-search"},null,-1),Ct=["placeholder"],ut={class:"action"},Vt={key:0,class:"cu-btn bg-green shadow-blur round"},Nt={key:0},St={key:3},It={name:"TSearchBar"},z=e.defineComponent({...It,props:{placeholder:{default:""},bgColor:{default:"white"},borderRadiusClass:{default:"round"},avatarUrl:{},buttonText:{},location:{},locationIcon:{},actionIcon:{},actionText:{}},setup(o){const t=e.ref(0),a=n=>{t.value=n.detail.height},l=()=>{t.value=0};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${n.bgColor}`,"search"])},[n.avatarUrl?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${n.avatarUrl})`})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["search-form",n.borderRadiusClass])},[$t,e.createElementVNode("input",{onFocus:a,onBlur:l,"adjust-position":!1,type:"text",placeholder:n.placeholder,"confirm-type":"search"},null,40,Ct)],2),e.createElementVNode("div",ut,[n.buttonText?(e.openBlock(),e.createElementBlock("button",Vt,e.toDisplayString(n.buttonText),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.location?(e.openBlock(),e.createElementBlock("text",Nt,e.toDisplayString(n.location),1)):e.createCommentVNode("",!0),n.locationIcon?(e.openBlock(),e.createElementBlock("text",{key:1,class:e.normalizeClass(`cuIcon-${n.locationIcon}`)},null,2)):e.createCommentVNode("",!0),n.actionIcon?(e.openBlock(),e.createElementBlock("text",{key:2,class:e.normalizeClass(`cuIcon-${n.actionIcon}`)},null,2)):e.createCommentVNode("",!0),n.actionText?(e.openBlock(),e.createElementBlock("text",St,e.toDisplayString(n.actionText),1)):e.createCommentVNode("",!0)],64))])],2))}});z.install=o=>{o.component(z.name,z)};const zt={key:0,class:"string-list"},wt=["innerHTML"],Tt={class:"cu-bar input"},Dt={key:0,class:"action"},xt={key:1,class:"action"},jt=["value"],Ft={class:"action"},Lt=["onClick"],qt={name:"TInputBar"},Mt=e.defineComponent({...qt,props:{modelValue:String,leftIcon:String,middleIcon:String,rightIcon:String,buttonText:{type:String,default:"发送"},stringArray:{type:Array,default:()=>[]}},emits:["update:modelValue","send"],setup(o,{emit:t}){const a=e.ref(0),l=e.ref(!1),n=e.ref(null),s=t,c=o,r=m=>{a.value=m.detail.height},h=()=>{a.value=0},_=()=>{s("send",c.modelValue),s("update:modelValue",""),l.value=!1},d=()=>{l.value=!l.value},p=m=>{s("update:modelValue",c.modelValue+m)},b=m=>{const y=m.target;s("update:modelValue",y.value)},E=m=>{n.value&&!n.value.contains(m.target)&&(l.value=!1)},X=e.computed(()=>c.stringArray.map(m=>{if(!c.modelValue)return m;let y="";for(let g of m)c.modelValue.includes(g)?y+=`<span style="color:#ff0000">${g}</span>`:y+=g;return y}));e.onMounted(()=>{document.addEventListener("click",E)}),e.onUnmounted(()=>{document.removeEventListener("click",E)});const Po=["😀","😁","😂","😃","😄","😅","😆","😉","😊","😋","😎","😍","😘","😗","😙","😚","☺","😇","😐","😑","😶","😏","😣","😥","😮","😯","😪","😫","😴","😌","😛","😜","😝","😒","😓","😔","😕","😲","😷","😖","😞","😟","😤","😢","😭","😦","😧","😨","😬","😰","😱","😳","😵","😡","😠","😈","👿","👹","👺","💀","☠","👻","👽"];return(m,y)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o.stringArray.length?(e.openBlock(),e.createElementBlock("ul",zt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(X.value,(g,J)=>(e.openBlock(),e.createElementBlock("li",{key:J,innerHTML:g},null,8,wt))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",Tt,[o.leftIcon?(e.openBlock(),e.createElementBlock("div",Dt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${o.leftIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),o.middleIcon?(e.openBlock(),e.createElementBlock("div",xt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${o.middleIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("input",{onFocus:r,onBlur:h,onKeydown:e.withKeys(_,["enter"]),onConfirm:_,"adjust-position":!1,class:"solid-bottom",maxlength:"300","cursor-spacing":"10",value:o.modelValue,onInput:b},null,40,jt),e.createElementVNode("div",Ft,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${o.rightIcon} text-grey`),onClick:e.withModifiers(d,["stop"])},null,2)]),e.createElementVNode("button",{class:"cu-btn bg-green shadow-blur round",onClick:_},e.toDisplayString(o.buttonText),1),l.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:"emoji-panel",ref_key:"emojiPanel",ref:n,onClick:y[0]||(y[0]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(Po,g=>e.createElementVNode("span",{key:g,onClick:J=>p(g)},e.toDisplayString(g),9,Lt)),64))],512)):e.createCommentVNode("",!0)])],64))}}),w=P(Mt,[["__scopeId","data-v-d4e6c6ec"]]);w.install=o=>{o.component(w.name,w)};const At=["onClick"],Ut={class:"tab-content"},Ot={name:"TTabs"},T=e.defineComponent({...Ot,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 a=o,l=t,n=e.ref([]),s=e.ref(a.modelValue),c=(d,p)=>{s.value=d,l("update:modelValue",d),l("select",p)},r=d=>(n.value.push(d),n.value.length-1);e.provide("registerTab",r),e.provide("activeTab",s);const h=e.computed(()=>a.center!==!1?"justify-content:center;":`justify-content:${a.mode}`),_=e.computed(()=>d=>{let p=[];return s.value===d&&(p.push(`text-${a.color}`),a.bold!==!1&&p.push("text-bold"),a.line!==!1&&p.push("cur")),p});return e.watch(()=>a.modelValue,d=>{s.value=d},{immediate:!0}),(d,p)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.isCard!==!1?"is-card":"")},[e.createElementVNode("div",{class:e.normalizeClass(["nav flex",[,`bg-${d.bg}`,`text-${d.text}`]]),style:e.normalizeStyle(h.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(b,E)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",_.value(E)]),key:E,onClick:X=>c(E,b)},[b.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${b.icon} text-${s.value===E?d.color:b.iconColor}`)},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(b.label),1)],10,At))),128))],6),e.createElementVNode("div",Ut,[e.renderSlot(d.$slots,"default",{tab:n.value[s.value]})])],2))}}),Rt={name:"TTab"},D=e.defineComponent({...Rt,props:{label:{},icon:{default:""},iconColor:{default:"black"}},setup(o){const t=o,a=e.inject("registerTab"),l=e.inject("activeTab"),n=e.ref(null),s=e.computed(()=>(l==null?void 0:l.value)===n.value),c=e.computed(()=>({label:t.label,icon:t.icon,iconColor:t.iconColor}));return e.onMounted(()=>{a&&(n.value=a({label:t.label,icon:t.icon,iconColor:t.iconColor}))}),(r,h)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(r.$slots,"default"),e.renderSlot(r.$slots,"custom",{tab:c.value})],512)),[[e.vShow,s.value]])}});T.install=o=>{o.component(T.name,T)},D.install=o=>{o.component(D.name,D)};/*!
1
+ (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";const Q={class:"nav-list"},W=["url"],Y={class:"nav-title"},Z={class:"nav-name"},v={name:"TNavCard"},$=e.defineComponent({...v,props:{items:{}},setup(o){return(t,a)=>(e.openBlock(),e.createElementBlock("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(l,n)=>(e.openBlock(),e.createElementBlock("div",{"hover-class":"none",url:"/pages/basics/"+l.name,class:e.normalizeClass(["nav-li","bg-"+l.color]),navigateTo:"",style:e.normalizeStyle([{animation:"show "+((n+1)*.2+1)+"s 1"}]),key:n},[e.createElementVNode("div",Y,e.toDisplayString(l.title),1),e.createElementVNode("div",Z,e.toDisplayString(l.name),1),e.createElementVNode("text",{class:e.normalizeClass("cuIcon-"+l.cuIcon)},null,2)],14,W))),128))]))}});$.install=o=>{o.component($.name,$)};const O=o=>(e.pushScopeId("data-v-bbdb83ff"),o=o(),e.popScopeId(),o),ee={class:"cu-item shadow"},te={class:"title"},oe={class:"text-cut"},le={class:"content"},ne=["src","alt"],ae={class:"desc"},se={class:"text-content"},ce={key:0,class:"content flex-sub justify-between text-sm solid-top margin-top-sm",style:{padding:"5px 15px"}},re={class:"text-gray"},ie=O(()=>e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1)),de=O(()=>e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1)),me=O(()=>e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1)),pe={class:"margin-left-sm text-gray flex justify-between"},ge={class:"text-grey margin-right-xs"},fe={name:"TNewCard"},ke=e.defineComponent({...fe,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,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-card article",t.isCard?"":"no-card"])},[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[e.createElementVNode("div",oe,e.toDisplayString(t.title),1)]),e.createElementVNode("div",le,[e.createElementVNode("img",{src:t.imageSrc,alt:t.imageAlt},null,8,ne),e.createElementVNode("div",ae,[e.createElementVNode("div",se,e.toDisplayString(t.description),1),e.createElementVNode("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.tags,l=>(e.openBlock(),e.createElementBlock("div",{key:l,class:"cu-tag bg-red light sm round"},e.toDisplayString(l),1))),128))])])]),t.footerInfo?(e.openBlock(),e.createElementBlock("div",ce,[e.createElementVNode("div",re,[ie,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.likes)+" ",1),de,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.appreciations)+" ",1),me,e.createTextVNode(" "+e.toDisplayString(t.footerInfo.comments),1)]),e.createElementVNode("div",pe,[e.createElementVNode("div",ge,e.toDisplayString(t.footerInfo.author),1),e.createTextVNode(" "+e.toDisplayString(t.footerInfo.timeAgo),1)])])):e.createCommentVNode("",!0)])],2))}}),G=(o,t)=>{const a=o.__vccOpts||o;for(const[l,n]of t)a[l]=n;return a},C=G(ke,[["__scopeId","data-v-bbdb83ff"]]);C.install=o=>{o.component(C.name,C)};const he={class:"cu-item shadow"},_e={class:"cu-list menu-avatar"},ye={class:"cu-item"},Be={class:"content flex-sub"},be={class:"text-gray text-sm flex justify-between"},Ee={class:"text-content"},$e={class:"text-gray text-sm text-right padding"},Ce=e.createElementVNode("span",{class:"cuIcon-attentionfill margin-lr-xs"},null,-1),ue=e.createElementVNode("span",{class:"cuIcon-appreciatefill margin-lr-xs"},null,-1),Ve=e.createElementVNode("span",{class:"cuIcon-messagefill margin-lr-xs"},null,-1),Ne={class:"cu-item"},Se={class:"content"},Ie={class:"text-grey"},ze={class:"text-gray text-content text-df"},we={class:"flex"},Te={class:"flex-sub"},De={class:"margin-top-sm flex justify-between"},xe={class:"text-gray text-df"},je={key:0,class:"cuIcon-appreciatefill text-red"},Fe=e.createElementVNode("span",{class:"cuIcon-messagefill text-gray margin-left-sm"},null,-1),Le={class:"text-gray margin-left-xs"},qe={name:"TShareCard"},u=e.defineComponent({...qe,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,a)=>(e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("div",{class:e.normalizeClass(["cu-card dynamic",t.isCard?"is-card":"no-card"])},[e.createElementVNode("div",he,[e.createElementVNode("div",_e,[e.createElementVNode("div",ye,[e.createElementVNode("div",{class:"cu-avatar round lg",style:e.normalizeStyle({backgroundImage:`url(${t.avatarUrl})`})},null,4),e.createElementVNode("div",Be,[e.createElementVNode("div",null,e.toDisplayString(t.author),1),e.createElementVNode("div",be,e.toDisplayString(t.date),1)])])]),e.createElementVNode("div",Ee,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,l=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["bg-img",t.isCard?"":"only-img"]),style:e.normalizeStyle({backgroundImage:`url(${t.imageUrl})`}),key:l},null,6))),128))],2),e.createElementVNode("div",$e,[Ce,e.createTextVNode(" "+e.toDisplayString(t.likes)+" ",1),ue,e.createTextVNode(" "+e.toDisplayString(t.appreciations)+" ",1),Ve,e.createTextVNode(" "+e.toDisplayString(t.comments),1)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.commentsList,l=>{var n;return e.openBlock(),e.createElementBlock("div",{class:"cu-list menu-avatar comment solids-top",key:l.id},[e.createElementVNode("div",Ne,[e.createElementVNode("div",{class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${l.avatarUrl})`})},null,4),e.createElementVNode("div",Se,[e.createElementVNode("div",Ie,e.toDisplayString(l.author),1),e.createElementVNode("div",ze,e.toDisplayString(l.text),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.replies,s=>(e.openBlock(),e.createElementBlock("div",{key:s.id,class:"bg-grey padding-sm radius margin-top-sm text-sm"},[e.createElementVNode("div",we,[e.createElementVNode("div",null,e.toDisplayString(s.author)+":",1),e.createElementVNode("div",Te,e.toDisplayString(s.text),1)])]))),128)),e.createElementVNode("div",De,[e.createElementVNode("div",xe,e.toDisplayString(l.date),1),e.createElementVNode("div",null,[l.likes?(e.openBlock(),e.createElementBlock("span",je)):e.createCommentVNode("",!0),Fe,e.createElementVNode("span",Le,e.toDisplayString((n=l.replies)==null?void 0:n.length),1)])])])])])}),128))])],2)]))}});u.install=o=>{o.component(u.name,u)};const Ae={ssss:"2px",sss:"4px",ss:"8px",s:"12px",m:"14px",l:"16px",x:"18px",xl:"24px",xxl:"30px",xxxl:"48px"};function Me(o,t,a="px"){if(typeof t=="number")return`${o}: ${t}${a};`;const l=Ae[t];return l?`${o}: ${l};`:""}function Ue(o){return Me("font-size",o)}const Oe={name:"TIcon"},B=e.defineComponent({...Oe,props:{name:{},color:{default:"grey"},size:{default:15}},setup(o){const t=o,a=e.computed(()=>Ue(t.size));return(l,n)=>(e.openBlock(),e.createElementBlock("i",{class:e.normalizeClass(`cuIcon-${l.name} text-${l.color}`),style:e.normalizeStyle(a.value)},null,6))}}),Re={class:"action border-title"},Pe={class:"action border-title"},Ge={class:"tib text-xl text-bold text-blue"},Ke=e.createElementVNode("div",{class:"tib bg-gradual-blue",style:{width:"3rem"}},null,-1),He={class:"action sub-title"},Xe={class:"tib text-xl text-bold text-green"},Je=e.createElementVNode("div",{class:"tib bg-green",style:{width:"2rem"}},null,-1),Qe={class:"action sub-title"},We={class:"action title-style-3"},Ye={key:5,class:"cu-bar bg-white"},Ze={class:"action"},ve={key:6,class:"cu-bar bg-white solid-bottom"},et={class:"action"},tt={class:"action"},ot={name:"TTitle"},V=e.defineComponent({...ot,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,a)=>t.mode==="default1"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-bar bg-white",t.center!==!1?"justify-center":""])},[e.createElementVNode("div",Re,[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",Pe,[e.createElementVNode("div",Ge,e.toDisplayString(t.title),1),Ke])],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",He,[e.createElementVNode("div",Xe,e.toDisplayString(t.title),1),Je])],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",Qe,[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",We,[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",Ye,[e.createElementVNode("div",Ze,[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",ve,[e.createElementVNode("div",et,[e.createElementVNode("i",{class:e.normalizeClass(`cuIcon-${t.icon} text-${t.color}`)},null,2),e.renderSlot(t.$slots,"default")]),e.createElementVNode("div",tt,[e.renderSlot(t.$slots,"action")])]))}}),lt={name:"TAvatar"},h=e.defineComponent({...lt,props:{url:{},size:{default:"lg"},mode:{default:"round"}},setup(o){return(t,a)=>t.url?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-avatar",t.size,t.mode]),style:e.normalizeStyle({backgroundImage:`url(${t.url})`})},null,6)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["padding-xs",["cu-avatar",t.size,t.mode]])},[e.renderSlot(t.$slots,"default")],2))}}),nt={class:"cu-avatar-group"},at={name:"TAvatarGroup"},U=e.defineComponent({...at,props:{urls:{default:()=>[]},size:{default:"sm"},mode:{default:"round"}},setup(o){return(t,a)=>(e.openBlock(),e.createElementBlock("div",nt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.urls,(l,n)=>(e.openBlock(),e.createBlock(h,{key:n,url:l,size:t.size},null,8,["url","size"]))),128))]))}}),st=["disabled"],ct={key:1},rt={name:"TButton"},N=e.defineComponent({...rt,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,a=e.computed(()=>["cu-btn",t.rounded?"round":"radius",t.shadow?"shadow":"",`bg-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),l=e.computed(()=>({cursor:t.disabled?"not-allowed":"pointer"})),n=e.computed(()=>({marginRight:t.text?"8px":"0"}));return(s,c)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(a.value),style:e.normalizeStyle(l.value),disabled:s.disabled},[e.renderSlot(s.$slots,"default"),s.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${s.icon}`),style:e.normalizeStyle(n.value)},null,6)):e.createCommentVNode("",!0),s.text?(e.openBlock(),e.createElementBlock("span",ct,e.toDisplayString(s.text),1)):e.createCommentVNode("",!0)],14,st))}}),it={key:0},dt={name:"TTag"},_=e.defineComponent({...dt,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,a=e.computed(()=>["cu-tag",t.shape!=="default"?t.shape:"",t.light!==!1?"light":"",`${t.line!==!1?"line":"bg"}-${t.bg}`,t.size!=="default"?t.size:""].join(" ")),l=e.computed(()=>({}));return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(a.value),style:e.normalizeStyle(l.value)},[e.renderSlot(n.$slots,"default"),n.text?(e.openBlock(),e.createElementBlock("span",it,e.toDisplayString(n.text),1)):e.createCommentVNode("",!0)],6))}});B.install=o=>{o.component(B.name,B)},V.install=o=>{o.component(V.name,V)},h.install=o=>{o.component(h.name,h)},U.install=o=>{o.component(U.name,U)},N.install=o=>{o.component(N.name,N)},_.install=o=>{o.component(_.name,_)};const mt=["onClick"],pt={key:0,class:"cuIcon-cu-image"},gt=["src"],ft={key:0,class:"cu-tag badge"},kt={key:0,class:"cu-tag badge"},ht={name:"TNavBar"},S=e.defineComponent({...ht,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,a=(l,n)=>{t.onItemClick&&t.onItemClick(l,n)};return(l,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar tabbar",`bg-${l.bg} ${l.isFoot?"foot":""}`])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,(s,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:e.normalizeClass(["action",`text-${c===l.activeIndex?l.activeColor:l.color}`]),onClick:r=>a(s,c)},[s.img?(e.openBlock(),e.createElementBlock("div",pt,[e.createElementVNode("img",{src:s.img,style:{width:"21px",height:"21px"},class:"radius"},null,8,gt),s.badge?(e.openBlock(),e.createElementBlock("div",ft,e.toDisplayString(s.badge),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(`cuIcon-${s.icon}`)},[s.badge?(e.openBlock(),e.createElementBlock("div",kt,e.toDisplayString(s.badge),1)):e.createCommentVNode("",!0)],2)),e.createElementVNode("div",null,e.toDisplayString(s.label),1)],10,mt))),128))],2))}});S.install=o=>{o.component(S.name,S)};const _t={key:0,class:"action"},yt={key:1},Bt={class:"content text-bold"},bt={key:2,class:"action"},Et={name:"TTopBar"},I=e.defineComponent({...Et,props:{title:{},leftIcon:{},leftIconColor:{default:"gray"},leftText:{},rightIcon:{},rightIconColor:{default:"gray"},bg:{default:"white"},avatarUrl:{}},setup(o){return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${t.bg}`])},[t.leftIcon||t.leftText?(e.openBlock(),e.createElementBlock("div",_t,[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",yt,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",Bt,e.toDisplayString(t.title),1),t.rightIcon?(e.openBlock(),e.createElementBlock("div",bt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${t.rightIcon} text-${t.rightIconColor}`)},null,2)])):e.createCommentVNode("",!0)],2))}});I.install=o=>{o.component(I.name,I)};const $t=e.createElementVNode("text",{class:"cuIcon-search"},null,-1),Ct=["placeholder"],ut={class:"action"},Vt={key:0,class:"cu-btn bg-green shadow-blur round"},Nt={key:0},St={key:3},It={name:"TSearchBar"},z=e.defineComponent({...It,props:{placeholder:{default:""},bgColor:{default:"white"},borderRadiusClass:{default:"round"},avatarUrl:{},buttonText:{},location:{},locationIcon:{},actionIcon:{},actionText:{}},setup(o){const t=e.ref(0),a=n=>{t.value=n.detail.height},l=()=>{t.value=0};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-bar",`bg-${n.bgColor}`,"search"])},[n.avatarUrl?(e.openBlock(),e.createElementBlock("div",{key:0,class:"cu-avatar round",style:e.normalizeStyle({backgroundImage:`url(${n.avatarUrl})`})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["search-form",n.borderRadiusClass])},[$t,e.createElementVNode("input",{onFocus:a,onBlur:l,"adjust-position":!1,type:"text",placeholder:n.placeholder,"confirm-type":"search"},null,40,Ct)],2),e.createElementVNode("div",ut,[n.buttonText?(e.openBlock(),e.createElementBlock("button",Vt,e.toDisplayString(n.buttonText),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[n.location?(e.openBlock(),e.createElementBlock("text",Nt,e.toDisplayString(n.location),1)):e.createCommentVNode("",!0),n.locationIcon?(e.openBlock(),e.createElementBlock("text",{key:1,class:e.normalizeClass(`cuIcon-${n.locationIcon}`)},null,2)):e.createCommentVNode("",!0),n.actionIcon?(e.openBlock(),e.createElementBlock("text",{key:2,class:e.normalizeClass(`cuIcon-${n.actionIcon}`)},null,2)):e.createCommentVNode("",!0),n.actionText?(e.openBlock(),e.createElementBlock("text",St,e.toDisplayString(n.actionText),1)):e.createCommentVNode("",!0)],64))])],2))}});z.install=o=>{o.component(z.name,z)};const zt={key:0,class:"string-list"},wt=["innerHTML","onClick"],Tt={class:"cu-bar input"},Dt={key:0,class:"action"},xt={key:1,class:"action"},jt=["value"],Ft={class:"action"},Lt=["onClick"],qt={name:"TInputBar"},At=e.defineComponent({...qt,props:{modelValue:String,leftIcon:String,middleIcon:String,rightIcon:String,buttonText:{type:String,default:"发送"},stringArray:{type:Array,default:()=>[]}},emits:["update:modelValue","send"],setup(o,{emit:t}){const a=e.ref(0),l=e.ref(!1),n=e.ref(null),s=t,c=o,r=m=>{a.value=m.detail.height},y=()=>{a.value=0},f=m=>{m?s("send",m):s("send",c.modelValue),s("update:modelValue",""),l.value=!1},d=()=>{l.value=!l.value},k=m=>{s("update:modelValue",c.modelValue+m)},b=m=>{const p=m.target;s("update:modelValue",p.value)},E=m=>{n.value&&!n.value.contains(m.target)&&(l.value=!1)},J=e.computed(()=>c.stringArray.map(m=>{if(!c.modelValue)return m;let p="";for(let g of m)c.modelValue.includes(g)?p+=`<span style="color:#ff0000">${g}</span>`:p+=g;return p}));e.onMounted(()=>{document.addEventListener("click",E)}),e.onUnmounted(()=>{document.removeEventListener("click",E)});const Po=["😀","😁","😂","😃","😄","😅","😆","😉","😊","😋","😎","😍","😘","😗","😙","😚","☺","😇","😐","😑","😶","😏","😣","😥","😮","😯","😪","😫","😴","😌","😛","😜","😝","😒","😓","😔","😕","😲","😷","😖","😞","😟","😤","😢","😭","😦","😧","😨","😬","😰","😱","😳","😵","😡","😠","😈","👿","👹","👺","💀","☠","👻","👽"];return(m,p)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o.stringArray.length?(e.openBlock(),e.createElementBlock("ul",zt,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(J.value,(g,P)=>(e.openBlock(),e.createElementBlock("li",{key:P,innerHTML:g,onClick:Ho=>f(o.stringArray[P])},null,8,wt))),128))])):e.createCommentVNode("",!0),e.createElementVNode("div",Tt,[o.leftIcon?(e.openBlock(),e.createElementBlock("div",Dt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${o.leftIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),o.middleIcon?(e.openBlock(),e.createElementBlock("div",xt,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${o.middleIcon} text-grey`)},null,2)])):e.createCommentVNode("",!0),e.createElementVNode("input",{onFocus:r,onBlur:y,onKeydown:p[0]||(p[0]=e.withKeys(g=>f(),["enter"])),onConfirm:p[1]||(p[1]=g=>f()),"adjust-position":!1,class:"solid-bottom",maxlength:"300","cursor-spacing":"10",value:o.modelValue,onInput:b},null,40,jt),e.createElementVNode("div",Ft,[e.createElementVNode("text",{class:e.normalizeClass(`cuIcon-${o.rightIcon} text-grey`),onClick:e.withModifiers(d,["stop"])},null,2)]),e.createElementVNode("button",{class:"cu-btn bg-green shadow-blur round",onClick:p[2]||(p[2]=g=>f())},e.toDisplayString(o.buttonText),1),l.value?(e.openBlock(),e.createElementBlock("div",{key:2,class:"emoji-panel",ref_key:"emojiPanel",ref:n,onClick:p[3]||(p[3]=e.withModifiers(()=>{},["stop"]))},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(Po,g=>e.createElementVNode("span",{key:g,onClick:P=>k(g)},e.toDisplayString(g),9,Lt)),64))],512)):e.createCommentVNode("",!0)])],64))}}),w=G(At,[["__scopeId","data-v-2583f2e3"]]);w.install=o=>{o.component(w.name,w)};const Mt=["onClick"],Ut={class:"tab-content"},Ot={name:"TTabs"},T=e.defineComponent({...Ot,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 a=o,l=t,n=e.ref([]),s=e.ref(a.modelValue),c=(d,k)=>{s.value=d,l("update:modelValue",d),l("select",k)},r=d=>(n.value.push(d),n.value.length-1);e.provide("registerTab",r),e.provide("activeTab",s);const y=e.computed(()=>a.center!==!1?"justify-content:center;":`justify-content:${a.mode}`),f=e.computed(()=>d=>{let k=[];return s.value===d&&(k.push(`text-${a.color}`),a.bold!==!1&&k.push("text-bold"),a.line!==!1&&k.push("cur")),k});return e.watch(()=>a.modelValue,d=>{s.value=d},{immediate:!0}),(d,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(d.isCard!==!1?"is-card":"")},[e.createElementVNode("div",{class:e.normalizeClass(["nav flex",[,`bg-${d.bg}`,`text-${d.text}`]]),style:e.normalizeStyle(y.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(b,E)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",f.value(E)]),key:E,onClick:J=>c(E,b)},[b.icon?(e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(`cuIcon-${b.icon} text-${s.value===E?d.color:b.iconColor}`)},null,2)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(b.label),1)],10,Mt))),128))],6),e.createElementVNode("div",Ut,[e.renderSlot(d.$slots,"default",{tab:n.value[s.value]})])],2))}}),Rt={name:"TTab"},D=e.defineComponent({...Rt,props:{label:{},icon:{default:""},iconColor:{default:"black"}},setup(o){const t=o,a=e.inject("registerTab"),l=e.inject("activeTab"),n=e.ref(null),s=e.computed(()=>(l==null?void 0:l.value)===n.value),c=e.computed(()=>({label:t.label,icon:t.icon,iconColor:t.iconColor}));return e.onMounted(()=>{a&&(n.value=a({label:t.label,icon:t.icon,iconColor:t.iconColor}))}),(r,y)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(r.$slots,"default"),e.renderSlot(r.$slots,"custom",{tab:c.value})],512)),[[e.vShow,s.value]])}});T.install=o=>{o.component(T.name,T)},D.install=o=>{o.component(D.name,D)};/*!
2
2
  * vue-router v4.3.3
3
3
  * (c) 2024 Eduardo San Martin Morote
4
4
  * @license MIT
5
- */var G;(function(o){o.pop="pop",o.push="push"})(G||(G={}));var K;(function(o){o.back="back",o.forward="forward",o.unknown=""})(K||(K={})),Symbol(process.env.NODE_ENV!=="production"?"navigation failure":"");var H;(function(o){o[o.aborted=4]="aborted",o[o.cancelled=8]="cancelled",o[o.duplicated=16]="duplicated"})(H||(H={})),Symbol(process.env.NODE_ENV!=="production"?"router view location matched":""),Symbol(process.env.NODE_ENV!=="production"?"router view depth":"");const Pt=Symbol(process.env.NODE_ENV!=="production"?"router":"");Symbol(process.env.NODE_ENV!=="production"?"route location":""),Symbol(process.env.NODE_ENV!=="production"?"router view location":"");function Gt(){return e.inject(Pt)}const Kt=["onClick"],Ht={key:0,class:"cu-tag badge"},Xt={key:0},Jt={name:"GridGroup"},x=e.defineComponent({...Jt,props:{cuIconList:{default:()=>[{cuIcon:"cardboardfill",color:"red",badge:120,name:"VR",link:"http://www.baidu.com/"},{cuIcon:"recordfill",color:"orange",badge:1,name:"录像"},{cuIcon:"picfill",color:"yellow",badge:0,name:"图像"},{cuIcon:"noticefill",color:"olive",badge:22,name:"通知"},{cuIcon:"upstagefill",color:"cyan",badge:0,name:"排行榜"},{cuIcon:"clothesfill",color:"blue",badge:0,name:"皮肤"},{cuIcon:"discoverfill",color:"purple",badge:0,name:"发现"},{cuIcon:"questionfill",color:"mauve",badge:0,name:"帮助"},{cuIcon:"commandfill",color:"purple",badge:0,name:"问答"},{cuIcon:"brandfill",color:"mauve",badge:0,name:"版权"}]},gridCol:{default:4},gridBorder:{type:Boolean,default:!1},routeFn:{type:Function,default:void 0}},setup(o){const t=o,a=Gt(),l=n=>{if(n.path){t.routeFn?t.routeFn().push({path:n.path}):a.push({path:n.path});return}if(n.link){window.location.href=n.link;return}};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-list grid",["col-"+n.gridCol,n.gridBorder?"":"no-border"]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.cuIconList,(c,r)=>(e.openBlock(),e.createElementBlock("div",{class:"cu-item",key:r,style:e.normalizeStyle(`width: calc(100% / ${n.gridCol})`),onClick:h=>l(c)},[e.createElementVNode("div",{class:e.normalizeClass(["cuIcon-"+c.cuIcon,"text-"+c.color])},[c.badge!=0?(e.openBlock(),e.createElementBlock("div",Ht,[c.badge!=1?(e.openBlock(),e.createElementBlock("i",Xt,e.toDisplayString((c.badge||0)>99?"99+":c.badge),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2),e.createElementVNode("text",null,e.toDisplayString(c.name),1)],12,Kt))),128))],2))}});x.install=o=>{o.component(x.name,x)};const Qt={class:"content"},Wt=["src","alt"],Yt={class:"text-grey"},Zt={class:"action"},vt={key:1,class:"text-grey text-sm"},eo=["onClick"],to={key:4,class:"text-grey text-sm"},oo={name:"Menu"},j=e.defineComponent({...oo,props:{menuItems:{default:()=>[{title:"测试菜单",icon:{name:"warn",color:"blue"},text:"小目标还没有实现!"},{title:"图片菜单",img:{url:"https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg",alt:"图片菜单"}},{title:"头像组",icon:{name:"emoji",color:"pink"},group:["https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg","https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg","https://ossweb-img.qq.com/images/lol/web201310/skin/big25002.jpg","https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg"]},{title:"按钮",icon:{name:"btn",color:"green"},btn:{text:"上传",bg:"green",icon:"upload",event:()=>{console.log("点击了按钮")}}},{title:"标签",icon:{name:"tagfill",color:"red"},tags:[{text:"音乐",bg:"orange",light:!0,size:"sm"},{text:"电影",bg:"green",light:!0,size:"sm"},{text:"旅行",light:!1}]}]},menuBorder:{type:Boolean,default:!1},menuArrow:{type:Boolean,default:!1},menuCard:{type:Boolean,default:!1}},setup(o){const t=a=>{a&&a()};return(a,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-list menu",[a.menuBorder?"sm-border":"",a.menuCard?"card-menu":""]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.menuItems,(n,s)=>(e.openBlock(),e.createElementBlock("div",{key:s,class:e.normalizeClass(["cu-item",a.menuArrow?"arrow":""])},[e.createElementVNode("div",Qt,[n.icon?(e.openBlock(),e.createBlock(B,{key:0,class:"icon",name:n.icon.name,color:n.icon.color},null,8,["name","color"])):e.createCommentVNode("",!0),n.img?(e.openBlock(),e.createElementBlock("img",{key:1,class:"icon",src:n.img.url,alt:n.img.alt},null,8,Wt)):e.createCommentVNode("",!0),e.createElementVNode("text",Yt,e.toDisplayString(n.title),1)]),e.createElementVNode("div",Zt,[n.group?(e.openBlock(),e.createBlock(U,{key:0,urls:n.group},null,8,["urls"])):e.createCommentVNode("",!0),n.group?(e.openBlock(),e.createElementBlock("text",vt,e.toDisplayString(n.group.length)+"人",1)):e.createCommentVNode("",!0),n.btn?(e.openBlock(),e.createElementBlock("button",{key:2,class:e.normalizeClass(["cu-btn round shadow",`bg-${n.btn.bg}`]),onClick:c=>{var r;return t((r=n.btn)==null?void 0:r.event)}},[n.btn.icon?(e.openBlock(),e.createBlock(B,{key:0,name:n.btn.icon,color:"white"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.btn.text),1)],10,eo)):e.createCommentVNode("",!0),n.tags?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:3},e.renderList(n.tags,(c,r)=>(e.openBlock(),e.createBlock(k,{size:c.size,key:r,bg:c.bg,light:c.light,shape:"round"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.text),1)]),_:2},1032,["size","bg","light"]))),128)):e.createCommentVNode("",!0),n.text?(e.openBlock(),e.createElementBlock("text",to,e.toDisplayString(n.text),1)):e.createCommentVNode("",!0)])],2))),128))],2))}});j.install=o=>{o.component(j.name,j)};const lo={key:1,class:"cu-tag badge"},no={class:"content"},ao={class:"flex align-center"},so={class:"text-cut text-black"},co={class:"text-gray text-sm flex"},ro={class:"text-cut"},io={class:"action"},mo={class:"text-grey text-xs"},po={name:"ChatListItem"},R=e.defineComponent({...po,props:{userinfo:{},roomId:{},roomName:{},time:{default:""},avatarName:{default:"friendfill"},avatarBg:{default:"grey"},unread:{},unreadColor:{},badge:{},icon:{},iconClass:{},isDisconnected:{type:Boolean},isCurrent:{type:Boolean},content:{},event:{type:Function,default:()=>{}}},setup(o){const t=o;return(a,l)=>{var s;const n=e.resolveComponent("TIcon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",{grayscale:a.isDisconnected,cur:a.isCurrent}]),onClick:l[0]||(l[0]=c=>a.event(t))},[e.createElementVNode("div",{class:e.normalizeClass(["cu-avatar",a.userinfo.avatarShape,"lg",`bg-${a.avatarBg}`]),style:e.normalizeStyle({backgroundImage:`url(${a.userinfo.avatar})`})},[(s=a.userinfo)!=null&&s.avatar?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:0,name:a.avatarName,size:36,color:"white"},null,8,["name"])),a.badge?(e.openBlock(),e.createElementBlock("div",lo,e.toDisplayString(a.badge),1)):e.createCommentVNode("",!0)],6),e.createElementVNode("div",no,[e.createElementVNode("div",ao,[e.createElementVNode("div",so,e.toDisplayString(a.userinfo.name),1),a.userinfo.tag?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-tag","round",`bg-${a.userinfo.tagColor}`,"sm"])},e.toDisplayString(a.userinfo.tag),3)):e.createCommentVNode("",!0)]),e.createElementVNode("div",co,[e.createElementVNode("div",ro,[e.renderSlot(a.$slots,"default")])])]),e.createElementVNode("div",io,[e.createElementVNode("div",mo,e.toDisplayString(a.time),1),a.unread?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-tag","round",`bg-${a.unreadColor}`,"sm"])},e.toDisplayString(a.unread),3)):a.icon?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(a.iconClass)},null,2)):e.createCommentVNode("",!0)])],2)}}}),go={class:"cu-list menu-avatar"},fo={name:"ChatList"},F=e.defineComponent({...fo,props:{items:{}},setup(o){return(t,a)=>(e.openBlock(),e.createElementBlock("div",go,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(l,n)=>(e.openBlock(),e.createBlock(R,{"avatar-name":l.avatarName,"avatar-bg":l.avatarBg,time:l.time,key:n,userinfo:l.userinfo,unread:l.unread,unreadColor:l.unreadColor,badge:l.badge,icon:l.icon,iconClass:l.iconClass,isDisconnected:l.isDisconnected,isCurrent:l.isCurrent,event:l.event},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{item:l},()=>[e.createTextVNode(e.toDisplayString(l.content),1)])]),_:2},1032,["avatar-name","avatar-bg","time","userinfo","unread","unreadColor","badge","icon","iconClass","isDisconnected","isCurrent","event"]))),128))]))}});F.install=o=>{o.component(F.name,F),o.component(R.name,R)};const ko={class:"cu-chat"},ho={key:0,class:"cu-info round"},_o={key:1,class:"cu-info"},yo=e.createElementVNode("text",{class:"cuIcon-roundclosefill text-red"},null,-1),Bo={class:"main"},bo=["src"],Eo={key:2,class:"content shadow"},$o=e.createElementVNode("text",{class:"cuIcon-sound text-xxl padding-right-xl"},null,-1),Co={class:"action text-bold text-grey"},uo={key:3,class:"content shadow"},Vo=e.createElementVNode("text",{class:"cuIcon-locationfill text-orange text-xxl"},null,-1),No={class:"content shadow"},So=e.createElementVNode("div",{class:"action text-grey"},[e.createElementVNode("text",{class:"cuIcon-warnfill text-red text-xxl"}),e.createElementVNode("text",{class:"text-sm margin-left-sm"},"翻译错误")],-1),Io={class:"date"},zo={name:"ChatRoom"},L=e.defineComponent({...zo,props:{messages:{}},setup(o){return(t,a)=>(e.openBlock(),e.createElementBlock("div",ko,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.messages,l=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:e.normalizeClass(["cu-item",{self:l.self}])},[l.type==="info"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.self?(e.openBlock(),e.createElementBlock("div",ho,e.toDisplayString(l.content),1)):(e.openBlock(),e.createElementBlock("div",_o,[yo,e.createTextVNode(" "+e.toDisplayString(l.content),1)]))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.self?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(f,{key:0,mode:"radius",url:l.avatar},null,8,["url"])),e.createElementVNode("div",Bo,[l.type==="text"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["content shadow",{"bg-green":l.self}])},[e.createElementVNode("text",null,e.toDisplayString(l.content),1)],2)):l.type==="image"?(e.openBlock(),e.createElementBlock("img",{key:1,src:l.content,class:"radius",style:{"max-width":"100%"}},null,8,bo)):l.type==="audio"?(e.openBlock(),e.createElementBlock("div",Eo,[$o,e.createElementVNode("div",Co,e.toDisplayString(l.content),1)])):l.type==="location"?(e.openBlock(),e.createElementBlock("div",uo,[Vo,e.createTextVNode(" "+e.toDisplayString(l.content),1)])):l.type==="warning"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[e.createElementVNode("div",No,e.toDisplayString(l.content),1),So],64)):e.createCommentVNode("",!0)]),l.self?(e.openBlock(),e.createBlock(f,{key:1,mode:"radius",url:l.avatar},null,8,["url"])):e.createCommentVNode("",!0),e.createElementVNode("div",Io,e.toDisplayString(l.date),1)],64))],2))),128))]))}});L.install=o=>{o.component(L.name,L)};const wo={class:"cu-time"},To={key:0,class:"cu-capsule radius"},Do={name:"TimeLine"},q=e.defineComponent({...Do,props:{items:{default:()=>[]}},setup(o){function t(l){return l||"cyan"}function a(l){switch(l.status){case"past":return`text-green cuIcon-${l.icon||"roundcheckfill"}`;case"ongoing":return"text-red cuIcon-all";case"upcoming":return`text-gray cuIcon-${l.icon||"radioboxfill"}`;default:return`text-gray cuIcon-${l.icon||"radioboxfill"}`}}return(l,n)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,(s,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:"cu-timeline"},[e.createElementVNode("div",wo,e.toDisplayString(s.date),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>{var h,_,d;return e.openBlock(),e.createElementBlock("div",{key:r.key,class:e.normalizeClass(["cu-item",a(r)])},[e.createElementVNode("div",{class:e.normalizeClass(["content",`bg-${r.bg||"gray"}`,"shadow-blur"])},[(h=r==null?void 0:r.capsule)!=null&&h.list&&r.capsule.list.length?(e.openBlock(),e.createElementBlock("div",To,[e.createVNode(k,{bg:t((_=r.capsule)==null?void 0:_.color)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.capsule.list[0]),1)]),_:2},1032,["bg"]),e.createVNode(k,{bg:t((d=r.capsule)==null?void 0:d.color),light:!0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.capsule.list[1]),1)]),_:2},1032,["bg"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(r.capsule?"margin-top-sm":"")},[e.renderSlot(l.$slots,`item-${r.key}`,{},()=>[e.createTextVNode(e.toDisplayString(r.content),1)])],2)],2)],2)}),128))]))),128))]))}});q.install=o=>{o.component(q.name,q)};const xo={class:"bg-white padding"},jo=["data-index"],Fo={name:"TSteps"},M=e.defineComponent({...Fo,props:{steps:{},modelValue:{},scrollX:{type:Boolean,default:!1},color:{default:"blue"}},emits:["update:modelValue"],setup(o,{emit:t}){return(a,l)=>(e.openBlock(),e.createElementBlock("div",xo,[e.createElementVNode("div",{class:e.normalizeClass(["cu-steps",{"scroll-x":a.scrollX}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.steps,(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",s>a.modelValue?"":`text-${a.color}`]),key:s},[e.createElementVNode("text",{class:e.normalizeClass(n.cuIcon?"cuIcon-"+n.cuIcon:"num"),"data-index":s+1},e.toDisplayString(n.cuIcon?"":s+1),11,jo),e.createTextVNode(" "+e.toDisplayString(n.name),1)],2))),128))],2)]))}});M.install=o=>{o.component(M.name,M)};const Lo={class:"cu-dialog"},qo={class:"cu-bar bg-white justify-end padding-right-sm"},Mo={class:"content"},Ao=[e.createElementVNode("text",{class:"cuIcon-close text-red"},null,-1)],Uo={class:"padding-xl"},Oo={name:"DrawerModal"},A=e.defineComponent({...Oo,props:{title:{},modelValue:{type:Boolean}},emits:["update:modelValue"],setup(o,{emit:t}){const a=t,l=()=>{a("update:modelValue",!1)};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-modal",n.modelValue?"show":""])},[e.createElementVNode("div",Lo,[e.createElementVNode("div",qo,[e.createElementVNode("div",Mo,e.toDisplayString(n.title),1),e.createElementVNode("div",{class:"action",onClick:l},Ao)]),e.createElementVNode("div",Uo,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode("Modal 内容~")])])])],2))}});A.install=o=>{o.component(A.name,A)};const Ro={install:o=>{o.use(B),o.use(V),o.use(f),o.use($),o.use(C),o.use(u),o.use(S),o.use(I),o.use(z),o.use(w),o.use(T),o.use(D),o.use(x),o.use(j),o.use(N),o.use(k),o.use(F),o.use(L),o.use(q),o.use(M),o.use(A)}};i.ChatList=F,i.ChatRoom=L,i.DrawerModal=A,i.GridGroup=x,i.Menu=j,i.TAvatar=f,i.TButton=N,i.TIcon=B,i.TInputBar=w,i.TNavBar=S,i.TNavCard=$,i.TNewCard=C,i.TSearchBar=z,i.TShareCard=u,i.TSteps=M,i.TTab=D,i.TTabs=T,i.TTag=k,i.TTitle=V,i.TTopBar=I,i.TimeLine=q,i.default=Ro,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
5
+ */var K;(function(o){o.pop="pop",o.push="push"})(K||(K={}));var H;(function(o){o.back="back",o.forward="forward",o.unknown=""})(H||(H={})),Symbol(process.env.NODE_ENV!=="production"?"navigation failure":"");var X;(function(o){o[o.aborted=4]="aborted",o[o.cancelled=8]="cancelled",o[o.duplicated=16]="duplicated"})(X||(X={})),Symbol(process.env.NODE_ENV!=="production"?"router view location matched":""),Symbol(process.env.NODE_ENV!=="production"?"router view depth":"");const Pt=Symbol(process.env.NODE_ENV!=="production"?"router":"");Symbol(process.env.NODE_ENV!=="production"?"route location":""),Symbol(process.env.NODE_ENV!=="production"?"router view location":"");function Gt(){return e.inject(Pt)}const Kt=["onClick"],Ht={key:0,class:"cu-tag badge"},Xt={key:0},Jt={name:"GridGroup"},x=e.defineComponent({...Jt,props:{cuIconList:{default:()=>[{cuIcon:"cardboardfill",color:"red",badge:120,name:"VR",link:"http://www.baidu.com/"},{cuIcon:"recordfill",color:"orange",badge:1,name:"录像"},{cuIcon:"picfill",color:"yellow",badge:0,name:"图像"},{cuIcon:"noticefill",color:"olive",badge:22,name:"通知"},{cuIcon:"upstagefill",color:"cyan",badge:0,name:"排行榜"},{cuIcon:"clothesfill",color:"blue",badge:0,name:"皮肤"},{cuIcon:"discoverfill",color:"purple",badge:0,name:"发现"},{cuIcon:"questionfill",color:"mauve",badge:0,name:"帮助"},{cuIcon:"commandfill",color:"purple",badge:0,name:"问答"},{cuIcon:"brandfill",color:"mauve",badge:0,name:"版权"}]},gridCol:{default:4},gridBorder:{type:Boolean,default:!1},routeFn:{type:Function,default:void 0}},setup(o){const t=o,a=Gt(),l=n=>{if(n.path){t.routeFn?t.routeFn().push({path:n.path}):a.push({path:n.path});return}if(n.link){window.location.href=n.link;return}};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-list grid",["col-"+n.gridCol,n.gridBorder?"":"no-border"]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.cuIconList,(c,r)=>(e.openBlock(),e.createElementBlock("div",{class:"cu-item",key:r,style:e.normalizeStyle(`width: calc(100% / ${n.gridCol})`),onClick:y=>l(c)},[e.createElementVNode("div",{class:e.normalizeClass(["cuIcon-"+c.cuIcon,"text-"+c.color])},[c.badge!=0?(e.openBlock(),e.createElementBlock("div",Ht,[c.badge!=1?(e.openBlock(),e.createElementBlock("i",Xt,e.toDisplayString((c.badge||0)>99?"99+":c.badge),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2),e.createElementVNode("text",null,e.toDisplayString(c.name),1)],12,Kt))),128))],2))}});x.install=o=>{o.component(x.name,x)};const Qt={class:"content"},Wt=["src","alt"],Yt={class:"text-grey"},Zt={class:"action"},vt={key:1,class:"text-grey text-sm"},eo=["onClick"],to={key:4,class:"text-grey text-sm"},oo={name:"Menu"},j=e.defineComponent({...oo,props:{menuItems:{default:()=>[{title:"测试菜单",icon:{name:"warn",color:"blue"},text:"小目标还没有实现!"},{title:"图片菜单",img:{url:"https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg",alt:"图片菜单"}},{title:"头像组",icon:{name:"emoji",color:"pink"},group:["https://ossweb-img.qq.com/images/lol/web201310/skin/big10001.jpg","https://ossweb-img.qq.com/images/lol/web201310/skin/big81005.jpg","https://ossweb-img.qq.com/images/lol/web201310/skin/big25002.jpg","https://ossweb-img.qq.com/images/lol/web201310/skin/big91012.jpg"]},{title:"按钮",icon:{name:"btn",color:"green"},btn:{text:"上传",bg:"green",icon:"upload",event:()=>{console.log("点击了按钮")}}},{title:"标签",icon:{name:"tagfill",color:"red"},tags:[{text:"音乐",bg:"orange",light:!0,size:"sm"},{text:"电影",bg:"green",light:!0,size:"sm"},{text:"旅行",light:!1}]}]},menuBorder:{type:Boolean,default:!1},menuArrow:{type:Boolean,default:!1},menuCard:{type:Boolean,default:!1}},setup(o){const t=a=>{a&&a()};return(a,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-list menu",[a.menuBorder?"sm-border":"",a.menuCard?"card-menu":""]])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.menuItems,(n,s)=>(e.openBlock(),e.createElementBlock("div",{key:s,class:e.normalizeClass(["cu-item",a.menuArrow?"arrow":""])},[e.createElementVNode("div",Qt,[n.icon?(e.openBlock(),e.createBlock(B,{key:0,class:"icon",name:n.icon.name,color:n.icon.color},null,8,["name","color"])):e.createCommentVNode("",!0),n.img?(e.openBlock(),e.createElementBlock("img",{key:1,class:"icon",src:n.img.url,alt:n.img.alt},null,8,Wt)):e.createCommentVNode("",!0),e.createElementVNode("text",Yt,e.toDisplayString(n.title),1)]),e.createElementVNode("div",Zt,[n.group?(e.openBlock(),e.createBlock(U,{key:0,urls:n.group},null,8,["urls"])):e.createCommentVNode("",!0),n.group?(e.openBlock(),e.createElementBlock("text",vt,e.toDisplayString(n.group.length)+"人",1)):e.createCommentVNode("",!0),n.btn?(e.openBlock(),e.createElementBlock("button",{key:2,class:e.normalizeClass(["cu-btn round shadow",`bg-${n.btn.bg}`]),onClick:c=>{var r;return t((r=n.btn)==null?void 0:r.event)}},[n.btn.icon?(e.openBlock(),e.createBlock(B,{key:0,name:n.btn.icon,color:"white"},null,8,["name"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.btn.text),1)],10,eo)):e.createCommentVNode("",!0),n.tags?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:3},e.renderList(n.tags,(c,r)=>(e.openBlock(),e.createBlock(_,{size:c.size,key:r,bg:c.bg,light:c.light,shape:"round"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.text),1)]),_:2},1032,["size","bg","light"]))),128)):e.createCommentVNode("",!0),n.text?(e.openBlock(),e.createElementBlock("text",to,e.toDisplayString(n.text),1)):e.createCommentVNode("",!0)])],2))),128))],2))}});j.install=o=>{o.component(j.name,j)};const lo={key:1,class:"cu-tag badge"},no={class:"content"},ao={class:"flex align-center"},so={class:"text-cut text-black"},co={class:"text-gray text-sm flex"},ro={class:"text-cut"},io={class:"action"},mo={class:"text-grey text-xs"},po={name:"ChatListItem"},R=e.defineComponent({...po,props:{userinfo:{},roomId:{},roomName:{},time:{default:""},avatarName:{default:"friendfill"},avatarBg:{default:"grey"},unread:{},unreadColor:{},badge:{},icon:{},iconClass:{},isDisconnected:{type:Boolean},isCurrent:{type:Boolean},content:{},event:{type:Function,default:()=>{}}},setup(o){const t=o;return(a,l)=>{var s;const n=e.resolveComponent("TIcon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",{grayscale:a.isDisconnected,cur:a.isCurrent}]),onClick:l[0]||(l[0]=c=>a.event(t))},[e.createElementVNode("div",{class:e.normalizeClass(["cu-avatar",a.userinfo.avatarShape,"lg",`bg-${a.avatarBg}`]),style:e.normalizeStyle({backgroundImage:`url(${a.userinfo.avatar})`})},[(s=a.userinfo)!=null&&s.avatar?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:0,name:a.avatarName,size:36,color:"white"},null,8,["name"])),a.badge?(e.openBlock(),e.createElementBlock("div",lo,e.toDisplayString(a.badge),1)):e.createCommentVNode("",!0)],6),e.createElementVNode("div",no,[e.createElementVNode("div",ao,[e.createElementVNode("div",so,e.toDisplayString(a.userinfo.name),1),a.userinfo.tag?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-tag","round",`bg-${a.userinfo.tagColor}`,"sm"])},e.toDisplayString(a.userinfo.tag),3)):e.createCommentVNode("",!0)]),e.createElementVNode("div",co,[e.createElementVNode("div",ro,[e.renderSlot(a.$slots,"default")])])]),e.createElementVNode("div",io,[e.createElementVNode("div",mo,e.toDisplayString(a.time),1),a.unread?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["cu-tag","round",`bg-${a.unreadColor}`,"sm"])},e.toDisplayString(a.unread),3)):a.icon?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(a.iconClass)},null,2)):e.createCommentVNode("",!0)])],2)}}}),go={class:"cu-list menu-avatar"},fo={name:"ChatList"},F=e.defineComponent({...fo,props:{items:{}},setup(o){return(t,a)=>(e.openBlock(),e.createElementBlock("div",go,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,(l,n)=>(e.openBlock(),e.createBlock(R,{"avatar-name":l.avatarName,"avatar-bg":l.avatarBg,time:l.time,key:n,userinfo:l.userinfo,unread:l.unread,unreadColor:l.unreadColor,badge:l.badge,icon:l.icon,iconClass:l.iconClass,isDisconnected:l.isDisconnected,isCurrent:l.isCurrent,event:l.event},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{item:l},()=>[e.createTextVNode(e.toDisplayString(l.content),1)])]),_:2},1032,["avatar-name","avatar-bg","time","userinfo","unread","unreadColor","badge","icon","iconClass","isDisconnected","isCurrent","event"]))),128))]))}});F.install=o=>{o.component(F.name,F),o.component(R.name,R)};const ko={class:"cu-chat"},ho={key:0,class:"cu-info round"},_o={key:1,class:"cu-info"},yo=e.createElementVNode("text",{class:"cuIcon-roundclosefill text-red"},null,-1),Bo={class:"main"},bo=["src"],Eo={key:2,class:"content shadow"},$o=e.createElementVNode("text",{class:"cuIcon-sound text-xxl padding-right-xl"},null,-1),Co={class:"action text-bold text-grey"},uo={key:3,class:"content shadow"},Vo=e.createElementVNode("text",{class:"cuIcon-locationfill text-orange text-xxl"},null,-1),No={class:"content shadow"},So=e.createElementVNode("div",{class:"action text-grey"},[e.createElementVNode("text",{class:"cuIcon-warnfill text-red text-xxl"}),e.createElementVNode("text",{class:"text-sm margin-left-sm"},"翻译错误")],-1),Io={class:"date"},zo={name:"ChatRoom"},L=e.defineComponent({...zo,props:{messages:{}},setup(o){return(t,a)=>(e.openBlock(),e.createElementBlock("div",ko,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.messages,l=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:e.normalizeClass(["cu-item",{self:l.self}])},[l.type==="info"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.self?(e.openBlock(),e.createElementBlock("div",ho,e.toDisplayString(l.content),1)):(e.openBlock(),e.createElementBlock("div",_o,[yo,e.createTextVNode(" "+e.toDisplayString(l.content),1)]))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.self?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(h,{key:0,mode:"radius",url:l.avatar},null,8,["url"])),e.createElementVNode("div",Bo,[l.type==="text"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["content shadow",{"bg-green":l.self}])},[e.createElementVNode("text",null,e.toDisplayString(l.content),1)],2)):l.type==="image"?(e.openBlock(),e.createElementBlock("img",{key:1,src:l.content,class:"radius",style:{"max-width":"100%"}},null,8,bo)):l.type==="audio"?(e.openBlock(),e.createElementBlock("div",Eo,[$o,e.createElementVNode("div",Co,e.toDisplayString(l.content),1)])):l.type==="location"?(e.openBlock(),e.createElementBlock("div",uo,[Vo,e.createTextVNode(" "+e.toDisplayString(l.content),1)])):l.type==="warning"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[e.createElementVNode("div",No,e.toDisplayString(l.content),1),So],64)):e.createCommentVNode("",!0)]),l.self?(e.openBlock(),e.createBlock(h,{key:1,mode:"radius",url:l.avatar},null,8,["url"])):e.createCommentVNode("",!0),e.createElementVNode("div",Io,e.toDisplayString(l.date),1)],64))],2))),128))]))}});L.install=o=>{o.component(L.name,L)};const wo={class:"cu-time"},To={key:0,class:"cu-capsule radius"},Do={name:"TimeLine"},q=e.defineComponent({...Do,props:{items:{default:()=>[]}},setup(o){function t(l){return l||"cyan"}function a(l){switch(l.status){case"past":return`text-green cuIcon-${l.icon||"roundcheckfill"}`;case"ongoing":return"text-red cuIcon-all";case"upcoming":return`text-gray cuIcon-${l.icon||"radioboxfill"}`;default:return`text-gray cuIcon-${l.icon||"radioboxfill"}`}}return(l,n)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.items,(s,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:"cu-timeline"},[e.createElementVNode("div",wo,e.toDisplayString(s.date),1),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.items,r=>{var y,f,d;return e.openBlock(),e.createElementBlock("div",{key:r.key,class:e.normalizeClass(["cu-item",a(r)])},[e.createElementVNode("div",{class:e.normalizeClass(["content",`bg-${r.bg||"gray"}`,"shadow-blur"])},[(y=r==null?void 0:r.capsule)!=null&&y.list&&r.capsule.list.length?(e.openBlock(),e.createElementBlock("div",To,[e.createVNode(_,{bg:t((f=r.capsule)==null?void 0:f.color)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.capsule.list[0]),1)]),_:2},1032,["bg"]),e.createVNode(_,{bg:t((d=r.capsule)==null?void 0:d.color),light:!0},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(r.capsule.list[1]),1)]),_:2},1032,["bg"])])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(r.capsule?"margin-top-sm":"")},[e.renderSlot(l.$slots,`item-${r.key}`,{},()=>[e.createTextVNode(e.toDisplayString(r.content),1)])],2)],2)],2)}),128))]))),128))]))}});q.install=o=>{o.component(q.name,q)};const xo={class:"bg-white padding"},jo=["data-index"],Fo={name:"TSteps"},A=e.defineComponent({...Fo,props:{steps:{},modelValue:{},scrollX:{type:Boolean,default:!1},color:{default:"blue"}},emits:["update:modelValue"],setup(o,{emit:t}){return(a,l)=>(e.openBlock(),e.createElementBlock("div",xo,[e.createElementVNode("div",{class:e.normalizeClass(["cu-steps",{"scroll-x":a.scrollX}])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.steps,(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-item",s>a.modelValue?"":`text-${a.color}`]),key:s},[e.createElementVNode("text",{class:e.normalizeClass(n.cuIcon?"cuIcon-"+n.cuIcon:"num"),"data-index":s+1},e.toDisplayString(n.cuIcon?"":s+1),11,jo),e.createTextVNode(" "+e.toDisplayString(n.name),1)],2))),128))],2)]))}});A.install=o=>{o.component(A.name,A)};const Lo={class:"cu-dialog"},qo={class:"cu-bar bg-white justify-end padding-right-sm"},Ao={class:"content"},Mo=[e.createElementVNode("text",{class:"cuIcon-close text-red"},null,-1)],Uo={class:"padding-xl"},Oo={name:"DrawerModal"},M=e.defineComponent({...Oo,props:{title:{},modelValue:{type:Boolean}},emits:["update:modelValue"],setup(o,{emit:t}){const a=t,l=()=>{a("update:modelValue",!1)};return(n,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["cu-modal",n.modelValue?"show":""])},[e.createElementVNode("div",Lo,[e.createElementVNode("div",qo,[e.createElementVNode("div",Ao,e.toDisplayString(n.title),1),e.createElementVNode("div",{class:"action",onClick:l},Mo)]),e.createElementVNode("div",Uo,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode("Modal 内容~")])])])],2))}});M.install=o=>{o.component(M.name,M)};const Ro={install:o=>{o.use(B),o.use(V),o.use(h),o.use($),o.use(C),o.use(u),o.use(S),o.use(I),o.use(z),o.use(w),o.use(T),o.use(D),o.use(x),o.use(j),o.use(N),o.use(_),o.use(F),o.use(L),o.use(q),o.use(A),o.use(M)}};i.ChatList=F,i.ChatRoom=L,i.DrawerModal=M,i.GridGroup=x,i.Menu=j,i.TAvatar=h,i.TButton=N,i.TIcon=B,i.TInputBar=w,i.TNavBar=S,i.TNavCard=$,i.TNewCard=C,i.TSearchBar=z,i.TShareCard=u,i.TSteps=A,i.TTab=D,i.TTabs=T,i.TTag=_,i.TTitle=V,i.TTopBar=I,i.TimeLine=q,i.default=Ro,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "vue-color-ui",
3
3
  "description": "ColorUI 临时代替的版本",
4
4
  "private": false,
5
- "version": "0.0.27",
5
+ "version": "0.0.28",
6
6
  "type": "module",
7
7
  "license": "MIT",
8
8
  "scripts": {