smart-admin-web 10.22.0 → 10.23.0

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

@@ -1,222 +1,225 @@
-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 = {
+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__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({
+}, 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($t) {
-    const { t: r } = at(), M = We(), { run: ve, confirm: ge } = ft(), f = bt(), v = n(), { checkedKeys: X, run: he } = vt({
-      remove: c.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 = v.value) == null ? void 0 : e.refresh();
       },
-      successMsg: r("user.deleted")
-    }), U = n(null), D = n(null), F = n(null), ye = kt(), we = p(() => {
+      successMsg: t("user.deleted")
+    }), U = n(null), D = n(null), F = n(null), ge = wr(), he = p(() => {
       var e;
-      return (e = ye.userInfo) == null ? void 0 : e.userId;
-    }), I = n(!1);
-    async function be(e) {
-      var t;
-      I.value = !0;
+      return (e = ge.userInfo) == null ? void 0 : e.userId;
+    }), A = n(!1);
+    async function ye(e) {
+      var r;
+      A.value = !0;
       try {
-        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());
+        await fe({
+          content: t("user.clearMfaConfirm", { name: e.name }),
+          action: () => hr.clear({ userId: e.id }),
+          successMsg: t("user.mfaCleared")
+        }) && ((r = v.value) == null || r.refresh());
       } finally {
-        I.value = !1;
+        A.value = !1;
       }
     }
