smart-admin-web 10.20.1 → 10.21.0

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

@@ -1,89 +1,93 @@
-import { defineComponent as ye, ref as m, shallowRef as x, onMounted as be, h as f, reactive as j, computed as K, resolveDirective as ge, openBlock as g, createElementBlock as J, Fragment as we, createVNode as a, unref as o, withCtx as s, withDirectives as Q, createBlock as D, createTextVNode as X, toDisplayString as w, createCommentVNode as k, createElementVNode as ke } from "vue";
-import { useMessage as Se, NSpace as Ue, NButton as S, NDropdown as Te, NForm as Y, NFormItem as v, NInput as M, NInputNumber as Ae, NSwitch as Z, NSelect as Ce } from "naive-ui";
-import { useI18n as De } from "vue-i18n";
-import { SmartTable as Ie } from "smart-naive-table";
-import ee from "../../../components/AppIcon.vue.js";
-import le from "../../../components/FormContainer/index.vue.js";
+import { defineComponent as ke, ref as d, shallowRef as I, onMounted as Se, h as f, reactive as X, computed as Y, resolveDirective as Ue, openBlock as w, createElementBlock as Z, Fragment as Te, createVNode as a, unref as o, withCtx as s, withDirectives as ee, createBlock as N, createTextVNode as le, toDisplayString as U, createCommentVNode as T, createElementVNode as Oe } from "vue";
+import { useMessage as Ae, NSpace as Ce, NButton as O, NDropdown as De, NForm as te, NFormItem as v, NInput as E, NInputNumber as Ie, NSwitch as oe, NSelect as Ne } from "naive-ui";
+import { useI18n as Re } from "vue-i18n";
+import { SmartTable as _e } from "smart-naive-table";
+import re from "../../../components/AppIcon.vue.js";
+import ae from "../../../components/FormContainer/index.vue.js";
 /* empty css                                           */
-import Oe from "../../../components/StatusSwitch/index.vue.js";
-import Ne from "../../../components/OrgTreeSelect/index.vue.js";
-import _e from "../../../components/UserPicker/index.vue.js";
-import Pe from "./components/GrantMenuSheet.vue.js";
-import { useConfirm as Re } from "../../../composables/useConfirm.js";
-import { useBatchDelete as xe } from "../../../composables/useBatchDelete.js";
-import { moduleApi as Me, roleApi as d, menuApi as Ee, userApi as ze } from "../../../api/index.js";
-import { useAuthStore as Be } from "../../../stores/auth.js";
+import Pe from "../../../components/StatusSwitch/index.vue.js";
+import Me from "../../../components/OrgTreeSelect/index.vue.js";
+import xe from "../../../components/UserPicker/index.vue.js";
+import Ee from "./components/GrantMenuSheet.vue.js";
+import { grantScopeForRole as Be, isBuiltinRole as ze } from "./components/grantMenuGroups.js";
+import { useConfirm as qe } from "../../../composables/useConfirm.js";
+import { useBatchDelete as Fe } from "../../../composables/useBatchDelete.js";
+import { moduleApi as He, roleApi as m, menuApi as Ge, userApi as Le } from "../../../api/index.js";
+import { useAuthStore as Ve } from "../../../stores/auth.js";
 import { translateError as h } from "../../../utils/error.js";
-import { SEARCH_ACTIONS as qe, deriveHeaderFilters as He } from "../../../utils/tableFilter.js";
-import { TABLE_MIN_ROW_HEIGHT as Fe, TABLE_TOOLBAR as Ge } from "../../../utils/tableToolbar.js";
-import Le from "../../../components/TableTotal/index.vue.js";
+import { SEARCH_ACTIONS as $e, deriveHeaderFilters as We } from "../../../utils/tableFilter.js";
+import { TABLE_MIN_ROW_HEIGHT as je, TABLE_TOOLBAR as Ke } from "../../../utils/tableToolbar.js";
+import Je from "../../../components/TableTotal/index.vue.js";
 import { DataScopeType as y } from "../../../types/api.js";
