smart-admin-web 10.14.0 → 10.20.0

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

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