xto-fronted 0.8.1 → 0.8.3

package/dist/index-DiRXF9DF.js

@@ -0,0 +1,249 @@
+import { defineComponent as f, ref as l, resolveComponent as g, openBlock as o, createElementBlock as a, createElementVNode as s, Fragment as n, renderList as c, normalizeStyle as M, toDisplayString as i, normalizeClass as v, createBlock as w, withCtx as x, createVNode as r, unref as d } from "vue";
+import { Progress as u } from "@xto/data";
+import { _ as b } from "./index-C3QbtrpD.js";
+const Z = { class: "dashboard" }, C = { class: "stats-section" }, U = { class: "stat-icon" }, q = ["d"], B = { class: "stat-content" }, F = { class: "stat-title" }, V = { class: "stat-value" }, L = {
+  key: 0,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, I = {
+  key: 1,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, E = { class: "main-section" }, S = { class: "quick-section" }, j = { class: "quick-grid" }, z = { class: "quick-icon" }, D = {
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "1.8",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, N = ["d"], P = { class: "quick-info" }, A = { class: "quick-title" }, H = { class: "quick-desc" }, O = { class: "activity-section" }, T = { class: "activity-list" }, X = { class: "activity-content" }, G = { class: "activity-main" }, J = { class: "activity-user" }, K = { class: "activity-action" }, Q = { class: "activity-time" }, R = { class: "system-section" }, W = { class: "system-grid" }, Y = { class: "system-info-list" }, $ = { class: "info-label" }, ss = { class: "info-value" }, ts = { class: "system-status" }, es = { class: "status-item" }, os = { class: "status-item" }, as = { class: "status-item" }, is = /* @__PURE__ */ f({
+  __name: "index",
+  setup(ls) {
+    const _ = l([
+      {
+        title: "用户总数",
+        value: 1234,
+        icon: "M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-7 8a7 7 0 0 1 14 0",
+        color: "var(--xto-color-primary, #4F46E5)",
+        trend: "+12.5%",
+        trendUp: !0
+      },
+      {
+        title: "今日访问",
+        value: 567,
+        icon: "M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6-10-6-10-6Zm10 2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z",
+        color: "var(--xto-color-success, #00A870)",
+        trend: "+8.2%",
+        trendUp: !0
+      },
+      {
+        title: "订单数量",
+        value: 890,
+        icon: "M21 8l-9-5-9 5v8l9 5 9-5V8Zm-9-2.7L18.6 8 12 11.7 5.4 8 12 5.3Z",
+        color: "var(--xto-color-warning, #FF7D00)",
+        trend: "-3.1%",
+        trendUp: !1
+      },
+      {
+        title: "销售金额",
+        value: 123456,
+        icon: "M3 7h18v10H3V7Zm9 5a2.5 2.5 0 1 0 0 .01M6.5 12h.01M17.5 12h.01",
+        color: "var(--xto-color-danger, #F53F3F)",
+        trend: "+15.8%",
+        trendUp: !0
+      }
+    ]), p = 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: "M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm-7 8a7 7 0 0 1 14 0",
+        desc: "管理系统用户"
+      },
+      {
+        title: "角色管理",
+        path: "/system/role",
+        icon: "M8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm8 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM2 19a6 6 0 0 1 12 0m2-6a6 6 0 0 1 6 6",
+        desc: "角色权限配置"
+      },
+      {
+        title: "菜单管理",
+        path: "/system/menu",
+        icon: "M4 6h16M4 12h16M4 18h10",
+        desc: "菜单路由管理"
+      },
+      {
+        title: "系统设置",
+        path: "/system",
+        icon: "M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm7.4-3a7.4 7.4 0 0 0-.1-1.2l2-1.6-2-3.4-2.4 1a7.6 7.6 0 0 0-2-1.2L14.5 3h-5l-.4 2.6a7.6 7.6 0 0 0-2 1.2l-2.4-1-2 3.4 2 1.6a7.4 7.4 0 0 0 0 2.4l-2 1.6 2 3.4 2.4-1a7.6 7.6 0 0 0 2 1.2l.4 2.6h5l.4-2.6a7.6 7.6 0 0 0 2-1.2l2.4 1 2-3.4-2-1.6c.1-.4.1-.8.1-1.2Z",
+        desc: "系统参数配置"
+      }
+    ]), m = l([
+      { label: "系统版本", value: "v1.0.0" },
+      { label: "Vue 版本", value: "3.4.21" },
+      { label: "构建工具", value: "Vite 5" },
+      { label: "UI 组件库", value: "XTO UI" }
+    ]);
+    return (ns, e) => {
+      const k = g("router-link");
+      return o(), a("div", Z, [
+        s("div", C, [
+          (o(!0), a(n, null, c(_.value, (t) => (o(), a("div", {
+            key: t.title,
+            class: "stat-card"
+          }, [
+            s("div", U, [
+              (o(), a("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.8",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                style: M({ color: t.color })
+              }, [
+                s("path", {
+                  d: t.icon
+                }, null, 8, q)
+              ], 4))
+            ]),
+            s("div", B, [
+              s("div", F, i(t.title), 1),
+              s("div", V, i(t.value.toLocaleString()), 1),
+              s("div", {
+                class: v(["stat-trend", { up: t.trendUp, down: !t.trendUp }])
+              }, [
+                t.trendUp ? (o(), a("svg", L, [...e[0] || (e[0] = [
+                  s("path", { d: "M7 17l5-5 5 5M7 7l5 5 5-5" }, null, -1)
+                ])])) : (o(), a("svg", I, [...e[1] || (e[1] = [
+                  s("path", { d: "M7 7l5 5 5-5M7 17l5-5 5 5" }, null, -1)
+                ])])),
+                s("span", null, i(t.trend), 1)
+              ], 2)
+            ])
+          ]))), 128))
+        ]),
+        s("div", E, [
+          s("div", S, [
+            e[3] || (e[3] = s("div", { class: "section-header" }, [
+              s("h3", null, "快捷入口"),
+              s("span", { class: "section-badge" }, "4 个入口")
+            ], -1)),
+            s("div", j, [
+              (o(!0), a(n, null, c(h.value, (t) => (o(), w(k, {
+                key: t.path,
+                to: t.path,
+                class: "quick-card"
+              }, {
+                default: x(() => [
+                  s("div", z, [
+                    (o(), a("svg", D, [
+                      s("path", {
+                        d: t.icon
+                      }, null, 8, N)
+                    ]))
+                  ]),
+                  s("div", P, [
+                    s("div", A, i(t.title), 1),
+                    s("div", H, i(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", O, [
+            e[4] || (e[4] = s("div", { class: "section-header" }, [
+              s("h3", null, "最近活动"),
+              s("a", {
+                href: "#",
+                class: "section-link"
+              }, "查看全部")
+            ], -1)),
+            s("div", T, [
+              (o(!0), a(n, null, c(p.value, (t, y) => (o(), a("div", {
+                key: y,
+                class: "activity-item"
+              }, [
+                s("div", {
+                  class: v(["activity-avatar", t.type])
+                }, i(t.avatar), 3),
+                s("div", X, [
+                  s("div", G, [
+                    s("span", J, i(t.user), 1),
+                    s("span", K, i(t.action), 1)
+                  ]),
+                  s("div", Q, i(t.time), 1)
+                ])
+              ]))), 128))
+            ])
+          ])
+        ]),
+        s("div", R, [
+          e[8] || (e[8] = s("div", { class: "section-header" }, [
+            s("h3", null, "系统信息")
+          ], -1)),
+          s("div", W, [
+            s("div", Y, [
+              (o(!0), a(n, null, c(m.value, (t) => (o(), a("div", {
+                key: t.label,
+                class: "info-item"
+              }, [
+                s("span", $, i(t.label), 1),
+                s("span", ss, i(t.value), 1)
+              ]))), 128))
+            ]),
+            s("div", ts, [
+              s("div", es, [
+                e[5] || (e[5] = s("div", { class: "status-header" }, [
+                  s("span", { class: "status-label" }, "服务器状态"),
+                  s("span", { class: "status-value" }, "75%")
+                ], -1)),
+                r(d(u), {
+                  percentage: 75,
+                  status: "success"
+                })
+              ]),
+              s("div", os, [
+                e[6] || (e[6] = s("div", { class: "status-header" }, [
+                  s("span", { class: "status-label" }, "内存使用"),
+                  s("span", { class: "status-value" }, "45%")
+                ], -1)),
+                r(d(u), { percentage: 45 })
+              ]),
+              s("div", as, [
+                e[7] || (e[7] = s("div", { class: "status-header" }, [
+                  s("span", { class: "status-label" }, "CPU 使用率"),
+                  s("span", { class: "status-value" }, "32%")
+                ], -1)),
+                r(d(u), { percentage: 32 })
+              ])
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+}), us = /* @__PURE__ */ b(is, [["__scopeId", "data-v-b8a481e6"]]);
+export {
+  us as default
+};