smart-admin-web 10.21.0 → 10.23.0

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

@@ -1,142 +1,152 @@
-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 Ue, ref as n, computed as p, watch as ue, onMounted as De, h as d, resolveDirective as Fe, openBlock as h, createElementBlock as W, Fragment as Le, createVNode as s, unref as a, withCtx as i, createElementVNode as y, toDisplayString as b, createCommentVNode as T, createBlock as N, createTextVNode as I, normalizeClass as J, createSlots as Ge, withDirectives as de, isRef as $e } from "vue";
+import { useStorage as Be, createReusableTemplate as Ke } from "@vueuse/core";
+import { useRoute as qe } from "vue-router";
+import { useMessage as He, NAvatar as Ve, NTag as je, NSpace as We, NButton as k, NPopconfirm as Je, NDropdown as Qe, NTooltip as pe, NInput as Xe, NSpin as Ye, NTree as Ze } from "naive-ui";
+import { useI18n as er } from "vue-i18n";
+import { SmartTable as rr } from "smart-naive-table";
+import c from "../../../components/AppIcon.vue.js";
+import tr from "../../../components/StatusSwitch/index.vue.js";
+import or from "../../../components/DictTag/index.vue.js";
+import ar from "../../../components/ImportWizard/index.vue.js";
+import lr from "../../../components/ExportColumnsModal/index.vue.js";
+import sr from "../../../components/SidePanelDrawer/index.vue.js";
+/* empty css                                             */
+import nr from "./components/UserFormModal.vue.js";
+import ir from "./components/ResetPasswordModal.vue.js";
+import ur from "./components/UserGrantMenuSheet.vue.js";
+import dr from "./components/UserGrantOverviewDrawer2.vue.js";
+import { useConfirm as pr } from "../../../composables/useConfirm.js";
+import { useBatchDelete as mr } from "../../../composables/useBatchDelete.js";
+import { useSidePanel as cr } from "../../../composables/useSidePanel.js";
+import { userApi as m, positionApi as fr, roleApi as vr, orgApi as gr, mfaApi as hr } from "../../../api/index.js";
+import { useAuthStore as yr } from "../../../stores/auth.js";
+import { useUserStore as wr } from "../../../stores/user.js";
+import { translateError as me } from "../../../utils/error.js";
+import { presetEqualFilter as br, SEARCH_ACTIONS as Q, deriveHeaderFilters as kr, flatSearchOf as Sr } from "../../../utils/tableFilter.js";
+import { TABLE_TOOLBAR as xr, TABLE_MIN_ROW_HEIGHT as _r } from "../../../utils/tableToolbar.js";
+import Er from "../../../components/TableTotal/index.vue.js";
+import { triggerBlobDownload as Or } from "../../../utils/download.js";
+import { buildTree as Pr, expandableIds as Tr, rootExpandableIds as Nr } from "../../../utils/tree.js";
+const Ir = { class: "side-filter__head" }, Ar = {
   key: 0,
-  class: "side-filter"
-}, Ar = { class: "org-drawer-body" }, Or = 1e3, tt = /* @__PURE__ */ Pe({
+  class: "side-filter__title"
+}, Cr = { class: "side-filter__actions" }, Rr = ["aria-label"], zr = ["aria-label"], Mr = { class: "side-row__label" }, Ur = { class: "user-layout side-page" }, Dr = ["inert"], Fr = 15, vt = /* @__PURE__ */ Ue({
   __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(Lr) {
+    const { t } = er(), M = He(), { run: ce, confirm: fe } = pr(), f = yr(), v = n(), { checkedKeys: X, run: ve } = mr({
+      remove: m.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(() => {
+    }), U = n(null), D = n(null), F = n(null), ge = wr(), he = p(() => {
       var e;
-      return (e = ce.userInfo) == null ? void 0 : e.userId;
-    }), N = n(!1);
-    async function ve(e) {
+      return (e = ge.userInfo) == null ? void 0 : e.userId;
+    }), A = n(!1);
+    async function ye(e) {
       var r;
-      N.value = !0;
+      A.value = !0;
       try {
-        await pe({
+        await fe({
           content: t("user.clearMfaConfirm", { name: e.name }),
-          action: () => pr.clear({ userId: e.id }),
+          action: () => hr.clear({ userId: e.id }),
           successMsg: t("user.mfaCleared")
-        }) && ((r = c.value) == null || r.refresh());
+        }) && ((r = v.value) == null || r.refresh());
       } finally {
-        N.value = !1;
+        A.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(() => Pr(S.value)), g = n(null), re = p(
+      () => g.value == null ? {} : { orgId: g.value }
     );
-    function ye(e) {
-      ee(e.length ? Number(e[0]) : null);
+    function we(e) {
+      te(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 { compact: x, drawerOpen: _ } = cr(), E = Be("sa-user-org-panel-hidden", !1);
+    function te(e) {
+      g.value = e, _.value = !1;
     }
-    const [ge, re] = Ue(), he = f(
+    function be() {
+      x.value ? _.value = !0 : E.value = !1;
+    }
+    const [ke, oe] = Ke(), Se = 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((r) => r.id === g.value)) == null ? void 0 : e.name) ?? t("user.orgFilter");
       }
-    ), D = n("");
-    function we(e, r) {
+    ), xe = p(() => S.value.length > Fr), $ = n(""), _e = () => d(c, { icon: "ph:caret-right", size: 12 });
+    function Ee(e, r) {
       const u = e.trim().toLowerCase();
       if (!u) return !0;
       const o = r;
       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([]), C = p(() => Tr(G.value)), B = p(() => Nr(G.value)), K = p(
+      () => C.value.length > 0 && w.value.length >= C.value.length
+    ), Oe = p(
+      () => C.value.length > B.value.length
+    ), ae = p(
+      () => K.value ? t("user.collapseToFirstLevel") : t("common.expandAll")
     );
-    function ke() {
-      g.value = O.value ? [] : [...k.value];
+    function Pe() {
+      w.value = K.value ? [...B.value] : [...C.value];
     }
-    $(k, (e) => g.value = e, { immediate: !0 }), $(v, (e) => {
-      var s;
+    ue(g, (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;
+      const r = new Map(S.value.map((P) => [P.id, P])), u = new Set(w.value);
+      let o = ((l = r.get(e)) == null ? void 0 : l.parentId) ?? 0;
       for (; o && r.has(o); )
         u.add(o), o = r.get(o).parentId;
-      g.value = [...u];
-    }), Ie(async () => {
+      w.value = [...u];
+    }), De(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 fr.page({ page: 1, pageSize: 200 });
+        Y.value = e.map((r) => ({ label: r.name, value: r.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 vr.page({ page: 1, pageSize: 200 });
+        L.value = e.map((r) => ({ label: r.name, value: r.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 m.page({ page: 1, pageSize: 200 });
+        Z.value = e.map((r) => ({ label: `${r.name}(${r.account})`, value: r.id }));
       } catch {
       }
       try {
-        T.value = await dr.list();
+        S.value = await gr.list(), w.value = [...B.value];
       } catch {
       } finally {
-        j.value = !1;
+        ee.value = !1;
       }
     });
-    const te = De();
-    $(
-      [c, () => te.query.roleId],
+    const le = qe();
+    ue(
+      [v, () => le.query.roleId],
       ([e, r]) => {
-        e && te.path === "/system/user" && fr(e, "roleId", r == null ? void 0 : Number(r));
+        e && le.path === "/system/user" && br(e, "roleId", r == null ? void 0 : Number(r));
       },
       { 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() {
+    const se = (e) => (e || "?").slice(0, 1), q = n(!1), R = n(!1), H = n(!1), z = n(!1), ne = n(null);
+    function Te() {
       var e, r;
-      (e = c.value) == null || e.refresh(), I.value && ((r = ae.value) == null || r.refresh());
+      (e = v.value) == null || e.refresh(), z.value && ((r = ne.value) == null || r.refresh());
     }
-    const xe = f(
+    const Ne = 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: t("import.button"), key: "import" } : null,
+        f.hasPerm("GET:/api/v1/sys/user/export") ? { label: t("export.button"), key: "export" } : null,
+        f.hasPerm("GET:/api/v1/sys/user/menu-grants/page") ? { label: t("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);
+    ), Ie = p(() => ({ ...xr, more: Ne.value }));
+    function Ae(e) {
+      e === "import" ? q.value = !0 : e === "export" ? R.value = !0 : e === "grantOverview" && (z.value = !0);
     }
-    const Ne = [
+    const Ce = [
       { key: "Account", title: t("userExport.account") },
       { key: "Name", title: t("userExport.name") },
       { key: "Nickname", title: t("userExport.nickname") },
@@ -149,39 +159,39 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
       { 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) {
+    ], Re = {
+      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)
+    }, V = n(null);
+    function ze(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;
+      V.value = r && r.order ? { field: String(r.columnKey), order: r.order === "ascend" ? "asc" : "desc" } : null;
     }
-    async function Oe(e) {
+    async function Me(e) {
       var u, o;
-      const r = yr(c.value);
-      B.value = !0;
+      const r = Sr(v.value);
+      H.value = !0;
       try {
-        const s = await p.export({
+        const l = await m.export({
           account: r.account || void 0,
           name: r.name || void 0,
-          orgId: Q.value.orgId,
+          orgId: re.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,
+          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));
+        Or(l, t("userExport.fileName")), R.value = !1, M.success(t("export.done"));
+      } catch (l) {
+        M.error(me(l));
       } finally {
-        B.value = !1;
+        H.value = !1;
       }
     }
-    const b = () => d("span", { class: "faint" }, "—"), L = (e) => () => d(y, { icon: e, size: 16 }), le = [
+    const O = () => d("span", { class: "faint" }, "—"), j = (e) => () => d(c, { icon: e, size: 16 }), ie = [
       { type: "index", title: () => t("common.rowNo"), width: 64, align: "center" },
       // 超管行禁勾:批量删除同样不可含超管(后端也会整体拒绝)
       { type: "selection", disabled: (e) => e.isSuperAdmin },
@@ -194,16 +204,16 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
         card: !1,
         // 窄档卡片的标题是姓名,头像不进卡片
         render: (e) => d(
-          Be,
+          Ve,
           { round: !0, size: "small", src: e.avatar || void 0 },
-          e.avatar ? { fallback: () => oe(e.name) } : { default: () => oe(e.name) }
+          e.avatar ? { fallback: () => se(e.name) } : { default: () => se(e.name) }
         )
       },
       {
         key: "account",
         ellipsis: { tooltip: !0 },
         title: () => t("user.account"),
-        search: { actions: K.fuzzy },
+        search: { actions: Q.fuzzy },
         sorter: !0
       },
       {
@@ -211,7 +221,7 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
         ellipsis: { tooltip: !0 },
         title: () => t("user.name"),
         card: "title",
-        search: { actions: K.fuzzy },
+        search: { actions: Q.fuzzy },
         sorter: !0
       },
       {
@@ -220,7 +230,7 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
         ellipsis: { tooltip: !0 },
         title: () => t("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) : O()
       },
       {
         key: "gender",
@@ -228,7 +238,7 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
         width: 80,
         hideInTable: !0,
         // 次要列:默认隐藏收窄整表,列设置抽屉可打开
-        render: (e) => e.gender ? d(Ze, { typeCode: "gender", value: e.gender }) : b()
+        render: (e) => e.gender ? d(or, { typeCode: "gender", value: e.gender }) : O()
       },
       // 只作搜索项,不进表格也不进列设置。options 直接吃编辑表单已拉好的 roleOptions(SmartTable 支持 Ref 选项源),不额外发请求;
       // 列上有 options,搜索控件自动是 select。
@@ -236,32 +246,32 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
         key: "roleId",
         title: () => t("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()
+        render: (e) => e.orgName || O()
       },
       {
         key: "positionName",
         title: () => t("user.position"),
         hideInTable: !0,
-        render: (e) => e.positionName || b()
+        render: (e) => e.positionName || O()
       },
       {
         key: "enabled",
         title: () => t("user.status"),
         width: 90,
         sorter: !0,
-        render: (e) => d(Ye, {
+        render: (e) => d(tr, {
           value: e.enabled,
           // 超管不可停用(防自锁 —— 停了就没法从 UI 恢复;后端也保护);无启停权限亦置灰。
-          disabled: e.isSuperAdmin || !m.hasPerm("PUT:/api/v1/sys/user/{id}/enabled"),
+          disabled: e.isSuperAdmin || !f.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),
+          request: (r) => m.setEnabled(e.id, r),
           "onUpdate:value": (r) => {
             e.enabled = r;
           }
@@ -271,7 +281,7 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
         key: "isSuperAdmin",
         title: () => t("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 }, () => t("user.superAdmin")) : O()
       },
       {
         key: "createTime",
@@ -291,40 +301,40 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
         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 !== he.value ? { key: "grantMenus", label: t("userGrant.action"), icon: j("ph:list-checks") } : null,
+            f.hasPerm("PUT:/api/v1/sys/user/{id}/password") ? { key: "resetPassword", label: t("user.resetPassword"), icon: j("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
+              icon: j("ph:link-break"),
+              disabled: A.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(We, { 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")
             ) : 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(
+              Je,
               {
-                onPositiveClick: () => de(() => p.remove(e.id), t("user.deleted")).then((o) => {
-                  var s;
-                  o && ((s = c.value) == null || s.refresh());
+                onPositiveClick: () => ce(() => m.remove(e.id), t("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")
                 ),
@@ -332,27 +342,27 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
               }
             ),
             u.length ? d(
-              qe,
+              Qe,
               {
                 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, P;
+                  o === "resetPassword" ? (l = D.value) == null || l.openReset(e) : o === "clearMfa" ? ye(e) : o === "grantMenus" && ((P = F.value) == null || P.open({ id: e.id, name: e.name }));
                 }
               },
               () => d(
-                w,
+                k,
                 {
                   size: "small",
                   quaternary: !0,
                   type: "primary",
                   iconPlacement: "right",
-                  loading: N.value
+                  loading: A.value
                 },
                 {
                   default: () => t("common.more"),
-                  icon: () => d(y, { icon: "ph:caret-down", size: 12 })
+                  icon: () => d(c, { icon: "ph:caret-down", size: 12 })
                 }
               )
             ) : null
@@ -360,87 +370,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 kr(ie), (e, r) => {
+      const u = Fe("auth");
+      return h(), W(Le, null, [
+        s(a(ke), null, {
+          default: i(({ drawer: o }) => [
+            y("div", Ir, [
+              o ? T("", !0) : (h(), W("span", Ar, b(a(t)("user.orgFilter")), 1)),
+              y("div", Cr, [
+                Oe.value ? (h(), N(a(pe), { 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"])
+                    y("button", {
+                      type: "button",
+                      class: J(["side-filter__btn side-filter__toggle", { "is-flipped": K.value }]),
+                      "aria-label": ae.value,
+                      onClick: Pe
+                    }, [
+                      s(c, {
+                        icon: "ph:caret-double-down",
+                        size: 14
+                      })
+                    ], 10, Rr)
                   ]),
                   default: i(() => [
-                    C(" " + E(O.value ? a(t)("common.collapseAll") : a(t)("common.expandAll")), 1)
+                    I(" " + b(ae.value), 1)
                   ]),
                   _: 1
-                })) : ne("", !0)
+                })) : T("", !0),
+                o ? T("", !0) : (h(), N(a(pe), { key: 1 }, {
+                  trigger: i(() => [
+                    y("button", {
+                      type: "button",
+                      class: "side-filter__btn side-filter__hide",
+                      "aria-label": a(t)("user.hideOrgPanel"),
+                      onClick: r[0] || (r[0] = (l) => E.value = !0)
+                    }, [
+                      s(c, {
+                        icon: "ph:sidebar-simple",
+                        size: 16
+                      })
+                    ], 8, zr)
+                  ]),
+                  default: i(() => [
+                    I(" " + b(a(t)("user.hideOrgPanel")), 1)
+                  ]),
+                  _: 1
+                }))
               ])
             ]),
-            l(a(He), {
-              value: D.value,
-              "onUpdate:value": r[0] || (r[0] = (o) => D.value = o),
+            xe.value ? (h(), N(a(Xe), {
+              key: 0,
+              value: $.value,
+              "onUpdate:value": r[1] || (r[1] = (l) => $.value = l),
               size: "small",
               clearable: "",
               placeholder: a(t)("org.searchPlaceholder")
             }, {
               prefix: i(() => [
-                l(y, {
+                s(c, {
                   icon: "ph:magnifying-glass",
                   size: 14
                 })
               ]),
               _: 1
-            }, 8, ["value", "placeholder"]),
-            h("button", {
+            }, 8, ["value", "placeholder"])) : T("", !0),
+            y("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": g.value === null }]),
+              onClick: r[2] || (r[2] = (l) => te(null))
             }, [
-              l(y, {
+              s(c, {
                 class: "side-row__icon",
                 icon: "ph:squares-four",
                 size: 15
               }),
-              h("span", Nr, E(a(t)("user.allOrgs")), 1)
+              y("span", Mr, b(a(t)("user.allOrgs")), 1)
             ], 2),
-            r[15] || (r[15] = h("div", { class: "side-filter__divider" }, null, -1)),
-            l(a(Ve), {
-              show: j.value,
+            r[15] || (r[15] = y("div", { class: "side-filter__divider" }, null, -1)),
+            s(a(Ye), {
+              show: ee.value,
               class: "fill-pass"
             }, {
               default: i(() => [
-                l(a(We), {
+                s(a(Ze), {
                   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: $.value,
+                  filter: Ee,
                   "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": g.value == null ? [] : [g.value],
+                  "expanded-keys": w.value,
+                  "render-switcher-icon": _e,
+                  "onUpdate:selectedKeys": we,
+                  "onUpdate:expandedKeys": r[3] || (r[3] = (l) => w.value = l)
                 }, null, 8, ["data", "pattern", "selected-keys", "expanded-keys"])
               ]),
               _: 1
@@ -448,51 +476,51 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
           ]),
           _: 1
         }),
-        h("div", {
-          ref_key: "layoutRef",
-          ref: X,
-          class: "user-layout side-page"
-        }, [
-          Z.value ? ne("", !0) : (S(), se("aside", Tr, [
-            l(a(re))
-          ])),
-          l(a(Xe), {
+        y("div", Ur, [
+          a(x) ? T("", !0) : (h(), W("aside", {
+            key: 0,
+            class: J(["side-filter", { "is-hidden": a(E) }]),
+            inert: a(E) || void 0
+          }, [
+            s(a(oe))
+          ], 10, Dr)),
+          s(a(rr), {
             ref_key: "tableRef",
-            ref: c,
-            columns: le,
-            fetcher: a(p).page,
-            params: Q.value,
+            ref: v,
+            columns: ie,
+            fetcher: a(m).page,
+            params: re.value,
             search: { container: "table" },
-            toolbar: Se.value,
+            toolbar: Ie.value,
             "fill-height": "",
-            "min-row-height": a(hr),
+            "min-row-height": a(_r),
             "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": ze,
+            "onUpdate:checkedRowKeys": r[5] || (r[5] = (o) => X.value = o),
+            onMoreSelect: Ae,
+            onError: r[6] || (r[6] = (o) => a(M).error(a(me)(o)))
+          }, Ge({
             "pagination-prefix": i(({ itemCount: o }) => [
-              l(wr, { count: o }, null, 8, ["count"])
+              s(Er, { count: o }, null, 8, ["count"])
             ]),
             "toolbar-right": i(() => [
-              ie((S(), q(a(w), {
+              de((h(), N(a(k), {
                 type: "primary",
                 onClick: r[4] || (r[4] = (o) => {
-                  var s;
-                  return (s = z.value) == null ? void 0 : s.openAdd();
+                  var l;
+                  return (l = U.value) == null ? void 0 : l.openAdd();
                 })
               }, {
                 icon: i(() => [
-                  l(y, {
+                  s(c, {
                     icon: "ph:plus",
                     size: 16
                   })
                 ]),
                 default: i(() => [
-                  C(" " + E(a(t)("common.add")), 1)
+                  I(" " + b(a(t)("common.add")), 1)
                 ]),
                 _: 1
               })), [
@@ -500,19 +528,19 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
               ])
             ]),
             batch: i(() => [
-              ie((S(), q(a(w), {
+              de((h(), N(a(k), {
                 secondary: "",
                 type: "error",
-                onClick: a(me)
+                onClick: a(ve)
               }, {
                 icon: i(() => [
-                  l(y, {
+                  s(c, {
                     icon: "ph:trash",
                     size: 16
                   })
                 ]),
                 default: i(() => [
-                  C(" " + E(a(t)("common.batchDelete")), 1)
+                  I(" " + b(a(t)("common.batchDelete")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])), [
@@ -521,107 +549,98 @@ const Sr = { class: "side-filter__head" }, Er = { class: "side-filter__actions"
             ]),
             _: 2
           }, [
-            Z.value ? {
+            a(x) || a(E) ? {
               name: "toolbar",
               fn: i(() => [
-                l(a(w), {
+                s(a(k), {
+                  class: "org-trigger",
                   secondary: "",
-                  onClick: r[3] || (r[3] = (o) => A.value = !0)
+                  title: a(x) ? void 0 : a(t)("user.showOrgPanel"),
+                  onClick: be
                 }, {
                   icon: i(() => [
-                    l(y, {
-                      icon: "ph:tree-structure",
+                    s(c, {
+                      icon: a(x) ? "ph:tree-structure" : "ph:sidebar-simple",
                       size: 16
-                    })
+                    }, null, 8, ["icon"])
                   ]),
                   default: i(() => [
-                    C(" " + E(he.value), 1)
+                    I(" " + b(Se.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),
-          placement: "left",
-          width: "min(300px, 88vw)"
+        ]),
+        s(sr, {
+          show: a(_),
+          "onUpdate:show": r[7] || (r[7] = (o) => $e(_) ? _.value = o : null),
+          title: a(t)("user.orgFilter")
         }, {
           default: i(() => [
-            l(a(Je), {
-              title: a(t)("user.orgFilter"),
-              closable: ""
-            }, {
-              default: i(() => [
-                h("div", Ar, [
-                  l(a(re))
-                ])
-              ]),
-              _: 1
-            }, 8, ["title"])
+            s(a(oe), { drawer: !0 })
           ]),
           _: 1
-        }, 8, ["show"]),
-        l(tr, {
+        }, 8, ["show", "title"]),
+        s(nr, {
           ref_key: "userFormRef",
-          ref: z,
-          "position-options": V.value,
-          "role-options": U.value,
-          "director-options": W.value,
+          ref: U,
+          "position-options": Y.value,
+          "role-options": L.value,
+          "director-options": Z.value,
           onSaved: r[8] || (r[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);
+            var l;
+            return (l = D.value) == null ? void 0 : l.showResult(o, !0);
           })
         }, null, 8, ["position-options", "role-options", "director-options"]),
-        l(or, {
+        s(ir, {
           ref_key: "resetModalRef",
-          ref: R
+          ref: D
         }, null, 512),
-        l(ar, {
+        s(ur, {
           ref_key: "grantSheetRef",
-          ref: M,
-          onSaved: be
+          ref: F,
+          onSaved: Te
         }, null, 512),
-        l(lr, {
+        s(dr, {
           ref_key: "grantOverviewRef",
-          ref: ae,
-          show: I.value,
-          "onUpdate:show": r[10] || (r[10] = (o) => I.value = o),
+          ref: ne,
+          show: z.value,
+          "onUpdate:show": r[10] || (r[10] = (o) => z.value = o),
           onAdjust: r[11] || (r[11] = (o) => {
-            var s;
-            return (s = M.value) == null ? void 0 : s.open(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,
+        s(ar, {
+          show: q.value,
+          "onUpdate:show": r[12] || (r[12] = (o) => q.value = o),
+          api: Re,
           "template-file-name": a(t)("userExport.importTemplateName"),
           "error-report-file-name": a(t)("userExport.errorReportName"),
           onDone: r[13] || (r[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(lr, {
+          show: R.value,
+          "onUpdate:show": r[14] || (r[14] = (o) => R.value = o),
+          columns: Ce,
+          loading: H.value,
+          onConfirm: Me
         }, null, 8, ["show", "loading"])
       ], 64);
     };
   }
 });
 export {
-  tt as default
+  vt as default
 };
 //# sourceMappingURL=index2.vue.js.map