xto-fronted 0.4.84 → 0.4.86

package/dist/index-D4QhrTZs.js

@@ -0,0 +1,475 @@
+import { defineComponent as O, ref as N, computed as z, reactive as $, onMounted as Y, openBlock as V, createElementBlock as k, createVNode as a, unref as e, withCtx as o, createElementVNode as n, createTextVNode as m, Fragment as g, renderList as x, toDisplayString as i, createCommentVNode as h } from "vue";
+import { Form as q, FormItem as p, Input as v, Select as F, InputNumber as j, Switch as A } from "@xto/form";
+import { Card as G, Tag as c } from "@xto/data";
+import { Modal as H, Message as J } from "@xto/feedback";
+import { Button as E, Space as D } from "@xto/base";
+import { S as r, M as u, b as K, _ as P } from "./index-1VN-SSaj.js";
+const Q = { class: "menu-page" }, W = { class: "toolbar" }, X = { class: "menu-tree" }, Z = { class: "tree-table" }, ee = { class: "tree-row tree-row--level-0" }, te = ["onClick"], le = ["onClick"], ae = /* @__PURE__ */ O({
+  __name: "index",
+  setup(ne) {
+    const R = [
+      {
+        id: 1,
+        parentId: null,
+        name: "Dashboard",
+        path: "/dashboard",
+        component: "dashboard/index",
+        redirect: "",
+        icon: "dashboard",
+        title: "仪表盘",
+        type: u.MENU,
+        sort: 1,
+        status: r.ENABLED,
+        hidden: !1,
+        keepAlive: !0
+      },
+      {
+        id: 2,
+        parentId: null,
+        name: "System",
+        path: "/system",
+        component: "",
+        redirect: "/system/user",
+        icon: "setting",
+        title: "系统管理",
+        type: u.DIRECTORY,
+        sort: 2,
+        status: r.ENABLED,
+        hidden: !1,
+        keepAlive: !1,
+        children: [
+          {
+            id: 21,
+            parentId: 2,
+            name: "SystemUser",
+            path: "/system/user",
+            component: "system/user/index",
+            redirect: "",
+            icon: "user",
+            title: "用户管理",
+            type: u.MENU,
+            sort: 1,
+            status: r.ENABLED,
+            hidden: !1,
+            keepAlive: !0
+          },
+          {
+            id: 22,
+            parentId: 2,
+            name: "SystemRole",
+            path: "/system/role",
+            component: "system/role/index",
+            redirect: "",
+            icon: "role",
+            title: "角色管理",
+            type: u.MENU,
+            sort: 2,
+            status: r.ENABLED,
+            hidden: !1,
+            keepAlive: !0
+          },
+          {
+            id: 23,
+            parentId: 2,
+            name: "SystemMenu",
+            path: "/system/menu",
+            component: "system/menu/index",
+            redirect: "",
+            icon: "menu",
+            title: "菜单管理",
+            type: u.MENU,
+            sort: 3,
+            status: r.ENABLED,
+            hidden: !1,
+            keepAlive: !0
+          }
+        ]
+      }
+    ], U = N(!1), C = N([]), y = N(!1), S = z(() => s.id ? "编辑菜单" : "新增菜单"), s = $({
+      id: 0,
+      parentId: null,
+      name: "",
+      path: "",
+      component: "",
+      redirect: "",
+      icon: "",
+      title: "",
+      type: u.MENU,
+      sort: 0,
+      status: r.ENABLED,
+      hidden: !1,
+      keepAlive: !0
+    }), w = {
+      name: [
+        { required: !0, message: "请输入菜单名称", trigger: "blur" }
+      ],
+      path: [
+        { required: !0, message: "请输入路由路径", trigger: "blur" }
+      ],
+      title: [
+        { required: !0, message: "请输入菜单标题", trigger: "blur" }
+      ]
+    }, M = N(), I = () => {
+      U.value = !0, setTimeout(() => {
+        C.value = R, U.value = !1;
+      }, 300);
+    }, B = (f = null) => {
+      Object.assign(s, {
+        id: 0,
+        parentId: f,
+        name: "",
+        path: "",
+        component: "",
+        redirect: "",
+        icon: "",
+        title: "",
+        type: u.MENU,
+        sort: 0,
+        status: r.ENABLED,
+        hidden: !1,
+        keepAlive: !0
+      }), y.value = !0;
+    }, b = (f) => {
+      Object.assign(s, f), y.value = !0;
+    }, T = async () => {
+      var f;
+      try {
+        await ((f = M.value) == null ? void 0 : f.validate()), J.success(s.id ? "编辑成功" : "新增成功"), y.value = !1, I();
+      } catch (t) {
+        console.error(t);
+      }
+    }, L = (f) => ({
+      dashboard: "📊",
+      system: "⚙️",
+      user: "👤",
+      role: "👥",
+      menu: "📋",
+      setting: "🔧"
+    })[f || ""] || "📄";
+    return Y(() => {
+      I();
+    }), (f, t) => (V(), k("div", Q, [
+      a(e(G), { class: "menu-card" }, {
+        default: o(() => [
+          n("div", W, [
+            a(e(E), {
+              type: "primary",
+              onClick: t[0] || (t[0] = (l) => B())
+            }, {
+              default: o(() => [...t[14] || (t[14] = [
+                m("新增菜单", -1)
+              ])]),
+              _: 1
+            })
+          ]),
+          n("div", X, [
+            n("table", Z, [
+              t[19] || (t[19] = n("thead", null, [
+                n("tr", null, [
+                  n("th", null, "菜单名称"),
+                  n("th", null, "图标"),
+                  n("th", null, "路由路径"),
+                  n("th", null, "类型"),
+                  n("th", null, "排序"),
+                  n("th", null, "状态"),
+                  n("th", null, "操作")
+                ])
+              ], -1)),
+              n("tbody", null, [
+                (V(!0), k(g, null, x(C.value, (l) => (V(), k(g, {
+                  key: l.id
+                }, [
+                  n("tr", ee, [
+                    n("td", null, [
+                      n("span", {
+                        class: "menu-name",
+                        onClick: (d) => b(l)
+                      }, i(l.title), 9, te)
+                    ]),
+                    n("td", null, i(L(l.icon)), 1),
+                    n("td", null, i(l.path), 1),
+                    n("td", null, [
+                      a(e(c), {
+                        type: l.type === e(u).DIRECTORY ? "primary" : l.type === e(u).MENU ? "success" : "warning",
+                        size: "small"
+                      }, {
+                        default: o(() => [
+                          m(i(l.type === e(u).DIRECTORY ? "目录" : l.type === e(u).MENU ? "菜单" : "按钮"), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["type"])
+                    ]),
+                    n("td", null, i(l.sort), 1),
+                    n("td", null, [
+                      a(e(c), {
+                        type: l.status === e(r).ENABLED ? "success" : "danger",
+                        size: "small"
+                      }, {
+                        default: o(() => [
+                          m(i(l.status === e(r).ENABLED ? "启用" : "禁用"), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["type"])
+                    ]),
+                    n("td", null, [
+                      a(e(D), null, {
+                        default: o(() => [
+                          a(e(E), {
+                            type: "primary",
+                            link: "",
+                            size: "small",
+                            onClick: (d) => B(l.id)
+                          }, {
+                            default: o(() => [...t[15] || (t[15] = [
+                              m("新增", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["onClick"]),
+                          a(e(E), {
+                            type: "primary",
+                            link: "",
+                            size: "small",
+                            onClick: (d) => b(l)
+                          }, {
+                            default: o(() => [...t[16] || (t[16] = [
+                              m("编辑", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["onClick"])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ]),
+                  l.children ? (V(!0), k(g, { key: 0 }, x(l.children, (d) => (V(), k("tr", {
+                    key: d.id,
+                    class: "tree-row tree-row--level-1"
+                  }, [
+                    n("td", null, [
+                      t[17] || (t[17] = n("span", { class: "tree-indent" }, null, -1)),
+                      n("span", {
+                        class: "menu-name",
+                        onClick: (_) => b(d)
+                      }, i(d.title), 9, le)
+                    ]),
+                    n("td", null, i(L(d.icon)), 1),
+                    n("td", null, i(d.path), 1),
+                    n("td", null, [
+                      a(e(c), {
+                        type: d.type === e(u).DIRECTORY ? "primary" : d.type === e(u).MENU ? "success" : "warning",
+                        size: "small"
+                      }, {
+                        default: o(() => [
+                          m(i(d.type === e(u).DIRECTORY ? "目录" : d.type === e(u).MENU ? "菜单" : "按钮"), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["type"])
+                    ]),
+                    n("td", null, i(d.sort), 1),
+                    n("td", null, [
+                      a(e(c), {
+                        type: d.status === e(r).ENABLED ? "success" : "danger",
+                        size: "small"
+                      }, {
+                        default: o(() => [
+                          m(i(d.status === e(r).ENABLED ? "启用" : "禁用"), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["type"])
+                    ]),
+                    n("td", null, [
+                      a(e(D), null, {
+                        default: o(() => [
+                          a(e(E), {
+                            type: "primary",
+                            link: "",
+                            size: "small",
+                            onClick: (_) => b(d)
+                          }, {
+                            default: o(() => [...t[18] || (t[18] = [
+                              m("编辑", -1)
+                            ])]),
+                            _: 1
+                          }, 8, ["onClick"])
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ])
+                  ]))), 128)) : h("", !0)
+                ], 64))), 128))
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }),
+      a(e(H), {
+        modelValue: y.value,
+        "onUpdate:modelValue": t[13] || (t[13] = (l) => y.value = l),
+        title: S.value,
+        width: "600px"
+      }, {
+        footer: o(() => [
+          a(e(D), null, {
+            default: o(() => [
+              a(e(E), {
+                onClick: t[12] || (t[12] = (l) => y.value = !1)
+              }, {
+                default: o(() => [...t[20] || (t[20] = [
+                  m("取消", -1)
+                ])]),
+                _: 1
+              }),
+              a(e(E), {
+                type: "primary",
+                onClick: T
+              }, {
+                default: o(() => [...t[21] || (t[21] = [
+                  m("确定", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        default: o(() => [
+          a(e(q), {
+            ref_key: "formRef",
+            ref: M,
+            model: s,
+            rules: w,
+            "label-width": "80px"
+          }, {
+            default: o(() => [
+              a(e(p), { label: "上级菜单" }, {
+                default: o(() => [
+                  a(e(v), {
+                    modelValue: s.parentId,
+                    "onUpdate:modelValue": t[1] || (t[1] = (l) => s.parentId = l),
+                    placeholder: "上级菜单ID",
+                    disabled: ""
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              a(e(p), { label: "菜单类型" }, {
+                default: o(() => [
+                  a(e(F), {
+                    modelValue: s.type,
+                    "onUpdate:modelValue": t[2] || (t[2] = (l) => s.type = l),
+                    options: e(K)
+                  }, null, 8, ["modelValue", "options"])
+                ]),
+                _: 1
+              }),
+              a(e(p), {
+                label: "菜单名称",
+                prop: "name"
+              }, {
+                default: o(() => [
+                  a(e(v), {
+                    modelValue: s.name,
+                    "onUpdate:modelValue": t[3] || (t[3] = (l) => s.name = l),
+                    placeholder: "请输入菜单名称（路由name）"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              a(e(p), {
+                label: "菜单标题",
+                prop: "title"
+              }, {
+                default: o(() => [
+                  a(e(v), {
+                    modelValue: s.title,
+                    "onUpdate:modelValue": t[4] || (t[4] = (l) => s.title = l),
+                    placeholder: "请输入菜单标题"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              a(e(p), {
+                label: "路由路径",
+                prop: "path"
+              }, {
+                default: o(() => [
+                  a(e(v), {
+                    modelValue: s.path,
+                    "onUpdate:modelValue": t[5] || (t[5] = (l) => s.path = l),
+                    placeholder: "请输入路由路径"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              a(e(p), { label: "组件路径" }, {
+                default: o(() => [
+                  a(e(v), {
+                    modelValue: s.component,
+                    "onUpdate:modelValue": t[6] || (t[6] = (l) => s.component = l),
+                    placeholder: "请输入组件路径"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              a(e(p), { label: "图标" }, {
+                default: o(() => [
+                  a(e(v), {
+                    modelValue: s.icon,
+                    "onUpdate:modelValue": t[7] || (t[7] = (l) => s.icon = l),
+                    placeholder: "请输入图标名称"
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              a(e(p), { label: "排序" }, {
+                default: o(() => [
+                  a(e(j), {
+                    modelValue: s.sort,
+                    "onUpdate:modelValue": t[8] || (t[8] = (l) => s.sort = l),
+                    min: 0
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              a(e(p), { label: "状态" }, {
+                default: o(() => [
+                  a(e(A), {
+                    modelValue: s.status,
+                    "onUpdate:modelValue": t[9] || (t[9] = (l) => s.status = l),
+                    "active-value": e(r).ENABLED,
+                    "inactive-value": e(r).DISABLED
+                  }, null, 8, ["modelValue", "active-value", "inactive-value"])
+                ]),
+                _: 1
+              }),
+              a(e(p), { label: "隐藏" }, {
+                default: o(() => [
+                  a(e(A), {
+                    modelValue: s.hidden,
+                    "onUpdate:modelValue": t[10] || (t[10] = (l) => s.hidden = l)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              }),
+              a(e(p), { label: "缓存" }, {
+                default: o(() => [
+                  a(e(A), {
+                    modelValue: s.keepAlive,
+                    "onUpdate:modelValue": t[11] || (t[11] = (l) => s.keepAlive = l)
+                  }, null, 8, ["modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["model"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"])
+    ]));
+  }
+}), pe = /* @__PURE__ */ P(ae, [["__scopeId", "data-v-2a272a68"]]);
+export {
+  pe as default
+};