smart-admin-web 10.20.1 → 10.22.0

package/dist/views/system/user/components/UserGrantMenuSheet2.vue.js

@@ -0,0 +1,216 @@
+import { defineComponent as le, ref as g, shallowRef as G, reactive as ne, computed as d, openBlock as m, createBlock as M, unref as a, normalizeStyle as se, withCtx as o, createVNode as f, createElementBlock as O, createElementVNode as h, createTextVNode as N, toDisplayString as v, createCommentVNode as w, normalizeClass as oe } from "vue";
+import { useMessage as re, NModal as ue, NSpin as ie, NAlert as B, NTabs as ce, NTabPane as U, NButton as V } from "naive-ui";
+import { useI18n as de } from "vue-i18n";
+import { useWindowSize as fe } from "@vueuse/core";
+import { menuApi as ve, userApi as D } from "../../../../api/index.js";
+import { useAuthStore as me } from "../../../../stores/auth.js";
+import { translateError as z } from "../../../../utils/error.js";
+import pe from "./UserGrantMenuTable.vue.js";
+import ye from "./UserGrantEffectiveTable2.vue.js";
+import { expiryLimit as ge, countDraft as he, diffDraft as I, READONLY_REASON_KEYS as we, draftFromGrants as P, invalidExpiry as _e } from "./userGrantState.js";
+const be = {
+  key: 0,
+  class: "ugs"
+}, xe = { class: "ugs-notes" }, Ge = { class: "ugs-hint" }, Me = { class: "ugs-summary" }, Ne = {
+  key: 0,
+  class: "ugs-dirty"
+}, ke = 640, ze = /* @__PURE__ */ le({
+  __name: "UserGrantMenuSheet",
+  emits: ["saved"],
+  setup(Ee, { expose: q, emit: L }) {
+    const W = L, { t: n } = de(), _ = re(), Y = me(), u = g(!1), k = g(!1), i = g(!1), E = g("grant"), p = g(null), b = G([]), S = G([]), s = G(null), y = G(/* @__PURE__ */ new Map()), c = ne(/* @__PURE__ */ new Map());
+    let x = 0;
+    const { width: $ } = fe(), R = d(() => $.value <= ke), F = d(
+      () => R.value ? { width: "calc(100vw - 16px)", height: "calc(100dvh - 16px)" } : { width: "min(1040px, calc(100vw - 48px))", height: "min(780px, calc(100dvh - 48px))" }
+    ), H = {
+      display: "flex",
+      flexDirection: "column",
+      flex: "1 1 0",
+      minHeight: "0",
+      padding: "0",
+      overflow: "hidden"
+    }, K = { padding: "0" }, A = d(() => ge(s.value, /* @__PURE__ */ new Date())), j = d(() => he(c)), J = d(() => {
+      const t = I(y.value, c);
+      return t.upserts.length + t.removes.length > 0;
+    }), T = d(() => {
+      const t = s.value;
+      if (!t || t.targetEditable) return "";
+      const e = t.readOnlyReason != null ? we[t.readOnlyReason] : void 0;
+      return e ? n("userGrant.readonly", { reason: n(e) }) : n("userGrant.readonlyNoReason");
+    }), Q = d(() => {
+      var l, r;
+      const t = ((l = s.value) == null ? void 0 : l.modules) ?? [], e = Y.currentModuleId;
+      return e != null && t.some((C) => C.id === e) ? e : ((r = t[0]) == null ? void 0 : r.id) ?? 0;
+    });
+    function X() {
+      b.value = [], S.value = [], y.value = /* @__PURE__ */ new Map(), c.clear(), s.value = null;
+    }
+    async function Z(t) {
+      const e = ++x;
+      p.value = t, E.value = "grant", X(), u.value = !0, k.value = !0;
+      try {
+        const [l, r, C] = await Promise.all([
+          ve.tree(),
+          D.getMenuGrants(t.id),
+          D.getEffectiveMenus(t.id)
+        ]);
+        if (e !== x) return;
+        b.value = l, S.value = r, y.value = P(r);
+        for (const [te, ae] of P(r)) c.set(te, ae);
+        s.value = C;
+      } catch (l) {
+        if (e !== x) return;
+        _.error(z(l)), u.value = !1;
+      } finally {
+        e === x && (k.value = !1);
+      }
+    }
+    async function ee() {
+      if (i.value || !p.value) return;
+      const t = _e(y.value, c, A.value, /* @__PURE__ */ new Date());
+      if (t.length) {
+        _.warning(n("userGrant.invalidExpiry", { count: t.length }));
+        return;
+      }
+      const { upserts: e, removes: l } = I(y.value, c);
+      if (!e.length && !l.length) {
+        u.value = !1;
+        return;
+      }
+      i.value = !0;
+      try {
+        await D.setMenuGrants(p.value.id, e, l), _.success(n("userGrant.saved")), u.value = !1, W("saved");
+      } catch (r) {
+        _.error(z(r));
+      } finally {
+        i.value = !1;
+      }
+    }
+    return q({ open: Z }), (t, e) => (m(), M(a(ue), {
+      show: u.value,
+      "onUpdate:show": e[2] || (e[2] = (l) => u.value = l),
+      preset: "card",
+      title: p.value ? a(n)("userGrant.title", { name: p.value.name }) : "",
+      closable: !i.value,
+      "close-on-esc": !i.value,
+      "mask-closable": !1,
+      "auto-focus": !1,
+      style: se(F.value),
+      "content-style": H,
+      "footer-style": K
+    }, {
+      footer: o(() => {
+        var l;
+        return [
+          h("footer", {
+            class: oe(["ugs-foot", { "is-narrow": R.value }])
+          }, [
+            h("div", Me, [
+              h("span", null, v(a(n)("userGrant.summary", j.value)), 1),
+              J.value ? (m(), O("span", Ne, v(a(n)("userGrant.unsaved")), 1)) : w("", !0)
+            ]),
+            f(a(V), {
+              disabled: i.value,
+              onClick: e[1] || (e[1] = (r) => u.value = !1)
+            }, {
+              default: o(() => [
+                N(v(a(n)("common.cancel")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]),
+            (l = s.value) != null && l.targetEditable ? (m(), M(a(V), {
+              key: 0,
+              type: "primary",
+              loading: i.value,
+              onClick: ee
+            }, {
+              default: o(() => [
+                N(v(a(n)("common.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])) : w("", !0)
+          ], 2)
+        ];
+      }),
+      default: o(() => [
+        f(a(ie), {
+          show: k.value,
+          class: "ugs-spin"
+        }, {
+          default: o(() => [
+            s.value ? (m(), O("div", be, [
+              h("div", xe, [
+                T.value ? (m(), M(a(B), {
+                  key: 0,
+                  type: "warning",
+                  bordered: !1
+                }, {
+                  default: o(() => [
+                    N(v(T.value), 1)
+                  ]),
+                  _: 1
+                })) : w("", !0),
+                s.value.hasRoles ? w("", !0) : (m(), M(a(B), {
+                  key: 1,
+                  type: "info",
+                  bordered: !1
+                }, {
+                  default: o(() => [
+                    N(v(a(n)("userGrant.noRoles")), 1)
+                  ]),
+                  _: 1
+                })),
+                h("p", Ge, v(a(n)("userGrant.hint")), 1)
+              ]),
+              f(a(ce), {
+                value: E.value,
+                "onUpdate:value": e[0] || (e[0] = (l) => E.value = l),
+                type: "line",
+                class: "ugs-tabs"
+              }, {
+                default: o(() => [
+                  f(a(U), {
+                    name: "grant",
+                    "display-directive": "show",
+                    tab: a(n)("userGrant.tabGrant")
+                  }, {
+                    default: o(() => [
+                      f(pe, {
+                        tree: b.value,
+                        effective: s.value,
+                        draft: c,
+                        "default-module-id": Q.value,
+                        "max-date": A.value
+                      }, null, 8, ["tree", "effective", "draft", "default-module-id", "max-date"])
+                    ]),
+                    _: 1
+                  }, 8, ["tab"]),
+                  f(a(U), {
+                    name: "effective",
+                    tab: a(n)("userGrant.tabEffective")
+                  }, {
+                    default: o(() => [
+                      f(ye, {
+                        tree: b.value,
+                        effective: s.value,
+                        grants: S.value
+                      }, null, 8, ["tree", "effective", "grants"])
+                    ]),
+                    _: 1
+                  }, 8, ["tab"])
+                ]),
+                _: 1
+              }, 8, ["value"])
+            ])) : w("", !0)
+          ]),
+          _: 1
+        }, 8, ["show"])
+      ]),
+      _: 1
+    }, 8, ["show", "title", "closable", "close-on-esc", "style"]));
+  }
+});
+export {
+  ze as default
+};
+//# sourceMappingURL=UserGrantMenuSheet2.vue.js.map

package/dist/views/system/user/components/UserGrantMenuSheet2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserGrantMenuSheet2.vue.js","sources":["../../../../../src/views/system/user/components/UserGrantMenuSheet.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 用户「授权菜单」弹窗:壳的尺寸与底栏照角色页 GrantMenuSheet(定高、只有列表滚动、底栏常驻),\n// 内容是两个页签——「单独授权」三态列表与「有效权限」只读表。打开时一次拉齐菜单树、授权记录与有效权限;\n// 保存只提交变更集(与打开时的快照比)。目标用户不可编辑(自己 / 超管 / 范围外 / 对方是管理员)时整体只读并说明原因。\nimport { computed, reactive, ref, shallowRef, type CSSProperties } from 'vue'\nimport { NAlert, NButton, NModal, NSpin, NTabPane, NTabs, useMessage } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { useWindowSize } from '@vueuse/core'\nimport { menuApi, userApi } from '#/api'\nimport { useAuthStore } from '#/stores/auth'\nimport { translateError } from '#/utils/error'\nimport type { MenuTreeNode } from '#/types/menu'\nimport type { UserMenuEffective, UserMenuGrantItem } from '#/types/api'\nimport UserGrantMenuTable from './UserGrantMenuTable.vue'\nimport UserGrantEffectiveTable from './UserGrantEffectiveTable.vue'\nimport {\n  READONLY_REASON_KEYS,\n  countDraft,\n  diffDraft,\n  draftFromGrants,\n  invalidExpiry,\n  expiryLimit,\n  type Draft,\n} from './userGrantState'\n\nconst emit = defineEmits<{ (e: 'saved'): void }>()\nconst { t } = useI18n()\nconst message = useMessage()\nconst auth = useAuthStore()\n\nconst show = ref(false)\nconst loading = ref(false)\nconst saving = ref(false)\nconst tab = ref<'grant' | 'effective'>('grant')\nconst user = ref<{ id: number; name: string } | null>(null)\nconst tree = shallowRef<MenuTreeNode[]>([])\nconst grants = shallowRef<UserMenuGrantItem[]>([])\nconst effective = shallowRef<UserMenuEffective | null>(null)\n/** 打开时的快照;草稿另建一份,免得两边共用同一批对象、改一处两处都变。每次换一份新 Map,依赖它的计算属性才会重算。 */\nconst baseline = shallowRef<Draft>(new Map())\nconst draft = reactive<Draft>(new Map())\n/** 打开请求的序号:慢的旧响应回来时序号已变,不许再写任何状态。 */\nlet openSeq = 0\n\n/** 窄于此宽度弹窗几乎铺满视口(同角色页)。 */\nconst COMPACT = 640\nconst { width: winW } = useWindowSize()\nconst compact = computed(() => winW.value <= COMPACT)\nconst modalStyle = computed(() =>\n  compact.value\n    ? { width: 'calc(100vw - 16px)', height: 'calc(100dvh - 16px)' }\n    : { width: 'min(1040px, calc(100vw - 48px))', height: 'min(780px, calc(100dvh - 48px))' },\n)\nconst contentStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  flex: '1 1 0',\n  minHeight: '0',\n  padding: '0',\n  overflow: 'hidden',\n}\nconst footerStyle = { padding: '0' }\n\nconst maxDate = computed(() => expiryLimit(effective.value, new Date()))\nconst counts = computed(() => countDraft(draft))\nconst dirty = computed(() => {\n  const d = diffDraft(baseline.value, draft)\n  return d.upserts.length + d.removes.length > 0\n})\nconst readonlyText = computed(() => {\n  const e = effective.value\n  if (!e || e.targetEditable) return ''\n  const key = e.readOnlyReason != null ? READONLY_REASON_KEYS[e.readOnlyReason] : undefined\n  return key ? t('userGrant.readonly', { reason: t(key) }) : t('userGrant.readonlyNoReason')\n})\n/** 默认停在当前所在的应用;不在清单里(如已被去掉)就落到第一个。 */\nconst defaultModuleId = computed(() => {\n  const modules = effective.value?.modules ?? []\n  const current = auth.currentModuleId\n  return current != null && modules.some(m => m.id === current) ? current : (modules[0]?.id ?? 0)\n})\n\n/** 清掉上一个用户留下的全部数据,加载期间底栏不会显示别人的数字。 */\nfunction reset() {\n  tree.value = []\n  grants.value = []\n  baseline.value = new Map()\n  draft.clear()\n  effective.value = null\n}\n\nasync function open(target: { id: number; name: string }) {\n  const seq = ++openSeq\n  user.value = target\n  tab.value = 'grant'\n  reset()\n  show.value = true\n  loading.value = true\n  try {\n    const [menuTree, records, eff] = await Promise.all([\n      menuApi.tree(),\n      userApi.getMenuGrants(target.id),\n      userApi.getEffectiveMenus(target.id),\n    ])\n    if (seq !== openSeq) return\n    tree.value = menuTree\n    grants.value = records\n    baseline.value = draftFromGrants(records)\n    for (const [id, entry] of draftFromGrants(records)) draft.set(id, entry)\n    effective.value = eff\n  } catch (e) {\n    if (seq !== openSeq) return\n    message.error(translateError(e))\n    show.value = false\n  } finally {\n    if (seq === openSeq) loading.value = false\n  }\n}\n\nasync function save() {\n  if (saving.value || !user.value) return\n  const bad = invalidExpiry(baseline.value, draft, maxDate.value, new Date())\n  if (bad.length) {\n    message.warning(t('userGrant.invalidExpiry', { count: bad.length }))\n    return\n  }\n  const { upserts, removes } = diffDraft(baseline.value, draft)\n  if (!upserts.length && !removes.length) {\n    show.value = false\n    return\n  }\n  saving.value = true\n  try {\n    await userApi.setMenuGrants(user.value.id, upserts, removes)\n    message.success(t('userGrant.saved'))\n    show.value = false\n    emit('saved')\n  } catch (e) {\n    message.error(translateError(e))\n  } finally {\n    saving.value = false\n  }\n}\n\ndefineExpose({ open })\n</script>\n\n<template>\n  <n-modal\n    v-model:show=\"show\"\n    preset=\"card\"\n    :title=\"user ? t('userGrant.title', { name: user.name }) : ''\"\n    :closable=\"!saving\"\n    :close-on-esc=\"!saving\"\n    :mask-closable=\"false\"\n    :auto-focus=\"false\"\n    :style=\"modalStyle\"\n    :content-style=\"contentStyle\"\n    :footer-style=\"footerStyle\"\n  >\n    <n-spin :show=\"loading\" class=\"ugs-spin\">\n      <div v-if=\"effective\" class=\"ugs\">\n        <div class=\"ugs-notes\">\n          <n-alert v-if=\"readonlyText\" type=\"warning\" :bordered=\"false\">{{ readonlyText }}</n-alert>\n          <n-alert v-if=\"!effective.hasRoles\" type=\"info\" :bordered=\"false\">\n            {{ t('userGrant.noRoles') }}\n          </n-alert>\n          <p class=\"ugs-hint\">{{ t('userGrant.hint') }}</p>\n        </div>\n        <n-tabs v-model:value=\"tab\" type=\"line\" class=\"ugs-tabs\">\n          <!-- 单独授权页签切走时保留挂载:应用选择、搜索词、折叠状态不丢 -->\n          <n-tab-pane name=\"grant\" display-directive=\"show\" :tab=\"t('userGrant.tabGrant')\">\n            <UserGrantMenuTable\n              :tree=\"tree\"\n              :effective=\"effective\"\n              :draft=\"draft\"\n              :default-module-id=\"defaultModuleId\"\n              :max-date=\"maxDate\"\n            />\n          </n-tab-pane>\n          <n-tab-pane name=\"effective\" :tab=\"t('userGrant.tabEffective')\">\n            <UserGrantEffectiveTable :tree=\"tree\" :effective=\"effective\" :grants=\"grants\" />\n          </n-tab-pane>\n        </n-tabs>\n      </div>\n    </n-spin>\n\n    <template #footer>\n      <footer class=\"ugs-foot\" :class=\"{ 'is-narrow': compact }\">\n        <div class=\"ugs-summary\">\n          <span>{{ t('userGrant.summary', counts) }}</span>\n          <span v-if=\"dirty\" class=\"ugs-dirty\">{{ t('userGrant.unsaved') }}</span>\n        </div>\n        <n-button :disabled=\"saving\" @click=\"show = false\">{{ t('common.cancel') }}</n-button>\n        <n-button v-if=\"effective?.targetEditable\" type=\"primary\" :loading=\"saving\" @click=\"save\">\n          {{ t('common.save') }}\n        </n-button>\n      </footer>\n    </template>\n  </n-modal>\n</template>\n\n<style scoped>\n.ugs-spin,\n.ugs-spin :deep(.n-spin-content),\n.ugs,\n.ugs-tabs {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 0;\n  min-height: 0;\n}\n.ugs-notes {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 10px 20px 0;\n}\n.ugs-hint {\n  margin: 0;\n  font-size: 13px;\n  color: var(--text-2);\n}\n.ugs-tabs :deep(.n-tabs-nav) {\n  padding: 0 20px;\n}\n.ugs-tabs :deep(.n-tab-pane),\n.ugs-tabs :deep(.n-tabs-pane-wrapper) {\n  display: flex;\n  flex-direction: column;\n  flex: 1 1 0;\n  min-height: 0;\n  padding: 0;\n}\n.ugs-foot {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 20px 14px;\n  border-top: 1px solid var(--hairline);\n}\n.ugs-summary {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px 12px;\n  font-size: 13px;\n  color: var(--text-2);\n}\n.ugs-dirty {\n  color: var(--warn);\n}\n.ugs-foot.is-narrow {\n  flex-wrap: wrap;\n}\n.ugs-foot.is-narrow .ugs-summary {\n  flex: 1 1 100%;\n}\n</style>\n"],"names":["COMPACT","emit","__emit","t","useI18n","message","useMessage","auth","useAuthStore","show","ref","loading","saving","tab","user","tree","shallowRef","grants","effective","baseline","draft","reactive","openSeq","winW","useWindowSize","compact","computed","modalStyle","contentStyle","footerStyle","maxDate","expiryLimit","counts","countDraft","dirty","d","diffDraft","readonlyText","e","key","READONLY_REASON_KEYS","defaultModuleId","modules","_a","current","m","_b","reset","open","target","seq","menuTree","records","eff","menuApi","userApi","draftFromGrants","id","entry","translateError","save","bad","invalidExpiry","upserts","removes","__expose","_createBlock","_unref","NModal","$event","_createElementVNode","_normalizeClass","_hoisted_4","_toDisplayString","_createElementBlock","_hoisted_5","_createVNode","NButton","NSpin","_openBlock","_hoisted_1","_hoisted_2","NAlert","_hoisted_3","NTabs","NTabPane","UserGrantMenuTable","UserGrantEffectiveTable"],"mappings":"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"}

package/dist/views/system/user/components/UserGrantMenuTable.vue.d.ts

@@ -0,0 +1,13 @@
+import { MenuTreeNode } from '../../../../types/menu';
+import { UserMenuEffective } from '../../../../types/api';
+import { Draft } from './userGrantState';
+type __VLS_Props = {
+    tree: MenuTreeNode[];
+    effective: UserMenuEffective;
+    draft: Draft;
+    defaultModuleId: number;
+    maxDate: string | null;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/views/system/user/components/UserGrantMenuTable.vue.js

@@ -0,0 +1,8 @@
+import o from "./UserGrantMenuTable2.vue.js";
+/* empty css                        */
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-438bbbc2"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=UserGrantMenuTable.vue.js.map

package/dist/views/system/user/components/UserGrantMenuTable.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserGrantMenuTable.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/views/system/user/components/UserGrantMenuTable2.vue.js

@@ -0,0 +1,186 @@
+import { defineComponent as Q, ref as B, computed as i, watch as W, reactive as X, openBlock as l, createElementBlock as s, createElementVNode as g, createVNode as c, unref as d, withCtx as R, Fragment as h, renderList as S, toDisplayString as D, createBlock as I, mergeProps as M, createCommentVNode as V, withDirectives as Y, vShow as Z } from "vue";
+import { NSelect as ee, NInput as te, NButton as oe } from "naive-ui";
+import { useI18n as ae } from "vue-i18n";
+import $ from "../../../../components/AppIcon.vue.js";
+import { translateMenuTitle as z } from "../../../../locales/menuTitle.js";
+import { pruneSuperAdminOnly as ne, buildGroups as re } from "../../role/components/grantMenuGroups.js";
+import N from "./UserGrantNodeRow.vue.js";
+import { triStateOf as le, leakedCodes as se, setTriState as ie } from "./userGrantState.js";
+const ue = { class: "ut" }, de = { class: "ut-toolbar" }, pe = { class: "ut-scroll" }, ce = {
+  key: 0,
+  class: "ut-head"
+}, fe = {
+  key: 0,
+  class: "ut-head-title"
+}, me = {
+  key: 0,
+  class: "ut-anchor"
+}, ge = { class: "ut-tag" }, he = {
+  key: 0,
+  class: "ut-empty"
+}, v = 0, Se = /* @__PURE__ */ Q({
+  __name: "UserGrantMenuTable",
+  props: {
+    tree: {},
+    effective: {},
+    draft: {},
+    defaultModuleId: {},
+    maxDate: {}
+  },
+  setup(A) {
+    const n = A, { t: p } = ae(), k = B(""), _ = i(() => k.value.trim().toLowerCase()), f = B(n.defaultModuleId);
+    W(
+      () => n.defaultModuleId,
+      (e) => f.value = e
+    );
+    const C = i(() => ne(n.tree)), O = i(() => re(C.value, /* @__PURE__ */ new Set(), p("role.apiOnlyRow"))), P = i(() => new Map(n.effective.nodes.map((e) => [e.menuId, e]))), j = i(
+      () => new Set(n.effective.nodes.filter((e) => e.effective).map((e) => e.menuId))
+    ), q = i(() => {
+      const e = /* @__PURE__ */ new Map(), a = (t) => {
+        for (const o of t)
+          e.set(o.id, z(o.title, o.path || void 0)), a(o.children);
+      };
+      return a(n.tree), e;
+    }), F = i(
+      () => new Map(C.value.map((e) => [e.id, e.moduleId ?? v]))
+    ), E = (e) => F.value.get(e.id) ?? v, H = i(() => {
+      const e = n.effective.modules.map((a) => ({
+        label: z(a.title),
+        value: a.id
+      }));
+      return O.value.some((a) => E(a) === v) && e.push({ label: p("menu.moduleUnassigned"), value: v }), e;
+    }), J = (e, a) => e.title.toLowerCase().includes(a) || e.buttons.some((t) => t.title.toLowerCase().includes(a)), G = i(() => {
+      const e = _.value, a = [];
+      for (const t of O.value) {
+        if (E(t) !== f.value) continue;
+        if (!e || t.title.toLowerCase().includes(e)) {
+          a.push({ group: t, menus: t.menus });
+          continue;
+        }
+        const o = t.menus.filter((r) => J(r, e));
+        o.length && a.push({ group: t, menus: o });
+      }
+      return a;
+    }), m = X(/* @__PURE__ */ new Set()), U = (e) => !!_.value || !m.has(e);
+    function K(e) {
+      m.has(e) ? m.delete(e) : m.add(e);
+    }
+    function w(e, a, t) {
+      const o = P.value.get(e), r = (o == null ? void 0 : o.grantable) ?? !1, u = le(n.draft, e);
+      return {
+        title: a,
+        path: t,
+        node: o,
+        state: u,
+        entry: n.draft.get(e),
+        editable: n.effective.targetEditable && r,
+        notGrantable: n.effective.targetEditable && !r,
+        maxDate: n.maxDate,
+        leaked: u === "deny" ? se(n.tree, j.value, e).map((L) => ({
+          code: L.code,
+          from: L.carriers.map((T) => q.value.get(T) ?? String(T)).join("、")
+        })) : []
+      };
+    }
+    const y = (e, a) => ie(n.draft, e, a, n.maxDate);
+    function x(e, a) {
+      const t = n.draft.get(e);
+      t && (t.expireDate = a);
+    }
+    function b(e, a) {
+      const t = n.draft.get(e);
+      t && (t.remark = a);
+    }
+    return (e, a) => (l(), s("div", ue, [
+      g("div", de, [
+        c(d(ee), {
+          value: f.value,
+          "onUpdate:value": a[0] || (a[0] = (t) => f.value = t),
+          class: "ut-module",
+          options: H.value,
+          "aria-label": d(p)("menu.module")
+        }, null, 8, ["value", "options", "aria-label"]),
+        c(d(te), {
+          value: k.value,
+          "onUpdate:value": a[1] || (a[1] = (t) => k.value = t),
+          clearable: "",
+          placeholder: d(p)("role.grantSearch"),
+          "input-props": { "aria-label": d(p)("role.grantSearch"), autocomplete: "off" },
+          style: { flex: "1", "min-width": "0" }
+        }, {
+          prefix: R(() => [
+            c($, {
+              class: "faint",
+              icon: "ph:magnifying-glass",
+              size: 15
+            })
+          ]),
+          _: 1
+        }, 8, ["value", "placeholder", "input-props"])
+      ]),
+      g("div", pe, [
+        (l(!0), s(h, null, S(G.value, (t) => (l(), s("section", {
+          key: t.group.id,
+          class: "ut-group"
+        }, [
+          t.group.standalone ? V("", !0) : (l(), s("header", ce, [
+            c(d(oe), {
+              text: "",
+              class: "ut-fold",
+              "aria-expanded": U(t.group.id),
+              "aria-label": t.group.title,
+              onClick: (o) => K(t.group.id)
+            }, {
+              default: R(() => [
+                c($, {
+                  icon: U(t.group.id) ? "ph:caret-down" : "ph:caret-right",
+                  size: 14
+                }, null, 8, ["icon"])
+              ]),
+              _: 2
+            }, 1032, ["aria-expanded", "aria-label", "onClick"]),
+            t.group.synthetic ? (l(), s("span", fe, D(t.group.title), 1)) : (l(), I(N, M({
+              key: 1,
+              level: "catalog"
+            }, { ref_for: !0 }, w(t.group.id, t.group.title), {
+              "onUpdate:state": (o) => y(t.group.id, o),
+              "onUpdate:expireDate": (o) => x(t.group.id, o),
+              "onUpdate:remark": (o) => b(t.group.id, o)
+            }), null, 16, ["onUpdate:state", "onUpdate:expireDate", "onUpdate:remark"]))
+          ])),
+          Y(g("div", null, [
+            (l(!0), s(h, null, S(t.menus, (o) => (l(), s(h, {
+              key: o.anchor ? `anchor-${o.id}` : o.id
+            }, [
+              o.anchor ? (l(), s("div", me, [
+                g("span", ge, D(o.title), 1)
+              ])) : (l(), I(N, M({
+                key: 1,
+                level: "page"
+              }, { ref_for: !0 }, w(o.id, o.title, o.path), {
+                "onUpdate:state": (r) => y(o.id, r),
+                "onUpdate:expireDate": (r) => x(o.id, r),
+                "onUpdate:remark": (r) => b(o.id, r)
+              }), null, 16, ["onUpdate:state", "onUpdate:expireDate", "onUpdate:remark"])),
+              (l(!0), s(h, null, S(o.buttons, (r) => (l(), I(N, M({
+                key: r.id,
+                level: "button"
+              }, { ref_for: !0 }, w(r.id, r.title), {
+                "onUpdate:state": (u) => y(r.id, u),
+                "onUpdate:expireDate": (u) => x(r.id, u),
+                "onUpdate:remark": (u) => b(r.id, u)
+              }), null, 16, ["onUpdate:state", "onUpdate:expireDate", "onUpdate:remark"]))), 128))
+            ], 64))), 128))
+          ], 512), [
+            [Z, U(t.group.id)]
+          ])
+        ]))), 128)),
+        G.value.length ? V("", !0) : (l(), s("div", he, D(_.value ? d(p)("role.grantNoMatch") : d(p)("role.grantNoMenus")), 1))
+      ])
+    ]));
+  }
+});
+export {
+  Se as default
+};
+//# sourceMappingURL=UserGrantMenuTable2.vue.js.map

package/dist/views/system/user/components/UserGrantMenuTable2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserGrantMenuTable2.vue.js","sources":["../../../../../src/views/system/user/components/UserGrantMenuTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 用户授权弹窗的节点列表:应用切换 + 搜索 + 目录卡片(目录 → 页面 → 按钮,每个节点一行三态)。\n// 分组复用角色页 grantMenuGroups.buildGroups 的结构(不用它的勾选态),角色页的 GrantMenuTable 不动。\n// 草稿在父组件(reactive Map),这里只经 userGrantState 的纯函数改它。嵌套目录与角色页一样展平成带前缀的行。\nimport { computed, reactive, ref, watch } from 'vue'\nimport { NButton, NInput, NSelect } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport AppIcon from '#/components/AppIcon.vue'\nimport { translateMenuTitle } from '#/locales/menuTitle'\nimport type { MenuTreeNode } from '#/types/menu'\nimport type { UserMenuEffective } from '#/types/api'\nimport {\n  buildGroups,\n  pruneSuperAdminOnly,\n  type CatalogGroup,\n  type MenuRow,\n} from '../../role/components/grantMenuGroups'\nimport UserGrantNodeRow from './UserGrantNodeRow.vue'\nimport { leakedCodes, setTriState, triStateOf, type Draft, type TriState } from './userGrantState'\n\nconst UNASSIGNED = 0\n\nconst props = defineProps<{\n  tree: MenuTreeNode[]\n  effective: UserMenuEffective\n  draft: Draft\n  defaultModuleId: number\n  maxDate: string | null\n}>()\n\nconst { t } = useI18n()\nconst search = ref('')\nconst query = computed(() => search.value.trim().toLowerCase())\nconst moduleId = ref(props.defaultModuleId)\nwatch(\n  () => props.defaultModuleId,\n  v => (moduleId.value = v),\n)\n\n// 单独授权的目标从来不是超管:系统菜单里除用户管理、角色管理外只属于超管与内置角色,这里不列出来。\n// 只收窄列表;防漏提示(leakedCodes)与「有效权限」页签仍按完整的树算,隐藏的节点照样是它们的数据来源。\nconst visibleTree = computed(() => pruneSuperAdminOnly(props.tree))\nconst groups = computed(() => buildGroups(visibleTree.value, new Set(), t('role.apiOnlyRow')))\nconst nodeMap = computed(() => new Map(props.effective.nodes.map(n => [n.menuId, n])))\nconst effectiveIds = computed(\n  () => new Set(props.effective.nodes.filter(n => n.effective).map(n => n.menuId)),\n)\nconst titles = computed(() => {\n  const map = new Map<number, string>()\n  const walk = (nodes: MenuTreeNode[]) => {\n    for (const n of nodes) {\n      map.set(n.id, translateMenuTitle(n.title, n.path || undefined))\n      walk(n.children)\n    }\n  }\n  walk(props.tree)\n  return map\n})\n\n// ── 应用切换:同角色页,按顶级节点的 moduleId 分 ──\nconst moduleOfTop = computed(\n  () => new Map(visibleTree.value.map(n => [n.id, n.moduleId ?? UNASSIGNED])),\n)\nconst moduleOf = (g: CatalogGroup) => moduleOfTop.value.get(g.id) ?? UNASSIGNED\nconst moduleOptions = computed(() => {\n  const options = props.effective.modules.map(m => ({\n    label: translateMenuTitle(m.title),\n    value: m.id,\n  }))\n  if (groups.value.some(g => moduleOf(g) === UNASSIGNED))\n    options.push({ label: t('menu.moduleUnassigned'), value: UNASSIGNED })\n  return options\n})\n\n// ── 搜索:目录名命中 → 整组;否则只留页面名 / 按钮名命中的行 ──\nconst matchesRow = (m: MenuRow, q: string) =>\n  m.title.toLowerCase().includes(q) || m.buttons.some(b => b.title.toLowerCase().includes(q))\nconst views = computed(() => {\n  const q = query.value\n  const out: { group: CatalogGroup; menus: MenuRow[] }[] = []\n  for (const g of groups.value) {\n    if (moduleOf(g) !== moduleId.value) continue\n    if (!q || g.title.toLowerCase().includes(q)) {\n      out.push({ group: g, menus: g.menus })\n      continue\n    }\n    const menus = g.menus.filter(m => matchesRow(m, q))\n    if (menus.length) out.push({ group: g, menus })\n  }\n  return out\n})\n\n// ── 折叠(搜索时一律展开,免得命中项藏在折叠里) ──\nconst collapsed = reactive(new Set<number>())\nconst isOpen = (id: number) => !!query.value || !collapsed.has(id)\nfunction toggle(id: number) {\n  if (collapsed.has(id)) collapsed.delete(id)\n  else collapsed.add(id)\n}\n\n// ── 行属性与改动 ──\nfunction rowProps(id: number, title: string, path?: string) {\n  const node = nodeMap.value.get(id)\n  const grantable = node?.grantable ?? false\n  const state = triStateOf(props.draft, id)\n  return {\n    title,\n    path,\n    node,\n    state,\n    entry: props.draft.get(id),\n    editable: props.effective.targetEditable && grantable,\n    notGrantable: props.effective.targetEditable && !grantable,\n    maxDate: props.maxDate,\n    leaked:\n      state === 'deny'\n        ? leakedCodes(props.tree, effectiveIds.value, id).map(l => ({\n            code: l.code,\n            from: l.carriers.map(c => titles.value.get(c) ?? String(c)).join('、'),\n          }))\n        : [],\n  }\n}\nconst onState = (id: number, next: TriState) => setTriState(props.draft, id, next, props.maxDate)\nfunction onExpire(id: number, v: string | null) {\n  const entry = props.draft.get(id)\n  if (entry) entry.expireDate = v\n}\nfunction onRemark(id: number, v: string) {\n  const entry = props.draft.get(id)\n  if (entry) entry.remark = v\n}\n</script>\n\n<template>\n  <div class=\"ut\">\n    <div class=\"ut-toolbar\">\n      <n-select\n        v-model:value=\"moduleId\"\n        class=\"ut-module\"\n        :options=\"moduleOptions\"\n        :aria-label=\"t('menu.module')\"\n      />\n      <n-input\n        v-model:value=\"search\"\n        clearable\n        :placeholder=\"t('role.grantSearch')\"\n        :input-props=\"{ 'aria-label': t('role.grantSearch'), autocomplete: 'off' }\"\n        style=\"flex: 1; min-width: 0\"\n      >\n        <template #prefix><AppIcon class=\"faint\" icon=\"ph:magnifying-glass\" :size=\"15\" /></template>\n      </n-input>\n    </div>\n\n    <div class=\"ut-scroll\">\n      <section v-for=\"v in views\" :key=\"v.group.id\" class=\"ut-group\">\n        <header v-if=\"!v.group.standalone\" class=\"ut-head\">\n          <n-button\n            text\n            class=\"ut-fold\"\n            :aria-expanded=\"isOpen(v.group.id)\"\n            :aria-label=\"v.group.title\"\n            @click=\"toggle(v.group.id)\"\n          >\n            <AppIcon :icon=\"isOpen(v.group.id) ? 'ph:caret-down' : 'ph:caret-right'\" :size=\"14\" />\n          </n-button>\n          <span v-if=\"v.group.synthetic\" class=\"ut-head-title\">{{ v.group.title }}</span>\n          <UserGrantNodeRow\n            v-else\n            level=\"catalog\"\n            v-bind=\"rowProps(v.group.id, v.group.title)\"\n            @update:state=\"s => onState(v.group.id, s)\"\n            @update:expire-date=\"d => onExpire(v.group.id, d)\"\n            @update:remark=\"r => onRemark(v.group.id, r)\"\n          />\n        </header>\n        <div v-show=\"isOpen(v.group.id)\">\n          <template v-for=\"m in v.menus\" :key=\"m.anchor ? `anchor-${m.id}` : m.id\">\n            <div v-if=\"m.anchor\" class=\"ut-anchor\">\n              <span class=\"ut-tag\">{{ m.title }}</span>\n            </div>\n            <UserGrantNodeRow\n              v-else\n              level=\"page\"\n              v-bind=\"rowProps(m.id, m.title, m.path)\"\n              @update:state=\"s => onState(m.id, s)\"\n              @update:expire-date=\"d => onExpire(m.id, d)\"\n              @update:remark=\"r => onRemark(m.id, r)\"\n            />\n            <UserGrantNodeRow\n              v-for=\"b in m.buttons\"\n              :key=\"b.id\"\n              level=\"button\"\n              v-bind=\"rowProps(b.id, b.title)\"\n              @update:state=\"s => onState(b.id, s)\"\n              @update:expire-date=\"d => onExpire(b.id, d)\"\n              @update:remark=\"r => onRemark(b.id, r)\"\n            />\n          </template>\n        </div>\n      </section>\n\n      <div v-if=\"!views.length\" class=\"ut-empty\">\n        {{ query ? t('role.grantNoMatch') : t('role.grantNoMenus') }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.ut {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n.ut-toolbar {\n  flex: none;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  align-items: center;\n  padding: 10px 20px 12px;\n}\n.ut-module {\n  flex: none;\n  width: 180px;\n}\n.ut-scroll {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  padding: 4px 20px 20px;\n  scrollbar-width: thin;\n}\n.ut-group {\n  border: 1px solid var(--hairline);\n  border-radius: 14px;\n  margin-bottom: 12px;\n  overflow: hidden;\n}\n.ut-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  min-height: 46px;\n  padding: 6px 16px;\n}\n.ut-head-title {\n  font-size: 15px;\n  font-weight: 600;\n}\n.ut-fold {\n  flex: none;\n}\n.ut-anchor {\n  padding: 8px 16px;\n  border-top: 1px solid var(--hairline);\n}\n.ut-tag {\n  display: inline-block;\n  padding: 1px 8px;\n  border-radius: 6px;\n  background: var(--fill);\n  color: var(--text-2);\n  font-size: 13px;\n  font-weight: 500;\n}\n.ut-empty {\n  padding: 64px 24px;\n  text-align: center;\n  color: var(--text-2);\n}\n@media (max-width: 640px) {\n  .ut-module {\n    width: 100%;\n  }\n}\n</style>\n"],"names":["UNASSIGNED","props","__props","t","useI18n","search","ref","query","computed","moduleId","watch","v","visibleTree","pruneSuperAdminOnly","groups","buildGroups","nodeMap","n","effectiveIds","titles","map","walk","nodes","translateMenuTitle","moduleOfTop","moduleOf","g","moduleOptions","options","m","matchesRow","q","b","views","out","menus","collapsed","reactive","isOpen","id","toggle","rowProps","title","path","node","grantable","state","triStateOf","leakedCodes","l","c","onState","next","setTriState","onExpire","entry","onRemark","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","_unref","NSelect","$event","NInput","AppIcon","_hoisted_3","_Fragment","_renderList","_hoisted_4","NButton","_hoisted_5","_toDisplayString","_createBlock","UserGrantNodeRow","_mergeProps","s","d","r","_hoisted_6","_hoisted_7","_vShow","_hoisted_8"],"mappings":"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"}

package/dist/views/system/user/components/UserGrantNodeRow.vue.d.ts

@@ -0,0 +1,31 @@
+import { UserMenuEffectiveNode } from '../../../../types/api';
+import { DraftEntry, TriState } from './userGrantState';
+type __VLS_Props = {
+    title: string;
+    path?: string;
+    level: 'catalog' | 'page' | 'button';
+    node?: UserMenuEffectiveNode;
+    state: TriState;
+    entry?: DraftEntry;
+    /** 目标用户可编辑且这个节点所属模块可授 */
+    editable: boolean;
+    /** 只因模块不可转授而不能改(悬浮说明) */
+    notGrantable: boolean;
+    /** 到期日上限 yyyy-MM-dd;null = 不限 */
+    maxDate: string | null;
+    leaked: {
+        code: string;
+        from: string;
+    }[];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:state": (v: TriState) => any;
+    "update:expireDate": (v: string | null) => any;
+    "update:remark": (v: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:state"?: ((v: TriState) => any) | undefined;
+    "onUpdate:expireDate"?: ((v: string | null) => any) | undefined;
+    "onUpdate:remark"?: ((v: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/views/system/user/components/UserGrantNodeRow.vue.js

@@ -0,0 +1,8 @@
+import o from "./UserGrantNodeRow2.vue.js";
+/* empty css                      */
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-665d8f94"]]);
+export {
+  f as default
+};
+//# sourceMappingURL=UserGrantNodeRow.vue.js.map

package/dist/views/system/user/components/UserGrantNodeRow.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserGrantNodeRow.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}