smart-admin-web 10.15.0 → 10.20.1

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

@@ -1,15 +1,19 @@
-import { defineComponent as x, ref as d, openBlock as p, createElementBlock as y, createVNode as i, unref as a, withCtx as g, Fragment as C, renderList as N, h as n } from "vue";
-import { useMessage as P, NTabs as E, NTabPane as S, NSpace as z, NPopconfirm as v, NButton as h } from "naive-ui";
-import { SmartTable as A } from "smart-naive-table";
-import { useI18n as B } from "vue-i18n";
-import { useConfirm as I } from "../../../composables/useConfirm.js";
-import { useAuthStore as q } from "../../../stores/auth.js";
-import { recycleApi as s } from "../../../api/index.js";
-import { translateError as L } from "../../../utils/error.js";
-const R = { class: "view fill-page" }, H = /* @__PURE__ */ x({
+import { defineComponent as z, ref as h, openBlock as v, createElementBlock as b, createVNode as l, unref as o, withCtx as c, Fragment as C, renderList as N, h as a } from "vue";
+import { useMessage as A, NTabs as P, NTabPane as S, NSpace as B, NPopconfirm as T, NButton as _ } from "naive-ui";
+import { useMediaQuery as F } from "@vueuse/core";
+import { SmartTable as I } from "smart-naive-table";
+import { useI18n as L } from "vue-i18n";
+import { useConfirm as O } from "../../../composables/useConfirm.js";
+import { useAuthStore as R } from "../../../stores/auth.js";
+import { recycleApi as m } from "../../../api/index.js";
+import { translateError as j } from "../../../utils/error.js";
+import { TABLE_MIN_ROW_HEIGHT as H, TABLE_TOOLBAR as M } from "../../../utils/tableToolbar.js";
+import q from "../../../components/TableTotal/index.vue.js";
+import { createClientFilterFetcher as $, deriveHeaderFilters as D, passthroughFilterSerializer as G } from "../../../utils/tableFilter.js";
+const Q = { class: "view fill-page" }, ae = /* @__PURE__ */ z({
   __name: "index",
-  setup($) {
-    const { t: r } = B(), b = P(), { run: c } = I(), u = q(), k = [
+  setup(U) {
+    const { t } = L(), w = A(), { run: u } = O(), f = R(), d = [
       "user",
       "role",
       "org",
@@ -19,103 +23,122 @@ const R = { class: "view fill-page" }, H = /* @__PURE__ */ x({
       "dict",
       "menu",
       "job"
-    ], l = d("user"), m = d({});
-    function _(t) {
-      return (e) => {
-        e && (m.value[t] = e);
+    ], n = h("user"), k = F("(max-width: 604px)"), E = Object.fromEntries(
+      d.map((e) => [e, $(m.page(e), ["name", "code"])])
+    ), p = h({});
+    function x(e) {
+      return (r) => {
+        r && (p.value[e] = r);
       };
     }
-    function f(t) {
-      var e;
-      (e = m.value[t]) == null || e.refresh();
+    function y(e) {
+      var r;
+      (r = p.value[e]) == null || r.refresh();
     }
-    const T = [
-      { type: "index", title: () => r("common.rowNo"), width: 64, align: "center" },
-      { key: "name", title: () => r("recycle.name") },
-      { key: "code", title: () => r("recycle.code") },
-      { key: "deletedAt", title: () => r("recycle.deletedAt"), format: "datetime", width: 180 },
+    const g = [
+      { type: "index", title: () => t("common.rowNo"), width: 64, align: "center" },
+      { key: "name", title: () => t("recycle.name"), search: {} },
+      {
+        key: "code",
+        title: () => t("recycle.code"),
+        search: {},
+        // 编码可能为空(如岗位):空值画灰色的「—」
+        render: (e) => e.code ? a("span", { class: "mono muted" }, e.code) : a("span", { class: "faint" }, "—")
+      },
+      { key: "deletedAt", title: () => t("recycle.deletedAt"), format: "datetime", width: 180 },
       {
         key: "op",
-        title: () => r("common.operation"),
+        title: () => t("common.operation"),
         width: 180,
+        align: "right",
         fixed: "right",
         hideInSetting: !0,
-        render: (t) => n(z, { size: 4, wrapItem: !1 }, () => [
-          u.hasPerm("POST:/api/v1/sys/recycle/{type}/{id}/restore") ? n(
-            v,
+        render: (e) => a(B, { size: 2, justify: "end", wrapItem: !1 }, () => [
+          f.hasPerm("POST:/api/v1/sys/recycle/{type}/{id}/restore") ? a(
+            T,
             {
-              onPositiveClick: () => c(() => s.restore(l.value, t.id), r("recycle.restored")).then(
-                (e) => {
-                  e && f(l.value);
+              onPositiveClick: () => u(() => m.restore(n.value, e.id), t("recycle.restored")).then(
+                (r) => {
+                  r && y(n.value);
                 }
               )
             },
             {
-              trigger: () => n(
-                h,
+              trigger: () => a(
+                _,
                 { size: "small", quaternary: !0, type: "primary" },
-                () => r("recycle.restore")
+                () => t("recycle.restore")
               ),
-              default: () => r("recycle.restoreConfirm", { name: t.name })
+              default: () => t("recycle.restoreConfirm", { name: e.name })
             }
           ) : null,
-          u.hasPerm("DELETE:/api/v1/sys/recycle/{type}/{id}") ? n(
-            v,
+          f.hasPerm("DELETE:/api/v1/sys/recycle/{type}/{id}") ? a(
+            T,
             {
-              onPositiveClick: () => c(() => s.purge(l.value, t.id), r("recycle.purged")).then(
-                (e) => {
-                  e && f(l.value);
+              onPositiveClick: () => u(() => m.purge(n.value, e.id), t("recycle.purged")).then(
+                (r) => {
+                  r && y(n.value);
                 }
               )
             },
             {
-              trigger: () => n(
-                h,
+              trigger: () => a(
+                _,
                 { size: "small", quaternary: !0, type: "error" },
-                () => r("recycle.purge")
+                () => t("recycle.purge")
               ),
-              default: () => r("recycle.purgeConfirm", { name: t.name })
+              default: () => t("recycle.purgeConfirm", { name: e.name })
             }
           ) : null
         ])
       }
     ];
-    return (t, e) => (p(), y("div", R, [
-      i(a(E), {
-        value: l.value,
-        "onUpdate:value": e[1] || (e[1] = (o) => l.value = o),
-        type: "line",
+    return D(g), (e, r) => (v(), b("div", Q, [
+      l(o(P), {
+        value: n.value,
+        "onUpdate:value": r[1] || (r[1] = (i) => n.value = i),
+        type: "segment",
         animated: "",
-        class: "fill-tabs"
+        class: "fill-tabs recycle-seg",
+        size: o(k) ? "large" : "medium",
+        "pane-style": { padding: 0 }
       }, {
-        default: g(() => [
-          (p(), y(C, null, N(k, (o) => i(a(S), {
-            key: o,
-            name: o,
-            tab: a(r)(`recycle.tabs.${o}`)
+        default: c(() => [
+          (v(), b(C, null, N(d, (i) => l(o(S), {
+            key: i,
+            name: i,
+            tab: o(t)(`recycle.tabs.${i}`)
           }, {
-            default: g(() => [
-              i(a(A), {
-                "default-page-size": 100,
+            default: c(() => [
+              l(o(I), {
                 ref_for: !0,
-                ref: _(o),
-                columns: T,
-                fetcher: a(s).page(o),
-                "flex-height": "",
-                "virtual-scroll": "",
-                "storage-key": `sys-recycle-${o}`,
-                onError: e[0] || (e[0] = (w) => a(b).error(a(L)(w)))
-              }, null, 8, ["fetcher", "storage-key"])
+                ref: x(i),
+                columns: g,
+                fetcher: o(E)[i],
+                toolbar: o(M),
+                search: { container: "table" },
+                "filter-serializer": o(G),
+                "fill-height": "",
+                "min-row-height": o(H),
+                "card-on-narrow": "",
+                "storage-key": `sys-recycle-${i}`,
+                onError: r[0] || (r[0] = (s) => o(w).error(o(j)(s)))
+              }, {
+                "pagination-prefix": c(({ itemCount: s }) => [
+                  l(q, { count: s }, null, 8, ["count"])
+                ]),
+                _: 1
+              }, 8, ["fetcher", "toolbar", "filter-serializer", "min-row-height", "storage-key"])
             ]),
             _: 2
           }, 1032, ["name", "tab"])), 64))
         ]),
         _: 1
-      }, 8, ["value"])
+      }, 8, ["value", "size"])
     ]));
   }
 });
 export {
-  H as default
+  ae as default
 };
 //# sourceMappingURL=index2.vue.js.map

package/dist/views/system/recycle/index2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.vue.js","sources":["../../../../src/views/system/recycle/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { h, ref } from 'vue'\nimport { NButton, NSpace, NTabs, NTabPane, NPopconfirm, useMessage } from 'naive-ui'\nimport { SmartTable, type SmartTableColumn, type SmartTableInst } from 'smart-naive-table'\nimport { useI18n } from 'vue-i18n'\nimport { useConfirm } from '#/composables/useConfirm'\nimport { useAuthStore } from '#/stores/auth'\nimport { recycleApi, type RecycleBinItem } from '#/api'\nimport { translateError } from '#/utils/error'\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst { run } = useConfirm()\nconst authStore = useAuthStore()\n\nconst types = [\n  'user',\n  'role',\n  'org',\n  'position',\n  'module',\n  'config',\n  'dict',\n  'menu',\n  'job',\n] as const\ntype RecycleType = (typeof types)[number]\nconst activeTab = ref<RecycleType>('user')\nconst tableRefs = ref<Record<string, SmartTableInst<RecycleBinItem>>>({})\n\nfunction setTableRef(type: string) {\n  // 函数 ref 的参数类型是宽泛的组件实例,收窄为 SmartTableInst 后存入映射\n  return (el: unknown) => {\n    if (el) tableRefs.value[type] = el as SmartTableInst<RecycleBinItem>\n  }\n}\n\nfunction refreshTab(type: string) {\n  tableRefs.value[type]?.refresh()\n}\n\nconst columns: SmartTableColumn<RecycleBinItem>[] = [\n  { type: 'index', title: () => t('common.rowNo'), width: 64, align: 'center' },\n  { key: 'name', title: () => t('recycle.name') },\n  { key: 'code', title: () => t('recycle.code') },\n  { key: 'deletedAt', title: () => t('recycle.deletedAt'), format: 'datetime', width: 180 },\n  {\n    key: 'op',\n    title: () => t('common.operation'),\n    width: 180,\n    fixed: 'right',\n    hideInSetting: true,\n    render: r =>\n      h(NSpace, { size: 4, wrapItem: false }, () => [\n        authStore.hasPerm('POST:/api/v1/sys/recycle/{type}/{id}/restore')\n          ? h(\n              NPopconfirm,\n              {\n                onPositiveClick: () =>\n                  run(() => recycleApi.restore(activeTab.value, r.id), t('recycle.restored')).then(\n                    ok => {\n                      if (ok) refreshTab(activeTab.value)\n                    },\n                  ),\n              },\n              {\n                trigger: () =>\n                  h(NButton, { size: 'small', quaternary: true, type: 'primary' }, () =>\n                    t('recycle.restore'),\n                  ),\n                default: () => t('recycle.restoreConfirm', { name: r.name }),\n              },\n            )\n          : null,\n        authStore.hasPerm('DELETE:/api/v1/sys/recycle/{type}/{id}')\n          ? h(\n              NPopconfirm,\n              {\n                onPositiveClick: () =>\n                  run(() => recycleApi.purge(activeTab.value, r.id), t('recycle.purged')).then(\n                    ok => {\n                      if (ok) refreshTab(activeTab.value)\n                    },\n                  ),\n              },\n              {\n                trigger: () =>\n                  h(NButton, { size: 'small', quaternary: true, type: 'error' }, () =>\n                    t('recycle.purge'),\n                  ),\n                default: () => t('recycle.purgeConfirm', { name: r.name }),\n              },\n            )\n          : null,\n      ]),\n  },\n]\n</script>\n\n<template>\n  <div class=\"view fill-page\">\n    <!-- 形状 4:.fill-tabs 把 n-tabs → 面板容器 → .n-tab-pane 一路拉成 flex 列,\n         面板里的 SmartTable 就接上高度链了(见 styles/layout.css ⑧)。 -->\n    <n-tabs v-model:value=\"activeTab\" type=\"line\" animated class=\"fill-tabs\">\n      <n-tab-pane v-for=\"type in types\" :key=\"type\" :name=\"type\" :tab=\"t(`recycle.tabs.${type}`)\">\n        <SmartTable\n          :default-page-size=\"100\"\n          :ref=\"setTableRef(type)\"\n          :columns=\"columns\"\n          :fetcher=\"recycleApi.page(type)\"\n          flex-height\n          virtual-scroll\n          :storage-key=\"`sys-recycle-${type}`\"\n          @error=\"(e: unknown) => message.error(translateError(e))\"\n        />\n      </n-tab-pane>\n    </n-tabs>\n  </div>\n</template>\n\n<style scoped>\n/* display / flex-direction / 整屏高度链都在 styles/layout.css 的 .fill-page,这里只留卡片间距。 */\n.view {\n  gap: var(--gap-card);\n}\n</style>\n"],"names":["t","useI18n","message","useMessage","run","useConfirm","authStore","useAuthStore","types","activeTab","ref","tableRefs","setTableRef","type","el","refreshTab","_a","columns","r","h","NSpace","NPopconfirm","recycleApi","ok","NButton","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","NTabs","$event","_Fragment","_renderList","NTabPane","SmartTable","_cache","e","translateError"],"mappings":"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"}
+{"version":3,"file":"index2.vue.js","sources":["../../../../src/views/system/recycle/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { h, ref } from 'vue'\nimport { NButton, NSpace, NTabs, NTabPane, NPopconfirm, useMessage } from 'naive-ui'\nimport { useMediaQuery } from '@vueuse/core'\nimport { SmartTable, type SmartTableColumn, type SmartTableInst } from 'smart-naive-table'\nimport { useI18n } from 'vue-i18n'\nimport { useConfirm } from '#/composables/useConfirm'\nimport { useAuthStore } from '#/stores/auth'\nimport { recycleApi, type RecycleBinItem } from '#/api'\nimport { translateError } from '#/utils/error'\nimport { TABLE_MIN_ROW_HEIGHT, TABLE_TOOLBAR } from '#/utils/tableToolbar'\nimport TableTotal from '#/components/TableTotal/index.vue'\nimport {\n  createClientFilterFetcher,\n  passthroughFilterSerializer,\n  deriveHeaderFilters,\n} from '#/utils/tableFilter'\n\nconst { t } = useI18n()\nconst message = useMessage()\nconst { run } = useConfirm()\nconst authStore = useAuthStore()\n\nconst types = [\n  'user',\n  'role',\n  'org',\n  'position',\n  'module',\n  'config',\n  'dict',\n  'menu',\n  'job',\n] as const\ntype RecycleType = (typeof types)[number]\nconst activeTab = ref<RecycleType>('user')\n// 窄屏页签放大到触控尺寸\nconst narrow = useMediaQuery('(max-width: 604px)')\n// 回收站端点没有过滤能力,搜索由前端求值;每个标签的接口不同,各配一个取数器。\n// fields 要与下面声明了 search 的列 key 一致\nconst clientFetchers = Object.fromEntries(\n  types.map(type => [type, createClientFilterFetcher(recycleApi.page(type), ['name', 'code'])]),\n) as Record<RecycleType, ReturnType<typeof createClientFilterFetcher<RecycleBinItem>>>\nconst tableRefs = ref<Record<string, SmartTableInst<RecycleBinItem>>>({})\n\nfunction setTableRef(type: string) {\n  // 函数 ref 的参数类型是宽泛的组件实例,收窄为 SmartTableInst 后存入映射\n  return (el: unknown) => {\n    if (el) tableRefs.value[type] = el as SmartTableInst<RecycleBinItem>\n  }\n}\n\nfunction refreshTab(type: string) {\n  tableRefs.value[type]?.refresh()\n}\n\nconst columns: SmartTableColumn<RecycleBinItem>[] = [\n  { type: 'index', title: () => t('common.rowNo'), width: 64, align: 'center' },\n  { key: 'name', title: () => t('recycle.name'), search: {} },\n  {\n    key: 'code',\n    title: () => t('recycle.code'),\n    search: {},\n    // 编码可能为空(如岗位):空值画灰色的「—」\n    render: r =>\n      r.code ? h('span', { class: 'mono muted' }, r.code) : h('span', { class: 'faint' }, '—'),\n  },\n  { key: 'deletedAt', title: () => t('recycle.deletedAt'), format: 'datetime', width: 180 },\n  {\n    key: 'op',\n    title: () => t('common.operation'),\n    width: 180,\n    align: 'right',\n    fixed: 'right',\n    hideInSetting: true,\n    render: r =>\n      h(NSpace, { size: 2, justify: 'end', wrapItem: false }, () => [\n        authStore.hasPerm('POST:/api/v1/sys/recycle/{type}/{id}/restore')\n          ? h(\n              NPopconfirm,\n              {\n                onPositiveClick: () =>\n                  run(() => recycleApi.restore(activeTab.value, r.id), t('recycle.restored')).then(\n                    ok => {\n                      if (ok) refreshTab(activeTab.value)\n                    },\n                  ),\n              },\n              {\n                trigger: () =>\n                  h(NButton, { size: 'small', quaternary: true, type: 'primary' }, () =>\n                    t('recycle.restore'),\n                  ),\n                default: () => t('recycle.restoreConfirm', { name: r.name }),\n              },\n            )\n          : null,\n        authStore.hasPerm('DELETE:/api/v1/sys/recycle/{type}/{id}')\n          ? h(\n              NPopconfirm,\n              {\n                onPositiveClick: () =>\n                  run(() => recycleApi.purge(activeTab.value, r.id), t('recycle.purged')).then(\n                    ok => {\n                      if (ok) refreshTab(activeTab.value)\n                    },\n                  ),\n              },\n              {\n                trigger: () =>\n                  h(NButton, { size: 'small', quaternary: true, type: 'error' }, () =>\n                    t('recycle.purge'),\n                  ),\n                default: () => t('recycle.purgeConfirm', { name: r.name }),\n              },\n            )\n          : null,\n      ]),\n  },\n]\nderiveHeaderFilters(columns)\n</script>\n\n<template>\n  <div class=\"view fill-page\">\n    <!-- 形状 4:.fill-tabs 把 n-tabs → 面板容器 → .n-tab-pane 一路拉成 flex 列,\n         面板里的 SmartTable 就接上高度链了(见 styles/layout.css ⑧)。 -->\n    <!-- 9 个资源类型用 macOS 分段控件(轨道 + 滑块)切换:控件按内容收窄、靠左,不撑满整行;\n         窄屏放不下时轨道自己横向滑动。轨道 / 滑块色走主题的 --seg-track / --seg-thumb。 -->\n    <n-tabs\n      v-model:value=\"activeTab\"\n      type=\"segment\"\n      animated\n      class=\"fill-tabs recycle-seg\"\n      :size=\"narrow ? 'large' : 'medium'\"\n      :pane-style=\"{ padding: 0 }\"\n    >\n      <n-tab-pane v-for=\"type in types\" :key=\"type\" :name=\"type\" :tab=\"t(`recycle.tabs.${type}`)\">\n        <SmartTable\n          :ref=\"setTableRef(type)\"\n          :columns=\"columns\"\n          :fetcher=\"clientFetchers[type]\"\n          :toolbar=\"TABLE_TOOLBAR\"\n          :search=\"{ container: 'table' }\"\n          :filter-serializer=\"passthroughFilterSerializer\"\n          fill-height\n          :min-row-height=\"TABLE_MIN_ROW_HEIGHT\"\n          card-on-narrow\n          :storage-key=\"`sys-recycle-${type}`\"\n          @error=\"(e: unknown) => message.error(translateError(e))\"\n        >\n          <template #pagination-prefix=\"{ itemCount }\">\n            <TableTotal :count=\"itemCount\" />\n          </template>\n        </SmartTable>\n      </n-tab-pane>\n    </n-tabs>\n  </div>\n</template>\n\n<style scoped>\n/* display / flex-direction / 整屏高度链都在 styles/layout.css 的 .fill-page,这里只留卡片间距。 */\n.view {\n  gap: var(--gap-card);\n}\n\n/* 分段控件:naive 的 segment 轨道默认 width:100% 且各格等分,9 格会被撑成一条长带。\n   这里让轨道按内容收窄、靠左;格子按文字自适应宽度(滑块位置由 naive 按实际格宽量,不受影响)。 */\n.recycle-seg :deep(.n-tabs-nav) {\n  align-self: flex-start;\n  max-width: 100%;\n  margin-bottom: var(--gap-card);\n}\n.recycle-seg :deep(.n-tabs-rail) {\n  width: auto;\n  overflow-x: auto;\n  scrollbar-width: none;\n}\n.recycle-seg :deep(.n-tabs-rail::-webkit-scrollbar) {\n  display: none;\n}\n.recycle-seg :deep(.n-tabs-tab-wrapper) {\n  flex: 0 0 auto;\n}\n.recycle-seg :deep(.n-tabs-tab) {\n  padding: 4px 14px;\n  white-space: nowrap;\n}\n\n/* 辅助字样(表格单元格由库渲染,要 :deep) */\n:deep(.mono) {\n  font-family: var(--font-mono);\n  font-size: 13.5px;\n  letter-spacing: 0;\n}\n:deep(.muted) {\n  color: var(--text-2);\n}\n:deep(.faint) {\n  color: var(--text-3);\n}\n</style>\n"],"names":["useI18n","message","useMessage","run","useConfirm","authStore","useAuthStore","types","activeTab","ref","narrow","useMediaQuery","clientFetchers","type","createClientFilterFetcher","recycleApi","tableRefs","setTableRef","el","refreshTab","_a","columns","r","h","NSpace","NPopconfirm","ok","NButton","deriveHeaderFilters","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","NTabs","$event","_Fragment","_renderList","NTabPane","SmartTable","TABLE_TOOLBAR","passthroughFilterSerializer","TABLE_MIN_ROW_HEIGHT","_cache","e","translateError","_withCtx","itemCount","TableTotal"],"mappings":"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"}

package/dist/views/system/role/components/GrantMenuSheet.vue.d.ts

@@ -0,0 +1,20 @@
+import { MenuTreeNode } from '../../../../types/menu';
+import { ModuleRow } from '../../../../types/api';
+type __VLS_Props = {
+    tree: MenuTreeNode[];
+    granted: number[];
+    modules: ModuleRow[];
+    defaultModuleId: number;
+    onSave: (ids: number[]) => unknown | Promise<unknown>;
+};
+type __VLS_ModelProps = {
+    'show'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:show": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:show"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/views/system/role/components/GrantMenuSheet.vue.js

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

package/dist/views/system/role/components/GrantMenuSheet.vue.js.map

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

package/dist/views/system/role/components/GrantMenuSheet2.vue.js

@@ -0,0 +1,117 @@
+import { defineComponent as V, useModel as I, computed as c, shallowRef as T, ref as w, watch as U, openBlock as S, createBlock as D, unref as e, normalizeStyle as E, withCtx as m, createElementVNode as r, normalizeClass as x, createVNode as v, toDisplayString as i, createElementBlock as G, createCommentVNode as W, createTextVNode as M, mergeModels as A } from "vue";
+import { NModal as F, NButton as b } from "naive-ui";
+import { useI18n as H } from "vue-i18n";
+import { useWindowSize as O } from "@vueuse/core";
+import P from "./GrantMenuTable.vue.js";
+const R = { class: "gs-summary" }, $ = {
+  key: 0,
+  class: "gs-dirty"
+}, j = 640, X = /* @__PURE__ */ V({
+  __name: "GrantMenuSheet",
+  props: /* @__PURE__ */ A({
+    tree: {},
+    granted: {},
+    modules: {},
+    defaultModuleId: {},
+    onSave: { type: Function }
+  }, {
+    show: { type: Boolean, default: !1 },
+    showModifiers: {}
+  }),
+  emits: ["update:show"],
+  setup(l) {
+    const s = I(l, "show"), p = l, { t: a } = H(), { width: k } = O(), u = c(() => k.value <= j), C = c(
+      () => u.value ? { width: "calc(100vw - 16px)", height: "calc(100dvh - 16px)" } : { width: "min(960px, calc(100vw - 48px))", height: "min(760px, calc(100dvh - 48px))" }
+    ), g = c(() => u.value ? "large" : "medium"), z = {
+      display: "flex",
+      flexDirection: "column",
+      flex: "1 1 0",
+      minHeight: "0",
+      padding: "0",
+      overflow: "hidden"
+    }, N = { padding: "0" }, f = T([]), o = w({ on: 0, total: 0, pages: 0, buttons: 0, dirty: !1 });
+    U(
+      s,
+      (h) => {
+        h && (f.value = p.granted);
+      },
+      { immediate: !0 }
+    );
+    const d = w(!1), y = c(() => !d.value);
+    async function B() {
+      d.value = !0;
+      try {
+        await p.onSave(f.value) !== !1 && (s.value = !1);
+      } catch {
+      } finally {
+        d.value = !1;
+      }
+    }
+    return (h, t) => (S(), D(e(F), {
+      show: s.value,
+      "onUpdate:show": t[3] || (t[3] = (n) => s.value = n),
+      preset: "card",
+      title: e(a)("role.grantMenus"),
+      closable: y.value,
+      "close-on-esc": y.value,
+      "mask-closable": !1,
+      "auto-focus": !1,
+      style: E(C.value),
+      "content-style": z,
+      "footer-style": N
+    }, {
+      footer: m(() => [
+        r("footer", {
+          class: x(["gs-foot", { "is-narrow": u.value }])
+        }, [
+          r("div", R, [
+            r("span", null, i(e(a)("role.grantSummary", { on: o.value.on, total: o.value.total })), 1),
+            r("span", null, i(e(a)("role.grantSummarySplit", { pages: o.value.pages, buttons: o.value.buttons })), 1),
+            o.value.dirty ? (S(), G("span", $, i(e(a)("role.grantUnsaved")), 1)) : W("", !0)
+          ]),
+          v(e(b), {
+            size: g.value,
+            disabled: d.value,
+            onClick: t[2] || (t[2] = (n) => s.value = !1)
+          }, {
+            default: m(() => [
+              M(i(e(a)("common.cancel")), 1)
+            ]),
+            _: 1
+          }, 8, ["size", "disabled"]),
+          v(e(b), {
+            type: "primary",
+            size: g.value,
+            loading: d.value,
+            onClick: B
+          }, {
+            default: m(() => [
+              M(i(e(a)("common.save")), 1)
+            ]),
+            _: 1
+          }, 8, ["size", "loading"])
+        ], 2)
+      ]),
+      default: m(() => [
+        r("div", {
+          class: x(["gs", { "is-narrow": u.value }])
+        }, [
+          v(P, {
+            tree: l.tree,
+            granted: l.granted,
+            modules: l.modules,
+            "default-module-id": l.defaultModuleId,
+            compact: u.value,
+            "onUpdate:checked": t[0] || (t[0] = (n) => f.value = n),
+            onSummary: t[1] || (t[1] = (n) => o.value = n)
+          }, null, 8, ["tree", "granted", "modules", "default-module-id", "compact"])
+        ], 2)
+      ]),
+      _: 1
+    }, 8, ["show", "title", "closable", "close-on-esc", "style"]));
+  }
+});
+export {
+  X as default
+};
+//# sourceMappingURL=GrantMenuSheet2.vue.js.map

package/dist/views/system/role/components/GrantMenuSheet2.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrantMenuSheet2.vue.js","sources":["../../../../../src/views/system/role/components/GrantMenuSheet.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 授权菜单弹窗:居中卡片(窄屏近乎铺满),标题 / 工具区 / 列表 / 底栏四段。只有列表纵向滚动,\n// 底栏(已授权统计 + 取消/保存)永远在视野里 —— 不复用 FormContainer,因为它在 modal 形态下会随内容撑高,\n// 长列表会把保存钮顶出视口。弹窗定高、内容区 flex 吃满,滚动只发生在列表里。\n// onSave 协议同 FormContainer.onConfirm:返回 false 或抛错 → 不关闭;其余情况自动关。\nimport { computed, ref, shallowRef, watch, type CSSProperties } from 'vue'\nimport { NButton, NModal } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { useWindowSize } from '@vueuse/core'\nimport type { MenuTreeNode } from '#/types/menu'\nimport type { ModuleRow } from '#/types/api'\nimport GrantMenuTable from './GrantMenuTable.vue'\nimport type { GrantSummary } from './grantMenuGroups'\n\nconst show = defineModel<boolean>('show', { default: false })\n\nconst props = defineProps<{\n  tree: MenuTreeNode[]\n  granted: number[]\n  modules: ModuleRow[]\n  defaultModuleId: number\n  onSave: (ids: number[]) => unknown | Promise<unknown>\n}>()\n\nconst { t } = useI18n()\n\n/** 窄于此宽度弹窗几乎铺满视口、控件放大一档。 */\nconst COMPACT = 640\nconst { width: winW } = useWindowSize()\nconst compact = computed(() => winW.value <= COMPACT)\n// 定高:列表再长弹窗也不超过视口;卡片是 flex 列,内容区吃剩余高度,滚动只在列表里\nconst modalStyle = computed(() =>\n  compact.value\n    ? { width: 'calc(100vw - 16px)', height: 'calc(100dvh - 16px)' }\n    : { width: 'min(960px, calc(100vw - 48px))', height: 'min(760px, calc(100dvh - 48px))' },\n)\n// 窄屏是触屏:控件放大一档\nconst ctlSize = computed(() => (compact.value ? 'large' : 'medium'))\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\n// 勾选态在列表自己的 reactive 里,这里只收结果:打开时先是服务端现状,用户一改就跟着列表走\nconst checked = shallowRef<number[]>([])\nconst summary = ref<GrantSummary>({ on: 0, total: 0, pages: 0, buttons: 0, dirty: false })\nwatch(\n  show,\n  v => {\n    if (v) checked.value = props.granted\n  },\n  { immediate: true },\n)\n\nconst saving = ref(false)\n// 提交中禁止任何途径关闭,防提交中途关闭导致状态错乱\nconst canClose = computed(() => !saving.value)\n\nasync function handleSave() {\n  saving.value = true\n  try {\n    if ((await props.onSave(checked.value)) !== false) show.value = false\n  } catch {\n    // 静默:错误 toast 由业务 onSave 内负责\n  } finally {\n    saving.value = false\n  }\n}\n</script>\n\n<template>\n  <n-modal\n    v-model:show=\"show\"\n    preset=\"card\"\n    :title=\"t('role.grantMenus')\"\n    :closable=\"canClose\"\n    :close-on-esc=\"canClose\"\n    :mask-closable=\"false\"\n    :auto-focus=\"false\"\n    :style=\"modalStyle\"\n    :content-style=\"contentStyle\"\n    :footer-style=\"footerStyle\"\n  >\n    <div class=\"gs\" :class=\"{ 'is-narrow': compact }\">\n      <GrantMenuTable\n        :tree=\"tree\"\n        :granted=\"granted\"\n        :modules=\"modules\"\n        :default-module-id=\"defaultModuleId\"\n        :compact=\"compact\"\n        @update:checked=\"checked = $event\"\n        @summary=\"summary = $event\"\n      />\n    </div>\n\n    <template #footer>\n      <footer class=\"gs-foot\" :class=\"{ 'is-narrow': compact }\">\n        <div class=\"gs-summary\">\n          <span>{{ t('role.grantSummary', { on: summary.on, total: summary.total }) }}</span>\n          <span>\n            {{ t('role.grantSummarySplit', { pages: summary.pages, buttons: summary.buttons }) }}\n          </span>\n          <span v-if=\"summary.dirty\" class=\"gs-dirty\">{{ t('role.grantUnsaved') }}</span>\n        </div>\n        <n-button :size=\"ctlSize\" :disabled=\"saving\" @click=\"show = false\">\n          {{ t('common.cancel') }}\n        </n-button>\n        <n-button type=\"primary\" :size=\"ctlSize\" :loading=\"saving\" @click=\"handleSave\">\n          {{ t('common.save') }}\n        </n-button>\n      </footer>\n    </template>\n  </n-modal>\n</template>\n\n<style scoped>\n.gs {\n  display: flex;\n  flex: 1 1 0;\n  flex-direction: column;\n  min-height: 0;\n  color: var(--text-1);\n}\n\n/* 底栏:永远可见,与列表之间一条发丝线 */\n.gs-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.gs-summary {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 4px 12px;\n  font-size: 13px;\n  color: var(--text-2);\n  font-variant-numeric: tabular-nums;\n}\n.gs-dirty {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--warn);\n}\n.gs-dirty::before {\n  content: '';\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: var(--warn);\n}\n\n/* 窄屏:统计行独占一行,按钮等分 */\n.gs-foot.is-narrow {\n  flex-wrap: wrap;\n  padding: 10px 16px 14px;\n}\n.gs-foot.is-narrow .gs-summary {\n  flex: 1 1 100%;\n}\n.gs-foot.is-narrow .n-button {\n  flex: 1;\n}\n</style>\n"],"names":["COMPACT","show","_useModel","__props","props","t","useI18n","winW","useWindowSize","compact","computed","modalStyle","ctlSize","contentStyle","footerStyle","checked","shallowRef","summary","ref","watch","v","saving","canClose","handleSave","_createBlock","_unref","NModal","$event","_createElementVNode","_normalizeClass","_hoisted_1","_toDisplayString","_createElementBlock","_hoisted_2","_createVNode","NButton","GrantMenuTable","_cache"],"mappings":"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"}

package/dist/views/system/role/components/GrantMenuTable.vue.d.ts

@@ -1,17 +1,19 @@
 import { MenuTreeNode } from '../../../../types/menu';
 import { ModuleRow } from '../../../../types/api';
+import { GrantSummary } from './grantMenuGroups';
 type __VLS_Props = {
     tree: MenuTreeNode[];
     granted: number[];
     modules: ModuleRow[];
     defaultModuleId: number;
+    /** 窄屏(触屏):控件放大一档,行改成「名称 + 已选数」一行、胶囊另起一行 */
+    compact?: boolean;
 };
-declare function collectChecked(): number[];
-declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {
-    collectChecked: typeof collectChecked;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    summary: (summary: GrantSummary) => any;
     "update:checked": (ids: number[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSummary?: ((summary: GrantSummary) => any) | undefined;
     "onUpdate:checked"?: ((ids: number[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/views/system/role/components/GrantMenuTable.vue.js

@@ -1,8 +1,8 @@
 import o from "./GrantMenuTable2.vue.js";
 /* empty css                    */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6c2563ee"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4bf1bdcb"]]);
 export {
-  m as default
+  f as default
 };
 //# sourceMappingURL=GrantMenuTable.vue.js.map