smart-admin-web 10.20.1 → 10.22.0

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

@@ -1,330 +1,365 @@
-import { defineComponent as Ee, ref as n, computed as f, watch as F, onMounted as Ne, h as d, resolveDirective as Se, openBlock as x, createElementBlock as oe, Fragment as Te, createVNode as l, unref as a, withCtx as i, createElementVNode as h, createBlock as B, createTextVNode as P, toDisplayString as E, createCommentVNode as ae, normalizeClass as Ae, createSlots as Ce, withDirectives as le } from "vue";
-import { useElementSize as Pe, createReusableTemplate as Ie } from "@vueuse/core";
-import { useRoute as Oe } from "vue-router";
-import { useMessage as _e, NAvatar as ze, NTag as Me, NSpace as Re, NButton as w, NPopconfirm as De, NDropdown as Ue, NTooltip as Fe, NInput as Be, NSpin as Le, NTree as qe, NDrawer as $e, NDrawerContent as Ke } from "naive-ui";
-import { useI18n as He } from "vue-i18n";
-import { SmartTable as Ve } from "smart-naive-table";
-import v from "../../../components/AppIcon.vue.js";
-import Ge from "../../../components/StatusSwitch/index.vue.js";
-import We from "../../../components/DictTag/index.vue.js";
-import je from "../../../components/ImportWizard/index.vue.js";
-import Je from "../../../components/ExportColumnsModal/index.vue.js";
-import Qe from "./components/UserFormModal.vue.js";
-import Xe from "./components/ResetPasswordModal.vue.js";
-import { useConfirm as Ye } from "../../../composables/useConfirm.js";
-import { useBatchDelete as Ze } from "../../../composables/useBatchDelete.js";
-import { userApi as m, positionApi as er, roleApi as rr, orgApi as tr, mfaApi as or } from "../../../api/index.js";
-import { useAuthStore as ar } from "../../../stores/auth.js";
-import { translateError as se } from "../../../utils/error.js";
-import { presetEqualFilter as lr, SEARCH_ACTIONS as L, deriveHeaderFilters as sr, flatSearchOf as nr } from "../../../utils/tableFilter.js";
-import { TABLE_TOOLBAR as ir, TABLE_MIN_ROW_HEIGHT as ur } from "../../../utils/tableToolbar.js";
-import dr from "../../../components/TableTotal/index.vue.js";
-import { triggerBlobDownload as mr } from "../../../utils/download.js";
-import { buildTree as pr, expandableIds as cr } from "../../../utils/tree.js";
-const fr = { class: "side-filter__head" }, vr = { class: "side-filter__actions" }, yr = { class: "side-row__label" }, gr = {
+import { defineComponent as Fe, ref as n, computed as p, watch as pe, onMounted as Le, h as d, resolveDirective as Ge, openBlock as y, createElementBlock as j, Fragment as Be, createVNode as s, unref as a, withCtx as i, createElementVNode as g, toDisplayString as b, createCommentVNode as T, createBlock as N, createTextVNode as P, normalizeClass as J, createSlots as $e, withDirectives as ce } from "vue";
+import { useElementSize as Ke, useStorage as qe, createReusableTemplate as He } from "@vueuse/core";
+import { useRoute as Ve } from "vue-router";
+import { useMessage as We, NAvatar as je, NTag as Je, NSpace as Qe, NButton as k, NPopconfirm as Xe, NDropdown as Ye, NTooltip as me, NInput as Ze, NSpin as et, NTree as tt, NDrawer as rt, NDrawerContent as ot } from "naive-ui";
+import { useI18n as at } from "vue-i18n";
+import { SmartTable as lt } from "smart-naive-table";
+import m from "../../../components/AppIcon.vue.js";
+import st from "../../../components/StatusSwitch/index.vue.js";
+import nt from "../../../components/DictTag/index.vue.js";
+import it from "../../../components/ImportWizard/index.vue.js";
+import ut from "../../../components/ExportColumnsModal/index.vue.js";
+import dt from "./components/UserFormModal.vue.js";
+import pt from "./components/ResetPasswordModal.vue.js";
+import ct from "./components/UserGrantMenuSheet.vue.js";
+import mt from "./components/UserGrantOverviewDrawer2.vue.js";
+import { useConfirm as ft } from "../../../composables/useConfirm.js";
+import { useBatchDelete as vt } from "../../../composables/useBatchDelete.js";
+import { userApi as c, positionApi as gt, roleApi as ht, orgApi as yt, mfaApi as wt } from "../../../api/index.js";
+import { useAuthStore as bt } from "../../../stores/auth.js";
+import { useUserStore as kt } from "../../../stores/user.js";
+import { translateError as fe } from "../../../utils/error.js";
+import { presetEqualFilter as St, SEARCH_ACTIONS as Q, deriveHeaderFilters as xt, flatSearchOf as _t } from "../../../utils/tableFilter.js";
+import { TABLE_TOOLBAR as Et, TABLE_MIN_ROW_HEIGHT as Ot } from "../../../utils/tableToolbar.js";
+import Tt from "../../../components/TableTotal/index.vue.js";
+import { triggerBlobDownload as Nt } from "../../../utils/download.js";
+import { buildTree as Pt, expandableIds as It, rootExpandableIds as Ct } from "../../../utils/tree.js";
+const At = { class: "side-filter__head" }, Rt = {
   key: 0,
-  class: "side-filter"
-}, hr = { class: "org-drawer-body" }, wr = 1e3, Hr = /* @__PURE__ */ Ee({
+  class: "side-filter__title"
+}, zt = { class: "side-filter__actions" }, Mt = ["aria-label"], Ut = ["aria-label"], Dt = { class: "side-row__label" }, Ft = ["inert"], Lt = { class: "org-drawer-body" }, Gt = 1e3, Bt = 15, vr = /* @__PURE__ */ Fe({
   __name: "index",
-  setup(br) {
-    const { t } = He(), I = _e(), { run: ne, confirm: ie } = Ye(), y = ar(), p = n(), { checkedKeys: q, run: ue } = Ze({
-      remove: m.batchRemove,
+  setup($t) {
+    const { t: r } = at(), M = We(), { run: ve, confirm: ge } = ft(), f = bt(), v = n(), { checkedKeys: X, run: he } = vt({
+      remove: c.batchRemove,
       refresh: () => {
         var e;
-        return (e = p.value) == null ? void 0 : e.refresh();
+        return (e = v.value) == null ? void 0 : e.refresh();
       },
-      successMsg: t("user.deleted")
-    }), O = n(null), _ = n(null), N = n(!1);
-    async function de(e) {
-      var r;
-      N.value = !0;
+      successMsg: r("user.deleted")
+    }), U = n(null), D = n(null), F = n(null), ye = kt(), we = p(() => {
+      var e;
+      return (e = ye.userInfo) == null ? void 0 : e.userId;
+    }), I = n(!1);
+    async function be(e) {
+      var t;
+      I.value = !0;
       try {
-        await ie({
-          content: t("user.clearMfaConfirm", { name: e.name }),
-          action: () => or.clear({ userId: e.id }),
-          successMsg: t("user.mfaCleared")
-        }) && ((r = p.value) == null || r.refresh());
+        await ge({
+          content: r("user.clearMfaConfirm", { name: e.name }),
+          action: () => wt.clear({ userId: e.id }),
+          successMsg: r("user.mfaCleared")
+        }) && ((t = v.value) == null || t.refresh());
       } finally {
-        N.value = !1;
+        I.value = !1;
       }
     }
-    const $ = n([]), z = n([]), K = n([]), S = n([]), H = n(!0), V = f(() => pr(S.value)), c = n(null), G = f(
-      () => c.value == null ? {} : { orgId: c.value }
+    const Y = n([]), L = n([]), Z = n([]), S = n([]), ee = n(!0), G = p(() => Pt(S.value)), h = n(null), te = p(
+      () => h.value == null ? {} : { orgId: h.value }
     );
-    function me(e) {
-      Q(e.length ? Number(e[0]) : null);
+    function ke(e) {
+      ae(e.length ? Number(e[0]) : null);
+    }
+    const re = n(), { width: oe } = Ke(re), x = p(() => oe.value > 0 && oe.value < Gt), C = n(!1), _ = qe("sa-user-org-panel-hidden", !1);
+    function ae(e) {
+      h.value = e, C.value = !1;
     }
-    const W = n(), { width: j } = Pe(W), J = f(() => j.value > 0 && j.value < wr), T = n(!1);
-    function Q(e) {
-      c.value = e, T.value = !1;
+    function Se() {
+      x.value ? C.value = !0 : _.value = !1;
     }
-    const [pe, X] = Ie(), ce = f(
+    const [xe, le] = He(), _e = p(
       () => {
         var e;
-        return ((e = S.value.find((r) => r.id === c.value)) == null ? void 0 : e.name) ?? t("user.orgFilter");
+        return ((e = S.value.find((t) => t.id === h.value)) == null ? void 0 : e.name) ?? r("user.orgFilter");
       }
-    ), M = n("");
-    function fe(e, r) {
+    ), Ee = p(() => S.value.length > Bt), B = n(""), Oe = () => d(m, { icon: "ph:caret-right", size: 12 });
+    function Te(e, t) {
       const u = e.trim().toLowerCase();
       if (!u) return !0;
-      const o = r;
+      const o = t;
       return o.name.toLowerCase().includes(u) || (o.code ?? "").toLowerCase().includes(u);
     }
-    const g = n([]), b = f(() => cr(V.value)), A = f(
-      () => b.value.length > 0 && g.value.length >= b.value.length
+    const w = n([]), A = p(() => It(G.value)), $ = p(() => Ct(G.value)), K = p(
+      () => A.value.length > 0 && w.value.length >= A.value.length
+    ), Ne = p(
+      () => A.value.length > $.value.length
+    ), se = p(
+      () => K.value ? r("user.collapseToFirstLevel") : r("common.expandAll")
     );
-    function ve() {
-      g.value = A.value ? [] : [...b.value];
+    function Pe() {
+      w.value = K.value ? [...$.value] : [...A.value];
     }
-    F(b, (e) => g.value = e, { immediate: !0 }), F(c, (e) => {
-      var s;
+    pe(h, (e) => {
+      var l;
       if (e == null) return;
-      const r = new Map(S.value.map((te) => [te.id, te])), u = new Set(g.value);
-      let o = ((s = r.get(e)) == null ? void 0 : s.parentId) ?? 0;
-      for (; o && r.has(o); )
-        u.add(o), o = r.get(o).parentId;
-      g.value = [...u];
-    }), Ne(async () => {
+      const t = new Map(S.value.map((O) => [O.id, O])), u = new Set(w.value);
+      let o = ((l = t.get(e)) == null ? void 0 : l.parentId) ?? 0;
+      for (; o && t.has(o); )
+        u.add(o), o = t.get(o).parentId;
+      w.value = [...u];
+    }), Le(async () => {
       try {
-        const { items: e } = await er.page({ page: 1, pageSize: 200 });
-        $.value = e.map((r) => ({ label: r.name, value: r.id }));
+        const { items: e } = await gt.page({ page: 1, pageSize: 200 });
+        Y.value = e.map((t) => ({ label: t.name, value: t.id }));
       } catch {
       }
       try {
-        const { items: e } = await rr.page({ page: 1, pageSize: 200 });
-        z.value = e.map((r) => ({ label: r.name, value: r.id }));
+        const { items: e } = await ht.page({ page: 1, pageSize: 200 });
+        L.value = e.map((t) => ({ label: t.name, value: t.id }));
       } catch {
       }
       try {
-        const { items: e } = await m.page({ page: 1, pageSize: 200 });
-        K.value = e.map((r) => ({ label: `${r.name}(${r.account})`, value: r.id }));
+        const { items: e } = await c.page({ page: 1, pageSize: 200 });
+        Z.value = e.map((t) => ({ label: `${t.name}(${t.account})`, value: t.id }));
       } catch {
       }
       try {
-        S.value = await tr.list();
+        S.value = await yt.list(), w.value = [...$.value];
       } catch {
       } finally {
-        H.value = !1;
+        ee.value = !1;
       }
     });
-    const Y = Oe();
-    F(
-      [p, () => Y.query.roleId],
-      ([e, r]) => {
-        e && Y.path === "/system/user" && lr(e, "roleId", r == null ? void 0 : Number(r));
+    const ne = Ve();
+    pe(
+      [v, () => ne.query.roleId],
+      ([e, t]) => {
+        e && ne.path === "/system/user" && St(e, "roleId", t == null ? void 0 : Number(t));
       },
       { immediate: !0 }
     );
-    const Z = (e) => (e || "?").slice(0, 1), R = n(!1), C = n(!1), D = n(!1), ye = f(
+    const ie = (e) => (e || "?").slice(0, 1), q = n(!1), R = n(!1), H = n(!1), z = n(!1), ue = n(null);
+    function Ie() {
+      var e, t;
+      (e = v.value) == null || e.refresh(), z.value && ((t = ue.value) == null || t.refresh());
+    }
+    const Ce = p(
       () => [
-        y.hasPerm("POST:/api/v1/sys/user/import/preview") ? { label: t("import.button"), key: "import" } : null,
-        y.hasPerm("GET:/api/v1/sys/user/export") ? { label: t("export.button"), key: "export" } : null
+        f.hasPerm("POST:/api/v1/sys/user/import/preview") ? { label: r("import.button"), key: "import" } : null,
+        f.hasPerm("GET:/api/v1/sys/user/export") ? { label: r("export.button"), key: "export" } : null,
+        f.hasPerm("GET:/api/v1/sys/user/menu-grants/page") ? { label: r("userGrant.overview"), key: "grantOverview" } : null
       ].filter((e) => e !== null)
-    ), ge = f(() => ({ ...ir, more: ye.value }));
-    function he(e) {
-      e === "import" ? R.value = !0 : e === "export" && (C.value = !0);
+    ), Ae = p(() => ({ ...Et, more: Ce.value }));
+    function Re(e) {
+      e === "import" ? q.value = !0 : e === "export" ? R.value = !0 : e === "grantOverview" && (z.value = !0);
     }
-    const we = [
-      { key: "Account", title: t("userExport.account") },
-      { key: "Name", title: t("userExport.name") },
-      { key: "Nickname", title: t("userExport.nickname") },
-      { key: "Phone", title: t("userExport.phone") },
-      { key: "Email", title: t("userExport.email") },
-      { key: "Gender", title: t("userExport.gender") },
-      { key: "OrgName", title: t("userExport.orgName") },
-      { key: "PositionName", title: t("userExport.positionName") },
-      { key: "DirectorName", title: t("userExport.directorName") },
-      { key: "Enabled", title: t("userExport.enabled") },
-      { key: "IsSuperAdmin", title: t("userExport.superAdmin"), defaultSelected: !1 },
-      { key: "CreateTime", title: t("userExport.createTime") }
-    ], be = {
-      downloadTemplate: () => m.importTemplate(),
-      preview: (e, r) => m.importPreview(e, r),
-      validate: (e) => m.importValidate(e),
-      commit: (e, r) => m.importCommit(e, r),
-      errorReport: (e) => m.importErrorReport(e)
-    }, U = n(null);
-    function ke(e) {
-      const r = Array.isArray(e) ? e[0] : e;
-      U.value = r && r.order ? { field: String(r.columnKey), order: r.order === "ascend" ? "asc" : "desc" } : null;
+    const ze = [
+      { key: "Account", title: r("userExport.account") },
+      { key: "Name", title: r("userExport.name") },
+      { key: "Nickname", title: r("userExport.nickname") },
+      { key: "Phone", title: r("userExport.phone") },
+      { key: "Email", title: r("userExport.email") },
+      { key: "Gender", title: r("userExport.gender") },
+      { key: "OrgName", title: r("userExport.orgName") },
+      { key: "PositionName", title: r("userExport.positionName") },
+      { key: "DirectorName", title: r("userExport.directorName") },
+      { key: "Enabled", title: r("userExport.enabled") },
+      { key: "IsSuperAdmin", title: r("userExport.superAdmin"), defaultSelected: !1 },
+      { key: "CreateTime", title: r("userExport.createTime") }
+    ], Me = {
+      downloadTemplate: () => c.importTemplate(),
+      preview: (e, t) => c.importPreview(e, t),
+      validate: (e) => c.importValidate(e),
+      commit: (e, t) => c.importCommit(e, t),
+      errorReport: (e) => c.importErrorReport(e)
+    }, V = n(null);
+    function Ue(e) {
+      const t = Array.isArray(e) ? e[0] : e;
+      V.value = t && t.order ? { field: String(t.columnKey), order: t.order === "ascend" ? "asc" : "desc" } : null;
     }
-    async function xe(e) {
+    async function De(e) {
       var u, o;
-      const r = nr(p.value);
-      D.value = !0;
+      const t = _t(v.value);
+      H.value = !0;
       try {
-        const s = await m.export({
-          account: r.account || void 0,
-          name: r.name || void 0,
-          orgId: G.value.orgId,
-          roleId: r.roleId != null ? Number(r.roleId) : void 0,
-          sortField: (u = U.value) == null ? void 0 : u.field,
-          sortOrder: (o = U.value) == null ? void 0 : o.order,
+        const l = await c.export({
+          account: t.account || void 0,
+          name: t.name || void 0,
+          orgId: te.value.orgId,
+          roleId: t.roleId != null ? Number(t.roleId) : void 0,
+          sortField: (u = V.value) == null ? void 0 : u.field,
+          sortOrder: (o = V.value) == null ? void 0 : o.order,
           columns: e.join(",")
         });
-        mr(s, t("userExport.fileName")), C.value = !1, I.success(t("export.done"));
-      } catch (s) {
-        I.error(se(s));
+        Nt(l, r("userExport.fileName")), R.value = !1, M.success(r("export.done"));
+      } catch (l) {
+        M.error(fe(l));
       } finally {
-        D.value = !1;
+        H.value = !1;
       }
     }
-    const k = () => d("span", { class: "faint" }, "—"), ee = (e) => () => d(v, { icon: e, size: 16 }), re = [
-      { type: "index", title: () => t("common.rowNo"), width: 64, align: "center" },
+    const E = () => d("span", { class: "faint" }, "—"), W = (e) => () => d(m, { icon: e, size: 16 }), de = [
+      { type: "index", title: () => r("common.rowNo"), width: 64, align: "center" },
       // 超管行禁勾:批量删除同样不可含超管(后端也会整体拒绝)
       { type: "selection", disabled: (e) => e.isSuperAdmin },
       {
         key: "avatar",
-        title: () => t("user.avatar"),
+        title: () => r("user.avatar"),
         width: 64,
         align: "center",
         hideInSetting: !1,
         card: !1,
         // 窄档卡片的标题是姓名,头像不进卡片
         render: (e) => d(
-          ze,
+          je,
           { round: !0, size: "small", src: e.avatar || void 0 },
-          e.avatar ? { fallback: () => Z(e.name) } : { default: () => Z(e.name) }
+          e.avatar ? { fallback: () => ie(e.name) } : { default: () => ie(e.name) }
         )
       },
       {
         key: "account",
-        title: () => t("user.account"),
-        search: { actions: L.fuzzy },
+        ellipsis: { tooltip: !0 },
+        title: () => r("user.account"),
+        search: { actions: Q.fuzzy },
         sorter: !0
       },
       {
         key: "name",
-        title: () => t("user.name"),
+        ellipsis: { tooltip: !0 },
+        title: () => r("user.name"),
         card: "title",
-        search: { actions: L.fuzzy },
+        search: { actions: Q.fuzzy },
         sorter: !0
       },
       {
         key: "phone",
-        title: () => t("user.phone"),
+        width: 130,
+        ellipsis: { tooltip: !0 },
+        title: () => r("user.phone"),
         sorter: !0,
-        render: (e) => e.phone ? d("span", { class: "num" }, e.phone) : k()
+        render: (e) => e.phone ? d("span", { class: "num" }, e.phone) : E()
       },
       {
         key: "gender",
-        title: () => t("user.gender"),
+        title: () => r("user.gender"),
         width: 80,
         hideInTable: !0,
         // 次要列:默认隐藏收窄整表,列设置抽屉可打开
-        render: (e) => e.gender ? d(We, { typeCode: "gender", value: e.gender }) : k()
+        render: (e) => e.gender ? d(nt, { typeCode: "gender", value: e.gender }) : E()
       },
       // 只作搜索项,不进表格也不进列设置。options 直接吃编辑表单已拉好的 roleOptions(SmartTable 支持 Ref 选项源),不额外发请求;
       // 列上有 options,搜索控件自动是 select。
       {
         key: "roleId",
-        title: () => t("user.roles"),
+        title: () => r("user.roles"),
         hideInTable: !0,
-        options: z,
-        search: { actions: L.exact, props: { clearable: !0 } }
+        options: L,
+        search: { actions: Q.exact, props: { clearable: !0 } }
+      },
+      {
+        key: "orgName",
+        ellipsis: { tooltip: !0 },
+        title: () => r("user.org"),
+        render: (e) => e.orgName || E()
       },
-      { key: "orgName", title: () => t("user.org"), render: (e) => e.orgName || k() },
       {
         key: "positionName",
-        title: () => t("user.position"),
+        title: () => r("user.position"),
         hideInTable: !0,
-        render: (e) => e.positionName || k()
+        render: (e) => e.positionName || E()
       },
       {
         key: "enabled",
-        title: () => t("user.status"),
+        title: () => r("user.status"),
         width: 90,
         sorter: !0,
-        render: (e) => d(Ge, {
+        render: (e) => d(st, {
           value: e.enabled,
           // 超管不可停用(防自锁 —— 停了就没法从 UI 恢复;后端也保护);无启停权限亦置灰。
-          disabled: e.isSuperAdmin || !y.hasPerm("PUT:/api/v1/sys/user/{id}/enabled"),
-          confirm: (r) => r ? null : t("user.disableConfirm", { name: e.name }),
-          request: (r) => m.setEnabled(e.id, r),
-          "onUpdate:value": (r) => {
-            e.enabled = r;
+          disabled: e.isSuperAdmin || !f.hasPerm("PUT:/api/v1/sys/user/{id}/enabled"),
+          confirm: (t) => t ? null : r("user.disableConfirm", { name: e.name }),
+          request: (t) => c.setEnabled(e.id, t),
+          "onUpdate:value": (t) => {
+            e.enabled = t;
           }
         })
       },
       {
         key: "isSuperAdmin",
-        title: () => t("user.superAdmin"),
+        title: () => r("user.superAdmin"),
         width: 90,
-        render: (e) => e.isSuperAdmin ? d(Me, { type: "warning", size: "small", bordered: !1 }, () => t("user.superAdmin")) : k()
+        render: (e) => e.isSuperAdmin ? d(Je, { type: "warning", size: "small", bordered: !1 }, () => r("user.superAdmin")) : E()
+      },
+      {
+        key: "createTime",
+        width: 170,
+        title: () => r("user.createTime"),
+        format: "datetime",
+        sorter: !0
       },
-      { key: "createTime", title: () => t("user.createTime"), format: "datetime", sorter: !0 },
       // 操作:编辑/删除外露;重置密码、解绑验证器进「更多」(放操作列末尾)。
       // width 须够「编辑+删除+更多」单行;wrap:false 禁止 NSpace 默认换行(否则「更多」掉到删除下一行)。
       {
         key: "op",
-        title: () => t("common.operation"),
+        title: () => r("common.operation"),
         width: 200,
         fixed: "right",
         // 钉右:横向滚动时操作列始终可见
         hideInSetting: !0,
         render: (e) => {
           const u = [
-            y.hasPerm("PUT:/api/v1/sys/user/{id}/password") ? { key: "resetPassword", label: t("user.resetPassword"), icon: ee("ph:key") } : null,
-            e.totpEnabled && y.hasPerm("POST:/api/v1/sys/mfa/clear") ? {
+            f.hasPerm("PUT:/api/v1/sys/user/menu") && !e.isSuperAdmin && e.id !== we.value ? { key: "grantMenus", label: r("userGrant.action"), icon: W("ph:list-checks") } : null,
+            f.hasPerm("PUT:/api/v1/sys/user/{id}/password") ? { key: "resetPassword", label: r("user.resetPassword"), icon: W("ph:key") } : null,
+            e.totpEnabled && f.hasPerm("POST:/api/v1/sys/mfa/clear") ? {
               key: "clearMfa",
-              label: t("user.clearMfa"),
-              icon: ee("ph:link-break"),
-              disabled: N.value
+              label: r("user.clearMfa"),
+              icon: W("ph:link-break"),
+              disabled: I.value
             } : null
           ].filter((o) => o !== null);
-          return d(Re, { size: 4, wrap: !1, wrapItem: !1 }, () => [
-            y.hasPerm("PUT:/api/v1/sys/user/{id}") ? d(
-              w,
+          return d(Qe, { size: 4, wrap: !1, wrapItem: !1 }, () => [
+            f.hasPerm("PUT:/api/v1/sys/user/{id}") ? d(
+              k,
               {
                 size: "small",
                 quaternary: !0,
                 type: "primary",
                 onClick: () => {
                   var o;
-                  return (o = O.value) == null ? void 0 : o.openEdit(e);
+                  return (o = U.value) == null ? void 0 : o.openEdit(e);
                 }
               },
-              () => t("common.edit")
+              () => r("common.edit")
             ) : null,
-            e.isSuperAdmin || !y.hasPerm("DELETE:/api/v1/sys/user/{id}") ? null : d(
-              De,
+            e.isSuperAdmin || !f.hasPerm("DELETE:/api/v1/sys/user/{id}") ? null : d(
+              Xe,
               {
-                onPositiveClick: () => ne(() => m.remove(e.id), t("user.deleted")).then((o) => {
-                  var s;
-                  o && ((s = p.value) == null || s.refresh());
+                onPositiveClick: () => ve(() => c.remove(e.id), r("user.deleted")).then((o) => {
+                  var l;
+                  o && ((l = v.value) == null || l.refresh());
                 })
               },
               {
                 trigger: () => d(
-                  w,
+                  k,
                   { size: "small", quaternary: !0, type: "error" },
-                  () => t("common.delete")
+                  () => r("common.delete")
                 ),
-                default: () => t("user.deleteConfirm", { name: e.name })
+                default: () => r("user.deleteConfirm", { name: e.name })
               }
             ),
             u.length ? d(
-              Ue,
+              Ye,
               {
                 trigger: "click",
                 options: u,
                 onSelect: (o) => {
-                  var s;
-                  o === "resetPassword" ? (s = _.value) == null || s.openReset(e) : o === "clearMfa" && de(e);
+                  var l, O;
+                  o === "resetPassword" ? (l = D.value) == null || l.openReset(e) : o === "clearMfa" ? be(e) : o === "grantMenus" && ((O = F.value) == null || O.open({ id: e.id, name: e.name }));
                 }
               },
               () => d(
-                w,
+                k,
                 {
                   size: "small",
                   quaternary: !0,
                   type: "primary",
                   iconPlacement: "right",
-                  loading: N.value
+                  loading: I.value
                 },
                 {
-                  default: () => t("common.more"),
-                  icon: () => d(v, { icon: "ph:caret-down", size: 12 })
+                  default: () => r("common.more"),
+                  icon: () => d(m, { icon: "ph:caret-down", size: 12 })
                 }
               )
             ) : null
@@ -332,87 +367,105 @@ const fr = { class: "side-filter__head" }, vr = { class: "side-filter__actions"
         }
       }
     ];
-    return sr(re), (e, r) => {
-      const u = Se("auth");
-      return x(), oe(Te, null, [
-        l(a(pe), null, {
-          default: i(() => [
-            h("div", fr, [
-              h("div", vr, [
-                b.value.length ? (x(), B(a(Fe), { key: 0 }, {
+    return xt(de), (e, t) => {
+      const u = Ge("auth");
+      return y(), j(Be, null, [
+        s(a(xe), null, {
+          default: i(({ drawer: o }) => [
+            g("div", At, [
+              o ? T("", !0) : (y(), j("span", Rt, b(a(r)("user.orgFilter")), 1)),
+              g("div", zt, [
+                Ne.value ? (y(), N(a(me), { key: 0 }, {
                   trigger: i(() => [
-                    l(a(w), {
-                      quaternary: "",
-                      circle: "",
-                      size: "small",
-                      "aria-label": A.value ? a(t)("common.collapseAll") : a(t)("common.expandAll"),
-                      onClick: ve
-                    }, {
-                      icon: i(() => [
-                        l(v, {
-                          icon: A.value ? "ph:arrows-in-line-vertical" : "ph:arrows-out-line-vertical",
-                          size: 18
-                        }, null, 8, ["icon"])
-                      ]),
-                      _: 1
-                    }, 8, ["aria-label"])
+                    g("button", {
+                      type: "button",
+                      class: J(["side-filter__btn side-filter__toggle", { "is-flipped": K.value }]),
+                      "aria-label": se.value,
+                      onClick: Pe
+                    }, [
+                      s(m, {
+                        icon: "ph:caret-double-down",
+                        size: 14
+                      })
+                    ], 10, Mt)
                   ]),
                   default: i(() => [
-                    P(" " + E(A.value ? a(t)("common.collapseAll") : a(t)("common.expandAll")), 1)
+                    P(" " + b(se.value), 1)
                   ]),
                   _: 1
-                })) : ae("", !0)
+                })) : T("", !0),
+                o ? T("", !0) : (y(), N(a(me), { key: 1 }, {
+                  trigger: i(() => [
+                    g("button", {
+                      type: "button",
+                      class: "side-filter__btn side-filter__hide",
+                      "aria-label": a(r)("user.hideOrgPanel"),
+                      onClick: t[0] || (t[0] = (l) => _.value = !0)
+                    }, [
+                      s(m, {
+                        icon: "ph:sidebar-simple",
+                        size: 16
+                      })
+                    ], 8, Ut)
+                  ]),
+                  default: i(() => [
+                    P(" " + b(a(r)("user.hideOrgPanel")), 1)
+                  ]),
+                  _: 1
+                }))
               ])
             ]),
-            l(a(Be), {
-              value: M.value,
-              "onUpdate:value": r[0] || (r[0] = (o) => M.value = o),
+            Ee.value ? (y(), N(a(Ze), {
+              key: 0,
+              value: B.value,
+              "onUpdate:value": t[1] || (t[1] = (l) => B.value = l),
               size: "small",
               clearable: "",
-              placeholder: a(t)("org.searchPlaceholder")
+              placeholder: a(r)("org.searchPlaceholder")
             }, {
               prefix: i(() => [
-                l(v, {
+                s(m, {
                   icon: "ph:magnifying-glass",
                   size: 14
                 })
               ]),
               _: 1
-            }, 8, ["value", "placeholder"]),
-            h("button", {
+            }, 8, ["value", "placeholder"])) : T("", !0),
+            g("button", {
               type: "button",
-              class: Ae(["side-row", { "is-active": c.value === null }]),
-              onClick: r[1] || (r[1] = (o) => Q(null))
+              class: J(["side-row", { "is-active": h.value === null }]),
+              onClick: t[2] || (t[2] = (l) => ae(null))
             }, [
-              l(v, {
+              s(m, {
                 class: "side-row__icon",
                 icon: "ph:squares-four",
                 size: 15
               }),
-              h("span", yr, E(a(t)("user.allOrgs")), 1)
+              g("span", Dt, b(a(r)("user.allOrgs")), 1)
             ], 2),
-            r[13] || (r[13] = h("div", { class: "side-filter__divider" }, null, -1)),
-            l(a(Le), {
-              show: H.value,
+            t[15] || (t[15] = g("div", { class: "side-filter__divider" }, null, -1)),
+            s(a(et), {
+              show: ee.value,
               class: "fill-pass"
             }, {
               default: i(() => [
-                l(a(qe), {
+                s(a(tt), {
                   class: "side-tree",
                   "block-line": "",
                   selectable: "",
-                  "show-line": "",
+                  indent: 16,
                   "key-field": "id",
                   "label-field": "name",
                   "children-field": "children",
-                  data: V.value,
-                  pattern: M.value,
-                  filter: fe,
+                  data: G.value,
+                  pattern: B.value,
+                  filter: Te,
                   "show-irrelevant-nodes": !1,
-                  "selected-keys": c.value == null ? [] : [c.value],
-                  "expanded-keys": g.value,
-                  "onUpdate:selectedKeys": me,
-                  "onUpdate:expandedKeys": r[2] || (r[2] = (o) => g.value = o)
+                  "selected-keys": h.value == null ? [] : [h.value],
+                  "expanded-keys": w.value,
+                  "render-switcher-icon": Oe,
+                  "onUpdate:selectedKeys": ke,
+                  "onUpdate:expandedKeys": t[3] || (t[3] = (l) => w.value = l)
                 }, null, 8, ["data", "pattern", "selected-keys", "expanded-keys"])
               ]),
               _: 1
@@ -420,51 +473,55 @@ const fr = { class: "side-filter__head" }, vr = { class: "side-filter__actions"
           ]),
           _: 1
         }),
-        h("div", {
+        g("div", {
           ref_key: "layoutRef",
-          ref: W,
+          ref: re,
           class: "user-layout side-page"
         }, [
-          J.value ? ae("", !0) : (x(), oe("aside", gr, [
-            l(a(X))
-          ])),
-          l(a(Ve), {
+          x.value ? T("", !0) : (y(), j("aside", {
+            key: 0,
+            class: J(["side-filter", { "is-hidden": a(_) }]),
+            inert: a(_) || void 0
+          }, [
+            s(a(le))
+          ], 10, Ft)),
+          s(a(lt), {
             ref_key: "tableRef",
-            ref: p,
-            columns: re,
-            fetcher: a(m).page,
-            params: G.value,
+            ref: v,
+            columns: de,
+            fetcher: a(c).page,
+            params: te.value,
             search: { container: "table" },
-            toolbar: ge.value,
+            toolbar: Ae.value,
             "fill-height": "",
-            "min-row-height": a(ur),
+            "min-row-height": a(Ot),
             "card-on-narrow": "",
             "storage-key": "sys-user",
-            "checked-row-keys": a(q),
-            "onUpdate:sorter": ke,
-            "onUpdate:checkedRowKeys": r[5] || (r[5] = (o) => q.value = o),
-            onMoreSelect: he,
-            onError: r[6] || (r[6] = (o) => a(I).error(a(se)(o)))
-          }, Ce({
+            "checked-row-keys": a(X),
+            "onUpdate:sorter": Ue,
+            "onUpdate:checkedRowKeys": t[5] || (t[5] = (o) => X.value = o),
+            onMoreSelect: Re,
+            onError: t[6] || (t[6] = (o) => a(M).error(a(fe)(o)))
+          }, $e({
             "pagination-prefix": i(({ itemCount: o }) => [
-              l(dr, { count: o }, null, 8, ["count"])
+              s(Tt, { count: o }, null, 8, ["count"])
             ]),
             "toolbar-right": i(() => [
-              le((x(), B(a(w), {
+              ce((y(), N(a(k), {
                 type: "primary",
-                onClick: r[4] || (r[4] = (o) => {
-                  var s;
-                  return (s = O.value) == null ? void 0 : s.openAdd();
+                onClick: t[4] || (t[4] = (o) => {
+                  var l;
+                  return (l = U.value) == null ? void 0 : l.openAdd();
                 })
               }, {
                 icon: i(() => [
-                  l(v, {
+                  s(m, {
                     icon: "ph:plus",
                     size: 16
                   })
                 ]),
                 default: i(() => [
-                  P(" " + E(a(t)("common.add")), 1)
+                  P(" " + b(a(r)("common.add")), 1)
                 ]),
                 _: 1
               })), [
@@ -472,19 +529,19 @@ const fr = { class: "side-filter__head" }, vr = { class: "side-filter__actions"
               ])
             ]),
             batch: i(() => [
-              le((x(), B(a(w), {
+              ce((y(), N(a(k), {
                 secondary: "",
                 type: "error",
-                onClick: a(ue)
+                onClick: a(he)
               }, {
                 icon: i(() => [
-                  l(v, {
+                  s(m, {
                     icon: "ph:trash",
                     size: 16
                   })
                 ]),
                 default: i(() => [
-                  P(" " + E(a(t)("common.batchDelete")), 1)
+                  P(" " + b(a(r)("common.batchDelete")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])), [
@@ -493,43 +550,45 @@ const fr = { class: "side-filter__head" }, vr = { class: "side-filter__actions"
             ]),
             _: 2
           }, [
-            J.value ? {
+            x.value || a(_) ? {
               name: "toolbar",
               fn: i(() => [
-                l(a(w), {
+                s(a(k), {
+                  class: "org-trigger",
                   secondary: "",
-                  onClick: r[3] || (r[3] = (o) => T.value = !0)
+                  title: x.value ? void 0 : a(r)("user.showOrgPanel"),
+                  onClick: Se
                 }, {
                   icon: i(() => [
-                    l(v, {
-                      icon: "ph:tree-structure",
+                    s(m, {
+                      icon: x.value ? "ph:tree-structure" : "ph:sidebar-simple",
                       size: 16
-                    })
+                    }, null, 8, ["icon"])
                   ]),
                   default: i(() => [
-                    P(" " + E(ce.value), 1)
+                    P(" " + b(_e.value), 1)
                   ]),
                   _: 1
-                })
+                }, 8, ["title"])
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["fetcher", "params", "toolbar", "min-row-height", "checked-row-keys"])
         ], 512),
-        l(a($e), {
-          show: T.value,
-          "onUpdate:show": r[7] || (r[7] = (o) => T.value = o),
+        s(a(rt), {
+          show: C.value,
+          "onUpdate:show": t[7] || (t[7] = (o) => C.value = o),
           placement: "left",
           width: "min(300px, 88vw)"
         }, {
           default: i(() => [
-            l(a(Ke), {
-              title: a(t)("user.orgFilter"),
+            s(a(ot), {
+              title: a(r)("user.orgFilter"),
               closable: ""
             }, {
               default: i(() => [
-                h("div", hr, [
-                  l(a(X))
+                g("div", Lt, [
+                  s(a(le), { drawer: !0 })
                 ])
               ]),
               _: 1
@@ -537,48 +596,63 @@ const fr = { class: "side-filter__head" }, vr = { class: "side-filter__actions"
           ]),
           _: 1
         }, 8, ["show"]),
-        l(Qe, {
+        s(dt, {
           ref_key: "userFormRef",
-          ref: O,
-          "position-options": $.value,
-          "role-options": z.value,
-          "director-options": K.value,
-          onSaved: r[8] || (r[8] = () => {
+          ref: U,
+          "position-options": Y.value,
+          "role-options": L.value,
+          "director-options": Z.value,
+          onSaved: t[8] || (t[8] = () => {
             var o;
-            return (o = p.value) == null ? void 0 : o.refresh();
+            return (o = v.value) == null ? void 0 : o.refresh();
           }),
-          onPasswordGenerated: r[9] || (r[9] = (o) => {
-            var s;
-            return (s = _.value) == null ? void 0 : s.showResult(o, !0);
+          onPasswordGenerated: t[9] || (t[9] = (o) => {
+            var l;
+            return (l = D.value) == null ? void 0 : l.showResult(o, !0);
           })
         }, null, 8, ["position-options", "role-options", "director-options"]),
-        l(Xe, {
+        s(pt, {
           ref_key: "resetModalRef",
-          ref: _
+          ref: D
         }, null, 512),
-        l(je, {
-          show: R.value,
-          "onUpdate:show": r[10] || (r[10] = (o) => R.value = o),
-          api: be,
-          "template-file-name": a(t)("userExport.importTemplateName"),
-          "error-report-file-name": a(t)("userExport.errorReportName"),
-          onDone: r[11] || (r[11] = () => {
+        s(ct, {
+          ref_key: "grantSheetRef",
+          ref: F,
+          onSaved: Ie
+        }, null, 512),
+        s(mt, {
+          ref_key: "grantOverviewRef",
+          ref: ue,
+          show: z.value,
+          "onUpdate:show": t[10] || (t[10] = (o) => z.value = o),
+          onAdjust: t[11] || (t[11] = (o) => {
+            var l;
+            return (l = F.value) == null ? void 0 : l.open(o);
+          })
+        }, null, 8, ["show"]),
+        s(it, {
+          show: q.value,
+          "onUpdate:show": t[12] || (t[12] = (o) => q.value = o),
+          api: Me,
+          "template-file-name": a(r)("userExport.importTemplateName"),
+          "error-report-file-name": a(r)("userExport.errorReportName"),
+          onDone: t[13] || (t[13] = () => {
             var o;
-            return (o = p.value) == null ? void 0 : o.refresh();
+            return (o = v.value) == null ? void 0 : o.refresh();
           })
         }, null, 8, ["show", "template-file-name", "error-report-file-name"]),
-        l(Je, {
-          show: C.value,
-          "onUpdate:show": r[12] || (r[12] = (o) => C.value = o),
-          columns: we,
-          loading: D.value,
-          onConfirm: xe
+        s(ut, {
+          show: R.value,
+          "onUpdate:show": t[14] || (t[14] = (o) => R.value = o),
+          columns: ze,
+          loading: H.value,
+          onConfirm: De
         }, null, 8, ["show", "loading"])
       ], 64);
     };
   }
 });
 export {
-  Hr as default
+  vr as default
 };
 //# sourceMappingURL=index2.vue.js.map