xto-fronted 0.1.0

package/dist/index-DPkqej__.js

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

package/dist/index-pq9Z5K62.js

@@ -0,0 +1,184 @@
+import { defineComponent as h, ref as u, reactive as w, openBlock as b, createElementBlock as S, createElementVNode as s, createVNode as o, unref as t, withCtx as r, withKeys as V, createTextVNode as f } from "vue";
+import { u as D, a as M, b as U, _ as A, c as I } from "./index-vVfjShJR.js";
+import { useRouter as T } from "vue-router";
+import { Button as C } from "@xto/base";
+import { Form as R, FormItem as i, Input as _, Checkbox as z } from "@xto/form";
+import { Message as B } from "@xto/feedback";
+const L = { class: "login" }, N = { class: "login__container" }, q = /* @__PURE__ */ h({
+  __name: "index",
+  setup(E) {
+    const g = T(), y = D(), v = M(), k = U(), l = u(!1), d = u(!1), a = w({
+      username: "admin",
+      password: "123456"
+    }), x = {
+      username: [
+        { required: !0, message: "请输入用户名", trigger: "blur" }
+      ],
+      password: [
+        { required: !0, message: "请输入密码", trigger: "blur" },
+        { min: 6, message: "密码长度至少6位", trigger: "blur" }
+      ]
+    }, p = u(), c = async () => {
+      var m;
+      try {
+        await ((m = p.value) == null ? void 0 : m.validate()), l.value = !0, setTimeout(() => {
+          y.login({
+            token: "mock_token_" + Date.now(),
+            refreshToken: "mock_refresh_token",
+            expireTime: Date.now() + 7 * 24 * 60 * 60 * 1e3
+          }), v.setUserInfo({
+            id: 1,
+            username: a.username,
+            nickname: "管理员",
+            avatar: "",
+            email: "admin@example.com",
+            phone: "13800138000",
+            status: 1,
+            roles: ["admin"],
+            permissions: ["*"],
+            createTime: (/* @__PURE__ */ new Date()).toISOString()
+          }), k.setMenuList([
+            {
+              id: 1,
+              name: "Dashboard",
+              path: "/dashboard",
+              component: "dashboard/index",
+              icon: "dashboard",
+              title: "仪表盘",
+              keepAlive: !0,
+              affix: !0
+            },
+            {
+              id: 2,
+              name: "System",
+              path: "/system",
+              redirect: "/system/user",
+              icon: "setting",
+              title: "系统管理",
+              children: [
+                {
+                  id: 21,
+                  name: "SystemUser",
+                  path: "/system/user",
+                  component: "system/user/index",
+                  icon: "user",
+                  title: "用户管理",
+                  keepAlive: !0
+                },
+                {
+                  id: 22,
+                  name: "SystemRole",
+                  path: "/system/role",
+                  component: "system/role/index",
+                  icon: "role",
+                  title: "角色管理",
+                  keepAlive: !0
+                },
+                {
+                  id: 23,
+                  name: "SystemMenu",
+                  path: "/system/menu",
+                  component: "system/menu/index",
+                  icon: "menu",
+                  title: "菜单管理",
+                  keepAlive: !0
+                }
+              ]
+            }
+          ]), B.success("登录成功"), g.push("/"), l.value = !1;
+        }, 1e3);
+      } catch {
+        l.value = !1;
+      }
+    };
+    return (m, e) => (b(), S("div", L, [
+      s("div", N, [
+        e[5] || (e[5] = s("div", { class: "login__header" }, [
+          s("img", {
+            src: A,
+            alt: "Logo",
+            class: "login__logo"
+          }),
+          s("h1", { class: "login__title" }, "Xto Demo"),
+          s("p", { class: "login__subtitle" }, "后台管理系统")
+        ], -1)),
+        o(t(R), {
+          ref_key: "formRef",
+          ref: p,
+          model: a,
+          rules: x,
+          class: "login__form",
+          "label-width": "0"
+        }, {
+          default: r(() => [
+            o(t(i), { prop: "username" }, {
+              default: r(() => [
+                o(t(_), {
+                  modelValue: a.username,
+                  "onUpdate:modelValue": e[0] || (e[0] = (n) => a.username = n),
+                  placeholder: "用户名",
+                  "prefix-icon": "👤",
+                  size: "large"
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            o(t(i), { prop: "password" }, {
+              default: r(() => [
+                o(t(_), {
+                  modelValue: a.password,
+                  "onUpdate:modelValue": e[1] || (e[1] = (n) => a.password = n),
+                  type: "password",
+                  placeholder: "密码",
+                  "prefix-icon": "🔒",
+                  size: "large",
+                  "show-password": "",
+                  onKeyup: V(c, ["enter"])
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            o(t(i), null, {
+              default: r(() => [
+                o(t(z), {
+                  modelValue: d.value,
+                  "onUpdate:modelValue": e[2] || (e[2] = (n) => d.value = n)
+                }, {
+                  default: r(() => [...e[3] || (e[3] = [
+                    f("记住我", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            o(t(i), null, {
+              default: r(() => [
+                o(t(C), {
+                  type: "primary",
+                  size: "large",
+                  loading: l.value,
+                  class: "login__submit",
+                  onClick: c
+                }, {
+                  default: r(() => [...e[4] || (e[4] = [
+                    f(" 登录 ", -1)
+                  ])]),
+                  _: 1
+                }, 8, ["loading"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"]),
+        e[6] || (e[6] = s("div", { class: "login__footer" }, [
+          s("p", null, "提示: 任意用户名密码即可登录 (Mock 模式)")
+        ], -1))
+      ])
+    ]));
+  }
+}), H = /* @__PURE__ */ I(q, [["__scopeId", "data-v-eb51a732"]]);
+export {
+  H as default
+};