xto-fronted 0.4.87 → 0.4.88

package/dist/index-Bmf0YbVq.js

@@ -0,0 +1,189 @@
+import { defineComponent as g, ref as l, resolveComponent as b, openBlock as i, createElementBlock as o, createElementVNode as s, Fragment as n, renderList as c, normalizeStyle as r, toDisplayString as a, normalizeClass as d, createBlock as w, withCtx as U, createVNode as u, unref as v } from "vue";
+import { Progress as _ } from "@xto/data";
+import { _ as q } from "./index-C2-a5KSQ.js";
+const x = { class: "dashboard" }, C = { class: "stats-section" }, B = { class: "stat-content" }, M = { class: "stat-title" }, I = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, V = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, L = { class: "main-section" }, S = { class: "quick-section" }, $ = { class: "quick-grid" }, z = { class: "quick-icon" }, E = { class: "quick-info" }, N = { class: "quick-title" }, P = { class: "quick-desc" }, D = { class: "activity-section" }, F = { class: "activity-list" }, O = { class: "activity-content" }, T = { class: "activity-main" }, X = { class: "activity-user" }, j = { class: "activity-action" }, A = { class: "activity-time" }, G = { class: "system-section" }, H = { class: "system-grid" }, J = { class: "system-info-list" }, K = { class: "info-label" }, Q = { class: "info-value" }, R = { class: "system-status" }, W = { class: "status-item" }, Y = { class: "status-item" }, Z = { class: "status-item" }, ss = /* @__PURE__ */ g({
+  __name: "index",
+  setup(ts) {
+    const p = l([
+      { title: "用户总数", value: 1234, icon: "👥", color: "#1677ff", trend: "+12.5%", trendUp: !0 },
+      { title: "今日访问", value: 567, icon: "👀", color: "#52c41a", trend: "+8.2%", trendUp: !0 },
+      { title: "订单数量", value: 890, icon: "📦", color: "#faad14", trend: "-3.1%", trendUp: !1 },
+      { title: "销售金额", value: 123456, icon: "💰", color: "#ff4d4f", trend: "+15.8%", trendUp: !0 }
+    ]), m = l([
+      { user: "张三", action: "登录系统", time: "2分钟前", type: "success", avatar: "张" },
+      { user: "李四", action: "修改了用户信息", time: "5分钟前", type: "warning", avatar: "李" },
+      { user: "王五", action: "创建了新订单", time: "10分钟前", type: "info", avatar: "王" },
+      { user: "赵六", action: "删除了测试数据", time: "30分钟前", type: "danger", avatar: "赵" },
+      { user: "钱七", action: "更新了系统配置", time: "1小时前", type: "primary", avatar: "钱" }
+    ]), h = l([
+      { title: "用户管理", path: "/system/user", icon: "👤", desc: "管理系统用户" },
+      { title: "角色管理", path: "/system/role", icon: "👥", desc: "角色权限配置" },
+      { title: "菜单管理", path: "/system/menu", icon: "📋", desc: "菜单路由管理" },
+      { title: "系统设置", path: "/system", icon: "⚙️", desc: "系统参数配置" }
+    ]), y = l([
+      { label: "系统版本", value: "v1.0.0" },
+      { label: "Vue 版本", value: "3.4.21" },
+      { label: "构建工具", value: "Vite 5" },
+      { label: "UI 组件库", value: "XTO UI" }
+    ]);
+    return (es, e) => {
+      const f = b("router-link");
+      return i(), o("div", x, [
+        s("div", C, [
+          (i(!0), o(n, null, c(p.value, (t) => (i(), o("div", {
+            key: t.title,
+            class: "stat-card"
+          }, [
+            s("div", {
+              class: "stat-icon",
+              style: r({ background: `linear-gradient(135deg, ${t.color}20 0%, ${t.color}10 100%)` })
+            }, [
+              s("span", null, a(t.icon), 1)
+            ], 4),
+            s("div", B, [
+              s("div", M, a(t.title), 1),
+              s("div", {
+                class: "stat-value",
+                style: r({ color: t.color })
+              }, a(t.value.toLocaleString()), 5),
+              s("div", {
+                class: d(["stat-trend", { up: t.trendUp, down: !t.trendUp }])
+              }, [
+                t.trendUp ? (i(), o("svg", I, [...e[0] || (e[0] = [
+                  s("path", { d: "M7 17l5-5 5 5M7 7l5 5 5-5" }, null, -1)
+                ])])) : (i(), o("svg", V, [...e[1] || (e[1] = [
+                  s("path", { d: "M7 7l5 5 5-5M7 17l5-5 5 5" }, null, -1)
+                ])])),
+                s("span", null, a(t.trend), 1)
+              ], 2)
+            ]),
+            s("div", {
+              class: "stat-decoration",
+              style: r({ background: `linear-gradient(135deg, ${t.color}08 0%, transparent 100%)` })
+            }, null, 4)
+          ]))), 128))
+        ]),
+        s("div", L, [
+          s("div", S, [
+            e[3] || (e[3] = s("div", { class: "section-header" }, [
+              s("h3", null, "快捷入口"),
+              s("span", { class: "section-badge" }, "4 个入口")
+            ], -1)),
+            s("div", $, [
+              (i(!0), o(n, null, c(h.value, (t) => (i(), w(f, {
+                key: t.path,
+                to: t.path,
+                class: "quick-card"
+              }, {
+                default: U(() => [
+                  s("div", z, a(t.icon), 1),
+                  s("div", E, [
+                    s("div", N, a(t.title), 1),
+                    s("div", P, a(t.desc), 1)
+                  ]),
+                  e[2] || (e[2] = s("div", { class: "quick-arrow" }, [
+                    s("svg", {
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      "stroke-width": "2"
+                    }, [
+                      s("path", { d: "M9 18l6-6-6-6" })
+                    ])
+                  ], -1))
+                ]),
+                _: 2
+              }, 1032, ["to"]))), 128))
+            ])
+          ]),
+          s("div", D, [
+            e[4] || (e[4] = s("div", { class: "section-header" }, [
+              s("h3", null, "最近活动"),
+              s("a", {
+                href: "#",
+                class: "section-link"
+              }, "查看全部")
+            ], -1)),
+            s("div", F, [
+              (i(!0), o(n, null, c(m.value, (t, k) => (i(), o("div", {
+                key: k,
+                class: "activity-item"
+              }, [
+                s("div", {
+                  class: d(["activity-avatar", t.type])
+                }, a(t.avatar), 3),
+                s("div", O, [
+                  s("div", T, [
+                    s("span", X, a(t.user), 1),
+                    s("span", j, a(t.action), 1)
+                  ]),
+                  s("div", A, a(t.time), 1)
+                ]),
+                s("div", {
+                  class: d(["activity-dot", t.type])
+                }, null, 2)
+              ]))), 128))
+            ])
+          ])
+        ]),
+        s("div", G, [
+          e[8] || (e[8] = s("div", { class: "section-header" }, [
+            s("h3", null, "系统信息")
+          ], -1)),
+          s("div", H, [
+            s("div", J, [
+              (i(!0), o(n, null, c(y.value, (t) => (i(), o("div", {
+                key: t.label,
+                class: "info-item"
+              }, [
+                s("span", K, a(t.label), 1),
+                s("span", Q, a(t.value), 1)
+              ]))), 128))
+            ]),
+            s("div", R, [
+              s("div", W, [
+                e[5] || (e[5] = s("div", { class: "status-header" }, [
+                  s("span", { class: "status-label" }, "服务器状态"),
+                  s("span", { class: "status-value" }, "75%")
+                ], -1)),
+                u(v(_), {
+                  percentage: 75,
+                  status: "success"
+                })
+              ]),
+              s("div", Y, [
+                e[6] || (e[6] = s("div", { class: "status-header" }, [
+                  s("span", { class: "status-label" }, "内存使用"),
+                  s("span", { class: "status-value" }, "45%")
+                ], -1)),
+                u(v(_), { percentage: 45 })
+              ]),
+              s("div", Z, [
+                e[7] || (e[7] = s("div", { class: "status-header" }, [
+                  s("span", { class: "status-label" }, "CPU 使用率"),
+                  s("span", { class: "status-value" }, "32%")
+                ], -1)),
+                u(v(_), { percentage: 32 })
+              ])
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}), ls = /* @__PURE__ */ q(ss, [["__scopeId", "data-v-fd54abc0"]]);
+export {
+  ls as default
+};