smart-admin-web 10.21.0 → 10.23.0

package/dist/components/FormContainer/index.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.js","sources":["../../../src/components/FormContainer/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 弹窗/抽屉二合一表单容器:消化 CRUD 页「saving ref + 手写 footer + n-modal 包装」样板。\n// 形态默认跟随全局偏好(app.formStyle,外观设置里切,默认弹窗),variant 按实例覆盖。\n// 抽屉形态按壳层档位走:宽 / 中档 = 右侧抽屉,窄档(< 600)= 底部抽屉,高 92%,\n// 底栏两个按钮等分整行。弹窗形态不分档,仍是居中卡片。\n// onConfirm 协议:返回 Promise → 确认钮自动 loading;reject 或 resolve(false) → 不关闭\n// (n-form 校验放 onConfirm 首行,失败 reject 即挡住关闭);其余情况自动关。\n// 弹窗形态下,没提交成功(校验不过 / 业务拒绝)时卡片左右晃一下,像 macOS 拒绝输入的提示框,\n// 补足内联提示之外的就地反馈;抽屉与全屏形态不晃(整块贴边,位移会露出缝)。\nimport { computed, onDeactivated, ref } from 'vue'\nimport { NModal, NDrawer, NDrawerContent, NButton, NSpace } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { useWindowSize } from '@vueuse/core'\nimport { useCompactScreen } from '#/composables/useCompactScreen'\nimport { useShellBreakpoint } from '#/composables/useShellBreakpoint'\nimport { useAppStore, type FormStyle } from '#/stores/app'\nimport { shake } from '#/utils/shake'\n\nconst show = defineModel<boolean>('show', { default: false })\n\nconst props = defineProps<{\n  title: string\n  /** 不传 → 跟随 app.formStyle 全局偏好 */\n  variant?: FormStyle\n  /** modal=卡片宽 / drawer=抽屉宽,实际生效 min(width, 90vw) */\n  width?: number\n  /** 见顶部协议注释;不传则确认钮直接关闭 */\n  onConfirm?: () => unknown | Promise<unknown>\n  confirmText?: string\n  cancelText?: string\n  /** 默认 false:表单防误触丢输入 */\n  maskClosable?: boolean\n  /**\n   * 铺满视口。默认 `false` —— 不给 `'auto'` 当默认值是刻意的:没传这个 prop 的既有页面\n   * 不该因为换了台平板就换一种形态。字段多的表单显式传 `true`,想跟着屏幕走再传 `'auto'`\n   * (紧凑屏判定见 composables/useCompactScreen)。\n   */\n  fullscreen?: boolean | 'auto'\n}>()\n\nconst { t } = useI18n()\nconst app = useAppStore()\n\nconst mode = computed(() => props.variant ?? app.formStyle)\nconst loading = ref(false)\n// 窄屏不溢出:同 SettingsDrawer 惯例,宽度取 min(width, 90vw)。\nconst { width: winW } = useWindowSize()\nconst compact = useCompactScreen()\nconst fullscreen = computed(() =>\n  props.fullscreen === 'auto' ? compact.value : props.fullscreen === true,\n)\n// 窄档抽屉改底部抽屉。全屏表单(fullscreen)本就铺满视口,不叠底部抽屉形态。\nconst { bp } = useShellBreakpoint()\nconst sheet = computed(() => mode.value === 'drawer' && bp.value === 'narrow' && !fullscreen.value)\nconst btnSize = computed(() => (sheet.value ? 'large' : 'medium'))\nconst w = computed(() =>\n  fullscreen.value ? winW.value : Math.min(props.width ?? 560, Math.round(winW.value * 0.9)),\n)\n// 全屏时不再钉宽度,交给 .smart-form--fullscreen 那条全局样式铺满。\nconst modalStyle = computed(() => (fullscreen.value ? undefined : { width: `${w.value}px` }))\n// 提交中禁止任何途径关闭(esc/遮罩/关闭钮/取消钮),防提交中途关闭导致状态错乱。\nconst canClose = computed(() => !loading.value)\nconst maskClose = computed(() => (props.maskClosable ?? false) && !loading.value)\n\n// 卡片 teleport 到 body,拿不到它的 ref;在正文里放一个不可见的锚点,从锚点向上找到所在的卡片。\nconst anchor = ref<HTMLElement>()\nfunction shakeCard() {\n  if (mode.value !== 'modal' || fullscreen.value) return\n  shake(anchor.value?.closest('.n-card.n-modal'))\n}\n\nasync function handleConfirm() {\n  if (!props.onConfirm) {\n    show.value = false\n    return\n  }\n  loading.value = true\n  try {\n    if ((await props.onConfirm()) !== false) show.value = false\n    else shakeCard()\n  } catch {\n    // 静默:n-form 校验失败已有内联提示;API 错误 toast 由业务 onConfirm 内负责。这里只补一下晃动。\n    shakeCard()\n  } finally {\n    loading.value = false\n  }\n}\n\n// keep-alive 页签切走时,teleport 到 body 的弹层会残留可见 → 强制收起。\nonDeactivated(() => {\n  show.value = false\n})\n</script>\n\n<template>\n  <n-modal\n    v-if=\"mode === 'modal'\"\n    v-model:show=\"show\"\n    preset=\"card\"\n    :title=\"title\"\n    :closable=\"canClose\"\n    :close-on-esc=\"canClose\"\n    :mask-closable=\"maskClose\"\n    :class=\"{ 'smart-form--fullscreen': fullscreen }\"\n    :style=\"modalStyle\"\n  >\n    <template v-if=\"$slots['header-extra']\" #header-extra>\n      <slot name=\"header-extra\" />\n    </template>\n    <i ref=\"anchor\" hidden aria-hidden=\"true\" />\n    <slot />\n    <template #footer>\n      <slot name=\"footer\">\n        <n-space justify=\"end\">\n          <n-button secondary :disabled=\"loading\" @click=\"show = false\">\n            {{ cancelText ?? t('common.cancel') }}\n          </n-button>\n          <n-button type=\"primary\" :loading=\"loading\" @click=\"handleConfirm\">\n            {{ confirmText ?? t('common.confirm') }}\n          </n-button>\n        </n-space>\n      </slot>\n    </template>\n  </n-modal>\n\n  <n-drawer\n    v-else\n    v-model:show=\"show\"\n    :placement=\"sheet ? 'bottom' : 'right'\"\n    :width=\"sheet ? undefined : w\"\n    :height=\"sheet ? '92%' : undefined\"\n    :class=\"{ 'smart-form-sheet': sheet }\"\n    :close-on-esc=\"canClose\"\n    :mask-closable=\"maskClose\"\n  >\n    <n-drawer-content :title=\"title\" :closable=\"canClose\" :native-scrollbar=\"false\">\n      <!-- n-drawer-content 无 header-extra 原生槽:业务传了才自拼 #header(标题 + 附加区并排) -->\n      <template v-if=\"$slots['header-extra']\" #header>\n        <span>{{ title }}</span>\n        <slot name=\"header-extra\" />\n      </template>\n      <slot />\n      <template #footer>\n        <slot name=\"footer\">\n          <!-- 窄档底部抽屉:两个按钮等分整行、大号 -->\n          <div v-if=\"sheet\" class=\"smart-form-foot\">\n            <n-button secondary :size=\"btnSize\" :disabled=\"loading\" @click=\"show = false\">\n              {{ cancelText ?? t('common.cancel') }}\n            </n-button>\n            <n-button type=\"primary\" :size=\"btnSize\" :loading=\"loading\" @click=\"handleConfirm\">\n              {{ confirmText ?? t('common.confirm') }}\n            </n-button>\n          </div>\n          <n-space v-else justify=\"end\">\n            <n-button secondary :disabled=\"loading\" @click=\"show = false\">\n              {{ cancelText ?? t('common.cancel') }}\n            </n-button>\n            <n-button type=\"primary\" :loading=\"loading\" @click=\"handleConfirm\">\n              {{ confirmText ?? t('common.confirm') }}\n            </n-button>\n          </n-space>\n        </slot>\n      </template>\n    </n-drawer-content>\n  </n-drawer>\n</template>\n\n<!-- 不能加 scoped:n-modal / n-drawer 的内容 teleport 到 body,scoped 编译出的 data-v 属性到不了那棵子树,\n     写了等于没写(这正是\"全屏样式不生效\"最常见的原因)。故用带前缀的类名自行隔离。 -->\n<style>\n.smart-form--fullscreen {\n  width: 100vw;\n  max-width: 100vw;\n  height: 100dvh;\n  max-height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  border-radius: 0;\n}\n/* 头/脚按内容高,正文吃满剩余并自己滚 —— 否则长表单会把整张卡撑出视口,底部按钮点不到。 */\n.smart-form--fullscreen > .n-card__content {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n}\n/* 窄档底部抽屉:圆角只在上沿;按钮等分整行。\n   高度用 92% 而不是随内容:表单长短不一,固定高度让不同表单的抽屉一致,正文自己滚。 */\n.n-drawer.smart-form-sheet {\n  border-radius: var(--radius-xl) var(--radius-xl) 0 0;\n}\n.smart-form-foot {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n}\n.smart-form-foot > .n-button {\n  flex: 1;\n}\n</style>\n"],"names":["show","_useModel","__props","props","t","useI18n","app","useAppStore","mode","computed","loading","ref","winW","useWindowSize","compact","useCompactScreen","fullscreen","bp","useShellBreakpoint","sheet","btnSize","w","modalStyle","canClose","maskClose","anchor","shakeCard","shake","_a","handleConfirm","onDeactivated","_createBlock","_unref","NModal","$event","_renderSlot","_ctx","_createVNode","NSpace","NButton","_createTextVNode","_toDisplayString","_createElementVNode","$slots","NDrawer","NDrawerContent","_openBlock","_createElementBlock","_hoisted_1"],"mappings":"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"}
+{"version":3,"file":"index.vue.js","sources":["../../../src/components/FormContainer/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 弹窗/抽屉二合一表单容器:消化 CRUD 页「saving ref + 手写 footer + n-modal 包装」样板。\n// 形态默认跟随全局偏好(app.formStyle,外观设置里切,默认弹窗),variant 按实例覆盖。\n// 抽屉形态按壳层档位走:宽 / 中档 = 右侧抽屉,窄档(< 600)= 底部抽屉,高 92%,\n// 底栏两个按钮等分整行。弹窗形态不分档,仍是居中卡片。\n// onConfirm 协议:返回 Promise → 确认钮自动 loading;reject 或 resolve(false) → 不关闭\n// (n-form 校验放 onConfirm 首行,失败 reject 即挡住关闭);其余情况自动关。\n// 弹窗形态下,没提交成功(校验不过 / 业务拒绝)时卡片左右晃一下,像 macOS 拒绝输入的提示框,\n// 补足内联提示之外的就地反馈;抽屉与全屏形态不晃(整块贴边,位移会露出缝)。\nimport { computed, onDeactivated, ref } from 'vue'\nimport { NModal, NDrawer, NDrawerContent, NButton, NSpace } from 'naive-ui'\nimport { useI18n } from 'vue-i18n'\nimport { useWindowSize } from '@vueuse/core'\nimport { useCompactScreen } from '#/composables/useCompactScreen'\nimport { useShellBreakpoint } from '#/composables/useShellBreakpoint'\nimport { useAppStore, type FormStyle } from '#/stores/app'\nimport { shake } from '#/utils/shake'\n\nconst show = defineModel<boolean>('show', { default: false })\n\nconst props = defineProps<{\n  title: string\n  /** 不传 → 跟随 app.formStyle 全局偏好 */\n  variant?: FormStyle\n  /** modal=卡片宽 / drawer=抽屉宽,实际生效 min(width, 90vw) */\n  width?: number\n  /** 见顶部协议注释;不传则确认钮直接关闭 */\n  onConfirm?: () => unknown | Promise<unknown>\n  confirmText?: string\n  cancelText?: string\n  /** 默认 false:表单防误触丢输入 */\n  maskClosable?: boolean\n  /**\n   * 铺满视口。默认 `false` —— 不给 `'auto'` 当默认值是刻意的:没传这个 prop 的既有页面\n   * 不该因为换了台平板就换一种形态。字段多的表单显式传 `true`,想跟着屏幕走再传 `'auto'`\n   * (紧凑屏判定见 composables/useCompactScreen)。\n   */\n  fullscreen?: boolean | 'auto'\n}>()\n\nconst { t } = useI18n()\nconst app = useAppStore()\n\nconst mode = computed(() => props.variant ?? app.formStyle)\nconst loading = ref(false)\n// 窄屏不溢出:同 SettingsDrawer 惯例,宽度取 min(width, 90vw)。\nconst { width: winW } = useWindowSize()\nconst compact = useCompactScreen()\nconst fullscreen = computed(() =>\n  props.fullscreen === 'auto' ? compact.value : props.fullscreen === true,\n)\n// 窄档抽屉改底部抽屉。全屏表单(fullscreen)本就铺满视口,不叠底部抽屉形态。\nconst { bp } = useShellBreakpoint()\nconst sheet = computed(() => mode.value === 'drawer' && bp.value === 'narrow' && !fullscreen.value)\n// 窄档的弹窗卡片限高在视口内、正文自己滚:内容比视口高时底栏(保存 / 取消)不随正文滚出屏外。\n// 全屏态自带这套(.smart-form--fullscreen),所以只给非全屏的窄档弹窗加。宽 / 中档保持 naive 默认(整张卡随遮罩层滚)。\nconst fixedFoot = computed(() => bp.value === 'narrow' && !fullscreen.value)\nconst btnSize = computed(() => (sheet.value ? 'large' : 'medium'))\nconst w = computed(() =>\n  fullscreen.value ? winW.value : Math.min(props.width ?? 560, Math.round(winW.value * 0.9)),\n)\n// 全屏时不再钉宽度,交给 .smart-form--fullscreen 那条全局样式铺满。\nconst modalStyle = computed(() => (fullscreen.value ? undefined : { width: `${w.value}px` }))\n// 提交中禁止任何途径关闭(esc/遮罩/关闭钮/取消钮),防提交中途关闭导致状态错乱。\nconst canClose = computed(() => !loading.value)\nconst maskClose = computed(() => (props.maskClosable ?? false) && !loading.value)\n\n// 卡片 teleport 到 body,拿不到它的 ref;在正文里放一个不可见的锚点,从锚点向上找到所在的卡片。\nconst anchor = ref<HTMLElement>()\nfunction shakeCard() {\n  if (mode.value !== 'modal' || fullscreen.value) return\n  shake(anchor.value?.closest('.n-card.n-modal'))\n}\n\nasync function handleConfirm() {\n  if (!props.onConfirm) {\n    show.value = false\n    return\n  }\n  loading.value = true\n  try {\n    if ((await props.onConfirm()) !== false) show.value = false\n    else shakeCard()\n  } catch {\n    // 静默:n-form 校验失败已有内联提示;API 错误 toast 由业务 onConfirm 内负责。这里只补一下晃动。\n    shakeCard()\n  } finally {\n    loading.value = false\n  }\n}\n\n// keep-alive 页签切走时,teleport 到 body 的弹层会残留可见 → 强制收起。\nonDeactivated(() => {\n  show.value = false\n})\n</script>\n\n<template>\n  <n-modal\n    v-if=\"mode === 'modal'\"\n    v-model:show=\"show\"\n    preset=\"card\"\n    :title=\"title\"\n    :closable=\"canClose\"\n    :close-on-esc=\"canClose\"\n    :mask-closable=\"maskClose\"\n    :class=\"{ 'smart-form--fullscreen': fullscreen, 'smart-form--fixed-foot': fixedFoot }\"\n    :style=\"modalStyle\"\n  >\n    <template v-if=\"$slots['header-extra']\" #header-extra>\n      <slot name=\"header-extra\" />\n    </template>\n    <i ref=\"anchor\" hidden aria-hidden=\"true\" />\n    <slot />\n    <template #footer>\n      <slot name=\"footer\">\n        <n-space justify=\"end\">\n          <n-button secondary :disabled=\"loading\" @click=\"show = false\">\n            {{ cancelText ?? t('common.cancel') }}\n          </n-button>\n          <n-button type=\"primary\" :loading=\"loading\" @click=\"handleConfirm\">\n            {{ confirmText ?? t('common.confirm') }}\n          </n-button>\n        </n-space>\n      </slot>\n    </template>\n  </n-modal>\n\n  <n-drawer\n    v-else\n    v-model:show=\"show\"\n    :placement=\"sheet ? 'bottom' : 'right'\"\n    :width=\"sheet ? undefined : w\"\n    :height=\"sheet ? '92%' : undefined\"\n    :class=\"{ 'smart-form-sheet': sheet }\"\n    :close-on-esc=\"canClose\"\n    :mask-closable=\"maskClose\"\n  >\n    <n-drawer-content :title=\"title\" :closable=\"canClose\" :native-scrollbar=\"false\">\n      <!-- n-drawer-content 无 header-extra 原生槽:业务传了才自拼 #header(标题 + 附加区并排) -->\n      <template v-if=\"$slots['header-extra']\" #header>\n        <span>{{ title }}</span>\n        <slot name=\"header-extra\" />\n      </template>\n      <slot />\n      <template #footer>\n        <slot name=\"footer\">\n          <!-- 窄档底部抽屉:两个按钮等分整行、大号 -->\n          <div v-if=\"sheet\" class=\"smart-form-foot\">\n            <n-button secondary :size=\"btnSize\" :disabled=\"loading\" @click=\"show = false\">\n              {{ cancelText ?? t('common.cancel') }}\n            </n-button>\n            <n-button type=\"primary\" :size=\"btnSize\" :loading=\"loading\" @click=\"handleConfirm\">\n              {{ confirmText ?? t('common.confirm') }}\n            </n-button>\n          </div>\n          <n-space v-else justify=\"end\">\n            <n-button secondary :disabled=\"loading\" @click=\"show = false\">\n              {{ cancelText ?? t('common.cancel') }}\n            </n-button>\n            <n-button type=\"primary\" :loading=\"loading\" @click=\"handleConfirm\">\n              {{ confirmText ?? t('common.confirm') }}\n            </n-button>\n          </n-space>\n        </slot>\n      </template>\n    </n-drawer-content>\n  </n-drawer>\n</template>\n\n<!-- 不能加 scoped:n-modal / n-drawer 的内容 teleport 到 body,scoped 编译出的 data-v 属性到不了那棵子树,\n     写了等于没写(这正是\"全屏样式不生效\"最常见的原因)。故用带前缀的类名自行隔离。 -->\n<style>\n.smart-form--fullscreen {\n  width: 100vw;\n  max-width: 100vw;\n  height: 100dvh;\n  max-height: 100dvh;\n  display: flex;\n  flex-direction: column;\n  border-radius: 0;\n}\n/* 窄档非全屏弹窗:卡片限高在视口内(上下各留 12px 的遮罩),头/脚按内容高,正文吃满剩余并自己滚。 */\n.smart-form--fixed-foot {\n  display: flex;\n  flex-direction: column;\n  max-height: calc(100dvh - 24px);\n}\n/* 头/脚按内容高,正文吃满剩余并自己滚 —— 否则长表单会把整张卡撑出视口,底部按钮点不到。\n   内容层的类名两种都写:naive-ui 2.45 输出 .n-card-content,只有 content-scrollable 时的滚动外层才带 __content-scrollbar,\n   光写 .n-card__content 在 2.45 上一条都命不中。 */\n.smart-form--fullscreen > :is(.n-card-content, .n-card__content),\n.smart-form--fixed-foot > :is(.n-card-content, .n-card__content) {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n}\n/* 窄档底部抽屉:圆角只在上沿;按钮等分整行。\n   高度用 92% 而不是随内容:表单长短不一,固定高度让不同表单的抽屉一致,正文自己滚。 */\n.n-drawer.smart-form-sheet {\n  border-radius: var(--radius-xl) var(--radius-xl) 0 0;\n}\n.smart-form-foot {\n  display: flex;\n  gap: 10px;\n  width: 100%;\n}\n.smart-form-foot > .n-button {\n  flex: 1;\n}\n</style>\n"],"names":["show","_useModel","__props","props","t","useI18n","app","useAppStore","mode","computed","loading","ref","winW","useWindowSize","compact","useCompactScreen","fullscreen","bp","useShellBreakpoint","sheet","fixedFoot","btnSize","w","modalStyle","canClose","maskClose","anchor","shakeCard","shake","_a","handleConfirm","onDeactivated","_createBlock","_unref","NModal","$event","_normalizeClass","_renderSlot","_ctx","_createVNode","NSpace","NButton","_createTextVNode","_toDisplayString","_createElementVNode","$slots","NDrawer","NDrawerContent","_openBlock","_createElementBlock","_hoisted_1"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAMA,IAAOC,EAAoBC,GAAC,MAA0B,GAEtDC,IAAQD,GAoBR,EAAE,GAAAE,EAAA,IAAMC,EAAA,GACRC,IAAMC,EAAA,GAENC,IAAOC,EAAS,MAAMN,EAAM,WAAWG,EAAI,SAAS,GACpDI,IAAUC,EAAI,EAAK,GAEnB,EAAE,OAAOC,EAAA,IAASC,EAAA,GAClBC,IAAUC,EAAA,GACVC,IAAaP;AAAA,MAAS,MAC1BN,EAAM,eAAe,SAASW,EAAQ,QAAQX,EAAM,eAAe;AAAA,IAAA,GAG/D,EAAE,IAAAc,EAAA,IAAOC,EAAA,GACTC,IAAQV,EAAS,MAAMD,EAAK,UAAU,YAAYS,EAAG,UAAU,YAAY,CAACD,EAAW,KAAK,GAG5FI,IAAYX,EAAS,MAAMQ,EAAG,UAAU,YAAY,CAACD,EAAW,KAAK,GACrEK,IAAUZ,EAAS,MAAOU,EAAM,QAAQ,UAAU,QAAS,GAC3DG,IAAIb;AAAA,MAAS,MACjBO,EAAW,QAAQJ,EAAK,QAAQ,KAAK,IAAIT,EAAM,SAAS,KAAK,KAAK,MAAMS,EAAK,QAAQ,GAAG,CAAC;AAAA,IAAA,GAGrFW,IAAad,EAAS,MAAOO,EAAW,QAAQ,SAAY,EAAE,OAAO,GAAGM,EAAE,KAAK,KAAA,CAAO,GAEtFE,IAAWf,EAAS,MAAM,CAACC,EAAQ,KAAK,GACxCe,IAAYhB,EAAS,OAAON,EAAM,gBAAgB,OAAU,CAACO,EAAQ,KAAK,GAG1EgB,IAASf,EAAA;AACf,aAASgB,IAAY;;AACnB,MAAInB,EAAK,UAAU,WAAWQ,EAAW,SACzCY,GAAMC,IAAAH,EAAO,UAAP,gBAAAG,EAAc,QAAQ,kBAAkB;AAAA,IAChD;AAEA,mBAAeC,IAAgB;AAC7B,UAAI,CAAC3B,EAAM,WAAW;AACpB,QAAAH,EAAK,QAAQ;AACb;AAAA,MACF;AACA,MAAAU,EAAQ,QAAQ;AAChB,UAAI;AACF,QAAK,MAAMP,EAAM,UAAA,MAAiB,OAAY,QAAQ,KACjDwB,EAAA;AAAA,MACP,QAAQ;AAEN,QAAAA,EAAA;AAAA,MACF,UAAA;AACE,QAAAjB,EAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAGA,WAAAqB,EAAc,MAAM;AAClB,MAAA/B,EAAK,QAAQ;AAAA,IACf,CAAC,aAKSQ,EAAA,UAAI,gBADZwB,EA4BUC,EAAAC,CAAA,GAAA;AAAA;MA1BA,MAAMlC,EAAA;AAAA,8CAAAA,EAAI,QAAAmC;AAAA,MAClB,QAAO;AAAA,MACN,OAAOjC,EAAA;AAAA,MACP,UAAUsB,EAAA;AAAA,MACV,gBAAcA,EAAA;AAAA,MACd,iBAAeC,EAAA;AAAA,MACf,OAAKW,EAAA,EAAA,0BAA8BpB,EAAA,OAAU,0BAA4BI,EAAA,OAAS;AAAA,MAClF,SAAOG,EAAA,KAAU;AAAA,IAAA;MAOP,UACT,MASO;AAAA,QATPc,EASOC,wBATP,MASO;AAAA,UARLC,EAOUN,EAAAO,CAAA,GAAA,EAPD,SAAQ,SAAK;AAAA,uBACpB,MAEW;AAAA,cAFXD,EAEWN,EAAAQ,CAAA,GAAA;AAAA,gBAFD,WAAA;AAAA,gBAAW,UAAU/B,EAAA;AAAA,gBAAU,gCAAOV,EAAA,QAAI;AAAA,cAAA;2BAClD,MAAsC;AAAA,kBAAnC0C,EAAAC,EAAAzC,EAAA,cAAc+B,EAAA7B,CAAA,EAAC,eAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;cAEpBmC,EAEWN,EAAAQ,CAAA,GAAA;AAAA,gBAFD,MAAK;AAAA,gBAAW,SAAS/B,EAAA;AAAA,gBAAU,SAAOoB;AAAA,cAAA;2BAClD,MAAwC;AAAA,kBAArCY,EAAAC,EAAAzC,EAAA,eAAe+B,EAAA7B,CAAA,EAAC,gBAAA,CAAA,GAAA,CAAA;AAAA,gBAAA;;;;;;;;iBAT3B,MAA4C;AAAA,QAA5CwC,EAA4C,KAAA;AAAA,mBAArC;AAAA,UAAJ,KAAIlB;AAAA,UAAS,QAAA;AAAA,UAAO,eAAY;AAAA,QAAA;QACnCW,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;MAJQO,EAAAA,OAAM,cAAA;cAAmB;AAAA,cACvC,MAA4B;AAAA,UAA5BR,EAA4BC,EAAA,QAAA,cAAA;AAAA,QAAA;;;yGAkBhCN,EAuCWC,EAAAa,CAAA,GAAA;AAAA;MArCD,MAAM9C,EAAA;AAAA,8CAAAA,EAAI,QAAAmC;AAAA,MACjB,WAAWhB,EAAA,QAAK,WAAA;AAAA,MAChB,OAAOA,EAAA,QAAQ,SAAYG,EAAA;AAAA,MAC3B,QAAQH,EAAA,QAAK,QAAW;AAAA,MACxB,+BAA6BA,EAAA,OAAK;AAAA,MAClC,gBAAcK,EAAA;AAAA,MACd,iBAAeC,EAAA;AAAA,IAAA;iBAEhB,MA4BmB;AAAA,QA5BnBc,EA4BmBN,EAAAc,CAAA,GAAA;AAAA,UA5BA,OAAO7C,EAAA;AAAA,UAAQ,UAAUsB,EAAA;AAAA,UAAW,oBAAkB;AAAA,QAAA;UAO5D,UACT,MAkBO;AAAA,YAlBPa,EAkBOC,wBAlBP,MAkBO;AAAA,cAhBMnB,EAAA,SAAX6B,EAAA,GAAAC,EAOM,OAPNC,IAOM;AAAA,gBANJX,EAEWN,EAAAQ,CAAA,GAAA;AAAA,kBAFD,WAAA;AAAA,kBAAW,MAAMpB,EAAA;AAAA,kBAAU,UAAUX,EAAA;AAAA,kBAAU,gCAAOV,EAAA,QAAI;AAAA,gBAAA;6BAClE,MAAsC;AAAA,oBAAnC0C,EAAAC,EAAAzC,EAAA,cAAc+B,EAAA7B,CAAA,EAAC,eAAA,CAAA,GAAA,CAAA;AAAA,kBAAA;;;gBAEpBmC,EAEWN,EAAAQ,CAAA,GAAA;AAAA,kBAFD,MAAK;AAAA,kBAAW,MAAMpB,EAAA;AAAA,kBAAU,SAASX,EAAA;AAAA,kBAAU,SAAOoB;AAAA,gBAAA;6BAClE,MAAwC;AAAA,oBAArCY,EAAAC,EAAAzC,EAAA,eAAe+B,EAAA7B,CAAA,EAAC,gBAAA,CAAA,GAAA,CAAA;AAAA,kBAAA;;;0BAGvB4B,EAOUC,EAAAO,CAAA,GAAA;AAAA;gBAPM,SAAQ;AAAA,cAAA;2BACtB,MAEW;AAAA,kBAFXD,EAEWN,EAAAQ,CAAA,GAAA;AAAA,oBAFD,WAAA;AAAA,oBAAW,UAAU/B,EAAA;AAAA,oBAAU,gCAAOV,EAAA,QAAI;AAAA,kBAAA;+BAClD,MAAsC;AAAA,sBAAnC0C,EAAAC,EAAAzC,EAAA,cAAc+B,EAAA7B,CAAA,EAAC,eAAA,CAAA,GAAA,CAAA;AAAA,oBAAA;;;kBAEpBmC,EAEWN,EAAAQ,CAAA,GAAA;AAAA,oBAFD,MAAK;AAAA,oBAAW,SAAS/B,EAAA;AAAA,oBAAU,SAAOoB;AAAA,kBAAA;+BAClD,MAAwC;AAAA,sBAArCY,EAAAC,EAAAzC,EAAA,eAAe+B,EAAA7B,CAAA,EAAC,gBAAA,CAAA,GAAA,CAAA;AAAA,oBAAA;;;;;;;;qBAjB3B,MAAQ;AAAA,YAARiC,EAAQC,EAAA,QAAA,SAAA;AAAA,UAAA;;;UAJQO,EAAAA,OAAM,cAAA;kBAAmB;AAAA,kBACvC,MAAwB;AAAA,cAAxBD,EAAwB,gBAAf1C,EAAA,KAAK,GAAA,CAAA;AAAA,cACdmC,EAA4BC,EAAA,QAAA,cAAA;AAAA,YAAA;;;;;;;;;"}

package/dist/components/SidePanelDrawer/index.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    /** 抽屉标题,通常是分组名(「机构」「分类」) */
+    title: string;
+};
+type __VLS_ModelProps = {
+    'show'?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/SidePanelDrawer/index.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent as r, useModel as d, openBlock as i, createBlock as f, unref as l, withCtx as s, createVNode as u, createElementVNode as w, renderSlot as m, mergeModels as p } from "vue";
+import { NDrawer as c, NDrawerContent as h } from "naive-ui";
+const _ = { class: "side-panel-body" }, N = /* @__PURE__ */ r({
+  __name: "index",
+  props: /* @__PURE__ */ p({
+    title: {}
+  }, {
+    show: { type: Boolean, default: !1 },
+    showModifiers: {}
+  }),
+  emits: ["update:show"],
+  setup(e) {
+    const t = d(e, "show");
+    return (a, o) => (i(), f(l(c), {
+      show: t.value,
+      "onUpdate:show": o[0] || (o[0] = (n) => t.value = n),
+      placement: "left",
+      width: "min(300px, 88vw)"
+    }, {
+      default: s(() => [
+        u(l(h), {
+          title: e.title,
+          closable: ""
+        }, {
+          default: s(() => [
+            w("div", _, [
+              m(a.$slots, "default")
+            ])
+          ]),
+          _: 3
+        }, 8, ["title"])
+      ]),
+      _: 3
+    }, 8, ["show"]));
+  }
+});
+export {
+  N as default
+};
+//# sourceMappingURL=index.vue.js.map

package/dist/components/SidePanelDrawer/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../src/components/SidePanelDrawer/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 带左侧面板的页面在窄内容区里的面板抽屉:从左侧滑出,标题栏写分组名,插槽放面板内容。\n// 与 useSidePanel 配对使用:`compact` 时不画 aside,点工具栏按钮把 `drawerOpen` 置 true 打开这里。\n// 面板里的 `.side-filter__btn` 等沿用 layout.css 的侧栏约定,抽屉里是触屏,图标按钮放大到可点的尺寸。\nimport { NDrawer, NDrawerContent } from 'naive-ui'\n\ndefineProps<{\n  /** 抽屉标题,通常是分组名(「机构」「分类」) */\n  title: string\n}>()\n\nconst show = defineModel<boolean>('show', { default: false })\n</script>\n\n<template>\n  <n-drawer v-model:show=\"show\" placement=\"left\" width=\"min(300px, 88vw)\">\n    <n-drawer-content :title=\"title\" closable>\n      <div class=\"side-panel-body\">\n        <slot />\n      </div>\n    </n-drawer-content>\n  </n-drawer>\n</template>\n\n<!-- 不加 scoped:面板内容是调用方模板里的节点,带的是调用方的 data-v,组件自己的 scoped 规则够不着里面的 .side-filter__btn。 -->\n<style>\n/* 与 aside 里同样的纵向堆叠与间距 */\n.side-panel-body {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n/* 抽屉在触屏上用:头部图标按钮放大到可点的尺寸 */\n.side-panel-body .side-filter__btn {\n  width: 32px;\n  height: 32px;\n}\n</style>\n"],"names":["show","_useModel","__props","_createBlock","_unref","NDrawer","$event","_createVNode","NDrawerContent","_createElementVNode","_hoisted_1","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;AAWA,UAAMA,IAAOC,EAAoBC,GAAC,MAA0B;2BAI1DC,EAMWC,EAAAC,CAAA,GAAA;AAAA,MANO,MAAML,EAAA;AAAA,8CAAAA,EAAI,QAAAM;AAAA,MAAE,WAAU;AAAA,MAAO,OAAM;AAAA,IAAA;iBACnD,MAImB;AAAA,QAJnBC,EAImBH,EAAAI,CAAA,GAAA;AAAA,UAJA,OAAON,EAAA;AAAA,UAAO,UAAA;AAAA,QAAA;qBAC/B,MAEM;AAAA,YAFNO,EAEM,OAFNC,GAEM;AAAA,cADJC,EAAQC,EAAA,QAAA,SAAA;AAAA,YAAA;;;;;;;;;"}

package/dist/components/SidePanelDrawer/index3.vue.js

@@ -0,0 +1,6 @@
+import o from "./index.vue.js";
+/* empty css           */
+export {
+  o as default
+};
+//# sourceMappingURL=index3.vue.js.map

package/dist/components/SidePanelDrawer/index3.vue.js.map

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

package/dist/composables/authMenuRoute.d.ts

@@ -30,3 +30,13 @@ export type MenuRouteDescriptor = {
  * `useAuthMenu` 负责。`viewKeys` 必须来自同一张页面 glob，避免存在性判断与 loader 来源漂移。
  */
 export declare function describeMenuRoute(node: MenuNode, viewKeys: ReadonlySet<string>): MenuRouteDescriptor | null;
+/**
+ * 比对路由路径的口径:补前导斜杠、去末尾斜杠(vue-router 非严格模式下 /a/ 与 /a 是同一条路由)。
+ * 末尾斜杠用循环从后往前数:路径来自地址栏,是用户可控的输入,`/\/+$/` 这类正则遇到一长串斜杠会二次方回溯。
+ */
+export declare function normalizeRoutePath(path: string): string;
+/**
+ * 这棵菜单树会不会注册出 `path` 这条路由。判据就是 describeMenuRoute 的产出,所以与真正注册时同口径:
+ * 目录、外链、没配组件的节点不算。只认整条路径相等 —— 前缀相同不代表是同一个页面。
+ */
+export declare function menuHasPath(tree: MenuNode[], path: string, viewKeys: ReadonlySet<string>): boolean;

package/dist/composables/authMenuRoute.js

@@ -1,37 +1,53 @@
-import { isHttpUrl as n } from "../utils/url.js";
-import { menuTitleKey as p } from "../locales/menuTitle.js";
-import { MenuType as u } from "../types/menu.js";
-function s(t, a) {
-  if (t.type !== u.Menu || !t.path || n(t.path)) return null;
-  const r = t.path.startsWith("/") ? t.path : `/${t.path}`, e = `menu-${t.id}`, i = t.component;
-  if (i && n(i))
+import { isHttpUrl as u } from "../utils/url.js";
+import { flattenTree as p } from "../utils/tree.js";
+import { menuTitleKey as c } from "../locales/menuTitle.js";
+import { MenuType as s } from "../types/menu.js";
+function m(t, r) {
+  if (t.type !== s.Menu || !t.path || u(t.path)) return null;
+  const i = t.path.startsWith("/") ? t.path : `/${t.path}`, n = `menu-${t.id}`, e = t.component;
+  if (e && u(e))
     return {
       kind: "iframe",
-      path: r,
-      name: e,
-      title: p(t.title, t.path),
+      path: i,
+      name: n,
+      title: c(t.title, t.path),
       icon: t.icon,
-      iframeSrc: i
+      iframeSrc: e
     };
-  if (!i) return null;
-  const c = i.replace(/^\/+/, "").replace(/\.vue$/, "");
-  return a.has(c) ? {
+  if (!e) return null;
+  const a = e.replace(/^\/+/, "").replace(/\.vue$/, "");
+  return r.has(a) ? {
     kind: "view",
-    path: r,
-    name: e,
-    title: p(t.title, t.path),
+    path: i,
+    name: n,
+    title: c(t.title, t.path),
     icon: t.icon,
-    viewKey: c
+    viewKey: a
   } : {
     kind: "missing",
-    path: r,
-    name: e,
-    title: p(t.title, t.path),
+    path: i,
+    name: n,
+    title: c(t.title, t.path),
     icon: t.icon,
-    component: i
+    component: e
   };
 }
+function l(t) {
+  const r = t.startsWith("/") ? t : `/${t}`;
+  let i = r.length;
+  for (; i > 1 && r.charCodeAt(i - 1) === 47; ) i--;
+  return r.slice(0, i);
+}
+function y(t, r, i) {
+  const n = l(r);
+  return p(t).some((e) => {
+    const a = m(e, i);
+    return a !== null && l(a.path) === n;
+  });
+}
 export {
-  s as describeMenuRoute
+  m as describeMenuRoute,
+  y as menuHasPath,
+  l as normalizeRoutePath
 };
 //# sourceMappingURL=authMenuRoute.js.map

package/dist/composables/authMenuRoute.js.map

@@ -1 +1 @@
-{"version":3,"file":"authMenuRoute.js","sources":["../../src/composables/authMenuRoute.ts"],"sourcesContent":["import { isHttpUrl } from '#/utils/url'\nimport { menuTitleKey } from '#/locales/menuTitle'\nimport { MenuType, type MenuNode } from '#/types/menu'\n\n/**\n * 菜单节点的可物化结果。三种变体把 iframe/view/missing 各自所需的数据收窄，调用方无需再次\n * 解释后端的 `component` 字符串。\n */\nexport type MenuRouteDescriptor =\n  | { kind: 'iframe'; path: string; name: string; title: string; icon?: string; iframeSrc: string }\n  | { kind: 'view'; path: string; name: string; title: string; icon?: string; viewKey: string }\n  | { kind: 'missing'; path: string; name: string; title: string; icon?: string; component: string }\n\n/**\n * 只负责菜单路由决策，让分支逻辑能脱离 vue-router 做单测；路由注册与组件物化仍由\n * `useAuthMenu` 负责。`viewKeys` 必须来自同一张页面 glob，避免存在性判断与 loader 来源漂移。\n */\nexport function describeMenuRoute(\n  node: MenuNode,\n  viewKeys: ReadonlySet<string>,\n): MenuRouteDescriptor | null {\n  if (node.type !== MenuType.Menu || !node.path || isHttpUrl(node.path)) return null\n\n  const path = node.path.startsWith('/') ? node.path : `/${node.path}`\n  const name = `menu-${node.id}`\n  const component = node.component\n  if (component && isHttpUrl(component)) {\n    return {\n      kind: 'iframe',\n      path,\n      name,\n      title: menuTitleKey(node.title, node.path),\n      icon: node.icon,\n      iframeSrc: component,\n    }\n  }\n  if (!component) return null\n\n  // 页面表的 key 形如 system/user/index;容忍存量配置带前导斜杠或 .vue 后缀\n  const viewKey = component.replace(/^\\/+/, '').replace(/\\.vue$/, '')\n  if (viewKeys.has(viewKey))\n    return {\n      kind: 'view',\n      path,\n      name,\n      title: menuTitleKey(node.title, node.path),\n      icon: node.icon,\n      viewKey,\n    }\n  return {\n    kind: 'missing',\n    path,\n    name,\n    title: menuTitleKey(node.title, node.path),\n    icon: node.icon,\n    component,\n  }\n}\n"],"names":["describeMenuRoute","node","viewKeys","MenuType","isHttpUrl","path","name","component","menuTitleKey","viewKey"],"mappings":";;;AAiBO,SAASA,EACdC,GACAC,GAC4B;AAC5B,MAAID,EAAK,SAASE,EAAS,QAAQ,CAACF,EAAK,QAAQG,EAAUH,EAAK,IAAI,EAAG,QAAO;AAE9E,QAAMI,IAAOJ,EAAK,KAAK,WAAW,GAAG,IAAIA,EAAK,OAAO,IAAIA,EAAK,IAAI,IAC5DK,IAAO,QAAQL,EAAK,EAAE,IACtBM,IAAYN,EAAK;AACvB,MAAIM,KAAaH,EAAUG,CAAS;AAClC,WAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAAF;AAAA,MACA,MAAAC;AAAA,MACA,OAAOE,EAAaP,EAAK,OAAOA,EAAK,IAAI;AAAA,MACzC,MAAMA,EAAK;AAAA,MACX,WAAWM;AAAA,IAAA;AAGf,MAAI,CAACA,EAAW,QAAO;AAGvB,QAAME,IAAUF,EAAU,QAAQ,QAAQ,EAAE,EAAE,QAAQ,UAAU,EAAE;AAClE,SAAIL,EAAS,IAAIO,CAAO,IACf;AAAA,IACL,MAAM;AAAA,IACN,MAAAJ;AAAA,IACA,MAAAC;AAAA,IACA,OAAOE,EAAaP,EAAK,OAAOA,EAAK,IAAI;AAAA,IACzC,MAAMA,EAAK;AAAA,IACX,SAAAQ;AAAA,EAAA,IAEG;AAAA,IACL,MAAM;AAAA,IACN,MAAAJ;AAAA,IACA,MAAAC;AAAA,IACA,OAAOE,EAAaP,EAAK,OAAOA,EAAK,IAAI;AAAA,IACzC,MAAMA,EAAK;AAAA,IACX,WAAAM;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"authMenuRoute.js","sources":["../../src/composables/authMenuRoute.ts"],"sourcesContent":["import { isHttpUrl } from '#/utils/url'\nimport { flattenTree } from '#/utils/tree'\nimport { menuTitleKey } from '#/locales/menuTitle'\nimport { MenuType, type MenuNode } from '#/types/menu'\n\n/**\n * 菜单节点的可物化结果。三种变体把 iframe/view/missing 各自所需的数据收窄，调用方无需再次\n * 解释后端的 `component` 字符串。\n */\nexport type MenuRouteDescriptor =\n  | { kind: 'iframe'; path: string; name: string; title: string; icon?: string; iframeSrc: string }\n  | { kind: 'view'; path: string; name: string; title: string; icon?: string; viewKey: string }\n  | { kind: 'missing'; path: string; name: string; title: string; icon?: string; component: string }\n\n/**\n * 只负责菜单路由决策，让分支逻辑能脱离 vue-router 做单测；路由注册与组件物化仍由\n * `useAuthMenu` 负责。`viewKeys` 必须来自同一张页面 glob，避免存在性判断与 loader 来源漂移。\n */\nexport function describeMenuRoute(\n  node: MenuNode,\n  viewKeys: ReadonlySet<string>,\n): MenuRouteDescriptor | null {\n  if (node.type !== MenuType.Menu || !node.path || isHttpUrl(node.path)) return null\n\n  const path = node.path.startsWith('/') ? node.path : `/${node.path}`\n  const name = `menu-${node.id}`\n  const component = node.component\n  if (component && isHttpUrl(component)) {\n    return {\n      kind: 'iframe',\n      path,\n      name,\n      title: menuTitleKey(node.title, node.path),\n      icon: node.icon,\n      iframeSrc: component,\n    }\n  }\n  if (!component) return null\n\n  // 页面表的 key 形如 system/user/index;容忍存量配置带前导斜杠或 .vue 后缀\n  const viewKey = component.replace(/^\\/+/, '').replace(/\\.vue$/, '')\n  if (viewKeys.has(viewKey))\n    return {\n      kind: 'view',\n      path,\n      name,\n      title: menuTitleKey(node.title, node.path),\n      icon: node.icon,\n      viewKey,\n    }\n  return {\n    kind: 'missing',\n    path,\n    name,\n    title: menuTitleKey(node.title, node.path),\n    icon: node.icon,\n    component,\n  }\n}\n\n/**\n * 比对路由路径的口径:补前导斜杠、去末尾斜杠(vue-router 非严格模式下 /a/ 与 /a 是同一条路由)。\n * 末尾斜杠用循环从后往前数:路径来自地址栏,是用户可控的输入,`/\\/+$/` 这类正则遇到一长串斜杠会二次方回溯。\n */\nexport function normalizeRoutePath(path: string): string {\n  const withSlash = path.startsWith('/') ? path : `/${path}`\n  let end = withSlash.length\n  while (end > 1 && withSlash.charCodeAt(end - 1) === 47 /* '/' */) end--\n  return withSlash.slice(0, end)\n}\n\n/**\n * 这棵菜单树会不会注册出 `path` 这条路由。判据就是 describeMenuRoute 的产出,所以与真正注册时同口径:\n * 目录、外链、没配组件的节点不算。只认整条路径相等 —— 前缀相同不代表是同一个页面。\n */\nexport function menuHasPath(\n  tree: MenuNode[],\n  path: string,\n  viewKeys: ReadonlySet<string>,\n): boolean {\n  const target = normalizeRoutePath(path)\n  return flattenTree(tree).some(node => {\n    const route = describeMenuRoute(node, viewKeys)\n    return route !== null && normalizeRoutePath(route.path) === target\n  })\n}\n"],"names":["describeMenuRoute","node","viewKeys","MenuType","isHttpUrl","path","name","component","menuTitleKey","viewKey","normalizeRoutePath","withSlash","end","menuHasPath","tree","target","flattenTree","route"],"mappings":";;;;AAkBO,SAASA,EACdC,GACAC,GAC4B;AAC5B,MAAID,EAAK,SAASE,EAAS,QAAQ,CAACF,EAAK,QAAQG,EAAUH,EAAK,IAAI,EAAG,QAAO;AAE9E,QAAMI,IAAOJ,EAAK,KAAK,WAAW,GAAG,IAAIA,EAAK,OAAO,IAAIA,EAAK,IAAI,IAC5DK,IAAO,QAAQL,EAAK,EAAE,IACtBM,IAAYN,EAAK;AACvB,MAAIM,KAAaH,EAAUG,CAAS;AAClC,WAAO;AAAA,MACL,MAAM;AAAA,MACN,MAAAF;AAAA,MACA,MAAAC;AAAA,MACA,OAAOE,EAAaP,EAAK,OAAOA,EAAK,IAAI;AAAA,MACzC,MAAMA,EAAK;AAAA,MACX,WAAWM;AAAA,IAAA;AAGf,MAAI,CAACA,EAAW,QAAO;AAGvB,QAAME,IAAUF,EAAU,QAAQ,QAAQ,EAAE,EAAE,QAAQ,UAAU,EAAE;AAClE,SAAIL,EAAS,IAAIO,CAAO,IACf;AAAA,IACL,MAAM;AAAA,IACN,MAAAJ;AAAA,IACA,MAAAC;AAAA,IACA,OAAOE,EAAaP,EAAK,OAAOA,EAAK,IAAI;AAAA,IACzC,MAAMA,EAAK;AAAA,IACX,SAAAQ;AAAA,EAAA,IAEG;AAAA,IACL,MAAM;AAAA,IACN,MAAAJ;AAAA,IACA,MAAAC;AAAA,IACA,OAAOE,EAAaP,EAAK,OAAOA,EAAK,IAAI;AAAA,IACzC,MAAMA,EAAK;AAAA,IACX,WAAAM;AAAA,EAAA;AAEJ;AAMO,SAASG,EAAmBL,GAAsB;AACvD,QAAMM,IAAYN,EAAK,WAAW,GAAG,IAAIA,IAAO,IAAIA,CAAI;AACxD,MAAIO,IAAMD,EAAU;AACpB,SAAOC,IAAM,KAAKD,EAAU,WAAWC,IAAM,CAAC,MAAM,KAAc,CAAAA;AAClE,SAAOD,EAAU,MAAM,GAAGC,CAAG;AAC/B;AAMO,SAASC,EACdC,GACAT,GACAH,GACS;AACT,QAAMa,IAASL,EAAmBL,CAAI;AACtC,SAAOW,EAAYF,CAAI,EAAE,KAAK,CAAAb,MAAQ;AACpC,UAAMgB,IAAQjB,EAAkBC,GAAMC,CAAQ;AAC9C,WAAOe,MAAU,QAAQP,EAAmBO,EAAM,IAAI,MAAMF;AAAA,EAC9D,CAAC;AACH;"}

package/dist/composables/useModule.d.ts

@@ -1,3 +1,4 @@
+import { AppModule } from '../types/menu';
 type EnterResult = {
     chooser: true;
 } | {
@@ -10,7 +11,8 @@ declare function enter(moduleId: number): Promise<EnterResult>;
 export declare function useModule(): {
     enter: typeof enter;
     enterInitial: () => Promise<EnterResult>;
-    switchModule: (moduleId: number) => Promise<void>;
+    switchModule: (moduleId: number, target?: string) => Promise<void>;
+    findOwnerModule: (path: string) => Promise<AppModule | null>;
     setDefault: (moduleId: number) => Promise<void>;
 };
 export {};

package/dist/composables/useModule.js

@@ -1,25 +1,27 @@
-import { useAuthStore as I } from "../stores/auth.js";
-import { useTabsStore as g } from "../stores/tabs.js";
-import { useUserStore as f } from "../stores/user.js";
-import { personalApi as s } from "../api/index.js";
-import { buildRoutesForModule as M } from "./useAuthMenu.js";
-import { router as S } from "../router/index.js";
-let i = null;
-async function n(r) {
-  return await M(r), { chooser: !1, moduleId: r };
+import { useAuthStore as g } from "../stores/auth.js";
+import { useTabsStore as y } from "../stores/tabs.js";
+import { useUserStore as d } from "../stores/user.js";
+import { personalApi as i } from "../api/index.js";
+import { buildRoutesForModule as v } from "./useAuthMenu.js";
+import { normalizeRoutePath as c, menuHasPath as S } from "./authMenuRoute.js";
+import { viewComponentPaths as P } from "../router/viewRegistry.js";
+import { router as T } from "../router/index.js";
+let m = null;
+async function l(o) {
+  return await v(o), { chooser: !1, moduleId: o };
 }
-function b() {
-  const r = I();
-  function d() {
-    return i ?? (i = c().finally(() => {
-      i = null;
-    })), i;
+function z() {
+  const o = g();
+  function h() {
+    return m ?? (m = p().finally(() => {
+      m = null;
+    })), m;
   }
-  async function c() {
-    const [{ modules: o, defaultModuleId: t }, m, a] = await Promise.all([
-      s.modules(),
-      s.permissions().then((e) => ({ ok: !0, codes: e })).catch(() => ({ ok: !1, codes: [] })),
-      s.profile().then((e) => ({
+  async function p() {
+    const [{ modules: t, defaultModuleId: r }, u, a] = await Promise.all([
+      i.modules(),
+      i.permissions().then((e) => ({ ok: !0, codes: e })).catch(() => ({ ok: !1, codes: [] })),
+      i.profile().then((e) => ({
         sadm: e.isSuperAdmin,
         avatar: e.avatar ?? null,
         orgName: e.orgName ?? null,
@@ -27,28 +29,38 @@ function b() {
       })).catch(() => {
         var e;
         return {
-          sadm: ((e = f().userInfo) == null ? void 0 : e.isSuperAdmin) ?? !1,
+          sadm: ((e = d().userInfo) == null ? void 0 : e.isSuperAdmin) ?? !1,
           avatar: null,
           orgName: null,
           phoneTail: null
         };
       })
     ]);
-    r.modules = o, r.defaultModuleId = t ?? null, r.permissionCodes = m.codes, r.permissionsLoaded = m.ok, r.isSuperAdmin = a.sadm;
-    const u = f();
-    if (u.userInfo && (u.userInfo.avatar = a.avatar, u.userInfo.orgName = a.orgName, u.userInfo.phoneTail = a.phoneTail), o.length === 0) return { chooser: !0 };
-    const l = r.currentModuleId;
-    return l && o.some((e) => e.id === l) ? n(l) : o.length === 1 ? n(o[0].id) : t && o.some((e) => e.id === t) ? n(t) : { chooser: !0 };
+    o.modules = t, o.defaultModuleId = r ?? null, o.permissionCodes = u.codes, o.permissionsLoaded = u.ok, o.isSuperAdmin = a.sadm;
+    const s = d();
+    if (s.userInfo && (s.userInfo.avatar = a.avatar, s.userInfo.orgName = a.orgName, s.userInfo.phoneTail = a.phoneTail), t.length === 0) return { chooser: !0 };
+    const f = o.currentModuleId;
+    return f && t.some((e) => e.id === f) ? l(f) : t.length === 1 ? l(t[0].id) : r && t.some((e) => e.id === r) ? l(r) : { chooser: !0 };
   }
-  async function p(o) {
-    await n(o), g().clearTabs(), S.replace(r.homePath);
+  async function I(t, r) {
+    await l(t), y().clearTabs(), T.replace(r ?? o.homePath);
   }
-  async function h(o) {
-    await s.setDefaultModule(o), r.defaultModuleId = o;
+  async function w(t) {
+    const r = c(t), u = o.modules.filter((n) => n.id !== o.currentModuleId), a = u.find(
+      (n) => n.defaultRoute && c(n.defaultRoute) === r
+    );
+    if (a) return a;
+    const s = new Set(P()), e = (await Promise.all(
+      u.map((n) => i.menu(n.id).catch(() => []))
+    )).findIndex((n) => S(n, r, s));
+    return e < 0 ? null : u[e];
   }
-  return { enter: n, enterInitial: d, switchModule: p, setDefault: h };
+  async function M(t) {
+    await i.setDefaultModule(t), o.defaultModuleId = t;
+  }
+  return { enter: l, enterInitial: h, switchModule: I, findOwnerModule: w, setDefault: M };
 }
 export {
-  b as useModule
+  z as useModule
 };
 //# sourceMappingURL=useModule.js.map

package/dist/composables/useModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModule.js","sources":["../../src/composables/useModule.ts"],"sourcesContent":["// 多应用门户的进门/切换流程:登录后该直接进哪个应用、还是弹应用选择器,以及切换时清理旧应用的路由与标签。\n// enterInitial() 也是 F5/深链的恢复入口(动态路由只在内存里),路由守卫会调它。\n// 坑:权限码拉取失败时 permissionsLoaded 保持 false,v-auth 走 fail-closed 藏按钮 —— 宁可少显示,不谎报有权限。\nimport { useAuthStore } from '#/stores/auth'\nimport { useTabsStore } from '#/stores/tabs'\nimport { useUserStore } from '#/stores/user'\nimport { personalApi } from '#/api'\nimport { buildRoutesForModule } from './useAuthMenu'\nimport { router } from '#/router'\n\ntype EnterResult = { chooser: true } | { chooser: false; moduleId: number }\n\n// 进门单飞:F5/深链时守卫可能被并发导航各调一次 enterInitial,而 buildRoutesForModule 起手就 resetRouter()\n// —— 后一次会把前一次刚注册的动态路由整片摘掉,表现是偶发 404/白屏。模块级 promise 让并发合流成一次。\nlet entering: Promise<EnterResult> | null = null\n\n/** 进指定应用:重建它的动态路由。 */\nasync function enter(moduleId: number): Promise<EnterResult> {\n  await buildRoutesForModule(moduleId)\n  return { chooser: false, moduleId }\n}\n\n/** 门户:登录后决定直接进 / 进默认 / 弹选择器,以及切换应用。逻辑与 Naive 无关。 */\nexport function useModule() {\n  const auth = useAuthStore()\n\n  function enterInitial(): Promise<EnterResult> {\n    entering ??= doEnterInitial().finally(() => {\n      entering = null\n    })\n    return entering\n  }\n\n  async function doEnterInitial(): Promise<EnterResult> {\n    // 并行拉模块 + 当前用户权限码。权限码喂 v-auth:成功(哪怕空集=超管)才标 loaded;\n    // 失败不阻断进门户,但 permissionsLoaded 保持 false → v-auth fail-closed(藏按钮),不谎报\"有权限\"。\n    // profile 拿超管标记喂 v-auth(只对超管 fail-open,普通用户空集则隐藏)+ 顺手回填顶栏头像;失败按普通用户处理(安全侧,不误放行)。\n    const [{ modules, defaultModuleId }, perm, profile] = await Promise.all([\n      personalApi.modules(),\n      personalApi\n        .permissions()\n        .then(codes => ({ ok: true, codes }))\n        .catch(() => ({ ok: false, codes: [] as string[] })),\n      personalApi\n        .profile()\n        .then(p => ({\n          sadm: p.isSuperAdmin,\n          avatar: p.avatar ?? null,\n          orgName: p.orgName ?? null,\n          phoneTail: p.phone ? p.phone.slice(-4) : null,\n        }))\n        .catch(() => ({\n          sadm: useUserStore().userInfo?.isSuperAdmin ?? false,\n          avatar: null,\n          orgName: null,\n          phoneTail: null,\n        })),\n    ])\n    auth.modules = modules\n    auth.defaultModuleId = defaultModuleId ?? null\n    auth.permissionCodes = perm.codes\n    auth.permissionsLoaded = perm.ok\n    auth.isSuperAdmin = profile.sadm\n    // 顶栏头像:登录出参不含 avatar,这里回填(取不到按无头像处理,顶栏回落图标)\n    const user = useUserStore()\n    if (user.userInfo) {\n      user.userInfo.avatar = profile.avatar\n      user.userInfo.orgName = profile.orgName // 水印要印机构和手机尾号,同样只有 profile 里有\n      user.userInfo.phoneTail = profile.phoneTail\n    }\n    if (modules.length === 0) return { chooser: true } // 空态:选择器里提示未分配应用\n    // F5/深链优先重建\"上次所在应用\"(持久化的 currentModuleId),让其动态路由复活,跨应用深链不落 404。\n    const remembered = auth.currentModuleId\n    if (remembered && modules.some(m => m.id === remembered)) return enter(remembered)\n    if (modules.length === 1) return enter(modules[0]!.id)\n    if (defaultModuleId && modules.some(m => m.id === defaultModuleId))\n      return enter(defaultModuleId)\n    return { chooser: true }\n  }\n\n  async function switchModule(moduleId: number): Promise<void> {\n    await enter(moduleId)\n    useTabsStore().clearTabs() // 切应用 → 标签归零(新应用路由已重建)\n    router.replace(auth.homePath) // 落到新应用自己的首页\n  }\n\n  async function setDefault(moduleId: number): Promise<void> {\n    await personalApi.setDefaultModule(moduleId)\n    auth.defaultModuleId = moduleId // 本地同步,选择页角标立刻转移,不必重拉 /personal/modules\n  }\n\n  return { enter, enterInitial, switchModule, setDefault }\n}\n"],"names":["entering","enter","moduleId","buildRoutesForModule","useModule","auth","useAuthStore","enterInitial","doEnterInitial","modules","defaultModuleId","perm","profile","personalApi","codes","p","_a","useUserStore","user","remembered","m","switchModule","useTabsStore","router","setDefault"],"mappings":";;;;;;AAcA,IAAIA,IAAwC;AAG5C,eAAeC,EAAMC,GAAwC;AAC3D,eAAMC,EAAqBD,CAAQ,GAC5B,EAAE,SAAS,IAAO,UAAAA,EAAA;AAC3B;AAGO,SAASE,IAAY;AAC1B,QAAMC,IAAOC,EAAA;AAEb,WAASC,IAAqC;AAC5C,WAAAP,UAAaQ,IAAiB,QAAQ,MAAM;AAC1C,MAAAR,IAAW;AAAA,IACb,CAAC,IACMA;AAAA,EACT;AAEA,iBAAeQ,IAAuC;AAIpD,UAAM,CAAC,EAAE,SAAAC,GAAS,iBAAAC,EAAA,GAAmBC,GAAMC,CAAO,IAAI,MAAM,QAAQ,IAAI;AAAA,MACtEC,EAAY,QAAA;AAAA,MACZA,EACG,YAAA,EACA,KAAK,CAAAC,OAAU,EAAE,IAAI,IAAM,OAAAA,EAAA,EAAQ,EACnC,MAAM,OAAO,EAAE,IAAI,IAAO,OAAO,CAAA,IAAiB;AAAA,MACrDD,EACG,QAAA,EACA,KAAK,CAAAE,OAAM;AAAA,QACV,MAAMA,EAAE;AAAA,QACR,QAAQA,EAAE,UAAU;AAAA,QACpB,SAASA,EAAE,WAAW;AAAA,QACtB,WAAWA,EAAE,QAAQA,EAAE,MAAM,MAAM,EAAE,IAAI;AAAA,MAAA,EACzC,EACD,MAAM,MAAA;;AAAO;AAAA,UACZ,QAAMC,IAAAC,EAAA,EAAe,aAAf,gBAAAD,EAAyB,iBAAgB;AAAA,UAC/C,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,WAAW;AAAA,QAAA;AAAA,OACX;AAAA,IAAA,CACL;AACD,IAAAX,EAAK,UAAUI,GACfJ,EAAK,kBAAkBK,KAAmB,MAC1CL,EAAK,kBAAkBM,EAAK,OAC5BN,EAAK,oBAAoBM,EAAK,IAC9BN,EAAK,eAAeO,EAAQ;AAE5B,UAAMM,IAAOD,EAAA;AAMb,QALIC,EAAK,aACPA,EAAK,SAAS,SAASN,EAAQ,QAC/BM,EAAK,SAAS,UAAUN,EAAQ,SAChCM,EAAK,SAAS,YAAYN,EAAQ,YAEhCH,EAAQ,WAAW,EAAG,QAAO,EAAE,SAAS,GAAA;AAE5C,UAAMU,IAAad,EAAK;AACxB,WAAIc,KAAcV,EAAQ,KAAK,CAAAW,MAAKA,EAAE,OAAOD,CAAU,IAAUlB,EAAMkB,CAAU,IAC7EV,EAAQ,WAAW,IAAUR,EAAMQ,EAAQ,CAAC,EAAG,EAAE,IACjDC,KAAmBD,EAAQ,KAAK,CAAAW,MAAKA,EAAE,OAAOV,CAAe,IACxDT,EAAMS,CAAe,IACvB,EAAE,SAAS,GAAA;AAAA,EACpB;AAEA,iBAAeW,EAAanB,GAAiC;AAC3D,UAAMD,EAAMC,CAAQ,GACpBoB,EAAA,EAAe,UAAA,GACfC,EAAO,QAAQlB,EAAK,QAAQ;AAAA,EAC9B;AAEA,iBAAemB,EAAWtB,GAAiC;AACzD,UAAMW,EAAY,iBAAiBX,CAAQ,GAC3CG,EAAK,kBAAkBH;AAAA,EACzB;AAEA,SAAO,EAAE,OAAAD,GAAO,cAAAM,GAAc,cAAAc,GAAc,YAAAG,EAAA;AAC9C;"}
+{"version":3,"file":"useModule.js","sources":["../../src/composables/useModule.ts"],"sourcesContent":["// 多应用门户的进门/切换流程:登录后该直接进哪个应用、还是弹应用选择器,以及切换时清理旧应用的路由与标签。\n// enterInitial() 也是 F5/深链的恢复入口(动态路由只在内存里),路由守卫会调它。\n// 坑:权限码拉取失败时 permissionsLoaded 保持 false,v-auth 走 fail-closed 藏按钮 —— 宁可少显示,不谎报有权限。\nimport { useAuthStore } from '#/stores/auth'\nimport { useTabsStore } from '#/stores/tabs'\nimport { useUserStore } from '#/stores/user'\nimport { personalApi } from '#/api'\nimport { buildRoutesForModule } from './useAuthMenu'\nimport { menuHasPath, normalizeRoutePath } from './authMenuRoute'\nimport { viewComponentPaths } from '#/router/viewRegistry'\nimport { router } from '#/router'\nimport type { AppModule, MenuNode } from '#/types/menu'\n\ntype EnterResult = { chooser: true } | { chooser: false; moduleId: number }\n\n// 进门单飞:F5/深链时守卫可能被并发导航各调一次 enterInitial,而 buildRoutesForModule 起手就 resetRouter()\n// —— 后一次会把前一次刚注册的动态路由整片摘掉,表现是偶发 404/白屏。模块级 promise 让并发合流成一次。\nlet entering: Promise<EnterResult> | null = null\n\n/** 进指定应用:重建它的动态路由。 */\nasync function enter(moduleId: number): Promise<EnterResult> {\n  await buildRoutesForModule(moduleId)\n  return { chooser: false, moduleId }\n}\n\n/** 门户:登录后决定直接进 / 进默认 / 弹选择器,以及切换应用。逻辑与 Naive 无关。 */\nexport function useModule() {\n  const auth = useAuthStore()\n\n  function enterInitial(): Promise<EnterResult> {\n    entering ??= doEnterInitial().finally(() => {\n      entering = null\n    })\n    return entering\n  }\n\n  async function doEnterInitial(): Promise<EnterResult> {\n    // 并行拉模块 + 当前用户权限码。权限码喂 v-auth:成功(哪怕空集=超管)才标 loaded;\n    // 失败不阻断进门户,但 permissionsLoaded 保持 false → v-auth fail-closed(藏按钮),不谎报\"有权限\"。\n    // profile 拿超管标记喂 v-auth(只对超管 fail-open,普通用户空集则隐藏)+ 顺手回填顶栏头像;失败按普通用户处理(安全侧,不误放行)。\n    const [{ modules, defaultModuleId }, perm, profile] = await Promise.all([\n      personalApi.modules(),\n      personalApi\n        .permissions()\n        .then(codes => ({ ok: true, codes }))\n        .catch(() => ({ ok: false, codes: [] as string[] })),\n      personalApi\n        .profile()\n        .then(p => ({\n          sadm: p.isSuperAdmin,\n          avatar: p.avatar ?? null,\n          orgName: p.orgName ?? null,\n          phoneTail: p.phone ? p.phone.slice(-4) : null,\n        }))\n        .catch(() => ({\n          sadm: useUserStore().userInfo?.isSuperAdmin ?? false,\n          avatar: null,\n          orgName: null,\n          phoneTail: null,\n        })),\n    ])\n    auth.modules = modules\n    auth.defaultModuleId = defaultModuleId ?? null\n    auth.permissionCodes = perm.codes\n    auth.permissionsLoaded = perm.ok\n    auth.isSuperAdmin = profile.sadm\n    // 顶栏头像:登录出参不含 avatar,这里回填(取不到按无头像处理,顶栏回落图标)\n    const user = useUserStore()\n    if (user.userInfo) {\n      user.userInfo.avatar = profile.avatar\n      user.userInfo.orgName = profile.orgName // 水印要印机构和手机尾号,同样只有 profile 里有\n      user.userInfo.phoneTail = profile.phoneTail\n    }\n    if (modules.length === 0) return { chooser: true } // 空态:选择器里提示未分配应用\n    // F5/深链优先重建\"上次所在应用\"(持久化的 currentModuleId),让其动态路由复活,跨应用深链不落 404。\n    const remembered = auth.currentModuleId\n    if (remembered && modules.some(m => m.id === remembered)) return enter(remembered)\n    if (modules.length === 1) return enter(modules[0]!.id)\n    if (defaultModuleId && modules.some(m => m.id === defaultModuleId))\n      return enter(defaultModuleId)\n    return { chooser: true }\n  }\n\n  /** `target` 缺省落新应用自己的首页;给了就落到那个地址(跨应用深链:先切过去再打开它)。 */\n  async function switchModule(moduleId: number, target?: string): Promise<void> {\n    await enter(moduleId)\n    useTabsStore().clearTabs() // 切应用 → 标签归零(新应用路由已重建)\n    router.replace(target ?? auth.homePath)\n  }\n\n  /**\n   * 用户有权进入的其它应用里,哪个注册了 `path` 这个页面;没有则 null。\n   * 动态路由只按当前应用的菜单注册,别的应用的页面地址会落到通配 404 —— 404 页靠它把\n   * 「地址不存在」和「页面属于别的应用」分开。只在命中 404 时才调,所以不预拉各应用的菜单。\n   * 某个应用的菜单拉取失败按「没有」处理:这是个提示,不该因它再报一层错。\n   */\n  async function findOwnerModule(path: string): Promise<AppModule | null> {\n    const target = normalizeRoutePath(path)\n    const others = auth.modules.filter(m => m.id !== auth.currentModuleId)\n    // defaultRoute 是现成的索引,命中就不必拉菜单\n    const byDefault = others.find(\n      m => m.defaultRoute && normalizeRoutePath(m.defaultRoute) === target,\n    )\n    if (byDefault) return byDefault\n\n    const viewKeys = new Set(viewComponentPaths())\n    const trees = await Promise.all(\n      others.map(m => personalApi.menu(m.id).catch(() => [] as MenuNode[])),\n    )\n    const hit = trees.findIndex(tree => menuHasPath(tree, target, viewKeys))\n    return hit < 0 ? null : others[hit]!\n  }\n\n  async function setDefault(moduleId: number): Promise<void> {\n    await personalApi.setDefaultModule(moduleId)\n    auth.defaultModuleId = moduleId // 本地同步,选择页角标立刻转移,不必重拉 /personal/modules\n  }\n\n  return { enter, enterInitial, switchModule, findOwnerModule, setDefault }\n}\n"],"names":["entering","enter","moduleId","buildRoutesForModule","useModule","auth","useAuthStore","enterInitial","doEnterInitial","modules","defaultModuleId","perm","profile","personalApi","codes","p","_a","useUserStore","user","remembered","m","switchModule","target","useTabsStore","router","findOwnerModule","path","normalizeRoutePath","others","byDefault","viewKeys","viewComponentPaths","hit","tree","menuHasPath","setDefault"],"mappings":"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"}

package/dist/composables/useShellBreakpoint.js

@@ -1,17 +1,17 @@
-import { inject as v, computed as c, ref as h, provide as w, watch as m, onScopeDispose as S } from "vue";
-import { useWindowSize as b } from "@vueuse/core";
-const R = 600, l = 1400;
+import { inject as v, computed as c, ref as h, provide as w, watch as S, onScopeDispose as _ } from "vue";
+import { useWindowSize as m } from "@vueuse/core";
+const E = 600, l = 1400, A = 1e3;
 function u(t) {
-  return t >= l ? "wide" : t >= R ? "mid" : "narrow";
+  return t >= l ? "wide" : t >= E ? "mid" : "narrow";
 }
 const p = Symbol("shellBreakpoint");
-function E(t) {
+function k(t) {
   const n = h(l), d = c(() => u(n.value)), o = { width: n, bp: d };
   w(p, o);
   let e;
-  return m(
+  return S(
     t,
-    (i, _, f) => {
+    (i, L, f) => {
       !i || typeof ResizeObserver > "u" || (e = new ResizeObserver((a) => {
         var s;
         const r = (s = a[0]) == null ? void 0 : s.contentRect.width;
@@ -19,19 +19,20 @@ function E(t) {
       }), e.observe(i), f(() => e == null ? void 0 : e.disconnect()));
     },
     { flush: "post" }
-  ), S(() => e == null ? void 0 : e.disconnect()), o;
+  ), _(() => e == null ? void 0 : e.disconnect()), o;
 }
-function L() {
+function B() {
   const t = v(p, null);
   if (t) return t;
-  const { width: n } = b();
+  const { width: n } = m();
   return { width: n, bp: c(() => u(n.value)) };
 }
 export {
-  R as SHELL_NARROW_MAX,
+  E as SHELL_NARROW_MAX,
+  A as SHELL_PANEL_DRAWER_MAX,
   l as SHELL_WIDE_MIN,
-  E as provideShellBreakpoint,
+  k as provideShellBreakpoint,
   u as shellBreakpointOf,
-  L as useShellBreakpoint
+  B as useShellBreakpoint
 };
 //# sourceMappingURL=useShellBreakpoint.js.map

package/dist/composables/useShellBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useShellBreakpoint.js","sources":["../../src/composables/useShellBreakpoint.ts"],"sourcesContent":["// 壳层档位:按「内容区」宽度判(不是视口),侧栏展开 / 收起、抽屉开合都会改变档位。\n//\n//   wide   ≥ 1400   统计卡等页面栅格铺开\n//   mid    600–1399 栅格收窄;带左侧面板的页面在内容区 < 1000 时面板收进抽屉\n//   narrow < 600    整页自然滚动,不锁一屏高度;统计卡两列;设置行上下排\n//\n// 阈值 600 = smart-naive-table 的窄档(表格根节点宽 < 600 换卡片)。壳层 narrow 必须和它对齐:\n// 壳层进入「整页自然滚动」时表格一定已是卡片列表;壳层不是 narrow 时表格一定仍是表格。\n// 两层阈值错开会出现一段宽度:页面不定高、表格却还在 fill-height,表体塌成最小高度。\n// 阈值直接取 600:量的是 `.page` 的 content box(ResizeObserver 的 contentRect 本身已扣掉内边距),\n// 留白不进数字,日后改 `.page` 的内边距不用回来改阈值。\n//\n// 用法:default.vue 调 provideShellBreakpoint(el) 绑定被量的元素;页面里调 useShellBreakpoint()\n// 取 { bp, width }(没有壳层时,如单测或独立挂载,退回按视口宽度估算)。\nimport {\n  computed,\n  inject,\n  onScopeDispose,\n  provide,\n  ref,\n  watch,\n  type InjectionKey,\n  type Ref,\n} from 'vue'\nimport { useWindowSize } from '@vueuse/core'\n\nexport type ShellBreakpoint = 'wide' | 'mid' | 'narrow'\n\n/** 壳层 narrow 的上界(不含)。与表格窄档 600 对齐,见文件头。 */\nexport const SHELL_NARROW_MAX = 600\n/** 壳层 wide 的下界(含)。 */\nexport const SHELL_WIDE_MIN = 1400\n/** 带左侧面板的页面:内容区窄于此值时面板收进抽屉。 */\nexport const SHELL_PANEL_DRAWER_MAX = 1000\n\n/** 纯判定,便于单测。 */\nexport function shellBreakpointOf(width: number): ShellBreakpoint {\n  return width >= SHELL_WIDE_MIN ? 'wide' : width >= SHELL_NARROW_MAX ? 'mid' : 'narrow'\n}\n\nexport interface ShellBreakpointState {\n  /** 内容区(`.page` content box)宽度,px */\n  width: Ref<number>\n  bp: Readonly<Ref<ShellBreakpoint>>\n}\n\nconst KEY: InjectionKey<ShellBreakpointState> = Symbol('shellBreakpoint')\n\n/** 壳层调用:盯住 el 的 content box,把 { width, bp } 提供给后代。 */\nexport function provideShellBreakpoint(el: Ref<HTMLElement | undefined>): ShellBreakpointState {\n  const width = ref(SHELL_WIDE_MIN) // 首帧按宽档,避免挂载瞬间闪一下 narrow 的自然滚动布局\n  const bp = computed(() => shellBreakpointOf(width.value))\n  const state: ShellBreakpointState = { width, bp }\n  provide(KEY, state)\n\n  let ro: ResizeObserver | undefined\n  watch(\n    el,\n    (node, _old, onCleanup) => {\n      if (!node || typeof ResizeObserver === 'undefined') return\n      ro = new ResizeObserver(entries => {\n        const w = entries[0]?.contentRect.width\n        if (w !== undefined) width.value = w\n      })\n      ro.observe(node)\n      onCleanup(() => ro?.disconnect())\n    },\n    { flush: 'post' },\n  )\n  onScopeDispose(() => ro?.disconnect())\n  return state\n}\n\n/** 页面 / 组件调用:取壳层档位。壳层之外退回视口宽度(近似,够单测与独立挂载用)。 */\nexport function useShellBreakpoint(): ShellBreakpointState {\n  const injected = inject(KEY, null)\n  if (injected) return injected\n  const { width } = useWindowSize()\n  return { width, bp: computed(() => shellBreakpointOf(width.value)) }\n}\n"],"names":["SHELL_NARROW_MAX","SHELL_WIDE_MIN","shellBreakpointOf","width","KEY","provideShellBreakpoint","el","ref","bp","computed","state","provide","ro","watch","node","_old","onCleanup","entries","w","_a","onScopeDispose","useShellBreakpoint","injected","inject","useWindowSize"],"mappings":";;AA6BO,MAAMA,IAAmB,KAEnBC,IAAiB;AAKvB,SAASC,EAAkBC,GAAgC;AAChE,SAAOA,KAASF,IAAiB,SAASE,KAASH,IAAmB,QAAQ;AAChF;AAQA,MAAMI,IAA0C,OAAO,iBAAiB;AAGjE,SAASC,EAAuBC,GAAwD;AAC7F,QAAMH,IAAQI,EAAIN,CAAc,GAC1BO,IAAKC,EAAS,MAAMP,EAAkBC,EAAM,KAAK,CAAC,GAClDO,IAA8B,EAAE,OAAAP,GAAO,IAAAK,EAAA;AAC7C,EAAAG,EAAQP,GAAKM,CAAK;AAElB,MAAIE;AACJ,SAAAC;AAAA,IACEP;AAAA,IACA,CAACQ,GAAMC,GAAMC,MAAc;AACzB,MAAI,CAACF,KAAQ,OAAO,iBAAmB,QACvCF,IAAK,IAAI,eAAe,CAAAK,MAAW;;AACjC,cAAMC,KAAIC,IAAAF,EAAQ,CAAC,MAAT,gBAAAE,EAAY,YAAY;AAClC,QAAID,MAAM,WAAWf,EAAM,QAAQe;AAAA,MACrC,CAAC,GACDN,EAAG,QAAQE,CAAI,GACfE,EAAU,MAAMJ,KAAA,gBAAAA,EAAI,YAAY;AAAA,IAClC;AAAA,IACA,EAAE,OAAO,OAAA;AAAA,EAAO,GAElBQ,EAAe,MAAMR,KAAA,gBAAAA,EAAI,YAAY,GAC9BF;AACT;AAGO,SAASW,IAA2C;AACzD,QAAMC,IAAWC,EAAOnB,GAAK,IAAI;AACjC,MAAIkB,EAAU,QAAOA;AACrB,QAAM,EAAE,OAAAnB,EAAA,IAAUqB,EAAA;AAClB,SAAO,EAAE,OAAArB,GAAO,IAAIM,EAAS,MAAMP,EAAkBC,EAAM,KAAK,CAAC,EAAA;AACnE;"}
+{"version":3,"file":"useShellBreakpoint.js","sources":["../../src/composables/useShellBreakpoint.ts"],"sourcesContent":["// 壳层档位:按「内容区」宽度判(不是视口),侧栏展开 / 收起、抽屉开合都会改变档位。\n//\n//   wide   ≥ 1400   统计卡等页面栅格铺开\n//   mid    600–1399 栅格收窄;带左侧面板的页面在内容区 < 1000 时面板收进抽屉(useSidePanel + SidePanelDrawer)\n//   narrow < 600    整页自然滚动,不锁一屏高度;统计卡两列;设置行上下排\n//\n// 阈值 600 = smart-naive-table 的窄档(表格根节点宽 < 600 换卡片)。壳层 narrow 必须和它对齐:\n// 壳层进入「整页自然滚动」时表格一定已是卡片列表;壳层不是 narrow 时表格一定仍是表格。\n// 两层阈值错开会出现一段宽度:页面不定高、表格却还在 fill-height,表体塌成最小高度。\n// 这条对齐只对开了 card-on-narrow 的表成立;没开的表(表格形态的 fill-height 表)由 layout.css ①′ 让那一页保持定高兜底。\n// 阈值直接取 600:量的是 `.page` 的 content box(ResizeObserver 的 contentRect 本身已扣掉内边距),\n// 留白不进数字,日后改 `.page` 的内边距不用回来改阈值。\n//\n// 用法:default.vue 调 provideShellBreakpoint(el) 绑定被量的元素;页面里调 useShellBreakpoint()\n// 取 { bp, width }(没有壳层时,如单测或独立挂载,退回按视口宽度估算)。\nimport {\n  computed,\n  inject,\n  onScopeDispose,\n  provide,\n  ref,\n  watch,\n  type InjectionKey,\n  type Ref,\n} from 'vue'\nimport { useWindowSize } from '@vueuse/core'\n\nexport type ShellBreakpoint = 'wide' | 'mid' | 'narrow'\n\n/** 壳层 narrow 的上界(不含)。与表格窄档 600 对齐,见文件头。 */\nexport const SHELL_NARROW_MAX = 600\n/** 壳层 wide 的下界(含)。 */\nexport const SHELL_WIDE_MIN = 1400\n/** 带左侧面板的页面:内容区窄于此值时面板收进抽屉。 */\nexport const SHELL_PANEL_DRAWER_MAX = 1000\n\n/** 纯判定,便于单测。 */\nexport function shellBreakpointOf(width: number): ShellBreakpoint {\n  return width >= SHELL_WIDE_MIN ? 'wide' : width >= SHELL_NARROW_MAX ? 'mid' : 'narrow'\n}\n\nexport interface ShellBreakpointState {\n  /** 内容区(`.page` content box)宽度,px */\n  width: Ref<number>\n  bp: Readonly<Ref<ShellBreakpoint>>\n}\n\nconst KEY: InjectionKey<ShellBreakpointState> = Symbol('shellBreakpoint')\n\n/** 壳层调用:盯住 el 的 content box,把 { width, bp } 提供给后代。 */\nexport function provideShellBreakpoint(el: Ref<HTMLElement | undefined>): ShellBreakpointState {\n  const width = ref(SHELL_WIDE_MIN) // 首帧按宽档,避免挂载瞬间闪一下 narrow 的自然滚动布局\n  const bp = computed(() => shellBreakpointOf(width.value))\n  const state: ShellBreakpointState = { width, bp }\n  provide(KEY, state)\n\n  let ro: ResizeObserver | undefined\n  watch(\n    el,\n    (node, _old, onCleanup) => {\n      if (!node || typeof ResizeObserver === 'undefined') return\n      ro = new ResizeObserver(entries => {\n        const w = entries[0]?.contentRect.width\n        if (w !== undefined) width.value = w\n      })\n      ro.observe(node)\n      onCleanup(() => ro?.disconnect())\n    },\n    { flush: 'post' },\n  )\n  onScopeDispose(() => ro?.disconnect())\n  return state\n}\n\n/** 页面 / 组件调用:取壳层档位。壳层之外退回视口宽度(近似,够单测与独立挂载用)。 */\nexport function useShellBreakpoint(): ShellBreakpointState {\n  const injected = inject(KEY, null)\n  if (injected) return injected\n  const { width } = useWindowSize()\n  return { width, bp: computed(() => shellBreakpointOf(width.value)) }\n}\n"],"names":["SHELL_NARROW_MAX","SHELL_WIDE_MIN","SHELL_PANEL_DRAWER_MAX","shellBreakpointOf","width","KEY","provideShellBreakpoint","el","ref","bp","computed","state","provide","ro","watch","node","_old","onCleanup","entries","w","_a","onScopeDispose","useShellBreakpoint","injected","inject","useWindowSize"],"mappings":";;AA8BO,MAAMA,IAAmB,KAEnBC,IAAiB,MAEjBC,IAAyB;AAG/B,SAASC,EAAkBC,GAAgC;AAChE,SAAOA,KAASH,IAAiB,SAASG,KAASJ,IAAmB,QAAQ;AAChF;AAQA,MAAMK,IAA0C,OAAO,iBAAiB;AAGjE,SAASC,EAAuBC,GAAwD;AAC7F,QAAMH,IAAQI,EAAIP,CAAc,GAC1BQ,IAAKC,EAAS,MAAMP,EAAkBC,EAAM,KAAK,CAAC,GAClDO,IAA8B,EAAE,OAAAP,GAAO,IAAAK,EAAA;AAC7C,EAAAG,EAAQP,GAAKM,CAAK;AAElB,MAAIE;AACJ,SAAAC;AAAA,IACEP;AAAA,IACA,CAACQ,GAAMC,GAAMC,MAAc;AACzB,MAAI,CAACF,KAAQ,OAAO,iBAAmB,QACvCF,IAAK,IAAI,eAAe,CAAAK,MAAW;;AACjC,cAAMC,KAAIC,IAAAF,EAAQ,CAAC,MAAT,gBAAAE,EAAY,YAAY;AAClC,QAAID,MAAM,WAAWf,EAAM,QAAQe;AAAA,MACrC,CAAC,GACDN,EAAG,QAAQE,CAAI,GACfE,EAAU,MAAMJ,KAAA,gBAAAA,EAAI,YAAY;AAAA,IAClC;AAAA,IACA,EAAE,OAAO,OAAA;AAAA,EAAO,GAElBQ,EAAe,MAAMR,KAAA,gBAAAA,EAAI,YAAY,GAC9BF;AACT;AAGO,SAASW,IAA2C;AACzD,QAAMC,IAAWC,EAAOnB,GAAK,IAAI;AACjC,MAAIkB,EAAU,QAAOA;AACrB,QAAM,EAAE,OAAAnB,EAAA,IAAUqB,EAAA;AAClB,SAAO,EAAE,OAAArB,GAAO,IAAIM,EAAS,MAAMP,EAAkBC,EAAM,KAAK,CAAC,EAAA;AACnE;"}

package/dist/composables/useSidePanel.d.ts

@@ -0,0 +1,9 @@
+import { ComputedRef, Ref } from 'vue';
+export interface SidePanelState {
+    /** 内容区宽度 < 阈值:面板该收进抽屉。 */
+    compact: ComputedRef<boolean>;
+    /** 抽屉开合;宽度回到不紧凑时自动关,别留一个对不上布局的遮罩。 */
+    drawerOpen: Ref<boolean>;
+}
+/** @param max 内容区窄于它时面板收进抽屉;默认 `SHELL_PANEL_DRAWER_MAX`(1000)。 */
+export declare function useSidePanel(max?: number): SidePanelState;

package/dist/composables/useSidePanel.js

@@ -0,0 +1,12 @@
+import { computed as n, ref as c, watch as f } from "vue";
+import { SHELL_PANEL_DRAWER_MAX as i, useShellBreakpoint as l } from "./useShellBreakpoint.js";
+function u(o = i) {
+  const { width: r } = l(), e = n(() => r.value < o), t = c(!1);
+  return f(e, (a) => {
+    a || (t.value = !1);
+  }), { compact: e, drawerOpen: t };
+}
+export {
+  u as useSidePanel
+};
+//# sourceMappingURL=useSidePanel.js.map

package/dist/composables/useSidePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSidePanel.js","sources":["../../src/composables/useSidePanel.ts"],"sourcesContent":["// 带左侧面板(分组 / 机构树…)的页面:内容区窄于阈值时,面板不再占一列,收进左侧抽屉。\n//\n// 判据是壳层内容区宽度(`useShellBreakpoint().width`,不是视口):侧栏展开 / 收起、抽屉开合都会改变它。\n// 面板占掉的宽度本来就会让右侧表格变窄,收进抽屉后表格得到整行宽度;表格自己的窄档(卡片列表)由库按表格宽度另行判定。\n//\n// 用法(范例 views/system/user):\n//   const { compact, drawerOpen } = useSidePanel()\n//   <aside v-if=\"!compact\" class=\"side-filter\">…面板…</aside>\n//   <SmartTable>  … #toolbar 里放一个按钮:`@click=\"drawerOpen = true\"` …</SmartTable>\n//   <SidePanelDrawer v-model:show=\"drawerOpen\" :title=\"…\">…同一份面板内容…</SidePanelDrawer>\n// 面板内容只写一份用 VueUse 的 createReusableTemplate,宽屏放进 aside、窄屏放进抽屉。\nimport { computed, ref, watch, type ComputedRef, type Ref } from 'vue'\nimport { SHELL_PANEL_DRAWER_MAX, useShellBreakpoint } from './useShellBreakpoint'\n\nexport interface SidePanelState {\n  /** 内容区宽度 < 阈值:面板该收进抽屉。 */\n  compact: ComputedRef<boolean>\n  /** 抽屉开合;宽度回到不紧凑时自动关,别留一个对不上布局的遮罩。 */\n  drawerOpen: Ref<boolean>\n}\n\n/** @param max 内容区窄于它时面板收进抽屉;默认 `SHELL_PANEL_DRAWER_MAX`(1000)。 */\nexport function useSidePanel(max: number = SHELL_PANEL_DRAWER_MAX): SidePanelState {\n  const { width } = useShellBreakpoint()\n  const compact = computed(() => width.value < max)\n  const drawerOpen = ref(false)\n  watch(compact, isCompact => {\n    if (!isCompact) drawerOpen.value = false\n  })\n  return { compact, drawerOpen }\n}\n"],"names":["useSidePanel","max","SHELL_PANEL_DRAWER_MAX","width","useShellBreakpoint","compact","computed","drawerOpen","ref","watch","isCompact"],"mappings":";;AAsBO,SAASA,EAAaC,IAAcC,GAAwC;AACjF,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZC,IAAUC,EAAS,MAAMH,EAAM,QAAQF,CAAG,GAC1CM,IAAaC,EAAI,EAAK;AAC5B,SAAAC,EAAMJ,GAAS,CAAAK,MAAa;AAC1B,IAAKA,MAAWH,EAAW,QAAQ;AAAA,EACrC,CAAC,GACM,EAAE,SAAAF,GAAS,YAAAE,EAAA;AACpB;"}

package/dist/index.d.ts

@@ -38,6 +38,7 @@ export { useTableZoom } from './composables/useTableZoom';
 export { useTabTitle } from './composables/useTabTitle';
 export { useTableTitle } from './composables/useTableTitle';
 export { useShellBreakpoint } from './composables/useShellBreakpoint';
+export { useSidePanel, type SidePanelState } from './composables/useSidePanel';
 export { useTheme } from './composables/useTheme';
 export { useVisualViewportHeight } from './composables/useVisualViewportHeight';
 export { default as ApiSelect } from './components/ApiSelect/index.vue';
@@ -64,6 +65,7 @@ export { default as MarkdownView } from './components/MarkdownEditor/MarkdownVie
 export { default as OrgTreeSelect } from './components/OrgTreeSelect/index.vue';
 export { default as PasswordStrength } from './components/PasswordStrength/index.vue';
 export { default as RoleSelect } from './components/RoleSelect/index.vue';
+export { default as SidePanelDrawer } from './components/SidePanelDrawer/index.vue';
 export { default as StatusSwitch } from './components/StatusSwitch/index.vue';
 export { default as TableTotal } from './components/TableTotal/index.vue';
 export { default as TableZoomButton } from './components/TableZoomButton/index.vue';