xto-fronted 0.4.5 → 0.4.7

package/dist/index-QgkT42dc.js

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