smart-admin-web 10.21.0 → 10.22.0

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

@@ -1,282 +1,289 @@
-import { defineComponent as Pe, ref as n, computed as f, watch as $, onMounted as Ie, h as d, resolveDirective as Ce, openBlock as S, createElementBlock as se, Fragment as _e, createVNode as l, unref as a, withCtx as i, createElementVNode as h, createBlock as q, createTextVNode as C, toDisplayString as E, createCommentVNode as ne, normalizeClass as ze, createSlots as Re, withDirectives as ie } from "vue";
-import { useElementSize as Me, createReusableTemplate as Ue } from "@vueuse/core";
-import { useRoute as De } from "vue-router";
-import { useMessage as Fe, NAvatar as Be, NTag as Ge, NSpace as Le, NButton as w, NPopconfirm as $e, NDropdown as qe, NTooltip as Ke, NInput as He, NSpin as Ve, NTree as We, NDrawer as je, NDrawerContent as Je } from "naive-ui";
-import { useI18n as Qe } from "vue-i18n";
-import { SmartTable as Xe } from "smart-naive-table";
-import y from "../../../components/AppIcon.vue.js";
-import Ye from "../../../components/StatusSwitch/index.vue.js";
-import Ze from "../../../components/DictTag/index.vue.js";
-import er from "../../../components/ImportWizard/index.vue.js";
-import rr from "../../../components/ExportColumnsModal/index.vue.js";
-import tr from "./components/UserFormModal.vue.js";
-import or from "./components/ResetPasswordModal.vue.js";
-import ar from "./components/UserGrantMenuSheet.vue.js";
-import lr from "./components/UserGrantOverviewDrawer2.vue.js";
-import { useConfirm as sr } from "../../../composables/useConfirm.js";
-import { useBatchDelete as nr } from "../../../composables/useBatchDelete.js";
-import { userApi as p, positionApi as ir, roleApi as ur, orgApi as dr, mfaApi as pr } from "../../../api/index.js";
-import { useAuthStore as mr } from "../../../stores/auth.js";
-import { useUserStore as cr } from "../../../stores/user.js";
-import { translateError as ue } from "../../../utils/error.js";
-import { presetEqualFilter as fr, SEARCH_ACTIONS as K, deriveHeaderFilters as vr, flatSearchOf as yr } from "../../../utils/tableFilter.js";
-import { TABLE_TOOLBAR as gr, TABLE_MIN_ROW_HEIGHT as hr } from "../../../utils/tableToolbar.js";
-import wr from "../../../components/TableTotal/index.vue.js";
-import { triggerBlobDownload as kr } from "../../../utils/download.js";
-import { buildTree as br, expandableIds as xr } from "../../../utils/tree.js";
-const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions" }, Nr = { class: "side-row__label" }, Tr = {
+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"
-}, Ar = { class: "org-drawer-body" }, Or = 1e3, tt = /* @__PURE__ */ Pe({
+  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(Pr) {
-    const { t } = Qe(), _ = Fe(), { run: de, confirm: pe } = sr(), m = mr(), c = n(), { checkedKeys: H, run: me } = nr({
-      remove: p.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 = c.value) == null ? void 0 : e.refresh();
+        return (e = v.value) == null ? void 0 : e.refresh();
       },
-      successMsg: t("user.deleted")
-    }), z = n(null), R = n(null), M = n(null), ce = cr(), fe = f(() => {
+      successMsg: r("user.deleted")
+    }), U = n(null), D = n(null), F = n(null), ye = kt(), we = p(() => {
       var e;
-      return (e = ce.userInfo) == null ? void 0 : e.userId;
-    }), N = n(!1);
-    async function ve(e) {
-      var r;
-      N.value = !0;
+      return (e = ye.userInfo) == null ? void 0 : e.userId;
+    }), I = n(!1);
+    async function be(e) {
+      var t;
+      I.value = !0;
       try {
-        await pe({
-          content: t("user.clearMfaConfirm", { name: e.name }),
-          action: () => pr.clear({ userId: e.id }),
-          successMsg: t("user.mfaCleared")
-        }) && ((r = c.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 V = n([]), U = n([]), W = n([]), T = n([]), j = n(!0), J = f(() => br(T.value)), v = n(null), Q = f(
-      () => v.value == null ? {} : { orgId: v.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 ye(e) {
-      ee(e.length ? Number(e[0]) : null);
+    function ke(e) {
+      ae(e.length ? Number(e[0]) : null);
     }
-    const X = n(), { width: Y } = Me(X), Z = f(() => Y.value > 0 && Y.value < Or), A = n(!1);
-    function ee(e) {
-      v.value = e, A.value = !1;
+    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 [ge, re] = Ue(), he = f(
+    function Se() {
+      x.value ? C.value = !0 : _.value = !1;
+    }
+    const [xe, le] = He(), _e = p(
       () => {
         var e;
-        return ((e = T.value.find((r) => r.id === v.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");
       }
-    ), D = n("");
-    function we(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([]), k = f(() => xr(J.value)), O = f(
-      () => k.value.length > 0 && g.value.length >= k.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 ke() {
-      g.value = O.value ? [] : [...k.value];
+    function Pe() {
+      w.value = K.value ? [...$.value] : [...A.value];
     }
-    $(k, (e) => g.value = e, { immediate: !0 }), $(v, (e) => {
-      var s;
+    pe(h, (e) => {
+      var l;
       if (e == null) return;
-      const r = new Map(T.value.map((x) => [x.id, x])), 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];
-    }), Ie(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 ir.page({ page: 1, pageSize: 200 });
-        V.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 ur.page({ page: 1, pageSize: 200 });
-        U.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 p.page({ page: 1, pageSize: 200 });
-        W.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 {
-        T.value = await dr.list();
+        S.value = await yt.list(), w.value = [...$.value];
       } catch {
       } finally {
-        j.value = !1;
+        ee.value = !1;
       }
     });
-    const te = De();
-    $(
-      [c, () => te.query.roleId],
-      ([e, r]) => {
-        e && te.path === "/system/user" && fr(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 oe = (e) => (e || "?").slice(0, 1), F = n(!1), P = n(!1), B = n(!1), I = n(!1), ae = n(null);
-    function be() {
-      var e, r;
-      (e = c.value) == null || e.refresh(), I.value && ((r = ae.value) == null || r.refresh());
+    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 xe = f(
+    const Ce = p(
       () => [
-        m.hasPerm("POST:/api/v1/sys/user/import/preview") ? { label: t("import.button"), key: "import" } : null,
-        m.hasPerm("GET:/api/v1/sys/user/export") ? { label: t("export.button"), key: "export" } : null,
-        m.hasPerm("GET:/api/v1/sys/user/menu-grants/page") ? { label: t("userGrant.overview"), key: "grantOverview" } : 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)
-    ), Se = f(() => ({ ...gr, more: xe.value }));
-    function Ee(e) {
-      e === "import" ? F.value = !0 : e === "export" ? P.value = !0 : e === "grantOverview" && (I.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 Ne = [
-      { 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") }
-    ], Te = {
-      downloadTemplate: () => p.importTemplate(),
-      preview: (e, r) => p.importPreview(e, r),
-      validate: (e) => p.importValidate(e),
-      commit: (e, r) => p.importCommit(e, r),
-      errorReport: (e) => p.importErrorReport(e)
-    }, G = n(null);
-    function Ae(e) {
-      const r = Array.isArray(e) ? e[0] : e;
-      G.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 Oe(e) {
+    async function De(e) {
       var u, o;
-      const r = yr(c.value);
-      B.value = !0;
+      const t = _t(v.value);
+      H.value = !0;
       try {
-        const s = await p.export({
-          account: r.account || void 0,
-          name: r.name || void 0,
-          orgId: Q.value.orgId,
-          roleId: r.roleId != null ? Number(r.roleId) : void 0,
-          sortField: (u = G.value) == null ? void 0 : u.field,
-          sortOrder: (o = G.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(",")
         });
-        kr(s, t("userExport.fileName")), P.value = !1, _.success(t("export.done"));
-      } catch (s) {
-        _.error(ue(s));
+        Nt(l, r("userExport.fileName")), R.value = !1, M.success(r("export.done"));
+      } catch (l) {
+        M.error(fe(l));
       } finally {
-        B.value = !1;
+        H.value = !1;
       }
     }
-    const b = () => d("span", { class: "faint" }, "—"), L = (e) => () => d(y, { icon: e, size: 16 }), le = [
-      { 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(
-          Be,
+          je,
           { round: !0, size: "small", src: e.avatar || void 0 },
-          e.avatar ? { fallback: () => oe(e.name) } : { default: () => oe(e.name) }
+          e.avatar ? { fallback: () => ie(e.name) } : { default: () => ie(e.name) }
         )
       },
       {
         key: "account",
         ellipsis: { tooltip: !0 },
-        title: () => t("user.account"),
-        search: { actions: K.fuzzy },
+        title: () => r("user.account"),
+        search: { actions: Q.fuzzy },
         sorter: !0
       },
       {
         key: "name",
         ellipsis: { tooltip: !0 },
-        title: () => t("user.name"),
+        title: () => r("user.name"),
         card: "title",
-        search: { actions: K.fuzzy },
+        search: { actions: Q.fuzzy },
         sorter: !0
       },
       {
         key: "phone",
         width: 130,
         ellipsis: { tooltip: !0 },
-        title: () => t("user.phone"),
+        title: () => r("user.phone"),
         sorter: !0,
-        render: (e) => e.phone ? d("span", { class: "num" }, e.phone) : b()
+        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(Ze, { typeCode: "gender", value: e.gender }) : b()
+        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: U,
-        search: { actions: K.exact, props: { clearable: !0 } }
+        options: L,
+        search: { actions: Q.exact, props: { clearable: !0 } }
       },
       {
         key: "orgName",
         ellipsis: { tooltip: !0 },
-        title: () => t("user.org"),
-        render: (e) => e.orgName || b()
+        title: () => r("user.org"),
+        render: (e) => e.orgName || E()
       },
       {
         key: "positionName",
-        title: () => t("user.position"),
+        title: () => r("user.position"),
         hideInTable: !0,
-        render: (e) => e.positionName || b()
+        render: (e) => e.positionName || E()
       },
       {
         key: "enabled",
-        title: () => t("user.status"),
+        title: () => r("user.status"),
         width: 90,
         sorter: !0,
-        render: (e) => d(Ye, {
+        render: (e) => d(st, {
           value: e.enabled,
           // 超管不可停用(防自锁 —— 停了就没法从 UI 恢复;后端也保护);无启停权限亦置灰。
-          disabled: e.isSuperAdmin || !m.hasPerm("PUT:/api/v1/sys/user/{id}/enabled"),
-          confirm: (r) => r ? null : t("user.disableConfirm", { name: e.name }),
-          request: (r) => p.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(Ge, { type: "warning", size: "small", bordered: !1 }, () => t("user.superAdmin")) : b()
+        render: (e) => e.isSuperAdmin ? d(Je, { type: "warning", size: "small", bordered: !1 }, () => r("user.superAdmin")) : E()
       },
       {
         key: "createTime",
         width: 170,
-        title: () => t("user.createTime"),
+        title: () => r("user.createTime"),
         format: "datetime",
         sorter: !0
       },
@@ -284,75 +291,75 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
       // width 须够「编辑+删除+更多」单行;wrap:false 禁止 NSpace 默认换行(否则「更多」掉到删除下一行)。
       {
         key: "op",
-        title: () => t("common.operation"),
+        title: () => r("common.operation"),
         width: 200,
         fixed: "right",
         // 钉右:横向滚动时操作列始终可见
         hideInSetting: !0,
         render: (e) => {
           const u = [
-            m.hasPerm("PUT:/api/v1/sys/user/menu") && !e.isSuperAdmin && e.id !== fe.value ? { key: "grantMenus", label: t("userGrant.action"), icon: L("ph:list-checks") } : null,
-            m.hasPerm("PUT:/api/v1/sys/user/{id}/password") ? { key: "resetPassword", label: t("user.resetPassword"), icon: L("ph:key") } : null,
-            e.totpEnabled && m.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: L("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(Le, { size: 4, wrap: !1, wrapItem: !1 }, () => [
-            m.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 = z.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 || !m.hasPerm("DELETE:/api/v1/sys/user/{id}") ? null : d(
-              $e,
+            e.isSuperAdmin || !f.hasPerm("DELETE:/api/v1/sys/user/{id}") ? null : d(
+              Xe,
               {
-                onPositiveClick: () => de(() => p.remove(e.id), t("user.deleted")).then((o) => {
-                  var s;
-                  o && ((s = c.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(
-              qe,
+              Ye,
               {
                 trigger: "click",
                 options: u,
                 onSelect: (o) => {
-                  var s, x;
-                  o === "resetPassword" ? (s = R.value) == null || s.openReset(e) : o === "clearMfa" ? ve(e) : o === "grantMenus" && ((x = M.value) == null || x.open({ id: e.id, name: e.name }));
+                  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(y, { icon: "ph:caret-down", size: 12 })
+                  default: () => r("common.more"),
+                  icon: () => d(m, { icon: "ph:caret-down", size: 12 })
                 }
               )
             ) : null
@@ -360,87 +367,105 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
         }
       }
     ];
-    return vr(le), (e, r) => {
-      const u = Ce("auth");
-      return S(), se(_e, null, [
-        l(a(ge), null, {
-          default: i(() => [
-            h("div", Sr, [
-              h("div", Er, [
-                k.value.length ? (S(), q(a(Ke), { 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": O.value ? a(t)("common.collapseAll") : a(t)("common.expandAll"),
-                      onClick: ke
-                    }, {
-                      icon: i(() => [
-                        l(y, {
-                          icon: O.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(() => [
-                    C(" " + E(O.value ? a(t)("common.collapseAll") : a(t)("common.expandAll")), 1)
+                    P(" " + b(se.value), 1)
                   ]),
                   _: 1
-                })) : ne("", !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(He), {
-              value: D.value,
-              "onUpdate:value": r[0] || (r[0] = (o) => D.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(y, {
+                s(m, {
                   icon: "ph:magnifying-glass",
                   size: 14
                 })
               ]),
               _: 1
-            }, 8, ["value", "placeholder"]),
-            h("button", {
+            }, 8, ["value", "placeholder"])) : T("", !0),
+            g("button", {
               type: "button",
-              class: ze(["side-row", { "is-active": v.value === null }]),
-              onClick: r[1] || (r[1] = (o) => ee(null))
+              class: J(["side-row", { "is-active": h.value === null }]),
+              onClick: t[2] || (t[2] = (l) => ae(null))
             }, [
-              l(y, {
+              s(m, {
                 class: "side-row__icon",
                 icon: "ph:squares-four",
                 size: 15
               }),
-              h("span", Nr, E(a(t)("user.allOrgs")), 1)
+              g("span", Dt, b(a(r)("user.allOrgs")), 1)
             ], 2),
-            r[15] || (r[15] = h("div", { class: "side-filter__divider" }, null, -1)),
-            l(a(Ve), {
-              show: j.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(We), {
+                s(a(tt), {
                   class: "side-tree",
                   "block-line": "",
                   selectable: "",
-                  "show-line": "",
+                  indent: 16,
                   "key-field": "id",
                   "label-field": "name",
                   "children-field": "children",
-                  data: J.value,
-                  pattern: D.value,
-                  filter: we,
+                  data: G.value,
+                  pattern: B.value,
+                  filter: Te,
                   "show-irrelevant-nodes": !1,
-                  "selected-keys": v.value == null ? [] : [v.value],
-                  "expanded-keys": g.value,
-                  "onUpdate:selectedKeys": ye,
-                  "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
@@ -448,51 +473,55 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
           ]),
           _: 1
         }),
-        h("div", {
+        g("div", {
           ref_key: "layoutRef",
-          ref: X,
+          ref: re,
           class: "user-layout side-page"
         }, [
-          Z.value ? ne("", !0) : (S(), se("aside", Tr, [
-            l(a(re))
-          ])),
-          l(a(Xe), {
+          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: c,
-            columns: le,
-            fetcher: a(p).page,
-            params: Q.value,
+            ref: v,
+            columns: de,
+            fetcher: a(c).page,
+            params: te.value,
             search: { container: "table" },
-            toolbar: Se.value,
+            toolbar: Ae.value,
             "fill-height": "",
-            "min-row-height": a(hr),
+            "min-row-height": a(Ot),
             "card-on-narrow": "",
             "storage-key": "sys-user",
-            "checked-row-keys": a(H),
-            "onUpdate:sorter": Ae,
-            "onUpdate:checkedRowKeys": r[5] || (r[5] = (o) => H.value = o),
-            onMoreSelect: Ee,
-            onError: r[6] || (r[6] = (o) => a(_).error(a(ue)(o)))
-          }, Re({
+            "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(wr, { count: o }, null, 8, ["count"])
+              s(Tt, { count: o }, null, 8, ["count"])
             ]),
             "toolbar-right": i(() => [
-              ie((S(), q(a(w), {
+              ce((y(), N(a(k), {
                 type: "primary",
-                onClick: r[4] || (r[4] = (o) => {
-                  var s;
-                  return (s = z.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(y, {
+                  s(m, {
                     icon: "ph:plus",
                     size: 16
                   })
                 ]),
                 default: i(() => [
-                  C(" " + E(a(t)("common.add")), 1)
+                  P(" " + b(a(r)("common.add")), 1)
                 ]),
                 _: 1
               })), [
@@ -500,19 +529,19 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
               ])
             ]),
             batch: i(() => [
-              ie((S(), q(a(w), {
+              ce((y(), N(a(k), {
                 secondary: "",
                 type: "error",
-                onClick: a(me)
+                onClick: a(he)
               }, {
                 icon: i(() => [
-                  l(y, {
+                  s(m, {
                     icon: "ph:trash",
                     size: 16
                   })
                 ]),
                 default: i(() => [
-                  C(" " + E(a(t)("common.batchDelete")), 1)
+                  P(" " + b(a(r)("common.batchDelete")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])), [
@@ -521,43 +550,45 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
             ]),
             _: 2
           }, [
-            Z.value ? {
+            x.value || a(_) ? {
               name: "toolbar",
               fn: i(() => [
-                l(a(w), {
+                s(a(k), {
+                  class: "org-trigger",
                   secondary: "",
-                  onClick: r[3] || (r[3] = (o) => A.value = !0)
+                  title: x.value ? void 0 : a(r)("user.showOrgPanel"),
+                  onClick: Se
                 }, {
                   icon: i(() => [
-                    l(y, {
-                      icon: "ph:tree-structure",
+                    s(m, {
+                      icon: x.value ? "ph:tree-structure" : "ph:sidebar-simple",
                       size: 16
-                    })
+                    }, null, 8, ["icon"])
                   ]),
                   default: i(() => [
-                    C(" " + E(he.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(je), {
-          show: A.value,
-          "onUpdate:show": r[7] || (r[7] = (o) => A.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(Je), {
-              title: a(t)("user.orgFilter"),
+            s(a(ot), {
+              title: a(r)("user.orgFilter"),
               closable: ""
             }, {
               default: i(() => [
-                h("div", Ar, [
-                  l(a(re))
+                g("div", Lt, [
+                  s(a(le), { drawer: !0 })
                 ])
               ]),
               _: 1
@@ -565,63 +596,63 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
           ]),
           _: 1
         }, 8, ["show"]),
-        l(tr, {
+        s(dt, {
           ref_key: "userFormRef",
-          ref: z,
-          "position-options": V.value,
-          "role-options": U.value,
-          "director-options": W.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 = c.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 = R.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(or, {
+        s(pt, {
           ref_key: "resetModalRef",
-          ref: R
+          ref: D
         }, null, 512),
-        l(ar, {
+        s(ct, {
           ref_key: "grantSheetRef",
-          ref: M,
-          onSaved: be
+          ref: F,
+          onSaved: Ie
         }, null, 512),
-        l(lr, {
+        s(mt, {
           ref_key: "grantOverviewRef",
-          ref: ae,
-          show: I.value,
-          "onUpdate:show": r[10] || (r[10] = (o) => I.value = o),
-          onAdjust: r[11] || (r[11] = (o) => {
-            var s;
-            return (s = M.value) == null ? void 0 : s.open(o);
+          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"]),
-        l(er, {
-          show: F.value,
-          "onUpdate:show": r[12] || (r[12] = (o) => F.value = o),
-          api: Te,
-          "template-file-name": a(t)("userExport.importTemplateName"),
-          "error-report-file-name": a(t)("userExport.errorReportName"),
-          onDone: r[13] || (r[13] = () => {
+        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 = c.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(rr, {
-          show: P.value,
-          "onUpdate:show": r[14] || (r[14] = (o) => P.value = o),
-          columns: Ne,
-          loading: B.value,
-          onConfirm: Oe
+        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 {
-  tt as default
+  vr as default
 };
 //# sourceMappingURL=index2.vue.js.map