-    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 }
+    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 ke(e) {
-      ae(e.length ? Number(e[0]) : null);
+    function we(e) {
+      te(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 { compact: x, drawerOpen: _ } = cr(), E = Be("sa-user-org-panel-hidden", !1);
+    function te(e) {
+      g.value = e, _.value = !1;
     }
-    function Se() {
-      x.value ? C.value = !0 : _.value = !1;
+    function be() {
+      x.value ? _.value = !0 : E.value = !1;
     }
-    const [xe, le] = He(), _e = p(
+    const [ke, oe] = Ke(), Se = p(
       () => {
         var e;
-        return ((e = S.value.find((t) => t.id === h.value)) == null ? void 0 : e.name) ?? r("user.orgFilter");
+        return ((e = S.value.find((r) => r.id === g.value)) == null ? void 0 : e.name) ?? t("user.orgFilter");
       }
-    ), Ee = p(() => S.value.length > Bt), B = n(""), Oe = () => d(m, { icon: "ph:caret-right", size: 12 });
-    function Te(e, t) {
+    ), 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 = t;
+      const o = r;
       return o.name.toLowerCase().includes(u) || (o.code ?? "").toLowerCase().includes(u);
     }
-    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")
+    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 Pe() {
-      w.value = K.value ? [...$.value] : [...A.value];
+      w.value = K.value ? [...B.value] : [...C.value];
     }
-    pe(h, (e) => {
+    ue(g, (e) => {
       var l;
       if (e == null) return;
-      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;
+      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;
       w.value = [...u];
-    }), Le(async () => {
+    }), De(async () => {
       try {
-        const { items: e } = await gt.page({ page: 1, pageSize: 200 });
-        Y.value = e.map((t) => ({ label: t.name, value: t.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 ht.page({ page: 1, pageSize: 200 });
-        L.value = e.map((t) => ({ label: t.name, value: t.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 c.page({ page: 1, pageSize: 200 });
-        Z.value = e.map((t) => ({ label: `${t.name}(${t.account})`, value: t.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 {
-        S.value = await yt.list(), w.value = [...$.value];
+        S.value = await gr.list(), w.value = [...B.value];
       } catch {
       } finally {
         ee.value = !1;
       }
     });
-    const ne = Ve();
-    pe(
-      [v, () => ne.query.roleId],
-      ([e, t]) => {
-        e && ne.path === "/system/user" && St(e, "roleId", t == null ? void 0 : Number(t));
+    const le = qe();
+    ue(
+      [v, () => le.query.roleId],
+      ([e, r]) => {
+        e && le.path === "/system/user" && br(e, "roleId", r == null ? void 0 : Number(r));
       },
       { immediate: !0 }
     );
-    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 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 = v.value) == null || e.refresh(), z.value && ((r = ne.value) == null || r.refresh());
     }
-    const Ce = p(
+    const Ne = p(
       () => [
-        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
+        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)
-    ), Ae = p(() => ({ ...Et, more: Ce.value }));
-    function Re(e) {
+    ), 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 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)
+    const Ce = [
+      { 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") }
+    ], 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 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;
+    function ze(e) {
+      const r = Array.isArray(e) ? e[0] : e;
+      V.value = r && r.order ? { field: String(r.columnKey), order: r.order === "ascend" ? "asc" : "desc" } : null;
     }
-    async function De(e) {
+    async function Me(e) {
       var u, o;
-      const t = _t(v.value);
+      const r = Sr(v.value);
       H.value = !0;
       try {
-        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,
+        const l = await m.export({
+          account: r.account || void 0,
+          name: r.name || void 0,
+          orgId: re.value.orgId,
+          roleId: r.roleId != null ? Number(r.roleId) : void 0,
           sortField: (u = V.value) == null ? void 0 : u.field,
           sortOrder: (o = V.value) == null ? void 0 : o.order,
           columns: e.join(",")
         });
-        Nt(l, r("userExport.fileName")), R.value = !1, M.success(r("export.done"));
+        Or(l, t("userExport.fileName")), R.value = !1, M.success(t("export.done"));
       } catch (l) {
-        M.error(fe(l));
+        M.error(me(l));
       } finally {
         H.value = !1;
       }
     }
-    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" },
+    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 },
       {
         key: "avatar",
-        title: () => r("user.avatar"),
+        title: () => t("user.avatar"),
         width: 64,
         align: "center",
         hideInSetting: !1,
         card: !1,
         // 窄档卡片的标题是姓名,头像不进卡片
         render: (e) => d(
-          je,
+          Ve,
           { round: !0, size: "small", src: e.avatar || void 0 },
-          e.avatar ? { fallback: () => ie(e.name) } : { default: () => ie(e.name) }
+          e.avatar ? { fallback: () => se(e.name) } : { default: () => se(e.name) }
         )
       },
       {
         key: "account",
         ellipsis: { tooltip: !0 },
-        title: () => r("user.account"),
+        title: () => t("user.account"),
         search: { actions: Q.fuzzy },
         sorter: !0
       },
       {
         key: "name",
         ellipsis: { tooltip: !0 },
-        title: () => r("user.name"),
+        title: () => t("user.name"),
         card: "title",
         search: { actions: Q.fuzzy },
         sorter: !0
@@ -225,23 +228,23 @@ const At = { class: "side-filter__head" }, Rt = {
         key: "phone",
         width: 130,
         ellipsis: { tooltip: !0 },
-        title: () => r("user.phone"),
+        title: () => t("user.phone"),
         sorter: !0,
-        render: (e) => e.phone ? d("span", { class: "num" }, e.phone) : E()
+        render: (e) => e.phone ? d("span", { class: "num" }, e.phone) : O()
       },
       {
         key: "gender",
-        title: () => r("user.gender"),
+        title: () => t("user.gender"),
         width: 80,
         hideInTable: !0,
         // 次要列:默认隐藏收窄整表,列设置抽屉可打开
-        render: (e) => e.gender ? d(nt, { typeCode: "gender", value: e.gender }) : E()
+        render: (e) => e.gender ? d(or, { typeCode: "gender", value: e.gender }) : O()
       },
       // 只作搜索项,不进表格也不进列设置。options 直接吃编辑表单已拉好的 roleOptions(SmartTable 支持 Ref 选项源),不额外发请求;
       // 列上有 options,搜索控件自动是 select。
       {
         key: "roleId",
-        title: () => r("user.roles"),
+        title: () => t("user.roles"),
         hideInTable: !0,
         options: L,
         search: { actions: Q.exact, props: { clearable: !0 } }
@@ -249,41 +252,41 @@ const At = { class: "side-filter__head" }, Rt = {
       {
         key: "orgName",
         ellipsis: { tooltip: !0 },
-        title: () => r("user.org"),
-        render: (e) => e.orgName || E()
+        title: () => t("user.org"),
+        render: (e) => e.orgName || O()
       },
       {
         key: "positionName",
-        title: () => r("user.position"),
+        title: () => t("user.position"),
         hideInTable: !0,
-        render: (e) => e.positionName || E()
+        render: (e) => e.positionName || O()
       },
       {
         key: "enabled",
-        title: () => r("user.status"),
+        title: () => t("user.status"),
         width: 90,
         sorter: !0,
-        render: (e) => d(st, {
+        render: (e) => d(tr, {
           value: e.enabled,
           // 超管不可停用(防自锁 —— 停了就没法从 UI 恢复;后端也保护);无启停权限亦置灰。
           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;
+          confirm: (r) => r ? null : t("user.disableConfirm", { name: e.name }),
+          request: (r) => m.setEnabled(e.id, r),
+          "onUpdate:value": (r) => {
+            e.enabled = r;
           }
         })
       },
       {
         key: "isSuperAdmin",
-        title: () => r("user.superAdmin"),
+        title: () => t("user.superAdmin"),
         width: 90,
-        render: (e) => e.isSuperAdmin ? d(Je, { type: "warning", size: "small", bordered: !1 }, () => r("user.superAdmin")) : E()
+        render: (e) => e.isSuperAdmin ? d(je, { type: "warning", size: "small", bordered: !1 }, () => t("user.superAdmin")) : O()
       },
       {
         key: "createTime",
         width: 170,
-        title: () => r("user.createTime"),
+        title: () => t("user.createTime"),
         format: "datetime",
         sorter: !0
       },
@@ -291,23 +294,23 @@ const At = { class: "side-filter__head" }, Rt = {
       // width 须够「编辑+删除+更多」单行;wrap:false 禁止 NSpace 默认换行(否则「更多」掉到删除下一行)。
       {
         key: "op",
-        title: () => r("common.operation"),
+        title: () => t("common.operation"),
         width: 200,
         fixed: "right",
         // 钉右:横向滚动时操作列始终可见
         hideInSetting: !0,
         render: (e) => {
           const u = [
-            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,
+            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: r("user.clearMfa"),
-              icon: W("ph:link-break"),
-              disabled: I.value
+              label: t("user.clearMfa"),
+              icon: j("ph:link-break"),
+              disabled: A.value
             } : null
           ].filter((o) => o !== null);
-          return d(Qe, { size: 4, wrap: !1, wrapItem: !1 }, () => [
+          return d(We, { size: 4, wrap: !1, wrapItem: !1 }, () => [
             f.hasPerm("PUT:/api/v1/sys/user/{id}") ? d(
               k,
               {
@@ -319,12 +322,12 @@ const At = { class: "side-filter__head" }, Rt = {
                   return (o = U.value) == null ? void 0 : o.openEdit(e);
                 }
               },
-              () => r("common.edit")
+              () => t("common.edit")
             ) : null,
             e.isSuperAdmin || !f.hasPerm("DELETE:/api/v1/sys/user/{id}") ? null : d(
-              Xe,
+              Je,
               {
-                onPositiveClick: () => ve(() => c.remove(e.id), r("user.deleted")).then((o) => {
+                onPositiveClick: () => ce(() => m.remove(e.id), t("user.deleted")).then((o) => {
                   var l;
                   o && ((l = v.value) == null || l.refresh());
                 })
@@ -333,19 +336,19 @@ const At = { class: "side-filter__head" }, Rt = {
                 trigger: () => d(
                   k,
                   { size: "small", quaternary: !0, type: "error" },
-                  () => r("common.delete")
+                  () => t("common.delete")
                 ),
-                default: () => r("user.deleteConfirm", { name: e.name })
+                default: () => t("user.deleteConfirm", { name: e.name })
               }
             ),
             u.length ? d(
-              Ye,
+              Qe,
               {
                 trigger: "click",
                 options: u,
                 onSelect: (o) => {
-                  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 }));
+                  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(
@@ -355,11 +358,11 @@ const At = { class: "side-filter__head" }, Rt = {
                   quaternary: !0,
                   type: "primary",
                   iconPlacement: "right",
-                  loading: I.value
+                  loading: A.value
                 },
                 {
-                  default: () => r("common.more"),
-                  icon: () => d(m, { icon: "ph:caret-down", size: 12 })
+                  default: () => t("common.more"),
+                  icon: () => d(c, { icon: "ph:caret-down", size: 12 })
                 }
               )
             ) : null
@@ -367,89 +370,89 @@ const At = { class: "side-filter__head" }, Rt = {
         }
       }
     ];
-    return xt(de), (e, t) => {
-      const u = Ge("auth");
-      return y(), j(Be, null, [
-        s(a(xe), null, {
+    return kr(ie), (e, r) => {
+      const u = Fe("auth");
+      return h(), W(Le, null, [
+        s(a(ke), 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 }, {
+            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(() => [
-                    g("button", {
+                    y("button", {
                       type: "button",
                       class: J(["side-filter__btn side-filter__toggle", { "is-flipped": K.value }]),
-                      "aria-label": se.value,
+                      "aria-label": ae.value,
                       onClick: Pe
                     }, [
-                      s(m, {
+                      s(c, {
                         icon: "ph:caret-double-down",
                         size: 14
                       })
-                    ], 10, Mt)
+                    ], 10, Rr)
                   ]),
                   default: i(() => [
-                    P(" " + b(se.value), 1)
+                    I(" " + b(ae.value), 1)
                   ]),
                   _: 1
                 })) : T("", !0),
-                o ? T("", !0) : (y(), N(a(me), { key: 1 }, {
+                o ? T("", !0) : (h(), N(a(pe), { key: 1 }, {
                   trigger: i(() => [
-                    g("button", {
+                    y("button", {
                       type: "button",
                       class: "side-filter__btn side-filter__hide",
-                      "aria-label": a(r)("user.hideOrgPanel"),
-                      onClick: t[0] || (t[0] = (l) => _.value = !0)
+                      "aria-label": a(t)("user.hideOrgPanel"),
+                      onClick: r[0] || (r[0] = (l) => E.value = !0)
                     }, [
-                      s(m, {
+                      s(c, {
                         icon: "ph:sidebar-simple",
                         size: 16
                       })
-                    ], 8, Ut)
+                    ], 8, zr)
                   ]),
                   default: i(() => [
-                    P(" " + b(a(r)("user.hideOrgPanel")), 1)
+                    I(" " + b(a(t)("user.hideOrgPanel")), 1)
                   ]),
                   _: 1
                 }))
               ])
             ]),
-            Ee.value ? (y(), N(a(Ze), {
+            xe.value ? (h(), N(a(Xe), {
               key: 0,
-              value: B.value,
-              "onUpdate:value": t[1] || (t[1] = (l) => B.value = l),
+              value: $.value,
+              "onUpdate:value": r[1] || (r[1] = (l) => $.value = l),
               size: "small",
               clearable: "",
-              placeholder: a(r)("org.searchPlaceholder")
+              placeholder: a(t)("org.searchPlaceholder")
             }, {
               prefix: i(() => [
-                s(m, {
+                s(c, {
                   icon: "ph:magnifying-glass",
                   size: 14
                 })
               ]),
               _: 1
             }, 8, ["value", "placeholder"])) : T("", !0),
-            g("button", {
+            y("button", {
               type: "button",
-              class: J(["side-row", { "is-active": h.value === null }]),
-              onClick: t[2] || (t[2] = (l) => ae(null))
+              class: J(["side-row", { "is-active": g.value === null }]),
+              onClick: r[2] || (r[2] = (l) => te(null))
             }, [
-              s(m, {
+              s(c, {
                 class: "side-row__icon",
                 icon: "ph:squares-four",
                 size: 15
               }),
-              g("span", Dt, b(a(r)("user.allOrgs")), 1)
+              y("span", Mr, b(a(t)("user.allOrgs")), 1)
             ], 2),
-            t[15] || (t[15] = g("div", { class: "side-filter__divider" }, null, -1)),
-            s(a(et), {
+            r[15] || (r[15] = y("div", { class: "side-filter__divider" }, null, -1)),
+            s(a(Ye), {
               show: ee.value,
               class: "fill-pass"
             }, {
               default: i(() => [
-                s(a(tt), {
+                s(a(Ze), {
                   class: "side-tree",
                   "block-line": "",
                   selectable: "",
@@ -458,14 +461,14 @@ const At = { class: "side-filter__head" }, Rt = {
                   "label-field": "name",
                   "children-field": "children",
                   data: G.value,
-                  pattern: B.value,
-                  filter: Te,
+                  pattern: $.value,
+                  filter: Ee,
                   "show-irrelevant-nodes": !1,
-                  "selected-keys": h.value == null ? [] : [h.value],
+                  "selected-keys": g.value == null ? [] : [g.value],
                   "expanded-keys": w.value,
-                  "render-switcher-icon": Oe,
-                  "onUpdate:selectedKeys": ke,
-                  "onUpdate:expandedKeys": t[3] || (t[3] = (l) => w.value = l)
+                  "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
@@ -473,55 +476,51 @@ const At = { class: "side-filter__head" }, Rt = {
           ]),
           _: 1
         }),
-        g("div", {
-          ref_key: "layoutRef",
-          ref: re,
-          class: "user-layout side-page"
-        }, [
-          x.value ? T("", !0) : (y(), j("aside", {
+        y("div", Ur, [
+          a(x) ? T("", !0) : (h(), W("aside", {
             key: 0,
-            class: J(["side-filter", { "is-hidden": a(_) }]),
-            inert: a(_) || void 0
+            class: J(["side-filter", { "is-hidden": a(E) }]),
+            inert: a(E) || void 0
           }, [
-            s(a(le))
-          ], 10, Ft)),
-          s(a(lt), {
+            s(a(oe))
+          ], 10, Dr)),
+          s(a(rr), {
             ref_key: "tableRef",
             ref: v,
-            columns: de,
-            fetcher: a(c).page,
-            params: te.value,
+            columns: ie,
+            fetcher: a(m).page,
+            params: re.value,
             search: { container: "table" },
-            toolbar: Ae.value,
+            toolbar: Ie.value,
             "fill-height": "",
-            "min-row-height": a(Ot),
+            "min-row-height": a(_r),
             "card-on-narrow": "",
             "storage-key": "sys-user",
             "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({
+            "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 }) => [
-              s(Tt, { count: o }, null, 8, ["count"])
+              s(Er, { count: o }, null, 8, ["count"])
             ]),
             "toolbar-right": i(() => [
-              ce((y(), N(a(k), {
+              de((h(), N(a(k), {
                 type: "primary",
-                onClick: t[4] || (t[4] = (o) => {
+                onClick: r[4] || (r[4] = (o) => {
                   var l;
                   return (l = U.value) == null ? void 0 : l.openAdd();
                 })
               }, {
                 icon: i(() => [
-                  s(m, {
+                  s(c, {
                     icon: "ph:plus",
                     size: 16
                   })
                 ]),
                 default: i(() => [
-                  P(" " + b(a(r)("common.add")), 1)
+                  I(" " + b(a(t)("common.add")), 1)
                 ]),
                 _: 1
               })), [
@@ -529,19 +528,19 @@ const At = { class: "side-filter__head" }, Rt = {
               ])
             ]),
             batch: i(() => [
-              ce((y(), N(a(k), {
+              de((h(), N(a(k), {
                 secondary: "",
                 type: "error",
-                onClick: a(he)
+                onClick: a(ve)
               }, {
                 icon: i(() => [
-                  s(m, {
+                  s(c, {
                     icon: "ph:trash",
                     size: 16
                   })
                 ]),
                 default: i(() => [
-                  P(" " + b(a(r)("common.batchDelete")), 1)
+                  I(" " + b(a(t)("common.batchDelete")), 1)
                 ]),
                 _: 1
               }, 8, ["onClick"])), [
@@ -550,23 +549,23 @@ const At = { class: "side-filter__head" }, Rt = {
             ]),
             _: 2
           }, [
-            x.value || a(_) ? {
+            a(x) || a(E) ? {
               name: "toolbar",
               fn: i(() => [
                 s(a(k), {
                   class: "org-trigger",
                   secondary: "",
-                  title: x.value ? void 0 : a(r)("user.showOrgPanel"),
-                  onClick: Se
+                  title: a(x) ? void 0 : a(t)("user.showOrgPanel"),
+                  onClick: be
                 }, {
                   icon: i(() => [
-                    s(m, {
-                      icon: x.value ? "ph:tree-structure" : "ph:sidebar-simple",
+                    s(c, {
+                      icon: a(x) ? "ph:tree-structure" : "ph:sidebar-simple",
                       size: 16
                     }, null, 8, ["icon"])
                   ]),
                   default: i(() => [
-                    P(" " + b(_e.value), 1)
+                    I(" " + b(Se.value), 1)
                   ]),
                   _: 1
                 }, 8, ["title"])
@@ -574,85 +573,74 @@ const At = { class: "side-filter__head" }, Rt = {
               key: "0"
             } : void 0
           ]), 1032, ["fetcher", "params", "toolbar", "min-row-height", "checked-row-keys"])
-        ], 512),
-        s(a(rt), {
-          show: C.value,
-          "onUpdate:show": t[7] || (t[7] = (o) => C.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(() => [
-            s(a(ot), {
-              title: a(r)("user.orgFilter"),
-              closable: ""
-            }, {
-              default: i(() => [
-                g("div", Lt, [
-                  s(a(le), { drawer: !0 })
-                ])
-              ]),
-              _: 1
-            }, 8, ["title"])
+            s(a(oe), { drawer: !0 })
           ]),
           _: 1
-        }, 8, ["show"]),
-        s(dt, {
+        }, 8, ["show", "title"]),
+        s(nr, {
           ref_key: "userFormRef",
           ref: U,
           "position-options": Y.value,
           "role-options": L.value,
           "director-options": Z.value,
-          onSaved: t[8] || (t[8] = () => {
+          onSaved: r[8] || (r[8] = () => {
             var o;
             return (o = v.value) == null ? void 0 : o.refresh();
           }),
-          onPasswordGenerated: t[9] || (t[9] = (o) => {
+          onPasswordGenerated: r[9] || (r[9] = (o) => {
             var l;
             return (l = D.value) == null ? void 0 : l.showResult(o, !0);
           })
         }, null, 8, ["position-options", "role-options", "director-options"]),
-        s(pt, {
+        s(ir, {
           ref_key: "resetModalRef",
           ref: D
         }, null, 512),
-        s(ct, {
+        s(ur, {
           ref_key: "grantSheetRef",
           ref: F,
-          onSaved: Ie
+          onSaved: Te
         }, null, 512),
-        s(mt, {
+        s(dr, {
           ref_key: "grantOverviewRef",
-          ref: ue,
+          ref: ne,
           show: z.value,
-          "onUpdate:show": t[10] || (t[10] = (o) => z.value = o),
-          onAdjust: t[11] || (t[11] = (o) => {
+          "onUpdate:show": r[10] || (r[10] = (o) => z.value = o),
+          onAdjust: r[11] || (r[11] = (o) => {
             var l;
             return (l = F.value) == null ? void 0 : l.open(o);
           })
         }, null, 8, ["show"]),
-        s(it, {
+        s(ar, {
           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] = () => {
+          "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 = v.value) == null ? void 0 : o.refresh();
           })
         }, null, 8, ["show", "template-file-name", "error-report-file-name"]),
-        s(ut, {
+        s(lr, {
           show: R.value,
-          "onUpdate:show": t[14] || (t[14] = (o) => R.value = o),
-          columns: ze,
+          "onUpdate:show": r[14] || (r[14] = (o) => R.value = o),
+          columns: Ce,
           loading: H.value,
-          onConfirm: De
+          onConfirm: Me
         }, null, 8, ["show", "loading"])
       ], 64);
     };
   }
 });
 export {
-  vr as default
+  vt as default
 };
 //# sourceMappingURL=index2.vue.js.map