smart-admin-web 10.20.0 → 10.21.0

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

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

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

@@ -1 +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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"}
+{"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  /** 列表上方的一行说明(如范围限制);不给不显示 */\n  hint?: string\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      <p v-if=\"hint\" class=\"gs-hint\">{{ hint }}</p>\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.gs-hint {\n  margin: 10px 20px 0;\n  font-size: 13px;\n  color: var(--text-2);\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_2","_toDisplayString","_createElementBlock","_hoisted_3","_createVNode","NButton","_hoisted_1","GrantMenuTable","_cache"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import o from "./GrantMenuTable2.vue.js";
 /* empty css                    */
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4bf1bdcb"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-594886fc"]]);
 export {
   f as default
 };