xto-fronted 0.4.86 → 0.4.88

package/dist/index-D25KzR0I.js

@@ -0,0 +1,479 @@
+import { defineComponent as P, ref as m, reactive as A, computed as O, onMounted as j, openBlock as _, createElementBlock as k, createElementVNode as e, createVNode as o, unref as l, withCtx as a, withKeys as q, createTextVNode as u, toDisplayString as c, Fragment as K, renderList as G, normalizeClass as J } from "vue";
+import { Form as N, FormItem as v, Input as x, Select as Q, Switch as S } from "@xto/form";
+import { Tag as W, Pagination as X } from "@xto/data";
+import { Popconfirm as Y, Modal as Z, Message as B } from "@xto/feedback";
+import { Space as L, Button as f } from "@xto/base";
+import { S as d, a as ee, _ as te } from "./index-C2-a5KSQ.js";
+const le = { class: "role-page" }, se = { class: "search-section" }, oe = { class: "table-section" }, ae = { class: "table-toolbar" }, ne = { class: "toolbar-left" }, ie = { class: "toolbar-right" }, de = { class: "table-count" }, re = { class: "table-wrapper" }, ue = { class: "data-table" }, ce = { key: 0 }, pe = { key: 1 }, me = { class: "col-id" }, ve = { class: "id-badge" }, fe = { class: "col-name" }, ge = { class: "role-name" }, ye = { class: "col-code" }, _e = { class: "col-desc" }, ke = { class: "desc-text" }, he = { class: "col-status" }, xe = { class: "status-switch" }, Ve = { class: "col-time" }, be = { class: "time-text" }, Ee = { class: "col-actions" }, Ce = { class: "pagination-wrapper" }, Be = { class: "status-field" }, Le = { class: "status-label" }, De = /* @__PURE__ */ P({
+  __name: "index",
+  setup(we) {
+    const z = [
+      { id: 1, name: "超级管理员", code: "admin", description: "拥有所有权限", status: d.ENABLED, permissions: ["*"], createTime: "2024-01-01 10:00:00" },
+      { id: 2, name: "编辑", code: "editor", description: "内容编辑权限", status: d.ENABLED, permissions: ["user:read", "user:write"], createTime: "2024-01-02 10:00:00" },
+      { id: 3, name: "访客", code: "viewer", description: "只读权限", status: d.ENABLED, permissions: ["user:read"], createTime: "2024-01-03 10:00:00" }
+    ], V = m(!1), b = m([]), E = m(0), g = m(1), h = m(10), r = A({
+      keyword: "",
+      status: void 0
+    }), y = m(!1), M = O(() => i.id ? "编辑角色" : "新增角色"), i = A({
+      id: 0,
+      name: "",
+      code: "",
+      description: "",
+      status: d.ENABLED,
+      permissions: []
+    }), U = {
+      name: [
+        { required: !0, message: "请输入角色名称", trigger: "blur" }
+      ],
+      code: [
+        { required: !0, message: "请输入角色编码", trigger: "blur" }
+      ]
+    }, D = m(), p = () => {
+      V.value = !0, setTimeout(() => {
+        let n = [...z];
+        r.keyword && (n = n.filter(
+          (t) => t.name.includes(r.keyword) || t.code.includes(r.keyword)
+        )), r.status !== void 0 && (n = n.filter((t) => t.status === r.status)), E.value = n.length, b.value = n.slice((g.value - 1) * h.value, g.value * h.value), V.value = !1;
+      }, 300);
+    }, w = () => {
+      g.value = 1, p();
+    }, T = () => {
+      r.keyword = "", r.status = void 0, g.value = 1, p();
+    }, I = () => {
+      Object.assign(i, {
+        id: 0,
+        name: "",
+        code: "",
+        description: "",
+        status: d.ENABLED,
+        permissions: []
+      }), y.value = !0;
+    }, H = (n) => {
+      Object.assign(i, n), y.value = !0;
+    }, R = (n) => {
+      B.success("删除成功"), p();
+    }, $ = async () => {
+      var n;
+      try {
+        await ((n = D.value) == null ? void 0 : n.validate()), B.success(i.id ? "编辑成功" : "新增成功"), y.value = !1, p();
+      } catch (t) {
+        console.error(t);
+      }
+    }, F = (n) => {
+      B.success(`已${n.status === d.ENABLED ? "启用" : "禁用"}角色 ${n.name}`);
+    };
+    return j(() => {
+      p();
+    }), (n, t) => (_(), k("div", le, [
+      e("div", se, [
+        o(l(N), {
+          model: r,
+          inline: "",
+          class: "search-form"
+        }, {
+          default: a(() => [
+            o(l(v), { label: "关键词" }, {
+              default: a(() => [
+                o(l(x), {
+                  modelValue: r.keyword,
+                  "onUpdate:modelValue": t[0] || (t[0] = (s) => r.keyword = s),
+                  placeholder: "角色名称/编码",
+                  clearable: "",
+                  onKeyup: q(w, ["enter"])
+                }, null, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            o(l(v), { label: "状态" }, {
+              default: a(() => [
+                o(l(Q), {
+                  modelValue: r.status,
+                  "onUpdate:modelValue": t[1] || (t[1] = (s) => r.status = s),
+                  options: l(ee),
+                  placeholder: "请选择",
+                  clearable: ""
+                }, null, 8, ["modelValue", "options"])
+              ]),
+              _: 1
+            }),
+            o(l(v), null, {
+              default: a(() => [
+                o(l(L), null, {
+                  default: a(() => [
+                    o(l(f), {
+                      type: "primary",
+                      onClick: w
+                    }, {
+                      icon: a(() => [...t[10] || (t[10] = [
+                        e("svg", {
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2"
+                        }, [
+                          e("circle", {
+                            cx: "11",
+                            cy: "11",
+                            r: "8"
+                          }),
+                          e("path", { d: "M21 21l-4.35-4.35" })
+                        ], -1)
+                      ])]),
+                      default: a(() => [
+                        t[11] || (t[11] = u(" 搜索 ", -1))
+                      ]),
+                      _: 1
+                    }),
+                    o(l(f), { onClick: T }, {
+                      icon: a(() => [...t[12] || (t[12] = [
+                        e("svg", {
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          "stroke-width": "2"
+                        }, [
+                          e("path", { d: "M3 12a9 9 0 109-9 9.75 9.75 0 00-6.74 2.74L3 8" }),
+                          e("path", { d: "M3 3v5h5" })
+                        ], -1)
+                      ])]),
+                      default: a(() => [
+                        t[13] || (t[13] = u(" 重置 ", -1))
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["model"])
+      ]),
+      e("div", oe, [
+        e("div", ae, [
+          e("div", ne, [
+            o(l(f), {
+              type: "primary",
+              onClick: I
+            }, {
+              icon: a(() => [...t[14] || (t[14] = [
+                e("svg", {
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  "stroke-width": "2"
+                }, [
+                  e("line", {
+                    x1: "12",
+                    y1: "5",
+                    x2: "12",
+                    y2: "19"
+                  }),
+                  e("line", {
+                    x1: "5",
+                    y1: "12",
+                    x2: "19",
+                    y2: "12"
+                  })
+                ], -1)
+              ])]),
+              default: a(() => [
+                t[15] || (t[15] = u(" 新增角色 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          e("div", ie, [
+            e("span", de, "共 " + c(E.value) + " 条数据", 1)
+          ])
+        ]),
+        e("div", re, [
+          e("table", ue, [
+            t[22] || (t[22] = e("thead", null, [
+              e("tr", null, [
+                e("th", { class: "col-id" }, "ID"),
+                e("th", { class: "col-name" }, "角色名称"),
+                e("th", { class: "col-code" }, "角色编码"),
+                e("th", { class: "col-desc" }, "描述"),
+                e("th", { class: "col-status" }, "状态"),
+                e("th", { class: "col-time" }, "创建时间"),
+                e("th", { class: "col-actions" }, "操作")
+              ])
+            ], -1)),
+            e("tbody", null, [
+              V.value ? (_(), k("tr", ce, [...t[16] || (t[16] = [
+                e("td", {
+                  colspan: "7",
+                  class: "loading-cell"
+                }, [
+                  e("div", { class: "loading-content" }, [
+                    e("div", { class: "loading-spinner" }),
+                    e("span", null, "加载中...")
+                  ])
+                ], -1)
+              ])])) : b.value.length === 0 ? (_(), k("tr", pe, [...t[17] || (t[17] = [
+                e("td", {
+                  colspan: "7",
+                  class: "empty-cell"
+                }, [
+                  e("div", { class: "empty-content" }, [
+                    e("svg", {
+                      viewBox: "0 0 64 41",
+                      fill: "none"
+                    }, [
+                      e("g", { transform: "translate(0 1)" }, [
+                        e("ellipse", {
+                          fill: "#f5f5f5",
+                          cx: "32",
+                          cy: "33",
+                          rx: "32",
+                          ry: "7"
+                        }),
+                        e("g", {
+                          stroke: "var(--color-text-placeholder)",
+                          "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(--color-fill)"
+                          })
+                        ])
+                      ])
+                    ]),
+                    e("span", null, "暂无数据")
+                  ])
+                ], -1)
+              ])])) : (_(!0), k(K, { key: 2 }, G(b.value, (s) => (_(), k("tr", {
+                key: s.id,
+                class: "data-row"
+              }, [
+                e("td", me, [
+                  e("span", ve, c(s.id), 1)
+                ]),
+                e("td", fe, [
+                  e("span", ge, c(s.name), 1)
+                ]),
+                e("td", ye, [
+                  o(l(W), {
+                    type: "primary",
+                    size: "small"
+                  }, {
+                    default: a(() => [
+                      u(c(s.code), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                e("td", _e, [
+                  e("span", ke, c(s.description), 1)
+                ]),
+                e("td", he, [
+                  e("div", xe, [
+                    o(l(S), {
+                      "model-value": s.status === l(d).ENABLED,
+                      "onUpdate:modelValue": (C) => {
+                        s.status = C ? l(d).ENABLED : l(d).DISABLED, F(s);
+                      }
+                    }, null, 8, ["model-value", "onUpdate:modelValue"]),
+                    e("span", {
+                      class: J(["status-text", { enabled: s.status === l(d).ENABLED }])
+                    }, c(s.status === l(d).ENABLED ? "已启用" : "已禁用"), 3)
+                  ])
+                ]),
+                e("td", Ve, [
+                  e("span", be, c(s.createTime), 1)
+                ]),
+                e("td", Ee, [
+                  o(l(L), { class: "action-buttons" }, {
+                    default: a(() => [
+                      o(l(f), {
+                        type: "primary",
+                        link: "",
+                        size: "small",
+                        onClick: (C) => H(s)
+                      }, {
+                        icon: a(() => [...t[18] || (t[18] = [
+                          e("svg", {
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            stroke: "currentColor",
+                            "stroke-width": "2"
+                          }, [
+                            e("path", { d: "M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7" }),
+                            e("path", { d: "M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z" })
+                          ], -1)
+                        ])]),
+                        default: a(() => [
+                          t[19] || (t[19] = u(" 编辑 ", -1))
+                        ]),
+                        _: 1
+                      }, 8, ["onClick"]),
+                      o(l(Y), {
+                        title: "确定删除该角色吗？",
+                        onConfirm: (C) => R(s.id)
+                      }, {
+                        default: a(() => [
+                          o(l(f), {
+                            type: "danger",
+                            link: "",
+                            size: "small"
+                          }, {
+                            icon: a(() => [...t[20] || (t[20] = [
+                              e("svg", {
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                "stroke-width": "2"
+                              }, [
+                                e("polyline", { points: "3,6 5,6 21,6" }),
+                                e("path", { d: "M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2" }),
+                                e("line", {
+                                  x1: "10",
+                                  y1: "11",
+                                  x2: "10",
+                                  y2: "17"
+                                }),
+                                e("line", {
+                                  x1: "14",
+                                  y1: "11",
+                                  x2: "14",
+                                  y2: "17"
+                                })
+                              ], -1)
+                            ])]),
+                            default: a(() => [
+                              t[21] || (t[21] = u(" 删除 ", -1))
+                            ]),
+                            _: 1
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["onConfirm"])
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])
+              ]))), 128))
+            ])
+          ])
+        ]),
+        e("div", Ce, [
+          o(l(X), {
+            "current-page": g.value,
+            "onUpdate:currentPage": t[2] || (t[2] = (s) => g.value = s),
+            "page-size": h.value,
+            "onUpdate:pageSize": t[3] || (t[3] = (s) => h.value = s),
+            total: E.value,
+            "page-sizes": [10, 20, 50, 100],
+            layout: "total, sizes, prev, pager, next",
+            onCurrentChange: p,
+            onSizeChange: p
+          }, null, 8, ["current-page", "page-size", "total"])
+        ])
+      ]),
+      o(l(Z), {
+        modelValue: y.value,
+        "onUpdate:modelValue": t[9] || (t[9] = (s) => y.value = s),
+        title: M.value,
+        width: "520px",
+        class: "role-modal"
+      }, {
+        footer: a(() => [
+          o(l(L), null, {
+            default: a(() => [
+              o(l(f), {
+                onClick: t[8] || (t[8] = (s) => y.value = !1)
+              }, {
+                default: a(() => [...t[23] || (t[23] = [
+                  u("取消", -1)
+                ])]),
+                _: 1
+              }),
+              o(l(f), {
+                type: "primary",
+                onClick: $
+              }, {
+                default: a(() => [...t[24] || (t[24] = [
+                  u("确定", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        default: a(() => [
+          o(l(N), {
+            ref_key: "formRef",
+            ref: D,
+            model: i,
+            rules: U,
+            "label-width": "80px",
+            class: "role-form"
+          }, {
+            default: a(() => [
+              o(l(v), {
+                label: "角色名称",
+                prop: "name"
+              }, {
+                default: a(() => [
+                  o(l(x), {
+                    modelValue: i.name,
+                    "onUpdate:modelValue": t[4] || (t[4] = (s) => i.name = s),
+                    placeholder: "请输入角色名称"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              o(l(v), {
+                label: "角色编码",
+                prop: "code"
+              }, {
+                default: a(() => [
+                  o(l(x), {
+                    modelValue: i.code,
+                    "onUpdate:modelValue": t[5] || (t[5] = (s) => i.code = s),
+                    placeholder: "请输入角色编码"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              o(l(v), { label: "描述" }, {
+                default: a(() => [
+                  o(l(x), {
+                    modelValue: i.description,
+                    "onUpdate:modelValue": t[6] || (t[6] = (s) => i.description = s),
+                    placeholder: "请输入描述"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              o(l(v), { label: "状态" }, {
+                default: a(() => [
+                  e("div", Be, [
+                    o(l(S), {
+                      modelValue: i.status,
+                      "onUpdate:modelValue": t[7] || (t[7] = (s) => i.status = s),
+                      "active-value": l(d).ENABLED,
+                      "inactive-value": l(d).DISABLED
+                    }, null, 8, ["modelValue", "active-value", "inactive-value"]),
+                    e("span", Le, c(i.status === l(d).ENABLED ? "启用" : "禁用"), 1)
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["model"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"])
+    ]));
+  }
+}), Te = /* @__PURE__ */ te(De, [["__scopeId", "data-v-935244f1"]]);
+export {
+  Te as default
+};