xto-fronted 0.4.30 → 0.4.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index-2RwL0s53.js +142 -0
- package/dist/index-BK1Y1z9_.js +142 -0
- package/dist/index-C3ANmIDM.js +475 -0
- package/dist/index-CB36fztK.js +345 -0
- package/dist/index-CTQQBaf4.js +345 -0
- package/dist/index-ChheXGDK.js +372 -0
- package/dist/index-Dd8PlF0M.js +2857 -0
- package/dist/index-JLqnaery.js +372 -0
- package/dist/index-h7BhcQYM.js +475 -0
- package/dist/index-mNm1BV3n.js +2857 -0
- package/dist/index.es.js +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/Layout/index.vue +4 -0
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
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";
|
|
2
|
+
import { Card as _, Tag as C, Progress as y } from "@xto/data";
|
|
3
|
+
import { _ as V } from "./index-mNm1BV3n.js";
|
|
4
|
+
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({
|
|
5
|
+
__name: "index",
|
|
6
|
+
setup(H) {
|
|
7
|
+
const f = r([
|
|
8
|
+
{ title: "用户总数", value: 1234, icon: "👥", color: "#409eff" },
|
|
9
|
+
{ title: "今日访问", value: 567, icon: "👀", color: "#67c23a" },
|
|
10
|
+
{ title: "订单数量", value: 890, icon: "📦", color: "#e6a23c" },
|
|
11
|
+
{ title: "销售金额", value: 123456, icon: "💰", color: "#f56c6c" }
|
|
12
|
+
]), v = r([
|
|
13
|
+
{ user: "张三", action: "登录系统", time: "2分钟前", type: "success" },
|
|
14
|
+
{ user: "李四", action: "修改了用户信息", time: "5分钟前", type: "warning" },
|
|
15
|
+
{ user: "王五", action: "创建了新订单", time: "10分钟前", type: "info" },
|
|
16
|
+
{ user: "赵六", action: "删除了测试数据", time: "30分钟前", type: "danger" },
|
|
17
|
+
{ user: "钱七", action: "更新了系统配置", time: "1小时前", type: "primary" }
|
|
18
|
+
]), k = r([
|
|
19
|
+
{ title: "用户管理", path: "/system/user", icon: "👤" },
|
|
20
|
+
{ title: "角色管理", path: "/system/role", icon: "👥" },
|
|
21
|
+
{ title: "菜单管理", path: "/system/menu", icon: "📋" },
|
|
22
|
+
{ title: "系统设置", path: "/system", icon: "⚙️" }
|
|
23
|
+
]);
|
|
24
|
+
return (J, t) => {
|
|
25
|
+
const b = x("router-link");
|
|
26
|
+
return o(), c("div", B, [
|
|
27
|
+
s("div", L, [
|
|
28
|
+
(o(!0), c(d, null, m(f.value, (e) => (o(), u(l(_), {
|
|
29
|
+
key: e.title,
|
|
30
|
+
class: "stat-card"
|
|
31
|
+
}, {
|
|
32
|
+
default: i(() => [
|
|
33
|
+
s("div", N, [
|
|
34
|
+
s("div", {
|
|
35
|
+
class: "stat-card__icon",
|
|
36
|
+
style: p({ backgroundColor: e.color + "20" })
|
|
37
|
+
}, a(e.icon), 5),
|
|
38
|
+
s("div", S, [
|
|
39
|
+
s("div", w, a(e.title), 1),
|
|
40
|
+
s("div", {
|
|
41
|
+
class: "stat-card__value",
|
|
42
|
+
style: p({ color: e.color })
|
|
43
|
+
}, a(e.value.toLocaleString()), 5)
|
|
44
|
+
])
|
|
45
|
+
])
|
|
46
|
+
]),
|
|
47
|
+
_: 2
|
|
48
|
+
}, 1024))), 128))
|
|
49
|
+
]),
|
|
50
|
+
s("div", z, [
|
|
51
|
+
n(l(_), { class: "dashboard__quick" }, {
|
|
52
|
+
header: i(() => [...t[0] || (t[0] = [
|
|
53
|
+
s("span", { class: "card-title" }, "快捷入口", -1)
|
|
54
|
+
])]),
|
|
55
|
+
default: i(() => [
|
|
56
|
+
s("div", E, [
|
|
57
|
+
(o(!0), c(d, null, m(k.value, (e) => (o(), u(b, {
|
|
58
|
+
key: e.path,
|
|
59
|
+
to: e.path,
|
|
60
|
+
class: "quick-link"
|
|
61
|
+
}, {
|
|
62
|
+
default: i(() => [
|
|
63
|
+
s("span", I, a(e.icon), 1),
|
|
64
|
+
s("span", T, a(e.title), 1)
|
|
65
|
+
]),
|
|
66
|
+
_: 2
|
|
67
|
+
}, 1032, ["to"]))), 128))
|
|
68
|
+
])
|
|
69
|
+
]),
|
|
70
|
+
_: 1
|
|
71
|
+
}),
|
|
72
|
+
n(l(_), { class: "dashboard__activity" }, {
|
|
73
|
+
header: i(() => [...t[1] || (t[1] = [
|
|
74
|
+
s("span", { class: "card-title" }, "最近活动", -1)
|
|
75
|
+
])]),
|
|
76
|
+
default: i(() => [
|
|
77
|
+
s("div", D, [
|
|
78
|
+
(o(!0), c(d, null, m(v.value, (e, h) => (o(), c("div", {
|
|
79
|
+
key: h,
|
|
80
|
+
class: "activity-item"
|
|
81
|
+
}, [
|
|
82
|
+
n(l(C), {
|
|
83
|
+
type: e.type,
|
|
84
|
+
size: "small"
|
|
85
|
+
}, {
|
|
86
|
+
default: i(() => [
|
|
87
|
+
q(a(e.user), 1)
|
|
88
|
+
]),
|
|
89
|
+
_: 2
|
|
90
|
+
}, 1032, ["type"]),
|
|
91
|
+
s("span", F, a(e.action), 1),
|
|
92
|
+
s("span", P, a(e.time), 1)
|
|
93
|
+
]))), 128))
|
|
94
|
+
])
|
|
95
|
+
]),
|
|
96
|
+
_: 1
|
|
97
|
+
})
|
|
98
|
+
]),
|
|
99
|
+
n(l(_), { class: "dashboard__system" }, {
|
|
100
|
+
header: i(() => [...t[2] || (t[2] = [
|
|
101
|
+
s("span", { class: "card-title" }, "系统信息", -1)
|
|
102
|
+
])]),
|
|
103
|
+
default: i(() => [
|
|
104
|
+
s("div", U, [
|
|
105
|
+
t[5] || (t[5] = s("div", { class: "system-info__item" }, [
|
|
106
|
+
s("span", { class: "system-info__label" }, "系统版本"),
|
|
107
|
+
s("span", { class: "system-info__value" }, "v1.0.0")
|
|
108
|
+
], -1)),
|
|
109
|
+
t[6] || (t[6] = s("div", { class: "system-info__item" }, [
|
|
110
|
+
s("span", { class: "system-info__label" }, "Vue 版本"),
|
|
111
|
+
s("span", { class: "system-info__value" }, "3.4.21")
|
|
112
|
+
], -1)),
|
|
113
|
+
t[7] || (t[7] = s("div", { class: "system-info__item" }, [
|
|
114
|
+
s("span", { class: "system-info__label" }, "构建工具"),
|
|
115
|
+
s("span", { class: "system-info__value" }, "Vite 5")
|
|
116
|
+
], -1)),
|
|
117
|
+
t[8] || (t[8] = s("div", { class: "system-info__item" }, [
|
|
118
|
+
s("span", { class: "system-info__label" }, "UI 组件库"),
|
|
119
|
+
s("span", { class: "system-info__value" }, "xto")
|
|
120
|
+
], -1)),
|
|
121
|
+
s("div", j, [
|
|
122
|
+
t[3] || (t[3] = s("span", { class: "system-info__label" }, "服务器状态", -1)),
|
|
123
|
+
n(l(y), {
|
|
124
|
+
percentage: 75,
|
|
125
|
+
status: "success"
|
|
126
|
+
})
|
|
127
|
+
]),
|
|
128
|
+
s("div", A, [
|
|
129
|
+
t[4] || (t[4] = s("span", { class: "system-info__label" }, "内存使用", -1)),
|
|
130
|
+
n(l(y), { percentage: 45 })
|
|
131
|
+
])
|
|
132
|
+
])
|
|
133
|
+
]),
|
|
134
|
+
_: 1
|
|
135
|
+
})
|
|
136
|
+
]);
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
}), Q = /* @__PURE__ */ V(G, [["__scopeId", "data-v-44648cb1"]]);
|
|
140
|
+
export {
|
|
141
|
+
Q as default
|
|
142
|
+
};
|
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
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";
|
|
2
|
+
import { Card as _, Tag as C, Progress as y } from "@xto/data";
|
|
3
|
+
import { _ as V } from "./index-Dd8PlF0M.js";
|
|
4
|
+
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({
|
|
5
|
+
__name: "index",
|
|
6
|
+
setup(H) {
|
|
7
|
+
const f = r([
|
|
8
|
+
{ title: "用户总数", value: 1234, icon: "👥", color: "#409eff" },
|
|
9
|
+
{ title: "今日访问", value: 567, icon: "👀", color: "#67c23a" },
|
|
10
|
+
{ title: "订单数量", value: 890, icon: "📦", color: "#e6a23c" },
|
|
11
|
+
{ title: "销售金额", value: 123456, icon: "💰", color: "#f56c6c" }
|
|
12
|
+
]), v = r([
|
|
13
|
+
{ user: "张三", action: "登录系统", time: "2分钟前", type: "success" },
|
|
14
|
+
{ user: "李四", action: "修改了用户信息", time: "5分钟前", type: "warning" },
|
|
15
|
+
{ user: "王五", action: "创建了新订单", time: "10分钟前", type: "info" },
|
|
16
|
+
{ user: "赵六", action: "删除了测试数据", time: "30分钟前", type: "danger" },
|
|
17
|
+
{ user: "钱七", action: "更新了系统配置", time: "1小时前", type: "primary" }
|
|
18
|
+
]), k = r([
|
|
19
|
+
{ title: "用户管理", path: "/system/user", icon: "👤" },
|
|
20
|
+
{ title: "角色管理", path: "/system/role", icon: "👥" },
|
|
21
|
+
{ title: "菜单管理", path: "/system/menu", icon: "📋" },
|
|
22
|
+
{ title: "系统设置", path: "/system", icon: "⚙️" }
|
|
23
|
+
]);
|
|
24
|
+
return (J, t) => {
|
|
25
|
+
const b = x("router-link");
|
|
26
|
+
return o(), c("div", B, [
|
|
27
|
+
s("div", L, [
|
|
28
|
+
(o(!0), c(d, null, m(f.value, (e) => (o(), u(l(_), {
|
|
29
|
+
key: e.title,
|
|
30
|
+
class: "stat-card"
|
|
31
|
+
}, {
|
|
32
|
+
default: i(() => [
|
|
33
|
+
s("div", N, [
|
|
34
|
+
s("div", {
|
|
35
|
+
class: "stat-card__icon",
|
|
36
|
+
style: p({ backgroundColor: e.color + "20" })
|
|
37
|
+
}, a(e.icon), 5),
|
|
38
|
+
s("div", S, [
|
|
39
|
+
s("div", w, a(e.title), 1),
|
|
40
|
+
s("div", {
|
|
41
|
+
class: "stat-card__value",
|
|
42
|
+
style: p({ color: e.color })
|
|
43
|
+
}, a(e.value.toLocaleString()), 5)
|
|
44
|
+
])
|
|
45
|
+
])
|
|
46
|
+
]),
|
|
47
|
+
_: 2
|
|
48
|
+
}, 1024))), 128))
|
|
49
|
+
]),
|
|
50
|
+
s("div", z, [
|
|
51
|
+
n(l(_), { class: "dashboard__quick" }, {
|
|
52
|
+
header: i(() => [...t[0] || (t[0] = [
|
|
53
|
+
s("span", { class: "card-title" }, "快捷入口", -1)
|
|
54
|
+
])]),
|
|
55
|
+
default: i(() => [
|
|
56
|
+
s("div", E, [
|
|
57
|
+
(o(!0), c(d, null, m(k.value, (e) => (o(), u(b, {
|
|
58
|
+
key: e.path,
|
|
59
|
+
to: e.path,
|
|
60
|
+
class: "quick-link"
|
|
61
|
+
}, {
|
|
62
|
+
default: i(() => [
|
|
63
|
+
s("span", I, a(e.icon), 1),
|
|
64
|
+
s("span", T, a(e.title), 1)
|
|
65
|
+
]),
|
|
66
|
+
_: 2
|
|
67
|
+
}, 1032, ["to"]))), 128))
|
|
68
|
+
])
|
|
69
|
+
]),
|
|
70
|
+
_: 1
|
|
71
|
+
}),
|
|
72
|
+
n(l(_), { class: "dashboard__activity" }, {
|
|
73
|
+
header: i(() => [...t[1] || (t[1] = [
|
|
74
|
+
s("span", { class: "card-title" }, "最近活动", -1)
|
|
75
|
+
])]),
|
|
76
|
+
default: i(() => [
|
|
77
|
+
s("div", D, [
|
|
78
|
+
(o(!0), c(d, null, m(v.value, (e, h) => (o(), c("div", {
|
|
79
|
+
key: h,
|
|
80
|
+
class: "activity-item"
|
|
81
|
+
}, [
|
|
82
|
+
n(l(C), {
|
|
83
|
+
type: e.type,
|
|
84
|
+
size: "small"
|
|
85
|
+
}, {
|
|
86
|
+
default: i(() => [
|
|
87
|
+
q(a(e.user), 1)
|
|
88
|
+
]),
|
|
89
|
+
_: 2
|
|
90
|
+
}, 1032, ["type"]),
|
|
91
|
+
s("span", F, a(e.action), 1),
|
|
92
|
+
s("span", P, a(e.time), 1)
|
|
93
|
+
]))), 128))
|
|
94
|
+
])
|
|
95
|
+
]),
|
|
96
|
+
_: 1
|
|
97
|
+
})
|
|
98
|
+
]),
|
|
99
|
+
n(l(_), { class: "dashboard__system" }, {
|
|
100
|
+
header: i(() => [...t[2] || (t[2] = [
|
|
101
|
+
s("span", { class: "card-title" }, "系统信息", -1)
|
|
102
|
+
])]),
|
|
103
|
+
default: i(() => [
|
|
104
|
+
s("div", U, [
|
|
105
|
+
t[5] || (t[5] = s("div", { class: "system-info__item" }, [
|
|
106
|
+
s("span", { class: "system-info__label" }, "系统版本"),
|
|
107
|
+
s("span", { class: "system-info__value" }, "v1.0.0")
|
|
108
|
+
], -1)),
|
|
109
|
+
t[6] || (t[6] = s("div", { class: "system-info__item" }, [
|
|
110
|
+
s("span", { class: "system-info__label" }, "Vue 版本"),
|
|
111
|
+
s("span", { class: "system-info__value" }, "3.4.21")
|
|
112
|
+
], -1)),
|
|
113
|
+
t[7] || (t[7] = s("div", { class: "system-info__item" }, [
|
|
114
|
+
s("span", { class: "system-info__label" }, "构建工具"),
|
|
115
|
+
s("span", { class: "system-info__value" }, "Vite 5")
|
|
116
|
+
], -1)),
|
|
117
|
+
t[8] || (t[8] = s("div", { class: "system-info__item" }, [
|
|
118
|
+
s("span", { class: "system-info__label" }, "UI 组件库"),
|
|
119
|
+
s("span", { class: "system-info__value" }, "xto")
|
|
120
|
+
], -1)),
|
|
121
|
+
s("div", j, [
|
|
122
|
+
t[3] || (t[3] = s("span", { class: "system-info__label" }, "服务器状态", -1)),
|
|
123
|
+
n(l(y), {
|
|
124
|
+
percentage: 75,
|
|
125
|
+
status: "success"
|
|
126
|
+
})
|
|
127
|
+
]),
|
|
128
|
+
s("div", A, [
|
|
129
|
+
t[4] || (t[4] = s("span", { class: "system-info__label" }, "内存使用", -1)),
|
|
130
|
+
n(l(y), { percentage: 45 })
|
|
131
|
+
])
|
|
132
|
+
])
|
|
133
|
+
]),
|
|
134
|
+
_: 1
|
|
135
|
+
})
|
|
136
|
+
]);
|
|
137
|
+
};
|
|
138
|
+
}
|
|
139
|
+
}), Q = /* @__PURE__ */ V(G, [["__scopeId", "data-v-44648cb1"]]);
|
|
140
|
+
export {
|
|
141
|
+
Q as default
|
|
142
|
+
};
|