xto-fronted 0.6.3 → 0.8.0

package/dist/{index-DydABgae.js → index-D73_-C9m.js}

@@ -3,8 +3,8 @@ import { Form as S, FormItem as c, Input as x, Select as W, Switch as U } from "
 import { 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 D, Button as g } from "@xto/base";
-import { S as d, a as te, _ as le } from "./index-IOKG7Gwo.js";
-const se = { class: "user-page" }, ae = { class: "search-section" }, oe = { class: "table-section" }, ne = { class: "table-toolbar" }, ie = { class: "toolbar-left" }, de = { class: "toolbar-right" }, re = { class: "table-count" }, ue = { class: "table-wrapper" }, me = { class: "data-table" }, ce = { key: 0 }, pe = { key: 1 }, ve = { class: "col-id" }, fe = { class: "id-badge" }, he = { class: "col-user" }, ge = { class: "user-info" }, ke = { class: "user-avatar" }, _e = { class: "user-detail" }, ye = { class: "user-nickname" }, xe = { class: "user-username" }, Ve = { class: "col-contact" }, be = { class: "contact-info" }, Ee = { class: "contact-email" }, Be = { class: "contact-phone" }, Ce = { class: "col-roles" }, De = { class: "role-tags" }, Le = { class: "col-status" }, Ae = { class: "status-switch" }, we = { class: "col-time" }, ze = { class: "time-text" }, Ne = { class: "col-actions" }, Se = { class: "pagination-wrapper" }, Ue = { class: "status-field" }, Me = { class: "status-label" }, Te = /* @__PURE__ */ R({
+import { S as d, a as te, _ as le } from "./index-DJ1oHe08.js";
+const se = { class: "user-page" }, ae = { class: "search-section" }, oe = { class: "table-section" }, ne = { class: "table-toolbar" }, ie = { class: "toolbar-left" }, de = { class: "toolbar-right" }, re = { class: "table-count" }, ue = { class: "table-wrapper" }, me = { class: "data-table" }, ce = { key: 0 }, pe = { key: 1 }, ve = { class: "col-id" }, fe = { class: "id-badge" }, he = { class: "col-user" }, ge = { class: "user-info" }, ke = { class: "user-avatar" }, _e = { class: "user-detail" }, ye = { class: "user-nickname" }, xe = { class: "user-username" }, be = { class: "col-contact" }, Ve = { class: "contact-info" }, Ee = { class: "contact-email" }, Be = { class: "contact-phone" }, Ce = { class: "col-roles" }, De = { class: "role-tags" }, Le = { class: "col-status" }, Ae = { class: "status-switch" }, we = { class: "col-time" }, ze = { class: "time-text" }, Ne = { class: "col-actions" }, Se = { class: "pagination-wrapper" }, Ue = { class: "status-field" }, Me = { class: "status-label" }, Te = /* @__PURE__ */ R({
   __name: "index",
   setup(Fe) {
     const M = [
@@ -13,7 +13,7 @@ const se = { class: "user-page" }, ae = { class: "search-section" }, oe = { clas
       { 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" }
-    ], b = f(!1), E = f([]), B = f(0), k = f(1), V = f(10), r = w({
+    ], V = f(!1), E = f([]), B = f(0), k = f(1), b = f(10), r = w({
       keyword: "",
       status: void 0
     }), _ = f(!1), T = j(() => n.id ? "编辑用户" : "新增用户"), n = w({
@@ -36,11 +36,11 @@ const se = { class: "user-page" }, ae = { class: "search-section" }, oe = { clas
         { type: "email", message: "请输入正确的邮箱格式", trigger: "blur" }
       ]
     }, L = f(), p = () => {
-      b.value = !0, setTimeout(() => {
+      V.value = !0, setTimeout(() => {
         let i = [...M];
         r.keyword && (i = i.filter(
           (t) => t.username.includes(r.keyword) || t.nickname.includes(r.keyword)
-        )), r.status !== void 0 && (i = i.filter((t) => t.status === r.status)), B.value = i.length, E.value = i.slice((k.value - 1) * V.value, k.value * V.value), b.value = !1;
+        )), r.status !== void 0 && (i = i.filter((t) => t.status === r.status)), B.value = i.length, E.value = i.slice((k.value - 1) * b.value, k.value * b.value), V.value = !1;
       }, 300);
     }, A = () => {
       k.value = 1, p();
@@ -211,7 +211,7 @@ const se = { class: "user-page" }, ae = { class: "search-section" }, oe = { clas
               ])
             ], -1)),
             e("tbody", null, [
-              b.value ? (h(), y("tr", ce, [...t[17] || (t[17] = [
+              V.value ? (h(), y("tr", ce, [...t[17] || (t[17] = [
                 e("td", {
                   colspan: "7",
                   class: "loading-cell"
@@ -240,13 +240,13 @@ const se = { class: "user-page" }, ae = { class: "search-section" }, oe = { clas
                           ry: "7"
                         }),
                         e("g", {
-                          stroke: "var(--xto-color-text-placeholder, #9CA3AF)",
+                          stroke: "var(--xto-color-text-placeholder, #A9AEB8)",
                           "stroke-width": "2"
                         }, [
                           e("path", { d: "M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z" }),
                           e("path", {
                             d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35H11.95C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",
-                            fill: "var(--xto-fill-color, #F3F4F6)"
+                            fill: "var(--xto-fill-color, #F2F3F5)"
                           })
                         ])
                       ])
@@ -270,8 +270,8 @@ const se = { class: "user-page" }, ae = { class: "search-section" }, oe = { clas
                     ])
                   ])
                 ]),
-                e("td", Ve, [
-                  e("div", be, [
+                e("td", be, [
+                  e("div", Ve, [
                     e("span", Ee, u(s.email), 1),
                     e("span", Be, u(s.phone), 1)
                   ])
@@ -384,8 +384,8 @@ const se = { class: "user-page" }, ae = { class: "search-section" }, oe = { clas
           a(l(Y), {
             "current-page": k.value,
             "onUpdate:currentPage": t[2] || (t[2] = (s) => k.value = s),
-            "page-size": V.value,
-            "onUpdate:pageSize": t[3] || (t[3] = (s) => V.value = s),
+            "page-size": b.value,
+            "onUpdate:pageSize": t[3] || (t[3] = (s) => b.value = s),
             total: B.value,
             "page-sizes": [10, 20, 50, 100],
             layout: "total, sizes, prev, pager, next",
@@ -509,7 +509,7 @@ const se = { class: "user-page" }, ae = { class: "search-section" }, oe = { clas
       }, 8, ["modelValue", "title"])
     ]));
   }
-}), Re = /* @__PURE__ */ le(Te, [["__scopeId", "data-v-0e17b768"]]);
+}), Re = /* @__PURE__ */ le(Te, [["__scopeId", "data-v-1b05be53"]]);
 export {
   Re as default
 };

package/dist/index-DBjV4kzh.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-DJ1oHe08.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
+};