-const Ve = { class: "form-hint" }, $e = {
+const Qe = { class: "form-hint" }, Xe = {
   key: 0,
   class: "scope-who"
-}, te = 0, pl = /* @__PURE__ */ ye({
+}, B = 0, wl = /* @__PURE__ */ ke({
   __name: "index",
-  setup(We) {
-    const { t } = De(), c = Se(), { confirm: oe } = Re(), i = Be(), U = m(), I = x([]);
-    be(async () => {
+  setup(Ye) {
+    const { t } = Re(), c = Ae(), { confirm: ne } = qe(), i = Ve(), A = d(), z = I([]);
+    Se(async () => {
       try {
-        I.value = await Me.list();
+        z.value = await He.list();
       } catch {
       }
     });
-    async function E(l) {
+    async function q(l) {
       try {
-        const { total: e } = await ze.page({ page: 1, pageSize: 1, roleId: l });
+        const { total: e } = await Le.page({ page: 1, pageSize: 1, roleId: l });
         return e;
       } catch {
         return null;
       }
     }
-    const { checkedKeys: z, run: re } = xe({
-      remove: d.batchRemove,
+    const { checkedKeys: F, run: se } = Fe({
+      remove: m.batchRemove,
       refresh: () => {
         var l;
-        return (l = U.value) == null ? void 0 : l.refresh();
+        return (l = A.value) == null ? void 0 : l.refresh();
       },
       successMsg: t("role.deleted"),
       content: async (l) => {
-        const e = await Promise.all(l.map(E));
+        const e = await Promise.all(l.map(q));
         if (e.some((r) => r === null)) return t("common.batchDeleteConfirm", { count: l.length });
-        const n = e.reduce((r, C) => r + C, 0);
+        const n = e.reduce((r, g) => r + g, 0);
         return n === 0 ? t("common.batchDeleteConfirm", { count: l.length }) : t("role.batchDeleteWithUsers", { count: l.length, users: n });
       }
     });
-    async function ae(l) {
-      var C;
-      const e = await E(l.id), n = e === null ? t("role.deleteConfirm", { name: l.name }) : e === 0 ? t("role.deleteConfirmNoUsers", { name: l.name }) : t("role.deleteConfirmWithUsers", { name: l.name, count: e });
-      await oe({
+    async function ue(l) {
+      var g;
+      const e = await q(l.id), n = e === null ? t("role.deleteConfirm", { name: l.name }) : e === 0 ? t("role.deleteConfirmNoUsers", { name: l.name }) : t("role.deleteConfirmWithUsers", { name: l.name, count: e });
+      await ne({
         content: n,
         type: "error",
-        action: () => d.remove(l.id),
+        action: () => m.remove(l.id),
         successMsg: t("role.deleted")
-      }) && ((C = U.value) == null || C.refresh());
+      }) && ((g = A.value) == null || g.refresh());
     }
-    const B = (l) => ({
+    const H = (l) => ({
       name: l.name,
       code: l.code,
       sort: l.sort,
       enabled: l.enabled,
       remark: l.remark ?? "",
       isDelegatable: l.isDelegatable ?? !1
-    }), q = [
+    }), G = [
       { type: "selection" },
       { type: "index", title: () => t("common.rowNo"), width: 64, align: "center" },
       {
         key: "code",
+        width: 180,
+        ellipsis: { tooltip: !0 },
         title: () => t("role.code"),
         render: (l) => f("span", { class: "mono muted" }, l.code)
       },
       {
         key: "name",
+        ellipsis: { tooltip: !0 },
         title: () => t("role.name"),
         card: "title",
         // 窄档卡片以角色名称为标题,编码作为字段
-        search: { actions: qe.fuzzy }
+        search: { actions: $e.fuzzy }
       },
       {
         key: "sort",
@@ -95,10 +99,10 @@ const Ve = { class: "form-hint" }, $e = {
         key: "enabled",
         title: () => t("common.status"),
         width: 90,
-        render: (l) => f(Oe, {
+        render: (l) => f(Pe, {
           value: l.enabled,
           disabled: !i.isSuperAdmin || !i.hasPerm("PUT:/api/v1/sys/role/{id}"),
-          request: (e) => d.update(l.id, { ...B(l), enabled: e }),
+          request: (e) => m.update(l.id, { ...H(l), enabled: e }),
           "onUpdate:value": (e) => {
             l.enabled = e;
           }
@@ -122,33 +126,33 @@ const Ve = { class: "form-hint" }, $e = {
             i.isSuperAdmin && i.hasPerm("PUT:/api/v1/sys/role/datascope") ? { label: t("role.dataScope"), key: "scope" } : null,
             i.hasPerm("PUT:/api/v1/sys/role/users") ? { label: t("role.grantUsers"), key: "users" } : null
           ].filter((n) => n !== null);
-          return f(Ue, { size: 4, wrapItem: !1 }, () => [
+          return f(Ce, { size: 4, wrapItem: !1 }, () => [
             i.isSuperAdmin && i.hasPerm("PUT:/api/v1/sys/role/{id}") ? f(
-              S,
-              { size: "small", quaternary: !0, type: "primary", onClick: () => ue(l) },
+              O,
+              { size: "small", quaternary: !0, type: "primary", onClick: () => de(l) },
               () => t("common.edit")
             ) : null,
             i.isSuperAdmin && i.hasPerm("DELETE:/api/v1/sys/role/{id}") ? f(
-              S,
-              { size: "small", quaternary: !0, type: "error", onClick: () => ae(l) },
+              O,
+              { size: "small", quaternary: !0, type: "error", onClick: () => ue(l) },
               () => t("common.delete")
             ) : null,
             e.length ? f(
-              Te,
+              De,
               {
                 options: e,
                 onSelect: (n) => {
-                  n === "menus" ? ce(l) : n === "scope" ? ve(l) : de(l);
+                  n === "menus" ? pe(l) : n === "scope" ? be(l) : ve(l);
                 }
               },
-              () => f(S, { size: "small", quaternary: !0 }, () => t("common.more"))
+              () => f(O, { size: "small", quaternary: !0 }, () => t("common.more"))
             ) : null
           ]);
         }
       }
     ];
-    He(q);
-    const T = m(!1), H = m(null), b = m(null), ne = {
+    We(G);
+    const C = d(!1), L = d(null), b = d(null), ie = {
       code: {
         required: !0,
         whitespace: !0,
@@ -161,175 +165,177 @@ const Ve = { class: "form-hint" }, $e = {
         message: () => t("role.nameRequired"),
         trigger: ["input", "blur"]
       }
-    }, F = () => ({
+    }, V = () => ({
       name: "",
       code: "",
       sort: 0,
       enabled: !0,
       remark: "",
       isDelegatable: !1
-    }), u = j(F());
-    function se() {
-      b.value = null, Object.assign(u, F()), T.value = !0;
+    }), u = X(V());
+    function ce() {
+      b.value = null, Object.assign(u, V()), C.value = !0;
     }
-    function ue(l) {
-      b.value = l.id, Object.assign(u, B(l)), T.value = !0;
+    function de(l) {
+      b.value = l.id, Object.assign(u, H(l)), C.value = !0;
     }
-    async function ie() {
+    async function me() {
       var l, e;
-      await ((l = H.value) == null ? void 0 : l.validate());
+      await ((l = L.value) == null ? void 0 : l.validate());
       try {
-        b.value === null ? await d.add({ ...u }) : await d.update(b.value, { ...u }), c.success(t("role.saved")), await ((e = U.value) == null ? void 0 : e.refresh());
+        b.value === null ? await m.add({ ...u }) : await m.update(b.value, { ...u }), c.success(t("role.saved")), await ((e = A.value) == null ? void 0 : e.refresh());
       } catch (n) {
         return c.error(h(n)), !1;
       }
     }
-    const O = m(!1), G = x([]), L = x([]), N = m(null), V = m(te);
-    async function ce(l) {
-      var e;
+    const R = d(!1), $ = I([]), W = I([]), k = d(null), j = d(B), S = I([]);
+    async function pe(l) {
+      var e, n;
       try {
-        const [n, r] = await Promise.all([Ee.tree(), d.getMenus(l.id)]);
-        N.value = l, G.value = n, L.value = r, V.value = i.currentModuleId ?? ((e = I.value[0]) == null ? void 0 : e.id) ?? te, O.value = !0;
-      } catch (n) {
-        c.error(h(n));
+        const [r, g] = await Promise.all([Ge.tree(), m.getMenus(l.id)]), x = Be(l, r, z.value, g);
+        k.value = l, $.value = x.tree, S.value = x.modules, W.value = x.granted;
+        const Q = i.currentModuleId ?? ((e = S.value[0]) == null ? void 0 : e.id) ?? B;
+        j.value = S.value.some((we) => we.id === Q) ? Q : ((n = S.value[0]) == null ? void 0 : n.id) ?? B, R.value = !0;
+      } catch (r) {
+        c.error(h(r));
       }
     }
-    async function me(l) {
-      if (N.value !== null)
+    async function fe(l) {
+      if (k.value !== null)
         try {
-          await d.setMenus(N.value.id, l), c.success(t("role.grantSaved"));
+          await m.setMenus(k.value.id, l), c.success(t("role.grantSaved"));
         } catch (e) {
           return c.error(h(e)), !1;
         }
     }
-    const $ = m(null), _ = m(null);
-    async function de(l) {
+    const K = d(null), _ = d(null);
+    async function ve(l) {
       var e;
       _.value = l.id;
       try {
-        const n = await d.getUsers(l.id);
-        (e = $.value) == null || e.open(n);
+        const n = await m.getUsers(l.id);
+        (e = K.value) == null || e.open(n);
       } catch (n) {
         c.error(h(n));
       }
     }
-    async function pe(l) {
+    async function he(l) {
       if (_.value !== null)
         try {
-          await d.setUsers(_.value, l), c.success(t("role.grantUsersSaved"));
+          await m.setUsers(_.value, l), c.success(t("role.grantUsersSaved"));
         } catch (e) {
           c.error(h(e));
         }
     }
-    const P = m(!1), R = m(null), A = m(null), p = j({
+    const P = d(!1), M = d(null), D = d(null), p = X({
       scopeType: y.Org,
       customOrgIds: []
-    }), W = K(() => p.scopeType === y.Custom), fe = K(() => [
+    }), J = Y(() => p.scopeType === y.Custom), ye = Y(() => [
       { label: t("role.scope.all"), value: y.All },
       { label: t("role.scope.org"), value: y.Org },
       { label: t("role.scope.orgAndChildren"), value: y.OrgAndChildren },
       { label: t("role.scope.self"), value: y.Self },
       { label: t("role.scope.custom"), value: y.Custom }
     ]);
-    async function ve(l) {
-      R.value = l.id, A.value = l;
+    async function be(l) {
+      M.value = l.id, D.value = l;
       try {
-        const e = await d.getDataScope(l.id);
+        const e = await m.getDataScope(l.id);
         p.scopeType = (e == null ? void 0 : e.scopeType) ?? y.Org, p.customOrgIds = e != null && e.customOrgIds ? e.customOrgIds.split(",").filter(Boolean).map(Number) : [], P.value = !0;
       } catch (e) {
         c.error(h(e));
       }
     }
-    async function he() {
-      if (R.value !== null)
+    async function ge() {
+      if (M.value !== null)
         try {
-          await d.setDataScope(
-            R.value,
+          await m.setDataScope(
+            M.value,
             p.scopeType,
-            W.value ? p.customOrgIds : void 0
+            J.value ? p.customOrgIds : void 0
           ), c.success(t("role.scopeSaved"));
         } catch (l) {
           return c.error(h(l)), !1;
         }
     }
     return (l, e) => {
-      const n = ge("auth");
-      return g(), J(we, null, [
-        a(o(Ie), {
-          toolbar: o(Ge),
+      const n = Ue("auth");
+      return w(), Z(Te, null, [
+        a(o(_e), {
+          toolbar: o(Ke),
           ref_key: "tableRef",
-          ref: U,
-          columns: q,
-          fetcher: o(d).page,
+          ref: A,
+          columns: G,
+          fetcher: o(m).page,
           search: { container: "table" },
           "fill-height": "",
-          "min-row-height": o(Fe),
+          "min-row-height": o(je),
           "card-on-narrow": "",
           "storage-key": "sys-role",
-          "checked-row-keys": o(z),
-          "onUpdate:checkedRowKeys": e[0] || (e[0] = (r) => z.value = r),
+          "checked-row-keys": o(F),
+          "onUpdate:checkedRowKeys": e[0] || (e[0] = (r) => F.value = r),
           onError: e[1] || (e[1] = (r) => o(c).error(o(h)(r)))
         }, {
           "pagination-prefix": s(({ itemCount: r }) => [
-            a(Le, { count: r }, null, 8, ["count"])
+            a(Je, { count: r }, null, 8, ["count"])
           ]),
           "toolbar-right": s(() => [
-            o(i).isSuperAdmin ? Q((g(), D(o(S), {
+            o(i).isSuperAdmin ? ee((w(), N(o(O), {
               key: 0,
               type: "primary",
-              onClick: se
+              onClick: ce
             }, {
               icon: s(() => [
-                a(ee, {
+                a(re, {
                   icon: "ph:plus",
                   size: 16
                 })
               ]),
               default: s(() => [
-                X(" " + w(o(t)("common.add")), 1)
+                le(" " + U(o(t)("common.add")), 1)
               ]),
               _: 1
             })), [
               [n, "POST:/api/v1/sys/role/add"]
-            ]) : k("", !0)
+            ]) : T("", !0)
           ]),
           batch: s(() => [
-            o(i).isSuperAdmin ? Q((g(), D(o(S), {
+            o(i).isSuperAdmin ? ee((w(), N(o(O), {
               key: 0,
               secondary: "",
               type: "error",
-              onClick: o(re)
+              onClick: o(se)
             }, {
               icon: s(() => [
-                a(ee, {
+                a(re, {
                   icon: "ph:trash",
                   size: 16
                 })
               ]),
               default: s(() => [
-                X(" " + w(o(t)("common.batchDelete")), 1)
+                le(" " + U(o(t)("common.batchDelete")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])), [
               [n, "POST:/api/v1/sys/role/batch-delete"]
-            ]) : k("", !0)
+            ]) : T("", !0)
           ]),
           _: 1
         }, 8, ["toolbar", "fetcher", "min-row-height", "checked-row-keys"]),
-        a(le, {
-          show: T.value,
-          "onUpdate:show": e[8] || (e[8] = (r) => T.value = r),
+        a(ae, {
+          show: C.value,
+          "onUpdate:show": e[8] || (e[8] = (r) => C.value = r),
           title: b.value === null ? o(t)("role.addTitle") : o(t)("role.editTitle"),
           width: 480,
-          "on-confirm": ie,
+          "on-confirm": me,
           "confirm-text": o(t)("common.save")
         }, {
           default: s(() => [
-            a(o(Y), {
+            a(o(te), {
               ref_key: "formRef",
-              ref: H,
+              ref: L,
               model: u,
-              rules: ne,
+              rules: ie,
               "label-placement": "left",
               "label-width": 80
             }, {
@@ -339,7 +345,7 @@ const Ve = { class: "form-hint" }, $e = {
                   path: "code"
                 }, {
                   default: s(() => [
-                    a(o(M), {
+                    a(o(E), {
                       value: u.code,
                       "onUpdate:value": e[2] || (e[2] = (r) => u.code = r),
                       placeholder: o(t)("role.code"),
@@ -353,7 +359,7 @@ const Ve = { class: "form-hint" }, $e = {
                   path: "name"
                 }, {
                   default: s(() => [
-                    a(o(M), {
+                    a(o(E), {
                       value: u.name,
                       "onUpdate:value": e[3] || (e[3] = (r) => u.name = r),
                       placeholder: o(t)("role.name")
@@ -365,7 +371,7 @@ const Ve = { class: "form-hint" }, $e = {
                   label: o(t)("role.sort")
                 }, {
                   default: s(() => [
-                    a(o(Ae), {
+                    a(o(Ie), {
                       value: u.sort,
                       "onUpdate:value": e[4] || (e[4] = (r) => u.sort = r),
                       min: 0,
@@ -378,7 +384,7 @@ const Ve = { class: "form-hint" }, $e = {
                   label: o(t)("role.remark")
                 }, {
                   default: s(() => [
-                    a(o(M), {
+                    a(o(E), {
                       value: u.remark,
                       "onUpdate:value": e[5] || (e[5] = (r) => u.remark = r),
                       type: "textarea",
@@ -392,59 +398,60 @@ const Ve = { class: "form-hint" }, $e = {
                   label: o(t)("common.status")
                 }, {
                   default: s(() => [
-                    a(o(Z), {
+                    a(o(oe), {
                       value: u.enabled,
                       "onUpdate:value": e[6] || (e[6] = (r) => u.enabled = r)
                     }, null, 8, ["value"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                o(i).isSuperAdmin ? (g(), D(o(v), {
+                o(i).isSuperAdmin ? (w(), N(o(v), {
                   key: 0,
                   label: o(t)("role.isDelegatable")
                 }, {
                   feedback: s(() => [
-                    ke("span", Ve, w(o(t)("role.isDelegatableHint")), 1)
+                    Oe("span", Qe, U(o(t)("role.isDelegatableHint")), 1)
                   ]),
                   default: s(() => [
-                    a(o(Z), {
+                    a(o(oe), {
                       value: u.isDelegatable,
                       "onUpdate:value": e[7] || (e[7] = (r) => u.isDelegatable = r)
                     }, null, 8, ["value"])
                   ]),
                   _: 1
-                }, 8, ["label"])) : k("", !0)
+                }, 8, ["label"])) : T("", !0)
               ]),
               _: 1
             }, 8, ["model"])
           ]),
           _: 1
         }, 8, ["show", "title", "confirm-text"]),
-        a(Pe, {
-          show: O.value,
-          "onUpdate:show": e[9] || (e[9] = (r) => O.value = r),
-          tree: G.value,
-          granted: L.value,
-          modules: I.value,
-          "default-module-id": V.value,
-          "on-save": me
-        }, null, 8, ["show", "tree", "granted", "modules", "default-module-id"]),
-        a(_e, {
+        a(Ee, {
+          show: R.value,
+          "onUpdate:show": e[9] || (e[9] = (r) => R.value = r),
+          tree: $.value,
+          granted: W.value,
+          modules: S.value,
+          "default-module-id": j.value,
+          hint: k.value && !o(ze)(k.value) ? o(t)("role.systemMenusBuiltinOnly") : void 0,
+          "on-save": fe
+        }, null, 8, ["show", "tree", "granted", "modules", "default-module-id", "hint"]),
+        a(xe, {
           ref_key: "userPickerRef",
-          ref: $,
-          onConfirm: pe
+          ref: K,
+          onConfirm: he
         }, null, 512),
-        a(le, {
+        a(ae, {
           show: P.value,
           "onUpdate:show": e[12] || (e[12] = (r) => P.value = r),
           title: o(t)("role.dataScope"),
           width: 480,
-          "on-confirm": he,
+          "on-confirm": ge,
           "confirm-text": o(t)("common.save")
         }, {
           default: s(() => [
-            A.value ? (g(), J("div", $e, w(A.value.name) + " · " + w(A.value.code), 1)) : k("", !0),
-            a(o(Y), {
+            D.value ? (w(), Z("div", Xe, U(D.value.name) + " · " + U(D.value.code), 1)) : T("", !0),
+            a(o(te), {
               model: p,
               "label-placement": "left",
               "label-width": 90
@@ -454,20 +461,20 @@ const Ve = { class: "form-hint" }, $e = {
                   label: o(t)("role.scopeType")
                 }, {
                   default: s(() => [
-                    a(o(Ce), {
+                    a(o(Ne), {
                       value: p.scopeType,
                       "onUpdate:value": e[10] || (e[10] = (r) => p.scopeType = r),
-                      options: fe.value
+                      options: ye.value
                     }, null, 8, ["value", "options"])
                   ]),
                   _: 1
                 }, 8, ["label"]),
-                W.value ? (g(), D(o(v), {
+                J.value ? (w(), N(o(v), {
                   key: 0,
                   label: o(t)("role.customOrgs")
                 }, {
                   default: s(() => [
-                    a(Ne, {
+                    a(Me, {
                       value: p.customOrgIds,
                       "onUpdate:value": e[11] || (e[11] = (r) => p.customOrgIds = r),
                       multiple: "",
@@ -475,7 +482,7 @@ const Ve = { class: "form-hint" }, $e = {
                     }, null, 8, ["value", "placeholder"])
                   ]),
                   _: 1
-                }, 8, ["label"])) : k("", !0)
+                }, 8, ["label"])) : T("", !0)
               ]),
               _: 1
             }, 8, ["model"])
@@ -487,6 +494,6 @@ const Ve = { class: "form-hint" }, $e = {
   }
 });
 export {
-  pl as default
+  wl as default
 };
 //# sourceMappingURL=index2.vue.js.map