xto-fronted 0.4.94 → 0.4.96

package/dist/index-CvQgEgUM.js

@@ -0,0 +1,641 @@
+import { defineComponent as $, ref as V, computed as O, reactive as H, onMounted as q, openBlock as f, createElementBlock as v, createElementVNode as e, createVNode as o, unref as s, withCtx as a, createTextVNode as m, toDisplayString as d, Fragment as C, renderList as U, createCommentVNode as F } from "vue";
+import { Form as Y, FormItem as p, Input as _, Select as j, InputNumber as G, Switch as M } from "@xto/form";
+import { Tag as E } from "@xto/data";
+import { Modal as J, Message as K } from "@xto/feedback";
+import { Button as h, Space as N } from "@xto/base";
+import { S as r, M as c, b as P, _ as Q } from "./index-CVH7bDsl.js";
+const W = { class: "menu-page" }, X = { class: "table-section" }, Z = { class: "table-toolbar" }, ee = { class: "toolbar-left" }, te = { class: "toolbar-right" }, se = { class: "table-count" }, le = { class: "table-wrapper" }, oe = { class: "data-table" }, ae = { key: 0 }, ne = { key: 1 }, de = { class: "data-row tree-row--level-0" }, ie = { class: "col-name" }, re = { class: "menu-info" }, ue = { class: "menu-icon-wrapper" }, pe = ["onClick"], ce = { class: "col-icon" }, me = { class: "icon-text" }, fe = { class: "col-path" }, ve = { class: "path-code" }, ye = { class: "col-type" }, _e = { class: "col-sort" }, he = { class: "sort-badge" }, ke = { class: "col-status" }, be = { class: "col-actions" }, ge = { class: "col-name" }, Ve = { class: "menu-info" }, Ee = { class: "menu-icon-wrapper" }, xe = ["onClick"], Ce = { class: "col-icon" }, Me = { class: "icon-text" }, Ne = { class: "col-path" }, we = { class: "path-code" }, Ae = { class: "col-type" }, Be = { class: "col-sort" }, De = { class: "sort-badge" }, Le = { class: "col-status" }, Ue = { class: "col-actions" }, Ie = { class: "form-grid" }, Te = { class: "status-field" }, Se = { class: "status-label" }, ze = { class: "status-field" }, Re = { class: "status-label" }, $e = { class: "status-field" }, Oe = { class: "status-label" }, He = /* @__PURE__ */ $({
+  __name: "index",
+  setup(qe) {
+    const I = [
+      {
+        id: 1,
+        parentId: null,
+        name: "Dashboard",
+        path: "/dashboard",
+        component: "dashboard/index",
+        redirect: "",
+        icon: "dashboard",
+        title: "仪表盘",
+        type: c.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: c.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: c.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: c.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: c.MENU,
+            sort: 3,
+            status: r.ENABLED,
+            hidden: !1,
+            keepAlive: !0
+          }
+        ]
+      }
+    ], x = V(!1), k = V([]), y = V(!1), T = O(() => n.id ? "编辑菜单" : "新增菜单"), n = H({
+      id: 0,
+      parentId: null,
+      name: "",
+      path: "",
+      component: "",
+      redirect: "",
+      icon: "",
+      title: "",
+      type: c.MENU,
+      sort: 0,
+      status: r.ENABLED,
+      hidden: !1,
+      keepAlive: !0
+    }), S = {
+      name: [
+        { required: !0, message: "请输入菜单名称", trigger: "blur" }
+      ],
+      path: [
+        { required: !0, message: "请输入路由路径", trigger: "blur" }
+      ],
+      title: [
+        { required: !0, message: "请输入菜单标题", trigger: "blur" }
+      ]
+    }, w = V(), A = () => {
+      x.value = !0, setTimeout(() => {
+        k.value = I, x.value = !1;
+      }, 300);
+    }, B = (u = null) => {
+      Object.assign(n, {
+        id: 0,
+        parentId: u,
+        name: "",
+        path: "",
+        component: "",
+        redirect: "",
+        icon: "",
+        title: "",
+        type: c.MENU,
+        sort: 0,
+        status: r.ENABLED,
+        hidden: !1,
+        keepAlive: !0
+      }), y.value = !0;
+    }, b = (u) => {
+      Object.assign(n, u), y.value = !0;
+    }, z = async () => {
+      var u;
+      try {
+        await ((u = w.value) == null ? void 0 : u.validate()), K.success(n.id ? "编辑成功" : "新增成功"), y.value = !1, A();
+      } catch (t) {
+        console.error(t);
+      }
+    }, g = (u) => ({
+      dashboard: "📊",
+      system: "⚙️",
+      user: "👤",
+      role: "👥",
+      menu: "📋",
+      setting: "🔧"
+    })[u || ""] || "📄", D = (u) => {
+      switch (u) {
+        case c.DIRECTORY:
+          return "primary";
+        case c.MENU:
+          return "success";
+        default:
+          return "warning";
+      }
+    }, L = (u) => {
+      switch (u) {
+        case c.DIRECTORY:
+          return "目录";
+        case c.MENU:
+          return "菜单";
+        default:
+          return "按钮";
+      }
+    };
+    return q(() => {
+      A();
+    }), (u, t) => (f(), v("div", W, [
+      e("div", X, [
+        e("div", Z, [
+          e("div", ee, [
+            o(s(h), {
+              type: "primary",
+              onClick: t[0] || (t[0] = (l) => B())
+            }, {
+              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] = m(" 新增菜单 ", -1))
+              ]),
+              _: 1
+            })
+          ]),
+          e("div", te, [
+            e("span", se, "共 " + d(k.value.length) + " 个菜单", 1)
+          ])
+        ]),
+        e("div", le, [
+          e("table", oe, [
+            t[26] || (t[26] = e("thead", null, [
+              e("tr", null, [
+                e("th", { class: "col-name" }, "菜单名称"),
+                e("th", { class: "col-icon" }, "图标"),
+                e("th", { class: "col-path" }, "路由路径"),
+                e("th", { class: "col-type" }, "类型"),
+                e("th", { class: "col-sort" }, "排序"),
+                e("th", { class: "col-status" }, "状态"),
+                e("th", { class: "col-actions" }, "操作")
+              ])
+            ], -1)),
+            e("tbody", null, [
+              x.value ? (f(), v("tr", ae, [...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)
+              ])])) : k.value.length === 0 ? (f(), v("tr", ne, [...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)
+              ])])) : (f(!0), v(C, { key: 2 }, U(k.value, (l) => (f(), v(C, {
+                key: l.id
+              }, [
+                e("tr", de, [
+                  e("td", ie, [
+                    e("div", re, [
+                      e("span", ue, d(g(l.icon)), 1),
+                      e("span", {
+                        class: "menu-title",
+                        onClick: (i) => b(l)
+                      }, d(l.title), 9, pe)
+                    ])
+                  ]),
+                  e("td", ce, [
+                    e("span", me, d(g(l.icon)), 1)
+                  ]),
+                  e("td", fe, [
+                    e("code", ve, d(l.path), 1)
+                  ]),
+                  e("td", ye, [
+                    o(s(E), {
+                      type: D(l.type),
+                      size: "small"
+                    }, {
+                      default: a(() => [
+                        m(d(L(l.type)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["type"])
+                  ]),
+                  e("td", _e, [
+                    e("span", he, d(l.sort), 1)
+                  ]),
+                  e("td", ke, [
+                    o(s(E), {
+                      type: l.status === s(r).ENABLED ? "success" : "danger",
+                      size: "small"
+                    }, {
+                      default: a(() => [
+                        m(d(l.status === s(r).ENABLED ? "启用" : "禁用"), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["type"])
+                  ]),
+                  e("td", be, [
+                    o(s(N), { class: "action-buttons" }, {
+                      default: a(() => [
+                        o(s(h), {
+                          type: "primary",
+                          link: "",
+                          size: "small",
+                          onClick: (i) => B(l.id)
+                        }, {
+                          icon: a(() => [...t[18] || (t[18] = [
+                            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[19] || (t[19] = m(" 新增 ", -1))
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"]),
+                        o(s(h), {
+                          type: "primary",
+                          link: "",
+                          size: "small",
+                          onClick: (i) => b(l)
+                        }, {
+                          icon: a(() => [...t[20] || (t[20] = [
+                            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[21] || (t[21] = m(" 编辑 ", -1))
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ])
+                ]),
+                l.children ? (f(!0), v(C, { key: 0 }, U(l.children, (i) => (f(), v("tr", {
+                  key: i.id,
+                  class: "data-row tree-row--level-1"
+                }, [
+                  e("td", ge, [
+                    e("div", Ve, [
+                      t[22] || (t[22] = e("span", { class: "tree-indent" }, null, -1)),
+                      t[23] || (t[23] = e("span", { class: "tree-line" }, null, -1)),
+                      e("span", Ee, d(g(i.icon)), 1),
+                      e("span", {
+                        class: "menu-title",
+                        onClick: (R) => b(i)
+                      }, d(i.title), 9, xe)
+                    ])
+                  ]),
+                  e("td", Ce, [
+                    e("span", Me, d(g(i.icon)), 1)
+                  ]),
+                  e("td", Ne, [
+                    e("code", we, d(i.path), 1)
+                  ]),
+                  e("td", Ae, [
+                    o(s(E), {
+                      type: D(i.type),
+                      size: "small"
+                    }, {
+                      default: a(() => [
+                        m(d(L(i.type)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["type"])
+                  ]),
+                  e("td", Be, [
+                    e("span", De, d(i.sort), 1)
+                  ]),
+                  e("td", Le, [
+                    o(s(E), {
+                      type: i.status === s(r).ENABLED ? "success" : "danger",
+                      size: "small"
+                    }, {
+                      default: a(() => [
+                        m(d(i.status === s(r).ENABLED ? "启用" : "禁用"), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["type"])
+                  ]),
+                  e("td", Ue, [
+                    o(s(N), { class: "action-buttons" }, {
+                      default: a(() => [
+                        o(s(h), {
+                          type: "primary",
+                          link: "",
+                          size: "small",
+                          onClick: (R) => b(i)
+                        }, {
+                          icon: a(() => [...t[24] || (t[24] = [
+                            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[25] || (t[25] = m(" 编辑 ", -1))
+                          ]),
+                          _: 1
+                        }, 8, ["onClick"])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ])
+                ]))), 128)) : F("", !0)
+              ], 64))), 128))
+            ])
+          ])
+        ])
+      ]),
+      o(s(J), {
+        modelValue: y.value,
+        "onUpdate:modelValue": t[13] || (t[13] = (l) => y.value = l),
+        title: T.value,
+        width: "600px",
+        class: "menu-modal"
+      }, {
+        footer: a(() => [
+          o(s(N), null, {
+            default: a(() => [
+              o(s(h), {
+                onClick: t[12] || (t[12] = (l) => y.value = !1)
+              }, {
+                default: a(() => [...t[27] || (t[27] = [
+                  m("取消", -1)
+                ])]),
+                _: 1
+              }),
+              o(s(h), {
+                type: "primary",
+                onClick: z
+              }, {
+                default: a(() => [...t[28] || (t[28] = [
+                  m("确定", -1)
+                ])]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        default: a(() => [
+          o(s(Y), {
+            ref_key: "formRef",
+            ref: w,
+            model: n,
+            rules: S,
+            "label-width": "80px",
+            class: "menu-form"
+          }, {
+            default: a(() => [
+              e("div", Ie, [
+                o(s(p), {
+                  label: "上级菜单",
+                  class: "form-item-full"
+                }, {
+                  default: a(() => [
+                    o(s(_), {
+                      modelValue: n.parentId,
+                      "onUpdate:modelValue": t[1] || (t[1] = (l) => n.parentId = l),
+                      placeholder: "上级菜单ID",
+                      disabled: ""
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                o(s(p), { label: "菜单类型" }, {
+                  default: a(() => [
+                    o(s(j), {
+                      modelValue: n.type,
+                      "onUpdate:modelValue": t[2] || (t[2] = (l) => n.type = l),
+                      options: s(P)
+                    }, null, 8, ["modelValue", "options"])
+                  ]),
+                  _: 1
+                }),
+                o(s(p), { label: "排序" }, {
+                  default: a(() => [
+                    o(s(G), {
+                      modelValue: n.sort,
+                      "onUpdate:modelValue": t[3] || (t[3] = (l) => n.sort = l),
+                      min: 0
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                o(s(p), {
+                  label: "菜单名称",
+                  prop: "name"
+                }, {
+                  default: a(() => [
+                    o(s(_), {
+                      modelValue: n.name,
+                      "onUpdate:modelValue": t[4] || (t[4] = (l) => n.name = l),
+                      placeholder: "请输入菜单名称（路由name）"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                o(s(p), {
+                  label: "菜单标题",
+                  prop: "title"
+                }, {
+                  default: a(() => [
+                    o(s(_), {
+                      modelValue: n.title,
+                      "onUpdate:modelValue": t[5] || (t[5] = (l) => n.title = l),
+                      placeholder: "请输入菜单标题"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                o(s(p), {
+                  label: "路由路径",
+                  prop: "path",
+                  class: "form-item-full"
+                }, {
+                  default: a(() => [
+                    o(s(_), {
+                      modelValue: n.path,
+                      "onUpdate:modelValue": t[6] || (t[6] = (l) => n.path = l),
+                      placeholder: "请输入路由路径"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                o(s(p), {
+                  label: "组件路径",
+                  class: "form-item-full"
+                }, {
+                  default: a(() => [
+                    o(s(_), {
+                      modelValue: n.component,
+                      "onUpdate:modelValue": t[7] || (t[7] = (l) => n.component = l),
+                      placeholder: "请输入组件路径"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                o(s(p), { label: "图标" }, {
+                  default: a(() => [
+                    o(s(_), {
+                      modelValue: n.icon,
+                      "onUpdate:modelValue": t[8] || (t[8] = (l) => n.icon = l),
+                      placeholder: "请输入图标名称"
+                    }, null, 8, ["modelValue"])
+                  ]),
+                  _: 1
+                }),
+                o(s(p), { label: "状态" }, {
+                  default: a(() => [
+                    e("div", Te, [
+                      o(s(M), {
+                        modelValue: n.status,
+                        "onUpdate:modelValue": t[9] || (t[9] = (l) => n.status = l),
+                        "active-value": s(r).ENABLED,
+                        "inactive-value": s(r).DISABLED
+                      }, null, 8, ["modelValue", "active-value", "inactive-value"]),
+                      e("span", Se, d(n.status === s(r).ENABLED ? "启用" : "禁用"), 1)
+                    ])
+                  ]),
+                  _: 1
+                }),
+                o(s(p), { label: "隐藏" }, {
+                  default: a(() => [
+                    e("div", ze, [
+                      o(s(M), {
+                        modelValue: n.hidden,
+                        "onUpdate:modelValue": t[10] || (t[10] = (l) => n.hidden = l)
+                      }, null, 8, ["modelValue"]),
+                      e("span", Re, d(n.hidden ? "隐藏" : "显示"), 1)
+                    ])
+                  ]),
+                  _: 1
+                }),
+                o(s(p), { label: "缓存" }, {
+                  default: a(() => [
+                    e("div", $e, [
+                      o(s(M), {
+                        modelValue: n.keepAlive,
+                        "onUpdate:modelValue": t[11] || (t[11] = (l) => n.keepAlive = l)
+                      }, null, 8, ["modelValue"]),
+                      e("span", Oe, d(n.keepAlive ? "开启" : "关闭"), 1)
+                    ])
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            _: 1
+          }, 8, ["model"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"])
+    ]));
+  }
+}), Pe = /* @__PURE__ */ Q(He, [["__scopeId", "data-v-fcdec27c"]]);
+export {
+  Pe as default
+};