vue-color-ui 0.0.42 → 0.0.43

package/lib/style.css

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

package/lib/temp-color-ui.js

@@ -1,7 +1,7 @@
 var we = Object.defineProperty;
 var Ce = (t, e, c) => e in t ? we(t, e, { enumerable: !0, configurable: !0, writable: !0, value: c }) : t[e] = c;
-var M = (t, e, c) => (Ce(t, typeof e != "symbol" ? e + "" : e, c), c);
-import { defineComponent as _, openBlock as n, createElementBlock as l, Fragment as b, renderList as y, normalizeClass as d, normalizeStyle as w, createElementVNode as o, toDisplayString as u, createTextVNode as k, createCommentVNode as p, pushScopeId as xe, popScopeId as Te, computed as j, renderSlot as x, createBlock as V, ref as B, withModifiers as de, unref as Be, onMounted as D, resolveComponent as ke, createVNode as P, onUnmounted as Se, withKeys as je, withDirectives as he, vShow as pe, provide as ve, watch as Ie, inject as fe, withCtx as re, reactive as Ee, KeepAlive as Ve, resolveDynamicComponent as Me } from "vue";
+var M = (t, e, c) => Ce(t, typeof e != "symbol" ? e + "" : e, c);
+import { defineComponent as _, createElementBlock as l, openBlock as n, Fragment as b, renderList as k, normalizeStyle as w, normalizeClass as d, createElementVNode as o, toDisplayString as u, createCommentVNode as p, createTextVNode as y, pushScopeId as xe, popScopeId as Te, computed as j, renderSlot as x, createBlock as V, ref as B, withModifiers as de, unref as Be, onMounted as D, resolveComponent as ke, createVNode as P, onUnmounted as Se, withDirectives as he, withKeys as je, vShow as pe, provide as ve, watch as Ie, inject as fe, withCtx as re, reactive as Ee, KeepAlive as Ve, resolveDynamicComponent as Me } from "vue";
 const ze = { class: "nav-list" }, qe = ["onClick"], Ae = { class: "nav-title" }, Ne = { class: "nav-name" }, Pe = {
   name: "TNavCard"
 }, R = /* @__PURE__ */ _({
@@ -15,7 +15,7 @@ const ze = { class: "nav-list" }, qe = ["onClick"], Ae = { class: "nav-title" },
       c("chickItem", i, a);
     };
     return (i, a) => (n(), l("div", ze, [
-      (n(!0), l(b, null, y(i.items, (h, r) => (n(), l("div", {
+      (n(!0), l(b, null, k(i.items, (h, r) => (n(), l("div", {
         "hover-class": "none",
         class: d(["nav-li", "bg-" + h.color]),
         style: w([{ animation: "show " + ((r + 1) * 0.2 + 1) + "s 1" }]),
@@ -74,7 +74,7 @@ const ge = (t) => (xe("data-v-bbdb83ff"), t = t(), Te(), t), Le = { class: "cu-i
           o("div", Xe, [
             o("div", Ye, u(e.description), 1),
             o("div", null, [
-              (n(!0), l(b, null, y(e.tags, (s) => (n(), l("div", {
+              (n(!0), l(b, null, k(e.tags, (s) => (n(), l("div", {
                 key: s,
                 class: "cu-tag bg-red light sm round"
               }, u(s), 1))), 128))
@@ -84,15 +84,15 @@ const ge = (t) => (xe("data-v-bbdb83ff"), t = t(), Te(), t), Le = { class: "cu-i
         e.footerInfo ? (n(), l("div", Oe, [
           o("div", He, [
             Ge,
-            k(" " + u(e.footerInfo.likes) + " ", 1),
+            y(" " + u(e.footerInfo.likes) + " ", 1),
             Ke,
-            k(" " + u(e.footerInfo.appreciations) + " ", 1),
+            y(" " + u(e.footerInfo.appreciations) + " ", 1),
             Je,
-            k(" " + u(e.footerInfo.comments), 1)
+            y(" " + u(e.footerInfo.comments), 1)
           ]),
           o("div", Qe, [
             o("div", We, u(e.footerInfo.author), 1),
-            k(" " + u(e.footerInfo.timeAgo), 1)
+            y(" " + u(e.footerInfo.timeAgo), 1)
           ])
         ])) : p("", !0)
       ])
@@ -182,7 +182,7 @@ const tt = { class: "cu-item shadow" }, st = { class: "cu-list menu-avatar" }, n
           o("div", {
             class: d(["grid flex-sub padding-lr", e.isCard ? "col-3 grid-square" : "col-1"])
           }, [
-            (n(!0), l(b, null, y(e.isCard ? 9 : 1, (s) => (n(), l("div", {
+            (n(!0), l(b, null, k(e.isCard ? 9 : 1, (s) => (n(), l("div", {
               class: d(["bg-img", e.isCard ? "" : "only-img"]),
               style: w({ backgroundImage: `url(${e.imageUrl})` }),
               key: s
@@ -190,13 +190,13 @@ const tt = { class: "cu-item shadow" }, st = { class: "cu-list menu-avatar" }, n
           ], 2),
           o("div", it, [
             ct,
-            k(" " + u(e.likes) + " ", 1),
+            y(" " + u(e.likes) + " ", 1),
             rt,
-            k(" " + u(e.appreciations) + " ", 1),
+            y(" " + u(e.appreciations) + " ", 1),
             ut,
-            k(" " + u(e.comments), 1)
+            y(" " + u(e.comments), 1)
           ]),
-          (n(!0), l(b, null, y(e.commentsList, (s) => {
+          (n(!0), l(b, null, k(e.commentsList, (s) => {
             var i;
             return n(), l("div", {
               class: "cu-list menu-avatar comment solids-top",
@@ -210,7 +210,7 @@ const tt = { class: "cu-item shadow" }, st = { class: "cu-list menu-avatar" }, n
                 o("div", ht, [
                   o("div", pt, u(s.author), 1),
                   o("div", ft, u(s.text), 1),
-                  (n(!0), l(b, null, y(s.replies, (a) => (n(), l("div", {
+                  (n(!0), l(b, null, k(s.replies, (a) => (n(), l("div", {
                     key: a.id,
                     class: "bg-grey padding-sm radius margin-top-sm text-sm"
                   }, [
@@ -406,7 +406,7 @@ const xt = {
   },
   setup(t) {
     return (e, c) => (n(), l("div", Ut, [
-      (n(!0), l(b, null, y(e.urls, (s, i) => (n(), V(z, {
+      (n(!0), l(b, null, k(e.urls, (s, i) => (n(), V(z, {
         key: i,
         url: s,
         size: e.size
@@ -551,7 +551,7 @@ const Jt = ["onClick"], Qt = {
     return (s, i) => (n(), l("div", {
       class: d(["cu-bar tabbar", `bg-${s.bg} ${s.isFoot ? "foot" : ""}`])
     }, [
-      (n(!0), l(b, null, y(s.items, (a, h) => (n(), l("div", {
+      (n(!0), l(b, null, k(s.items, (a, h) => (n(), l("div", {
         key: h,
         class: d(["action", `text-${h === s.activeIndex ? s.activeColor : s.color}`]),
         onClick: (r) => c(a, h)
@@ -710,7 +710,7 @@ const fs = {
       return r;
     }));
     return (h, r) => h.stringArray.length ? (n(), l("ul", fs, [
-      (n(!0), l(b, null, y(a.value, (f, $) => (n(), l("li", {
+      (n(!0), l(b, null, k(a.value, (f, $) => (n(), l("li", {
         key: $,
         innerHTML: f,
         onClick: (g) => i(h.stringArray[$].text, h.stringArray[$])
@@ -833,7 +833,7 @@ const fs = {
       onClick: a[0] || (a[0] = de(() => {
       }, ["stop"]))
     }, [
-      (n(!0), l(b, null, y(Be(vs), (h) => (n(), l("span", {
+      (n(!0), l(b, null, k(Be(vs), (h) => (n(), l("span", {
         key: h,
         onClick: (r) => s(h)
       }, u(h), 9, bs))), 128))
@@ -855,7 +855,7 @@ const fs = {
           ref_key: "functionPanel",
           ref: e
         }, [
-          (n(!0), l(b, null, y(c.items, (a, h) => (n(), l("div", {
+          (n(!0), l(b, null, k(c.items, (a, h) => (n(), l("div", {
             key: h,
             class: "function-item",
             onClick: a.event
@@ -877,7 +877,7 @@ const fs = {
 }, Bs = {
   key: 1,
   class: "action"
-}, Ss = ["value"], js = { class: "action" }, Es = { name: "TInputBar" }, Vs = /* @__PURE__ */ _({
+}, Ss = ["value", "placeholder"], js = { class: "action" }, Es = { name: "TInputBar" }, Vs = /* @__PURE__ */ _({
   ...Es,
   props: {
     modelValue: {},
@@ -887,7 +887,8 @@ const fs = {
     buttonText: { default: "发送" },
     stringArray: { default: () => [] },
     functionItems: { default: () => [] },
-    buttonBg: { default: "green" }
+    buttonBg: { default: "green" },
+    placeholder: { default: "" }
   },
   emits: ["update:modelValue", "send"],
   setup(t, { emit: e }) {
@@ -936,8 +937,13 @@ const fs = {
           maxlength: "300",
           "cursor-spacing": "10",
           value: m.modelValue,
-          onInput: E
+          onInput: E,
+          placeholder: m.placeholder,
+          "<!--": "",
+          添加这一行: "",
+          "--": ""
         }, null, 40, Ss),
+        y(" /> "),
         o("div", js, [
           o("text", {
             class: d(`cuIcon-${m.rightIcon} text-grey`),
@@ -954,7 +960,7 @@ const fs = {
           onClick: C[2] || (C[2] = (N) => $())
         }, [
           x(m.$slots, "default", {}, () => [
-            k(u(m.buttonText), 1)
+            y(u(m.buttonText), 1)
           ], !0)
         ], 2)
       ]),
@@ -966,7 +972,7 @@ const fs = {
       ])
     ], 64));
   }
-}), Q = /* @__PURE__ */ A(Vs, [["__scopeId", "data-v-cad7ccb4"]]);
+}), Q = /* @__PURE__ */ A(Vs, [["__scopeId", "data-v-643af320"]]);
 Q.install = (t) => {
   t.component(Q.name, Q);
 };
@@ -1010,7 +1016,7 @@ const Ms = ["onClick"], zs = { class: "tab-content" }, qs = {
         class: d(["nav flex", [, `bg-${g.bg}`, `text-${g.text}`]]),
         style: w(f.value)
       }, [
-        (n(!0), l(b, null, y(i.value, (S, E) => (n(), l("div", {
+        (n(!0), l(b, null, k(i.value, (S, E) => (n(), l("div", {
           class: d(["cu-item", $.value(E)]),
           key: E,
           onClick: (m) => h(E, S)
@@ -1019,7 +1025,7 @@ const Ms = ["onClick"], zs = { class: "tab-content" }, qs = {
             key: 0,
             class: d(`cuIcon-${S.icon} text-${a.value === E ? g.color : S.iconColor}`)
           }, null, 2)) : p("", !0),
-          k(" " + u(S.label), 1)
+          y(" " + u(S.label), 1)
         ], 10, Ms))), 128))
       ], 6),
       o("div", zs, [
@@ -1185,7 +1191,7 @@ const Ls = ["onClick"], Ds = {
     return (i, a) => (n(), l("div", {
       class: d(["cu-list grid", ["col-" + i.gridCol, i.gridBorder ? "" : "no-border"]])
     }, [
-      (n(!0), l(b, null, y(i.cuIconList, (h, r) => (n(), l("div", {
+      (n(!0), l(b, null, k(i.cuIconList, (h, r) => (n(), l("div", {
         class: "cu-item",
         key: r,
         style: w(`width: calc(100% / ${i.gridCol})`),
@@ -1300,7 +1306,7 @@ const Us = ["onClick"], Xs = { class: "content" }, Ys = ["src", "alt"], Os = { c
     return (s, i) => (n(), l("div", {
       class: d(["cu-list menu", [s.menuBorder ? "sm-border" : "", s.menuCard ? "card-menu" : ""]])
     }, [
-      (n(!0), l(b, null, y(s.menuItems, (a, h) => (n(), l("div", {
+      (n(!0), l(b, null, k(s.menuItems, (a, h) => (n(), l("div", {
         key: h,
         class: d(["cu-item", s.menuArrow ? "arrow" : ""]),
         onClick: (r) => e(a)
@@ -1339,9 +1345,9 @@ const Us = ["onClick"], Xs = { class: "content" }, Ys = ["src", "alt"], Os = { c
               name: a.btn.icon,
               color: "white"
             }, null, 8, ["name"])) : p("", !0),
-            k(" " + u(a.btn.text), 1)
+            y(" " + u(a.btn.text), 1)
           ], 10, Ks)) : p("", !0),
-          a.tags ? (n(!0), l(b, { key: 3 }, y(a.tags, (r, f) => (n(), V(q, {
+          a.tags ? (n(!0), l(b, { key: 3 }, k(a.tags, (r, f) => (n(), V(q, {
             size: r.size,
             key: f,
             bg: r.bg,
@@ -1349,7 +1355,7 @@ const Us = ["onClick"], Xs = { class: "content" }, Ys = ["src", "alt"], Os = { c
             shape: "round"
           }, {
             default: re(() => [
-              k(u(r.text), 1)
+              y(u(r.text), 1)
             ]),
             _: 2
           }, 1032, ["size", "bg", "light"]))), 128)) : p("", !0),
@@ -1446,7 +1452,7 @@ const Ws = {
   },
   setup(t) {
     return (e, c) => (n(), l("div", cn, [
-      (n(!0), l(b, null, y(e.items, (s, i) => (n(), V(me, {
+      (n(!0), l(b, null, k(e.items, (s, i) => (n(), V(me, {
         "avatar-name": s.avatarName,
         "avatar-bg": s.avatarBg,
         time: s.time,
@@ -1463,7 +1469,7 @@ const Ws = {
       }, {
         default: re(() => [
           x(e.$slots, "default", { item: s }, () => [
-            k(u(s.content), 1)
+            y(u(s.content), 1)
           ])
         ]),
         _: 2
@@ -1496,14 +1502,14 @@ const un = { class: "cu-chat" }, dn = {
   },
   setup(t) {
     return (e, c) => (n(), l("div", un, [
-      (n(!0), l(b, null, y(e.messages, (s) => (n(), l("div", {
+      (n(!0), l(b, null, k(e.messages, (s) => (n(), l("div", {
         key: s.id,
         class: d(["cu-item", { self: s.self }])
       }, [
         s.type === "info" ? (n(), l(b, { key: 0 }, [
           s.self ? (n(), l("div", dn, u(s.content), 1)) : (n(), l("div", hn, [
             pn,
-            k(" " + u(s.content), 1)
+            y(" " + u(s.content), 1)
           ]))
         ], 64)) : (n(), l(b, { key: 1 }, [
           s.self ? p("", !0) : (n(), V(z, {
@@ -1527,7 +1533,7 @@ const un = { class: "cu-chat" }, dn = {
               o("div", vn, u(s.content), 1)
             ])) : s.type === "location" ? (n(), l("div", bn, [
               $n,
-              k(" " + u(s.content), 1)
+              y(" " + u(s.content), 1)
             ])) : s.type === "warning" ? (n(), l(b, { key: 4 }, [
               o("div", yn, u(s.content), 1),
               kn
@@ -1577,12 +1583,12 @@ const Cn = { class: "cu-time" }, xn = {
       }
     }
     return (s, i) => (n(), l("div", null, [
-      (n(!0), l(b, null, y(s.items, (a, h) => (n(), l("div", {
+      (n(!0), l(b, null, k(s.items, (a, h) => (n(), l("div", {
         key: h,
         class: "cu-timeline"
       }, [
         o("div", Cn, u(a.date), 1),
-        (n(!0), l(b, null, y(a.items, (r) => {
+        (n(!0), l(b, null, k(a.items, (r) => {
           var f, $, g;
           return n(), l("div", {
             key: r.key,
@@ -1596,7 +1602,7 @@ const Cn = { class: "cu-time" }, xn = {
                   bg: e(($ = r.capsule) == null ? void 0 : $.color)
                 }, {
                   default: re(() => [
-                    k(u(r.capsule.list[0]), 1)
+                    y(u(r.capsule.list[0]), 1)
                   ]),
                   _: 2
                 }, 1032, ["bg"]),
@@ -1605,7 +1611,7 @@ const Cn = { class: "cu-time" }, xn = {
                   light: !0
                 }, {
                   default: re(() => [
-                    k(u(r.capsule.list[1]), 1)
+                    y(u(r.capsule.list[1]), 1)
                   ]),
                   _: 2
                 }, 1032, ["bg"])
@@ -1614,7 +1620,7 @@ const Cn = { class: "cu-time" }, xn = {
                 class: d(r.capsule ? "margin-top-sm" : "")
               }, [
                 x(s.$slots, `item-${r.key}`, {}, () => [
-                  k(u(r.content), 1)
+                  y(u(r.content), 1)
                 ])
               ], 2)
             ], 2)
@@ -1643,7 +1649,7 @@ const Bn = { class: "bg-white padding" }, Sn = ["data-index"], jn = {
       o("div", {
         class: d(["cu-steps", { "scroll-x": c.scrollX }])
       }, [
-        (n(!0), l(b, null, y(c.steps, (i, a) => (n(), l("div", {
+        (n(!0), l(b, null, k(c.steps, (i, a) => (n(), l("div", {
           class: d(["cu-item", a > c.modelValue ? "" : `text-${c.color}`]),
           key: a
         }, [
@@ -1651,7 +1657,7 @@ const Bn = { class: "bg-white padding" }, Sn = ["data-index"], jn = {
             class: d(i.cuIcon ? "cuIcon-" + i.cuIcon : "num"),
             "data-index": a + 1
           }, u(i.cuIcon ? "" : a + 1), 11, Sn),
-          k(" " + u(i.name), 1)
+          y(" " + u(i.name), 1)
         ], 2))), 128))
       ], 2)
     ]));
@@ -1688,7 +1694,7 @@ const En = { class: "cu-dialog" }, Vn = { class: "cu-bar bg-white justify-end pa
         ]),
         o("div", An, [
           x(i.$slots, "default", {}, () => [
-            k("Modal 内容~")
+            y("Modal 内容~")
           ])
         ])
       ])
@@ -1743,8 +1749,7 @@ const Pn = { class: "loading-animation" }, Ln = {
     }
     const c = t, s = B(null);
     return D(() => {
-      if (!s.value)
-        return;
+      if (!s.value) return;
       const i = s.value.getContext("2d"), { width: a, height: h, particleRadius: r, particleDecay: f } = c, $ = window.devicePixelRatio || 1;
       s.value.width = a * $, s.value.height = h * $, s.value.style.width = a + "px", s.value.style.height = h + "px", i.scale($, $);
       const g = a * 0.5, I = [];
@@ -1851,7 +1856,7 @@ const Fn = ["data-index"], Rn = { name: "TVirtualScrollSlide" }, Un = /* @__PURE
         style: w({ transform: `translateY(${h.value}px)` })
       }, [
         (n(), V(Ve, { include: F.value }, [
-          (n(!0), l(b, null, y(f.value, (_e, ue) => (n(), l("div", {
+          (n(!0), l(b, null, k(f.value, (_e, ue) => (n(), l("div", {
             key: _e.id,
             "data-index": ue,
             class: d($),