xto-fronted 0.4.85 → 0.4.86

package/dist/index-BjEnT8WQ.js

@@ -0,0 +1,372 @@
+import { defineComponent as K, ref as f, reactive as A, computed as G, onMounted as H, openBlock as v, createElementBlock as E, createVNode as a, unref as l, withCtx as n, withKeys as J, createTextVNode as r, createElementVNode as u, Fragment as U, renderList as N, toDisplayString as c, createBlock as Q } from "vue";
+import { Form as T, FormItem as m, Input as b, Select as W, Switch as _ } from "@xto/form";
+import { Card as w, Tag as X, Pagination as Y } from "@xto/data";
+import { Popconfirm as Z, Modal as ee, Message as C } from "@xto/feedback";
+import { Space as L, Button as g } from "@xto/base";
+import { S as d, a as le, _ as te } from "./index-logKl0VM.js";
+const ae = { class: "user-page" }, ne = { class: "toolbar" }, ue = { class: "data-table" }, oe = { key: 0 }, se = { key: 1 }, de = { class: "pagination-wrapper" }, ie = /* @__PURE__ */ K({
+  __name: "index",
+  setup(re) {
+    const I = [
+      { id: 1, username: "admin", nickname: "管理员", email: "admin@example.com", phone: "13800138001", status: d.ENABLED, roles: ["admin"], createTime: "2024-01-01 10:00:00" },
+      { id: 2, username: "zhangsan", nickname: "张三", email: "zhangsan@example.com", phone: "13800138002", status: d.ENABLED, roles: ["editor"], createTime: "2024-01-02 10:00:00" },
+      { id: 3, username: "lisi", nickname: "李四", email: "lisi@example.com", phone: "13800138003", status: d.DISABLED, roles: ["viewer"], createTime: "2024-01-03 10:00:00" },
+      { id: 4, username: "wangwu", nickname: "王五", email: "wangwu@example.com", phone: "13800138004", status: d.ENABLED, roles: ["editor"], createTime: "2024-01-04 10:00:00" },
+      { id: 5, username: "zhaoliu", nickname: "赵六", email: "zhaoliu@example.com", phone: "13800138005", status: d.ENABLED, roles: ["viewer"], createTime: "2024-01-05 10:00:00" }
+    ], h = f(!1), B = f([]), S = f(0), k = f(1), D = f(10), i = A({
+      keyword: "",
+      status: void 0
+    }), y = f(!1), $ = G(() => s.id ? "编辑用户" : "新增用户"), s = A({
+      id: 0,
+      username: "",
+      nickname: "",
+      email: "",
+      phone: "",
+      status: d.ENABLED,
+      roles: []
+    }), F = {
+      username: [
+        { required: !0, message: "请输入用户名", trigger: "blur" }
+      ],
+      nickname: [
+        { required: !0, message: "请输入昵称", trigger: "blur" }
+      ],
+      email: [
+        { required: !0, message: "请输入邮箱", trigger: "blur" },
+        { type: "email", message: "请输入正确的邮箱格式", trigger: "blur" }
+      ]
+    }, x = f(), p = () => {
+      h.value = !0, setTimeout(() => {
+        let o = [...I];
+        i.keyword && (o = o.filter(
+          (e) => e.username.includes(i.keyword) || e.nickname.includes(i.keyword)
+        )), i.status !== void 0 && (o = o.filter((e) => e.status === i.status)), S.value = o.length, B.value = o.slice((k.value - 1) * D.value, k.value * D.value), h.value = !1;
+      }, 300);
+    }, z = () => {
+      k.value = 1, p();
+    }, P = () => {
+      i.keyword = "", i.status = void 0, k.value = 1, p();
+    }, q = () => {
+      Object.assign(s, {
+        id: 0,
+        username: "",
+        nickname: "",
+        email: "",
+        phone: "",
+        status: d.ENABLED,
+        roles: []
+      }), y.value = !0;
+    }, M = (o) => {
+      Object.assign(s, o), y.value = !0;
+    }, O = (o) => {
+      C.success("删除成功"), p();
+    }, R = async () => {
+      var o;
+      try {
+        await ((o = x.value) == null ? void 0 : o.validate()), C.success(s.id ? "编辑成功" : "新增成功"), y.value = !1, p();
+      } catch (e) {
+        console.error(e);
+      }
+    }, j = (o) => {
+      C.success(`已${o.status === d.ENABLED ? "启用" : "禁用"}用户 ${o.username}`);
+    };
+    return H(() => {
+      p();
+    }), (o, e) => (v(), E("div", ae, [
+      a(l(w), { class: "search-card" }, {
+        default: n(() => [
+          a(l(T), {
+            model: i,
+            inline: ""
+          }, {
+            default: n(() => [
+              a(l(m), { label: "关键词" }, {
+                default: n(() => [
+                  a(l(b), {
+                    modelValue: i.keyword,
+                    "onUpdate:modelValue": e[0] || (e[0] = (t) => i.keyword = t),
+                    placeholder: "用户名/昵称",
+                    clearable: "",
+                    onKeyup: J(z, ["enter"])
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              a(l(m), { label: "状态" }, {
+                default: n(() => [
+                  a(l(W), {
+                    modelValue: i.status,
+                    "onUpdate:modelValue": e[1] || (e[1] = (t) => i.status = t),
+                    options: l(le),
+                    placeholder: "请选择",
+                    clearable: ""
+                  }, null, 8, ["modelValue", "options"])
+                ]),
+                _: 1
+              }),
+              a(l(m), null, {
+                default: n(() => [
+                  a(l(L), null, {
+                    default: n(() => [
+                      a(l(g), {
+                        type: "primary",
+                        onClick: z
+                      }, {
+                        default: n(() => [...e[11] || (e[11] = [
+                          r("搜索", -1)
+                        ])]),
+                        _: 1
+                      }),
+                      a(l(g), { onClick: P }, {
+                        default: n(() => [...e[12] || (e[12] = [
+                          r("重置", -1)
+                        ])]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["model"])
+        ]),
+        _: 1
+      }),
+      a(l(w), { class: "table-card" }, {
+        default: n(() => [
+          u("div", ne, [
+            a(l(g), {
+              type: "primary",
+              onClick: q
+            }, {
+              default: n(() => [...e[13] || (e[13] = [
+                r("新增用户", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          u("table", ue, [
+            e[18] || (e[18] = u("thead", null, [
+              u("tr", null, [
+                u("th", null, "ID"),
+                u("th", null, "用户名"),
+                u("th", null, "昵称"),
+                u("th", null, "邮箱"),
+                u("th", null, "手机号"),
+                u("th", null, "角色"),
+                u("th", null, "状态"),
+                u("th", null, "创建时间"),
+                u("th", null, "操作")
+              ])
+            ], -1)),
+            u("tbody", null, [
+              h.value ? (v(), E("tr", oe, [...e[14] || (e[14] = [
+                u("td", {
+                  colspan: "9",
+                  class: "loading-cell"
+                }, "加载中...", -1)
+              ])])) : B.value.length === 0 ? (v(), E("tr", se, [...e[15] || (e[15] = [
+                u("td", {
+                  colspan: "9",
+                  class: "empty-cell"
+                }, "暂无数据", -1)
+              ])])) : (v(!0), E(U, { key: 2 }, N(B.value, (t) => (v(), E("tr", {
+                key: t.id
+              }, [
+                u("td", null, c(t.id), 1),
+                u("td", null, c(t.username), 1),
+                u("td", null, c(t.nickname), 1),
+                u("td", null, c(t.email), 1),
+                u("td", null, c(t.phone), 1),
+                u("td", null, [
+                  (v(!0), E(U, null, N(t.roles, (V) => (v(), Q(l(X), {
+                    key: V,
+                    size: "small"
+                  }, {
+                    default: n(() => [
+                      r(c(V), 1)
+                    ]),
+                    _: 2
+                  }, 1024))), 128))
+                ]),
+                u("td", null, [
+                  a(l(_), {
+                    "model-value": t.status === l(d).ENABLED,
+                    "onUpdate:modelValue": (V) => {
+                      t.status = V ? l(d).ENABLED : l(d).DISABLED, j(t);
+                    }
+                  }, null, 8, ["model-value", "onUpdate:modelValue"])
+                ]),
+                u("td", null, c(t.createTime), 1),
+                u("td", null, [
+                  a(l(L), null, {
+                    default: n(() => [
+                      a(l(g), {
+                        type: "primary",
+                        link: "",
+                        size: "small",
+                        onClick: (V) => M(t)
+                      }, {
+                        default: n(() => [...e[16] || (e[16] = [
+                          r("编辑", -1)
+                        ])]),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      a(l(Z), {
+                        title: "确定删除该用户吗？",
+                        onConfirm: (V) => O(t.id)
+                      }, {
+                        default: n(() => [
+                          a(l(g), {
+                            type: "danger",
+                            link: "",
+                            size: "small"
+                          }, {
+                            default: n(() => [...e[17] || (e[17] = [
+                              r("删除", -1)
+                            ])]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["onConfirm"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])
+              ]))), 128))
+            ])
+          ]),
+          u("div", de, [
+            a(l(Y), {
+              "current-page": k.value,
+              "onUpdate:currentPage": e[2] || (e[2] = (t) => k.value = t),
+              "page-size": D.value,
+              "onUpdate:pageSize": e[3] || (e[3] = (t) => D.value = t),
+              total: S.value,
+              "page-sizes": [10, 20, 50, 100],
+              layout: "total, sizes, prev, pager, next",
+              onCurrentChange: p,
+              onSizeChange: p
+            }, null, 8, ["current-page", "page-size", "total"])
+          ])
+        ]),
+        _: 1
+      }),
+      a(l(ee), {
+        modelValue: y.value,
+        "onUpdate:modelValue": e[10] || (e[10] = (t) => y.value = t),
+        title: $.value,
+        width: "500px"
+      }, {
+        footer: n(() => [
+          a(l(L), null, {
+            default: n(() => [
+              a(l(g), {
+                onClick: e[9] || (e[9] = (t) => y.value = !1)
+              }, {
+                default: n(() => [...e[19] || (e[19] = [
+                  r("取消", -1)
+                ])]),
+                _: 1
+              }),
+              a(l(g), {
+                type: "primary",
+                onClick: R
+              }, {
+                default: n(() => [...e[20] || (e[20] = [
+                  r("确定", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        default: n(() => [
+          a(l(T), {
+            ref_key: "formRef",
+            ref: x,
+            model: s,
+            rules: F,
+            "label-width": "80px"
+          }, {
+            default: n(() => [
+              a(l(m), {
+                label: "用户名",
+                prop: "username"
+              }, {
+                default: n(() => [
+                  a(l(b), {
+                    modelValue: s.username,
+                    "onUpdate:modelValue": e[4] || (e[4] = (t) => s.username = t),
+                    placeholder: "请输入用户名"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              a(l(m), {
+                label: "昵称",
+                prop: "nickname"
+              }, {
+                default: n(() => [
+                  a(l(b), {
+                    modelValue: s.nickname,
+                    "onUpdate:modelValue": e[5] || (e[5] = (t) => s.nickname = t),
+                    placeholder: "请输入昵称"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              a(l(m), {
+                label: "邮箱",
+                prop: "email"
+              }, {
+                default: n(() => [
+                  a(l(b), {
+                    modelValue: s.email,
+                    "onUpdate:modelValue": e[6] || (e[6] = (t) => s.email = t),
+                    placeholder: "请输入邮箱"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              a(l(m), {
+                label: "手机号",
+                prop: "phone"
+              }, {
+                default: n(() => [
+                  a(l(b), {
+                    modelValue: s.phone,
+                    "onUpdate:modelValue": e[7] || (e[7] = (t) => s.phone = t),
+                    placeholder: "请输入手机号"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              a(l(m), { label: "状态" }, {
+                default: n(() => [
+                  a(l(_), {
+                    modelValue: s.status,
+                    "onUpdate:modelValue": e[8] || (e[8] = (t) => s.status = t),
+                    "active-value": l(d).ENABLED,
+                    "inactive-value": l(d).DISABLED
+                  }, null, 8, ["modelValue", "active-value", "inactive-value"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["model"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"])
+    ]));
+  }
+}), ke = /* @__PURE__ */ te(ie, [["__scopeId", "data-v-d2491ae0"]]);
+export {
+  ke as default
+};

package/dist/index-BpOcz1m4.js

@@ -0,0 +1,142 @@
+import { defineComponent as g, ref as r, resolveComponent as x, openBlock as o, createElementBlock as c, createElementVNode as s, Fragment as d, renderList as m, createBlock as u, unref as l, withCtx as i, normalizeStyle as p, toDisplayString as a, createVNode as n, createTextVNode as q } from "vue";
+import { Card as _, Tag as C, Progress as y } from "@xto/data";
+import { _ as V } from "./index-DKN4xsXi.js";
+const B = { class: "dashboard" }, L = { class: "dashboard__stats" }, N = { class: "stat-card__content" }, S = { class: "stat-card__info" }, w = { class: "stat-card__title" }, z = { class: "dashboard__main" }, E = { class: "quick-links" }, I = { class: "quick-link__icon" }, T = { class: "quick-link__title" }, D = { class: "activity-list" }, F = { class: "activity-item__action" }, P = { class: "activity-item__time" }, U = { class: "system-info" }, j = { class: "system-info__item" }, A = { class: "system-info__item" }, G = /* @__PURE__ */ g({
+  __name: "index",
+  setup(H) {
+    const f = r([
+      { title: "用户总数", value: 1234, icon: "👥", color: "#409eff" },
+      { title: "今日访问", value: 567, icon: "👀", color: "#67c23a" },
+      { title: "订单数量", value: 890, icon: "📦", color: "#e6a23c" },
+      { title: "销售金额", value: 123456, icon: "💰", color: "#f56c6c" }
+    ]), v = r([
+      { user: "张三", action: "登录系统", time: "2分钟前", type: "success" },
+      { user: "李四", action: "修改了用户信息", time: "5分钟前", type: "warning" },
+      { user: "王五", action: "创建了新订单", time: "10分钟前", type: "info" },
+      { user: "赵六", action: "删除了测试数据", time: "30分钟前", type: "danger" },
+      { user: "钱七", action: "更新了系统配置", time: "1小时前", type: "primary" }
+    ]), k = r([
+      { title: "用户管理", path: "/system/user", icon: "👤" },
+      { title: "角色管理", path: "/system/role", icon: "👥" },
+      { title: "菜单管理", path: "/system/menu", icon: "📋" },
+      { title: "系统设置", path: "/system", icon: "⚙️" }
+    ]);
+    return (J, t) => {
+      const b = x("router-link");
+      return o(), c("div", B, [
+        s("div", L, [
+          (o(!0), c(d, null, m(f.value, (e) => (o(), u(l(_), {
+            key: e.title,
+            class: "stat-card"
+          }, {
+            default: i(() => [
+              s("div", N, [
+                s("div", {
+                  class: "stat-card__icon",
+                  style: p({ backgroundColor: e.color + "20" })
+                }, a(e.icon), 5),
+                s("div", S, [
+                  s("div", w, a(e.title), 1),
+                  s("div", {
+                    class: "stat-card__value",
+                    style: p({ color: e.color })
+                  }, a(e.value.toLocaleString()), 5)
+                ])
+              ])
+            ]),
+            _: 2
+          }, 1024))), 128))
+        ]),
+        s("div", z, [
+          n(l(_), { class: "dashboard__quick" }, {
+            header: i(() => [...t[0] || (t[0] = [
+              s("span", { class: "card-title" }, "快捷入口", -1)
+            ])]),
+            default: i(() => [
+              s("div", E, [
+                (o(!0), c(d, null, m(k.value, (e) => (o(), u(b, {
+                  key: e.path,
+                  to: e.path,
+                  class: "quick-link"
+                }, {
+                  default: i(() => [
+                    s("span", I, a(e.icon), 1),
+                    s("span", T, a(e.title), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to"]))), 128))
+              ])
+            ]),
+            _: 1
+          }),
+          n(l(_), { class: "dashboard__activity" }, {
+            header: i(() => [...t[1] || (t[1] = [
+              s("span", { class: "card-title" }, "最近活动", -1)
+            ])]),
+            default: i(() => [
+              s("div", D, [
+                (o(!0), c(d, null, m(v.value, (e, h) => (o(), c("div", {
+                  key: h,
+                  class: "activity-item"
+                }, [
+                  n(l(C), {
+                    type: e.type,
+                    size: "small"
+                  }, {
+                    default: i(() => [
+                      q(a(e.user), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type"]),
+                  s("span", F, a(e.action), 1),
+                  s("span", P, a(e.time), 1)
+                ]))), 128))
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        n(l(_), { class: "dashboard__system" }, {
+          header: i(() => [...t[2] || (t[2] = [
+            s("span", { class: "card-title" }, "系统信息", -1)
+          ])]),
+          default: i(() => [
+            s("div", U, [
+              t[5] || (t[5] = s("div", { class: "system-info__item" }, [
+                s("span", { class: "system-info__label" }, "系统版本"),
+                s("span", { class: "system-info__value" }, "v1.0.0")
+              ], -1)),
+              t[6] || (t[6] = s("div", { class: "system-info__item" }, [
+                s("span", { class: "system-info__label" }, "Vue 版本"),
+                s("span", { class: "system-info__value" }, "3.4.21")
+              ], -1)),
+              t[7] || (t[7] = s("div", { class: "system-info__item" }, [
+                s("span", { class: "system-info__label" }, "构建工具"),
+                s("span", { class: "system-info__value" }, "Vite 5")
+              ], -1)),
+              t[8] || (t[8] = s("div", { class: "system-info__item" }, [
+                s("span", { class: "system-info__label" }, "UI 组件库"),
+                s("span", { class: "system-info__value" }, "xto")
+              ], -1)),
+              s("div", j, [
+                t[3] || (t[3] = s("span", { class: "system-info__label" }, "服务器状态", -1)),
+                n(l(y), {
+                  percentage: 75,
+                  status: "success"
+                })
+              ]),
+              s("div", A, [
+                t[4] || (t[4] = s("span", { class: "system-info__label" }, "内存使用", -1)),
+                n(l(y), { percentage: 45 })
+              ])
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), Q = /* @__PURE__ */ V(G, [["__scopeId", "data-v-44648cb1"]]);
+export {
+  Q as default
+};

package/dist/index-BrRdLbLB.js

@@ -0,0 +1,142 @@
+import { defineComponent as g, ref as r, resolveComponent as x, openBlock as o, createElementBlock as c, createElementVNode as s, Fragment as d, renderList as m, createBlock as u, unref as l, withCtx as i, normalizeStyle as p, toDisplayString as a, createVNode as n, createTextVNode as q } from "vue";
+import { Card as _, Tag as C, Progress as y } from "@xto/data";
+import { _ as V } from "./index-lrFMrOlR.js";
+const B = { class: "dashboard" }, L = { class: "dashboard__stats" }, N = { class: "stat-card__content" }, S = { class: "stat-card__info" }, w = { class: "stat-card__title" }, z = { class: "dashboard__main" }, E = { class: "quick-links" }, I = { class: "quick-link__icon" }, T = { class: "quick-link__title" }, D = { class: "activity-list" }, F = { class: "activity-item__action" }, P = { class: "activity-item__time" }, U = { class: "system-info" }, j = { class: "system-info__item" }, A = { class: "system-info__item" }, G = /* @__PURE__ */ g({
+  __name: "index",
+  setup(H) {
+    const f = r([
+      { title: "用户总数", value: 1234, icon: "👥", color: "#409eff" },
+      { title: "今日访问", value: 567, icon: "👀", color: "#67c23a" },
+      { title: "订单数量", value: 890, icon: "📦", color: "#e6a23c" },
+      { title: "销售金额", value: 123456, icon: "💰", color: "#f56c6c" }
+    ]), v = r([
+      { user: "张三", action: "登录系统", time: "2分钟前", type: "success" },
+      { user: "李四", action: "修改了用户信息", time: "5分钟前", type: "warning" },
+      { user: "王五", action: "创建了新订单", time: "10分钟前", type: "info" },
+      { user: "赵六", action: "删除了测试数据", time: "30分钟前", type: "danger" },
+      { user: "钱七", action: "更新了系统配置", time: "1小时前", type: "primary" }
+    ]), k = r([
+      { title: "用户管理", path: "/system/user", icon: "👤" },
+      { title: "角色管理", path: "/system/role", icon: "👥" },
+      { title: "菜单管理", path: "/system/menu", icon: "📋" },
+      { title: "系统设置", path: "/system", icon: "⚙️" }
+    ]);
+    return (J, t) => {
+      const b = x("router-link");
+      return o(), c("div", B, [
+        s("div", L, [
+          (o(!0), c(d, null, m(f.value, (e) => (o(), u(l(_), {
+            key: e.title,
+            class: "stat-card"
+          }, {
+            default: i(() => [
+              s("div", N, [
+                s("div", {
+                  class: "stat-card__icon",
+                  style: p({ backgroundColor: e.color + "20" })
+                }, a(e.icon), 5),
+                s("div", S, [
+                  s("div", w, a(e.title), 1),
+                  s("div", {
+                    class: "stat-card__value",
+                    style: p({ color: e.color })
+                  }, a(e.value.toLocaleString()), 5)
+                ])
+              ])
+            ]),
+            _: 2
+          }, 1024))), 128))
+        ]),
+        s("div", z, [
+          n(l(_), { class: "dashboard__quick" }, {
+            header: i(() => [...t[0] || (t[0] = [
+              s("span", { class: "card-title" }, "快捷入口", -1)
+            ])]),
+            default: i(() => [
+              s("div", E, [
+                (o(!0), c(d, null, m(k.value, (e) => (o(), u(b, {
+                  key: e.path,
+                  to: e.path,
+                  class: "quick-link"
+                }, {
+                  default: i(() => [
+                    s("span", I, a(e.icon), 1),
+                    s("span", T, a(e.title), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to"]))), 128))
+              ])
+            ]),
+            _: 1
+          }),
+          n(l(_), { class: "dashboard__activity" }, {
+            header: i(() => [...t[1] || (t[1] = [
+              s("span", { class: "card-title" }, "最近活动", -1)
+            ])]),
+            default: i(() => [
+              s("div", D, [
+                (o(!0), c(d, null, m(v.value, (e, h) => (o(), c("div", {
+                  key: h,
+                  class: "activity-item"
+                }, [
+                  n(l(C), {
+                    type: e.type,
+                    size: "small"
+                  }, {
+                    default: i(() => [
+                      q(a(e.user), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["type"]),
+                  s("span", F, a(e.action), 1),
+                  s("span", P, a(e.time), 1)
+                ]))), 128))
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        n(l(_), { class: "dashboard__system" }, {
+          header: i(() => [...t[2] || (t[2] = [
+            s("span", { class: "card-title" }, "系统信息", -1)
+          ])]),
+          default: i(() => [
+            s("div", U, [
+              t[5] || (t[5] = s("div", { class: "system-info__item" }, [
+                s("span", { class: "system-info__label" }, "系统版本"),
+                s("span", { class: "system-info__value" }, "v1.0.0")
+              ], -1)),
+              t[6] || (t[6] = s("div", { class: "system-info__item" }, [
+                s("span", { class: "system-info__label" }, "Vue 版本"),
+                s("span", { class: "system-info__value" }, "3.4.21")
+              ], -1)),
+              t[7] || (t[7] = s("div", { class: "system-info__item" }, [
+                s("span", { class: "system-info__label" }, "构建工具"),
+                s("span", { class: "system-info__value" }, "Vite 5")
+              ], -1)),
+              t[8] || (t[8] = s("div", { class: "system-info__item" }, [
+                s("span", { class: "system-info__label" }, "UI 组件库"),
+                s("span", { class: "system-info__value" }, "xto")
+              ], -1)),
+              s("div", j, [
+                t[3] || (t[3] = s("span", { class: "system-info__label" }, "服务器状态", -1)),
+                n(l(y), {
+                  percentage: 75,
+                  status: "success"
+                })
+              ]),
+              s("div", A, [
+                t[4] || (t[4] = s("span", { class: "system-info__label" }, "内存使用", -1)),
+                n(l(y), { percentage: 45 })
+              ])
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), Q = /* @__PURE__ */ V(G, [["__scopeId", "data-v-44648cb1"]]);
+export {
+  Q as default
+};