smart-admin-web 10.14.0 → 10.20.0

package/dist/views/system/menu/index2.vue.js

@@ -1,121 +1,137 @@
-import { defineComponent as ae, ref as m, shallowRef as O, onMounted as ie, computed as c, watch as R, resolveDirective as re, openBlock as $, createElementBlock as ue, createVNode as u, unref as r, withCtx as v, createTextVNode as q, toDisplayString as F, withDirectives as se, createBlock as de, h as a } from "vue";
-import { useMessage as ce, NSelect as me, NInput as pe, NButton as k, NSpace as j, NTag as K, NDropdown as fe } from "naive-ui";
-import { SmartTable as ve } from "smart-naive-table";
-import { useI18n as ye } from "vue-i18n";
-import y from "../../../components/AppIcon.vue.js";
-import he from "../../../components/StatusSwitch/index.vue.js";
-import ge from "./components/ButtonManager.vue.js";
-import we from "./components/MenuFormModal.vue.js";
-import { useConfirm as ke } from "../../../composables/useConfirm.js";
-import { buildRoutesForModule as xe } from "../../../composables/useAuthMenu.js";
-import { useAuthStore as be } from "../../../stores/auth.js";
-import { moduleApi as _e, menuApi as I } from "../../../api/index.js";
-import { translateError as Ce } from "../../../utils/error.js";
-import { filterTree as Me, expandableIds as V } from "../../../utils/tree.js";
-import { MenuType as x, splitPermission as Ie, toMenuInput as Pe } from "../../../types/menu.js";
-const Te = { class: "view fill-page" }, b = 0, G = -1, Ve = /* @__PURE__ */ ae({
+import { defineComponent as pe, ref as p, shallowRef as A, onMounted as fe, computed as f, watch as ve, h as o, resolveDirective as he, openBlock as G, createElementBlock as ye, createVNode as v, unref as s, withCtx as h, createTextVNode as K, toDisplayString as V, withDirectives as ge, createBlock as we, toRaw as ke } from "vue";
+import { useMessage as be, NSpace as J, NTag as Q, NButton as w, NDropdown as _e, NSelect as xe } from "naive-ui";
+import { SmartTable as Te } from "smart-naive-table";
+import { useI18n as Ie } from "vue-i18n";
+import c from "../../../components/AppIcon.vue.js";
+import Me from "../../../components/StatusSwitch/index.vue.js";
+import Ce from "./components/ButtonManager.vue.js";
+import ze from "./components/MenuFormModal.vue.js";
+import { useConfirm as Se } from "../../../composables/useConfirm.js";
+import { buildRoutesForModule as Ae } from "../../../composables/useAuthMenu.js";
+import { useAuthStore as Ee } from "../../../stores/auth.js";
+import { moduleApi as Pe, menuApi as x } from "../../../api/index.js";
+import { translateError as Be } from "../../../utils/error.js";
+import { SEARCH_ACTIONS as E, deriveHeaderFilters as Re } from "../../../utils/tableFilter.js";
+import { TABLE_MIN_ROW_HEIGHT as Ne, TABLE_TOOLBAR as Oe } from "../../../utils/tableToolbar.js";
+import { expandableIds as X } from "../../../utils/tree.js";
+import { filterTreeByParams as De, hasTreeCondition as Le } from "../../../utils/treeFilter.js";
+import { toMenuInput as Fe, MenuType as k, splitPermission as Ue } from "../../../types/menu.js";
+import { lineIcon as $e } from "../../../utils/menuIcon.js";
+import { translateMenuTitle as P } from "../../../locales/menuTitle.js";
+const He = { class: "view fill-page" }, b = 0, Y = -1, dt = /* @__PURE__ */ pe({
   __name: "index",
-  setup(Se) {
-    const { t: n } = ye(), W = ce(), { confirm: H } = ke(), s = be(), P = m(!1), h = O([]), g = O([]), i = m(s.currentModuleId ?? b), B = m([]);
-    async function _() {
-      P.value = !0;
+  setup(qe) {
+    const { t: n } = Ie(), Z = be(), { confirm: ee } = Se(), d = Ee(), T = p(!1), y = A([]), g = A([]), a = p(d.currentModuleId ?? b), B = p([]);
+    async function te() {
+      T.value = !0;
       try {
-        h.value = await I.tree();
+        y.value = await x.tree();
       } catch (e) {
-        W.error(Ce(e));
+        Z.error(Be(e));
       } finally {
-        P.value = !1;
+        T.value = !1;
       }
     }
-    async function T() {
-      if (s.currentModuleId)
+    async function R() {
+      if (d.currentModuleId)
         try {
-          await xe(s.currentModuleId);
+          await Ae(d.currentModuleId);
         } catch {
         }
     }
-    ie(async () => {
+    fe(async () => {
       var e;
-      await _();
       try {
-        g.value = await _e.list(), A.value.some((t) => t.value === i.value) || (i.value = ((e = g.value[0]) == null ? void 0 : e.id) ?? b);
+        g.value = await Pe.list(), N.value.some((t) => t.value === a.value) || (a.value = ((e = g.value[0]) == null ? void 0 : e.id) ?? b);
       } catch {
       }
       try {
-        B.value = await I.routes();
+        B.value = await x.routes();
       } catch {
       }
     });
-    const J = (e) => e === x.Catalog ? n("menu.typeCatalog") : e === x.Menu ? n("menu.typeMenu") : n("menu.typeButton"), Q = (e) => e === x.Catalog ? "info" : "success", X = c(() => g.value.map((e) => ({ label: e.title, value: e.id }))), A = c(() => [
-      { label: n("menu.moduleAll"), value: G },
-      ...X.value,
+    const ne = (e) => e === k.Catalog ? n("menu.typeCatalog") : e === k.Menu ? n("menu.typeMenu") : n("menu.typeButton"), oe = (e) => e === k.Catalog ? "info" : "success", le = f(
+      () => g.value.map((e) => ({ label: P(e.title), value: e.id }))
+    ), N = f(() => [
+      { label: n("menu.moduleAll"), value: Y },
+      ...le.value,
       { label: n("menu.moduleUnassigned"), value: b }
     ]);
-    function E(e) {
-      return e.filter((t) => t.type !== x.Button).map((t) => ({ ...t, children: E(t.children) }));
+    function O(e) {
+      return e.filter((t) => t.type !== k.Button).map((t) => ({ ...t, children: O(t.children) }));
     }
-    const S = c(
-      () => E(
-        h.value.filter(
-          (e) => i.value === G ? !0 : i.value === b ? e.moduleId == null : e.moduleId === i.value
+    const D = f(
+      () => O(
+        y.value.filter(
+          (e) => a.value === Y ? !0 : a.value === b ? e.moduleId == null : e.moduleId === a.value
         )
       )
-    ), N = c(() => {
+    ), L = f(() => {
       const e = /* @__PURE__ */ new Map(), t = (l) => {
-        for (const o of l) {
-          const d = o.children.filter((f) => f.type === x.Button);
-          e.set(o.id, {
-            count: d.length,
-            perms: d.flatMap((f) => Ie(f.permission)).join(" ").toLowerCase()
-          }), t(o.children);
+        for (const i of l) {
+          const r = i.children.filter((u) => u.type === k.Button);
+          e.set(i.id, {
+            count: r.length,
+            perms: r.flatMap((u) => Ue(u.permission)).join(" ").toLowerCase()
+          }), t(i.children);
         }
       };
-      return t(h.value), e;
-    }), w = m(""), C = c(() => {
-      const e = w.value.trim().toLowerCase();
-      return e ? Me(
-        S.value,
-        (t) => {
-          var l;
-          return t.title.toLowerCase().includes(e) || (t.path ?? "").toLowerCase().includes(e) || (((l = N.value.get(t.id)) == null ? void 0 : l.perms) ?? "").includes(e);
-        }
-      ) : S.value;
-    }), p = m([]);
-    R(C, (e) => {
-      w.value.trim() && (p.value = V(e));
-    }), R([() => w.value.trim(), i], ([e]) => {
-      e || (p.value = []);
+      return t(y.value), e;
+    }), F = p(), I = () => {
+      var e;
+      return (e = F.value) == null ? void 0 : e.refresh();
+    }, U = {
+      // 英文界面下表里显示的是译名,搜索要两边都认(库里存的中文原文 + 当前语言的显示名)。
+      title: (e) => `${e.title} ${P(e.title, e.path || void 0)}`,
+      path: (e) => e.path,
+      permission: (e) => {
+        var t;
+        return (t = L.value.get(e.id)) == null ? void 0 : t.perms;
+      }
+    }, $ = /* @__PURE__ */ new WeakMap(), ie = async (e) => {
+      await te();
+      const t = De(D.value, e, U);
+      return $.set(t, Le(e, U)), { items: t, total: t.length };
+    }, m = p([]), M = A([]);
+    let C = !1;
+    function re(e) {
+      M.value = e;
+      const t = $.get(ke(e)) ?? !1;
+      t ? m.value = X(e) : C && (m.value = []), C = t;
+    }
+    ve(a, () => {
+      C || (m.value = []), I();
     });
-    const z = c(() => p.value.length > 0), Y = () => p.value = z.value ? [] : V(C.value), Z = c(
+    const z = f(() => m.value.length > 0), ae = () => m.value = z.value ? [] : X(M.value), se = f(
       () => {
         var e;
-        return i.value === b ? void 0 : ((e = g.value.find((t) => t.id === i.value)) == null ? void 0 : e.apiPrefix) ?? void 0;
+        return a.value === b ? void 0 : ((e = g.value.find((t) => t.id === a.value)) == null ? void 0 : e.apiPrefix) ?? void 0;
       }
-    ), M = m(null), U = m(null), ee = (e) => {
+    ), _ = p(null), H = p(null), ue = (e) => {
       var t;
-      return (t = U.value) == null ? void 0 : t.open({ id: e.id, title: e.title });
-    }, D = () => Promise.all([_(), T()]), te = (e) => H({
+      return (t = H.value) == null ? void 0 : t.open({ id: e.id, title: e.title });
+    }, S = () => Promise.all([I(), R()]), de = (e) => ee({
       content: n("menu.deleteConfirm", { title: e.title }),
       type: "error",
-      action: () => I.remove(e.id),
+      action: () => x.remove(e.id),
       successMsg: n("menu.deleted")
     }).then((t) => {
-      t && Promise.all([_(), T()]);
-    }), ne = ({ expanded: e }) => a(
+      t && S();
+    }), ce = ({ expanded: e }) => o(
       "span",
       {
-        style: `display:inline-flex;transition:transform .2s;transform:rotate(${e ? 90 : 0}deg)`
+        style: `display:inline-flex;transition:transform .2s var(--ease);transform:rotate(${e ? 90 : 0}deg)`
       },
-      a(y, { icon: "ph:caret-right-bold", size: 13 })
-    ), le = c(() => {
-      const e = /* @__PURE__ */ new Map(), t = (l, o) => {
-        l.forEach((d, f) => {
-          const L = o ? `${o}.${f + 1}` : String(f + 1);
-          e.set(d.id, L), t(d.children, L);
+      o(c, { icon: "ph:caret-right", size: 14 })
+    ), me = f(() => {
+      const e = /* @__PURE__ */ new Map(), t = (l, i) => {
+        l.forEach((r, u) => {
+          const j = i ? `${i}.${u + 1}` : String(u + 1);
+          e.set(r.id, j), t(r.children, j);
         });
       };
-      return t(C.value, ""), e;
-    }), oe = [
+      return t(M.value, ""), e;
+    }), q = (e) => e ? o("span", { class: "mono muted" }, e) : o("span", { class: "faint" }, "—"), W = [
       // 序号列是渲染 rowNoById 层级号的普通数据列,fixed:'left' 与标题列同锚 ——
       // 不锚定的话,横向滚动时会滑到 fixed 的标题列底下,「这是哪一行」照样丢。
       {
@@ -127,18 +143,19 @@ const Te = { class: "view fill-page" }, b = 0, G = -1, Ve = /* @__PURE__ */ ae({
         hideInSetting: !0,
         // 结构性列,不进列设置
         render: (e) => {
-          const t = le.value.get(e.id);
+          const t = me.value.get(e.id);
           if (!t) return null;
           const l = t.lastIndexOf(".") + 1;
-          return a("span", { class: "row-no" }, [
-            l ? a("span", { class: "row-no__path" }, t.slice(0, l)) : null,
-            a("span", { class: "row-no__self" }, t.slice(l))
+          return o("span", { class: "row-no" }, [
+            l ? o("span", { class: "row-no__path" }, t.slice(0, l)) : null,
+            o("span", { class: "row-no__self" }, t.slice(l))
           ]);
         }
       },
       {
         title: () => n("menu.title"),
         key: "title",
+        search: { actions: E.fuzzy },
         align: "left",
         // 树列左对齐,展开缩进才好读
         // 展开箭头与每层 26px 缩进钉死在这一列。默认会落到「首个无 type 的列」= 序号列,
@@ -150,10 +167,10 @@ const Te = { class: "view fill-page" }, b = 0, G = -1, Ve = /* @__PURE__ */ ae({
         // 横向滚动时不能丢失「这是哪一行」
         render: (e) => (
           // inline:必须行内 —— naive 的展开箭头是 inline-flex,默认块级 NSpace 会被挤到第二行。
-          a(j, { inline: !0, align: "center", size: 6, wrapItem: !1 }, () => [
-            e.title,
+          o(J, { inline: !0, align: "center", size: 6, wrapItem: !1 }, () => [
+            P(e.title, e.path || void 0),
             // 「隐藏」是罕见状态(种子里的目录/页面全是显示),只在为真时才占视觉 —— 省掉一整列同一个词。
-            e.visible ? null : a(K, { size: "tiny", bordered: !1, type: "warning" }, () => n("common.hidden"))
+            e.visible ? null : o(Q, { size: "tiny", bordered: !1, type: "warning" }, () => n("common.hidden"))
           ])
         )
       },
@@ -163,17 +180,17 @@ const Te = { class: "view fill-page" }, b = 0, G = -1, Ve = /* @__PURE__ */ ae({
         key: "icon",
         width: 64,
         align: "center",
-        render: (e) => e.icon ? a(y, { icon: e.icon, size: 18 }) : null
+        render: (e) => e.icon ? o(c, { icon: $e(e.icon), size: 18 }) : null
       },
       // 类型独占一列,不塞在标题里。按类型着色,目录/页面一眼可辨。
       {
         title: () => n("menu.type"),
         key: "type",
         width: 90,
-        render: (e) => a(
-          K,
-          { size: "small", bordered: !1, type: Q(e.type) },
-          () => J(e.type)
+        render: (e) => o(
+          Q,
+          { size: "small", bordered: !1, type: oe(e.type) },
+          () => ne(e.type)
         )
       },
       // 路由/组件路径:管理员核对菜单时真正要看的东西,直接列出,不必点开编辑弹窗。
@@ -185,7 +202,16 @@ const Te = { class: "view fill-page" }, b = 0, G = -1, Ve = /* @__PURE__ */ ae({
         align: "left",
         width: 160,
         ellipsis: { tooltip: !0 },
-        render: (e) => e.path || "—"
+        render: (e) => q(e.path),
+        search: { actions: E.fuzzy }
+      },
+      // 权限码只作搜索项:表格里不设这一列(见上),但「这个权限码归哪个页面」得能搜到 ——
+      // 取值与匹配见 SEARCH_FIELDS.permission(查该节点按钮子节点的码)。
+      {
+        key: "permission",
+        title: () => n("menu.permission"),
+        hideInTable: !0,
+        search: { actions: E.fuzzy }
       },
       {
         title: () => n("menu.component"),
@@ -193,7 +219,7 @@ const Te = { class: "view fill-page" }, b = 0, G = -1, Ve = /* @__PURE__ */ ae({
         align: "left",
         width: 180,
         ellipsis: { tooltip: !0 },
-        render: (e) => e.component || "—"
+        render: (e) => q(e.component)
       },
       {
         title: () => n("menu.buttons"),
@@ -201,38 +227,43 @@ const Te = { class: "view fill-page" }, b = 0, G = -1, Ve = /* @__PURE__ */ ae({
         width: 140,
         render: (e) => {
           var l;
-          const t = ((l = N.value.get(e.id)) == null ? void 0 : l.count) ?? 0;
-          return s.hasPerm("POST:/api/v1/sys/menu/add") ? a(
-            k,
+          const t = ((l = L.value.get(e.id)) == null ? void 0 : l.count) ?? 0;
+          return d.hasPerm("POST:/api/v1/sys/menu/add") ? o(
+            w,
             {
               size: "small",
               quaternary: !0,
               type: t > 0 ? "primary" : void 0,
-              onClick: () => ee(e)
+              onClick: () => ue(e)
             },
             {
-              icon: () => a(y, { icon: "ph:shield-check", size: 15 }),
+              icon: () => o(c, { icon: "ph:shield-check", size: 15 }),
               default: () => n("menu.configPerms", { n: t })
             }
           ) : null;
         }
       },
-      { title: () => n("menu.sort"), key: "sort", width: 70 },
+      {
+        title: () => n("menu.sort"),
+        key: "sort",
+        width: 70,
+        render: (e) => o("span", { class: "num muted" }, e.sort)
+      },
       {
         title: () => n("common.status"),
         key: "enabled",
         width: 84,
-        render: (e) => a(he, {
+        render: (e) => o(Me, {
           value: e.enabled,
-          disabled: !s.hasPerm("PUT:/api/v1/sys/menu/{id}"),
+          disabled: !d.hasPerm("PUT:/api/v1/sys/menu/{id}"),
           // 启停走全量 update,无更新权限则置灰
           // 停用是一键隐藏整棵子树的重操作,先确认;启用无副作用,跳过确认(返回 null)。
           confirm: (t) => t ? null : n("menu.disableConfirm", { title: e.title }),
-          request: (t) => I.update(e.id, { ...Pe(e), enabled: t }),
+          request: (t) => x.update(e.id, { ...Fe(e), enabled: t }),
           // 重拉而非往行对象上写:搜索态下的祖先行是 filterTree 的浅拷贝,写它不会回到源树(开关会弹回去)。
           // StatusSwitch 是悲观更新(请求成功才 emit),重拉一次就是最终态。
           "onUpdate:value": () => {
-            _(), T();
+            I(), R();
           }
         })
       },
@@ -243,119 +274,121 @@ const Te = { class: "view fill-page" }, b = 0, G = -1, Ve = /* @__PURE__ */ ae({
         key: "op",
         width: 150,
         fixed: "right",
-        render: (e) => a(j, { size: 2, wrapItem: !1, justify: "center" }, () => {
-          const t = [
-            s.hasPerm("POST:/api/v1/sys/menu/add") && {
+        render: (e) => o(J, { size: 2, wrapItem: !1, justify: "center" }, () => {
+          const t = d.hasPerm("POST:/api/v1/sys/menu/add"), l = d.hasPerm("DELETE:/api/v1/sys/menu/{id}"), i = [
+            t && {
               key: "addChild",
-              label: n("menu.addChild")
+              label: n("menu.addChild"),
+              icon: () => o(c, { icon: "ph:plus", size: 16 })
             },
-            s.hasPerm("DELETE:/api/v1/sys/menu/{id}") && {
+            // 新增与删除之间一条分隔线;只剩一项时不画
+            t && l && { type: "divider", key: "divider" },
+            l && {
               key: "delete",
-              label: n("common.delete")
+              label: n("common.delete"),
+              icon: () => o(c, { icon: "ph:trash", size: 16 }),
+              props: { style: "color: var(--err)" }
             }
           ].filter(Boolean);
           return [
-            s.hasPerm("PUT:/api/v1/sys/menu/{id}") ? a(
-              k,
+            d.hasPerm("PUT:/api/v1/sys/menu/{id}") ? o(
+              w,
               {
                 size: "small",
                 quaternary: !0,
                 type: "primary",
                 onClick: () => {
-                  var l;
-                  return (l = M.value) == null ? void 0 : l.openEdit(e);
+                  var r;
+                  return (r = _.value) == null ? void 0 : r.openEdit(e);
                 }
               },
               () => n("common.edit")
             ) : null,
-            t.length ? a(
-              fe,
+            i.length ? o(
+              _e,
               {
                 trigger: "click",
-                options: t,
-                onSelect: (l) => {
-                  var o;
-                  return l === "addChild" ? (o = M.value) == null ? void 0 : o.openAdd(e.id) : te(e);
+                options: i,
+                onSelect: (r) => {
+                  var u;
+                  return r === "addChild" ? (u = _.value) == null ? void 0 : u.openAdd(e.id) : de(e);
                 }
               },
-              () => a(k, { size: "small", quaternary: !0 }, () => n("common.more"))
+              () => o(
+                w,
+                { size: "small", quaternary: !0, type: "primary", iconPlacement: "right" },
+                {
+                  default: () => n("common.more"),
+                  icon: () => o(c, { icon: "ph:caret-down", size: 12 })
+                }
+              )
             ) : null
           ];
         })
       }
     ];
-    return (e, t) => {
-      const l = re("auth");
-      return $(), ue("div", Te, [
-        u(r(ve), {
-          "default-page-size": 100,
-          columns: oe,
-          data: C.value,
-          loading: P.value,
+    return Re(W), (e, t) => {
+      const l = he("auth");
+      return G(), ye("div", He, [
+        v(s(Te), {
+          ref_key: "tableRef",
+          ref: F,
+          columns: W,
+          fetcher: ie,
+          loading: T.value,
           "row-key": "id",
           pagination: !1,
+          search: { container: "table" },
+          toolbar: s(Oe),
           "storage-key": "sys-menu",
           indent: 26,
-          "flex-height": "",
-          "virtual-scroll": "",
-          "min-row-height": 48,
-          "render-expand-icon": ne,
-          "expanded-row-keys": p.value,
-          "onUpdate:expandedRowKeys": t[3] || (t[3] = (o) => p.value = o)
+          "fill-height": "",
+          "min-row-height": s(Ne),
+          "render-expand-icon": ce,
+          "expanded-row-keys": m.value,
+          "onUpdate:expandedRowKeys": t[2] || (t[2] = (i) => m.value = i),
+          onLoaded: re
         }, {
-          toolbar: v(() => [
-            u(r(me), {
-              value: i.value,
-              "onUpdate:value": t[0] || (t[0] = (o) => i.value = o),
-              options: A.value,
+          toolbar: h(() => [
+            v(s(xe), {
+              value: a.value,
+              "onUpdate:value": t[0] || (t[0] = (i) => a.value = i),
+              options: N.value,
               style: { width: "200px" },
-              placeholder: r(n)("menu.module")
-            }, null, 8, ["value", "options", "placeholder"]),
-            u(r(pe), {
-              value: w.value,
-              "onUpdate:value": t[1] || (t[1] = (o) => w.value = o),
-              clearable: "",
-              placeholder: r(n)("menu.searchPlaceholder"),
-              style: { width: "220px" }
-            }, {
-              prefix: v(() => [
-                u(y, {
-                  icon: "ph:magnifying-glass",
-                  size: 16
-                })
-              ]),
-              _: 1
-            }, 8, ["value", "placeholder"]),
-            u(r(k), {
-              quaternary: "",
-              onClick: Y
+              placeholder: s(n)("menu.module")
+            }, null, 8, ["value", "options", "placeholder"])
+          ]),
+          "toolbar-right": h(() => [
+            v(s(w), {
+              secondary: "",
+              onClick: ae
             }, {
-              icon: v(() => [
-                u(y, {
+              icon: h(() => [
+                v(c, {
                   icon: z.value ? "ph:arrows-in-line-vertical" : "ph:arrows-out-line-vertical",
                   size: 16
                 }, null, 8, ["icon"])
               ]),
-              default: v(() => [
-                q(" " + F(z.value ? r(n)("common.collapseAll") : r(n)("common.expandAll")), 1)
+              default: h(() => [
+                K(" " + V(z.value ? s(n)("common.collapseAll") : s(n)("common.expandAll")), 1)
               ]),
               _: 1
             }),
-            se(($(), de(r(k), {
+            ge((G(), we(s(w), {
               type: "primary",
-              onClick: t[2] || (t[2] = (o) => {
-                var d;
-                return (d = M.value) == null ? void 0 : d.openAdd(0);
+              onClick: t[1] || (t[1] = (i) => {
+                var r;
+                return (r = _.value) == null ? void 0 : r.openAdd(0);
               })
             }, {
-              icon: v(() => [
-                u(y, {
+              icon: h(() => [
+                v(c, {
                   icon: "ph:plus",
                   size: 16
                 })
               ]),
-              default: v(() => [
-                q(" " + F(r(n)("common.add")), 1)
+              default: h(() => [
+                K(" " + V(s(n)("common.add")), 1)
               ]),
               _: 1
             })), [
@@ -363,29 +396,29 @@ const Te = { class: "view fill-page" }, b = 0, G = -1, Ve = /* @__PURE__ */ ae({
             ])
           ]),
           _: 1
-        }, 8, ["data", "loading", "expanded-row-keys"]),
-        u(we, {
+        }, 8, ["loading", "toolbar", "min-row-height", "expanded-row-keys"]),
+        v(ze, {
           ref_key: "menuFormRef",
-          ref: M,
+          ref: _,
           modules: g.value,
-          tree: h.value,
-          "filtered-tree": S.value,
-          "module-filter": i.value,
-          onSaved: D
+          tree: y.value,
+          "filtered-tree": D.value,
+          "module-filter": a.value,
+          onSaved: S
         }, null, 8, ["modules", "tree", "filtered-tree", "module-filter"]),
-        u(ge, {
+        v(Ce, {
           ref_key: "buttonMgrRef",
-          ref: U,
-          tree: h.value,
+          ref: H,
+          tree: y.value,
           routes: B.value,
-          "app-prefix": Z.value,
-          onChanged: D
+          "app-prefix": se.value,
+          onChanged: S
         }, null, 8, ["tree", "routes", "app-prefix"])
       ]);
     };
   }
 });
 export {
-  Ve as default
+  dt as default
 };
 //# sourceMappingURL=index2.vue.js.map