smart-admin-web 10.15.0 → 10.20.0

package/dist/layouts/SettingsDrawer2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsDrawer2.vue.js","sources":["../../src/layouts/SettingsDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  NDrawer,\n  NDrawerContent,\n  NTabs,\n  NTabPane,\n  NDivider,\n  NRadioGroup,\n  NRadioButton,\n  NColorPicker,\n  NSwitch,\n  NSelect,\n  NInput,\n  NPopconfirm,\n  NButton,\n} from 'naive-ui'\nimport { computed } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport { useI18n } from 'vue-i18n'\nimport { useMessage } from 'naive-ui'\nimport { useWindowSize, useClipboard } from '@vueuse/core'\nimport { useAppStore } from '#/stores/app'\nimport { ACCENTS } from '#/theme/accents'\nimport { runtime } from '#/lib/runtime'\nimport SettingRow from './SettingRow.vue'\nimport LayoutModeCards from './LayoutModeCards.vue'\n\nconst show = defineModel<boolean>('show', { default: false })\nconst app = useAppStore()\nconst { t } = useI18n()\nconst message = useMessage()\nconst { copy, isSupported } = useClipboard()\n// 「复制配置」是给内核开发者改 stores/app.ts 的 DEFAULTS 用的开发期动作,不该出现在终端管理员的设置里——仅开发态显示。\nconst showCopyConfig = isSupported && runtime.dev\n\n// 复制当前外观配置(内核开发者粘回 stores/app.ts 的 DEFAULTS 即为新默认)。\nasync function copyConfig() {\n  await copy(JSON.stringify(app.exportSettings(), null, 2))\n  message.success(t('settings.configCopied'))\n}\n\n// 窄屏不溢出:抽屉宽度取 min(400, 90vw)。加宽给布局卡片两列留出余量。\nconst { width } = useWindowSize()\nconst drawerWidth = computed(() => Math.min(400, Math.round(width.value * 0.9)))\n\n// computed:t() 一次求值不随语言切换更新,故包 computed 让下拉标签跟随 locale。\nconst transitionOptions = computed(() => [\n  { label: t('settings.transitionNone'), value: 'none' },\n  { label: t('settings.transitionFade'), value: 'fade' },\n  { label: t('settings.transitionFadeSlide'), value: 'fade-slide' },\n])\n</script>\n\n<template>\n  <n-drawer v-model:show=\"show\" :width=\"drawerWidth\" placement=\"right\">\n    <n-drawer-content :title=\"t('settings.title')\" closable :native-scrollbar=\"false\">\n      <n-tabs type=\"segment\" size=\"small\" animated class=\"tabs\">\n        <!-- 外观 -->\n        <n-tab-pane name=\"appearance\" :tab=\"t('settings.tabAppearance')\">\n          <n-divider title-placement=\"left\">{{ t('settings.themeMode') }}</n-divider>\n          <n-radio-group v-model:value=\"app.themeScheme\" size=\"small\" class=\"seg\">\n            <n-radio-button value=\"light\">\n              <Icon icon=\"ph:sun\" class=\"ri\" />\n              {{ t('app.light') }}\n            </n-radio-button>\n            <n-radio-button value=\"dark\">\n              <Icon icon=\"ph:moon-stars\" class=\"ri\" />\n              {{ t('app.dark') }}\n            </n-radio-button>\n            <n-radio-button value=\"auto\">\n              <Icon icon=\"ph:circle-half\" class=\"ri\" />\n              {{ t('settings.auto') }}\n            </n-radio-button>\n          </n-radio-group>\n\n          <n-divider title-placement=\"left\">{{ t('settings.themeColor') }}</n-divider>\n          <div class=\"accents\">\n            <button\n              v-for=\"c in ACCENTS\"\n              :key=\"c\"\n              type=\"button\"\n              class=\"dot\"\n              :class=\"{ on: app.accent === c }\"\n              :style=\"{ background: c }\"\n              :aria-label=\"`${t('settings.themeColor')} ${c}`\"\n              :aria-pressed=\"app.accent === c\"\n              @click=\"app.setAccent(c)\"\n            >\n              <Icon v-if=\"app.accent === c\" icon=\"ph:check-bold\" class=\"tick\" />\n            </button>\n          </div>\n          <n-color-picker\n            :value=\"app.accent\"\n            :modes=\"['hex']\"\n            :show-alpha=\"false\"\n            :swatches=\"[...ACCENTS]\"\n            @update:value=\"app.setAccent\"\n          />\n\n          <n-divider title-placement=\"left\">{{ t('app.density') }}</n-divider>\n          <n-radio-group v-model:value=\"app.density\" size=\"small\" class=\"seg\">\n            <n-radio-button value=\"comfortable\">{{ t('app.comfortable') }}</n-radio-button>\n            <n-radio-button value=\"compact\">{{ t('app.compact') }}</n-radio-button>\n          </n-radio-group>\n        </n-tab-pane>\n\n        <!-- 布局 -->\n        <n-tab-pane name=\"layout\" :tab=\"t('settings.tabLayout')\">\n          <n-divider title-placement=\"left\">{{ t('settings.layout') }}</n-divider>\n          <LayoutModeCards />\n\n          <n-divider title-placement=\"left\">{{ t('settings.interface') }}</n-divider>\n          <SettingRow :label=\"t('settings.showBreadcrumb')\">\n            <n-switch v-model:value=\"app.showBreadcrumb\" size=\"small\" />\n          </SettingRow>\n          <SettingRow :label=\"t('settings.showTabs')\">\n            <n-switch v-model:value=\"app.showTabs\" size=\"small\" />\n          </SettingRow>\n          <SettingRow :label=\"t('settings.fixedHeader')\">\n            <n-switch v-model:value=\"app.fixedHeader\" size=\"small\" />\n          </SettingRow>\n          <SettingRow :label=\"t('settings.pageTransition')\">\n            <n-select\n              v-model:value=\"app.pageTransition\"\n              :options=\"transitionOptions\"\n              size=\"small\"\n              style=\"width: 120px\"\n            />\n          </SettingRow>\n          <SettingRow :label=\"t('settings.grayscale')\">\n            <n-switch v-model:value=\"app.grayscale\" size=\"small\" />\n          </SettingRow>\n          <SettingRow :label=\"t('app.collapse')\">\n            <n-switch v-model:value=\"app.collapsed\" size=\"small\" />\n          </SettingRow>\n        </n-tab-pane>\n\n        <!-- 通用 -->\n        <n-tab-pane name=\"general\" :tab=\"t('settings.tabGeneral')\">\n          <n-divider title-placement=\"left\">{{ t('settings.watermark') }}</n-divider>\n          <SettingRow :label=\"t('settings.watermark')\">\n            <n-switch v-model:value=\"app.watermark\" size=\"small\" />\n          </SettingRow>\n          <SettingRow v-if=\"app.watermark\" :label=\"t('settings.watermarkText')\">\n            <n-input\n              v-model:value=\"app.watermarkText\"\n              size=\"small\"\n              :placeholder=\"t('settings.watermarkPlaceholder')\"\n              style=\"width: 140px\"\n            />\n          </SettingRow>\n\n          <n-divider title-placement=\"left\">{{ t('settings.formStyle') }}</n-divider>\n          <!-- FormContainer 全局形态:所有 CRUD 表单弹层一键在弹窗/抽屉间切换 -->\n          <n-radio-group v-model:value=\"app.formStyle\" size=\"small\" class=\"seg\">\n            <n-radio-button value=\"modal\">{{ t('settings.formStyleModal') }}</n-radio-button>\n            <n-radio-button value=\"drawer\">{{ t('settings.formStyleDrawer') }}</n-radio-button>\n          </n-radio-group>\n        </n-tab-pane>\n      </n-tabs>\n\n      <template #footer>\n        <div class=\"footer-actions\">\n          <n-button v-if=\"showCopyConfig\" block tertiary @click=\"copyConfig\">\n            <Icon icon=\"ph:clipboard-text\" class=\"ri\" />\n            {{ t('settings.copyConfig') }}\n          </n-button>\n          <n-popconfirm @positive-click=\"app.resetSettings()\">\n            <template #trigger>\n              <n-button block secondary>\n                <Icon icon=\"ph:arrow-counter-clockwise\" class=\"ri\" />\n                {{ t('common.reset') }}\n              </n-button>\n            </template>\n            {{ t('settings.resetConfirm') }}\n          </n-popconfirm>\n        </div>\n      </template>\n    </n-drawer-content>\n  </n-drawer>\n</template>\n\n<style scoped>\n.tabs {\n  height: 100%;\n}\n.footer-actions {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  width: 100%;\n}\n.ri {\n  margin-right: 5px;\n  font-size: 15px;\n}\n\n/* 满宽三等分分段控件(主题模式 / 密度) */\n.seg {\n  display: flex;\n  width: 100%;\n}\n.seg :deep(.n-radio-button) {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* 精致色板 */\n.accents {\n  display: grid;\n  grid-template-columns: repeat(6, 1fr);\n  gap: 10px;\n  margin-bottom: 12px;\n}\n.dot {\n  position: relative;\n  width: 100%;\n  max-width: 30px;\n  margin: 0 auto;\n  aspect-ratio: 1;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  cursor: pointer;\n  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    transform 0.15s ease,\n    box-shadow 0.15s ease;\n}\n.dot:hover {\n  transform: scale(1.12);\n}\n.dot.on {\n  transform: scale(1.1);\n  box-shadow:\n    0 0 0 2px var(--color-bg-container),\n    0 0 0 4px var(--color-primary);\n}\n.tick {\n  color: #fff;\n  font-size: 14px;\n  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.35));\n}\n</style>\n"],"names":["show","_useModel","__props","app","useAppStore","t","useI18n","message","useMessage","copy","isSupported","useClipboard","showCopyConfig","runtime","copyConfig","width","useWindowSize","drawerWidth","computed","transitionOptions","_createBlock","_unref","NDrawer","$event","_createVNode","NDrawerContent","_createElementVNode","_hoisted_3","NButton","Icon","_createTextVNode","NPopconfirm","_cache","NTabs","NTabPane","NDivider","NRadioGroup","NRadioButton","_hoisted_1","_createElementBlock","_Fragment","_renderList","ACCENTS","c","NColorPicker","LayoutModeCards","SettingRow","NSwitch","NSelect","NInput"],"mappings":"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"}
+{"version":3,"file":"SettingsDrawer2.vue.js","sources":["../../src/layouts/SettingsDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 外观抽屉:外观模式 / 强调色 / 密度 / 布局(下拉) / 界面,一页滚完,不分页签——\n// 页签里套分段控件(外观模式本身就是分段控件)是两层同形的东西叠在一起。\n// 模式 / 页内切换用 NTabs type=\"segment\"(轨道 + 滑块,和 macOS 的外观切换同一种控件),\n// 不用 NRadioGroup + NRadioButton(那是描边按钮组,只用在筛选类取值上)。\nimport {\n  NDrawer,\n  NDrawerContent,\n  NTabs,\n  NTab,\n  NList,\n  NListItem,\n  NSwitch,\n  NSelect,\n  NPopconfirm,\n  NButton,\n} from 'naive-ui'\nimport { computed } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport { useI18n } from 'vue-i18n'\nimport { useMessage } from 'naive-ui'\nimport { useClipboard } from '@vueuse/core'\nimport { useAppStore, LAYOUT_MODES, type LayoutMode } from '#/stores/app'\nimport { runtime } from '#/lib/runtime'\nimport AccentPicker from './AccentPicker.vue'\n\nconst show = defineModel<boolean>('show', { default: false })\nconst app = useAppStore()\nconst { t } = useI18n()\nconst message = useMessage()\nconst { copy, isSupported } = useClipboard()\n// 「复制配置」是给内核开发者改 stores/app.ts 的 DEFAULTS 用的开发期动作,不该出现在终端管理员的设置里——仅开发态显示。\nconst showCopyConfig = isSupported && runtime.dev\n\n// 复制当前外观配置(内核开发者粘回 stores/app.ts 的 DEFAULTS 即为新默认)。\nasync function copyConfig() {\n  await copy(JSON.stringify(app.exportSettings(), null, 2))\n  message.success(t('settings.configCopied'))\n}\n\n// 布局:下拉选六种 layoutMode,六种变体一个都不能少。\n// 标签键由模式名派生:vertical-mix → settings.layoutVerticalMix。\nconst layoutOptions = computed(() =>\n  LAYOUT_MODES.map(m => ({\n    label: t(\n      'settings.layout' +\n        m\n          .split('-')\n          .map(w => w[0]!.toUpperCase() + w.slice(1))\n          .join(''),\n    ),\n    value: m,\n  })),\n)\n\n// computed:t() 一次求值不随语言切换更新,故包 computed 让下拉标签跟随 locale。\nconst transitionOptions = computed(() => [\n  { label: t('settings.transitionNone'), value: 'none' },\n  { label: t('settings.transitionFade'), value: 'fade' },\n  { label: t('settings.transitionFadeSlide'), value: 'fade-slide' },\n])\n</script>\n\n<template>\n  <n-drawer v-model:show=\"show\" width=\"min(360px, 100vw)\" placement=\"right\">\n    <n-drawer-content :title=\"t('app.appearance')\" closable :native-scrollbar=\"false\">\n      <div class=\"section-title first\">{{ t('settings.themeMode') }}</div>\n      <n-tabs v-model:value=\"app.themeScheme\" type=\"segment\">\n        <n-tab name=\"light\">{{ t('app.light') }}</n-tab>\n        <n-tab name=\"dark\">{{ t('app.dark') }}</n-tab>\n        <n-tab name=\"auto\">{{ t('settings.auto') }}</n-tab>\n      </n-tabs>\n\n      <div class=\"section-title\">{{ t('settings.themeColor') }}</div>\n      <AccentPicker />\n\n      <div class=\"section-title\">{{ t('app.density') }}</div>\n      <n-tabs v-model:value=\"app.density\" type=\"segment\">\n        <n-tab name=\"comfortable\">{{ t('app.comfortable') }}</n-tab>\n        <n-tab name=\"compact\">{{ t('app.compact') }}</n-tab>\n      </n-tabs>\n\n      <div class=\"section-title\">{{ t('settings.layout') }}</div>\n      <n-select\n        :value=\"app.layoutMode\"\n        :options=\"layoutOptions\"\n        @update:value=\"(v: LayoutMode) => app.setLayoutMode(v)\"\n      />\n\n      <div class=\"section-title\">{{ t('settings.formStyle') }}</div>\n      <!-- FormContainer 全局形态:所有 CRUD 表单一键在弹窗 / 抽屉间切换(个别页面按实例写死的除外) -->\n      <n-tabs v-model:value=\"app.formStyle\" type=\"segment\">\n        <n-tab name=\"modal\">{{ t('settings.formStyleModal') }}</n-tab>\n        <n-tab name=\"drawer\">{{ t('settings.formStyleDrawer') }}</n-tab>\n      </n-tabs>\n\n      <div class=\"section-title\">{{ t('settings.interface') }}</div>\n      <n-list class=\"set-group\" hoverable :bordered=\"false\" :show-divider=\"false\">\n        <n-list-item>\n          <template #prefix>\n            <div class=\"sym\"><Icon icon=\"ph:caret-double-right\" :width=\"15\" /></div>\n          </template>\n          <div class=\"txt\">\n            <b>{{ t('settings.showBreadcrumb') }}</b>\n            <span>{{ t('settings.descBreadcrumb') }}</span>\n          </div>\n          <template #suffix><n-switch v-model:value=\"app.showBreadcrumb\" size=\"small\" /></template>\n        </n-list-item>\n        <n-list-item>\n          <template #prefix>\n            <div class=\"sym\"><Icon icon=\"ph:browsers\" :width=\"15\" /></div>\n          </template>\n          <div class=\"txt\">\n            <b>{{ t('settings.showTabs') }}</b>\n            <span>{{ t('settings.descTabs') }}</span>\n          </div>\n          <template #suffix><n-switch v-model:value=\"app.showTabs\" size=\"small\" /></template>\n        </n-list-item>\n        <n-list-item>\n          <template #prefix>\n            <div class=\"sym\"><Icon icon=\"ph:push-pin\" :width=\"15\" /></div>\n          </template>\n          <div class=\"txt\">\n            <b>{{ t('settings.fixedHeader') }}</b>\n            <span>{{ t('settings.descFixedHeader') }}</span>\n          </div>\n          <template #suffix><n-switch v-model:value=\"app.fixedHeader\" size=\"small\" /></template>\n        </n-list-item>\n        <n-list-item>\n          <template #prefix>\n            <div class=\"sym\"><Icon icon=\"ph:sidebar-simple\" :width=\"15\" /></div>\n          </template>\n          <div class=\"txt\">\n            <b>{{ t('app.collapse') }}</b>\n            <span>{{ t('settings.descCollapse') }}</span>\n          </div>\n          <template #suffix><n-switch v-model:value=\"app.collapsed\" size=\"small\" /></template>\n        </n-list-item>\n        <n-list-item>\n          <template #prefix>\n            <div class=\"sym\"><Icon icon=\"ph:sparkle\" :width=\"15\" /></div>\n          </template>\n          <div class=\"txt\">\n            <b>{{ t('settings.pageTransition') }}</b>\n            <span>{{ t('settings.descPageTransition') }}</span>\n          </div>\n          <template #suffix>\n            <n-select\n              v-model:value=\"app.pageTransition\"\n              :options=\"transitionOptions\"\n              size=\"small\"\n              class=\"sel\"\n            />\n          </template>\n        </n-list-item>\n      </n-list>\n\n      <template #footer>\n        <div class=\"footer-actions\">\n          <n-button v-if=\"showCopyConfig\" block secondary @click=\"copyConfig\">\n            <template #icon><Icon icon=\"ph:clipboard-text\" :width=\"16\" /></template>\n            {{ t('settings.copyConfig') }}\n          </n-button>\n          <n-popconfirm @positive-click=\"app.resetSettings()\">\n            <template #trigger>\n              <n-button block secondary>\n                <template #icon><Icon icon=\"ph:arrow-counter-clockwise\" :width=\"16\" /></template>\n                {{ t('common.reset') }}\n              </n-button>\n            </template>\n            {{ t('settings.resetConfirm') }}\n          </n-popconfirm>\n        </div>\n      </template>\n    </n-drawer-content>\n  </n-drawer>\n</template>\n\n<style scoped>\n.footer-actions {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  width: 100%;\n}\n\n/* 分节标题走正文字体、正常字距:等宽 + 大写 + 宽字距是只对拉丁字母成立的手法,落在汉字上会把「界面」撑成「界 面」 */\n.section-title {\n  margin: 22px 0 8px 4px;\n  font-size: var(--font-size-base);\n  font-weight: 500;\n  letter-spacing: -0.01em;\n  color: var(--text-3);\n}\n.section-title.first {\n  margin-top: 0;\n}\n\n/* 设置组:不用 NCard embedded(那块平灰底和整站玻璃语言无关,四行加粗标签配四个同权开关像一张通用设置表)。\n   玻璃底 + 行首单色图标 + 标题下一行说明把权重压开。分隔线关掉 NList 自带的通栏 show-divider,\n   自己从文字起始处起、右边留白地画,悬停时淡出——macOS 系统设置的做法。 */\n.set-group.n-list {\n  border-radius: 14px;\n  background: var(--glass);\n  box-shadow:\n    inset 0 0 0 1px var(--hairline),\n    inset 0 1px 0 var(--edge-light);\n}\n.set-group :deep(.n-list-item) {\n  position: relative;\n  padding: 10px 12px !important;\n  border-radius: var(--radius-lg);\n}\n.set-group :deep(.n-list-item + .n-list-item::before) {\n  content: '';\n  position: absolute;\n  left: 52px;\n  right: 12px;\n  top: 0;\n  height: 1px;\n  background: var(--separator);\n  transition: opacity var(--transition-fast);\n}\n.set-group :deep(.n-list-item:hover::before),\n.set-group :deep(.n-list-item:hover + .n-list-item::before) {\n  opacity: 0;\n}\n.sym {\n  display: grid;\n  place-items: center;\n  flex-shrink: 0;\n  width: 24px;\n  height: 24px;\n  border-radius: var(--radius-sm);\n  background: var(--glass-strong);\n  color: var(--text-1);\n  box-shadow:\n    inset 0 0 0 1px var(--hairline),\n    inset 0 1px 0 var(--edge-light);\n}\n.txt b {\n  display: block;\n  font-size: var(--font-size-md);\n  font-weight: 500;\n  line-height: 1.3;\n}\n.txt span {\n  display: block;\n  margin-top: 2px;\n  font-size: var(--font-size-sm);\n  line-height: 1.4;\n  color: var(--text-3);\n}\n.sel {\n  width: 112px;\n}\n</style>\n"],"names":["show","_useModel","__props","app","useAppStore","t","useI18n","message","useMessage","copy","isSupported","useClipboard","showCopyConfig","runtime","copyConfig","layoutOptions","computed","LAYOUT_MODES","w","transitionOptions","_createBlock","_unref","NDrawer","$event","_createVNode","NDrawerContent","_createElementVNode","_hoisted_17","NButton","Icon","_createTextVNode","NPopconfirm","_cache","_hoisted_1","_toDisplayString","NTabs","NTab","_hoisted_2","AccentPicker","_hoisted_3","_hoisted_4","NSelect","v","_hoisted_5","_hoisted_6","NList","NListItem","_hoisted_7","NSwitch","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16"],"mappings":"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"}

package/dist/layouts/TabsBar.vue.js

@@ -1,8 +1,8 @@
 import o from "./TabsBar2.vue.js";
 /* empty css             */
 import a from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-8fc6542a"]]);
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-06aee79f"]]);
 export {
-  m as default
+  f as default
 };
 //# sourceMappingURL=TabsBar.vue.js.map

package/dist/layouts/TabsBar2.vue.js

@@ -1,40 +1,41 @@
-import { defineComponent as I, computed as _, ref as h, watch as V, nextTick as T, openBlock as c, createElementBlock as v, createVNode as g, unref as a, withCtx as z, createElementVNode as $, Fragment as D, renderList as L, withModifiers as p, withKeys as f, normalizeClass as M, createBlock as d, createCommentVNode as S, toDisplayString as O, h as P } from "vue";
-import { useRoute as E, useRouter as X } from "vue-router";
-import { NScrollbar as Y, NDropdown as q } from "naive-ui";
-import { Icon as x } from "@iconify/vue";
-import F from "../components/AppIcon.vue.js";
-import { useI18n as j } from "vue-i18n";
-import { useTabsStore as G } from "../stores/tabs.js";
-import { translateMenuTitle as H } from "../locales/menuTitle.js";
-const J = { class: "tabsbar" }, Q = ["onClick", "onKeydown", "onContextmenu", "onAuxclick"], U = { class: "chip-label" }, re = /* @__PURE__ */ I({
+import { defineComponent as D, computed as B, ref as c, watch as N, nextTick as S, onMounted as V, onBeforeUnmount as Y, openBlock as h, createElementBlock as x, createElementVNode as M, normalizeClass as L, createVNode as z, TransitionGroup as X, withCtx as F, Fragment as q, renderList as G, unref as a, withModifiers as u, withKeys as v, createBlock as w, createCommentVNode as E, toDisplayString as U, h as j } from "vue";
+import { useRoute as H, useRouter as J } from "vue-router";
+import { NDropdown as Q } from "naive-ui";
+import { Icon as k } from "@iconify/vue";
+import Z from "../components/AppIcon.vue.js";
+import { useI18n as ee } from "vue-i18n";
+import { useTabsStore as te } from "../stores/tabs.js";
+import { translateMenuTitle as ne } from "../locales/menuTitle.js";
+import { lineIcon as oe } from "../utils/menuIcon.js";
+const le = { class: "tabsbar" }, ae = ["title", "onClick", "onKeydown", "onContextmenu", "onAuxclick"], se = { class: "chip-label" }, me = /* @__PURE__ */ D({
   __name: "TabsBar",
-  setup(W) {
-    const n = G(), m = E(), R = X(), { t: s } = j(), w = _(() => m.path), k = h();
-    function K(e) {
-      return H(e.title, e.path);
+  setup(ie) {
+    const o = te(), y = H(), I = J(), { t: s } = ee(), C = B(() => y.path), i = c();
+    function g(e) {
+      return ne(e.title, e.path);
     }
     function b(e) {
-      e.path !== m.path && R.push(e.fullPath);
+      e.path !== y.path && I.push(e.fullPath);
     }
     function r(e) {
-      return () => P(x, { icon: e, width: 16 });
+      return () => j(k, { icon: e, width: 16 });
     }
-    const u = h(!1), y = h(0), C = h(0), i = h(), N = _(() => {
-      var e, t, o, l;
+    const d = c(!1), T = c(0), _ = c(0), p = c(), K = B(() => {
+      var e, t, n, l;
       return [
         { label: s("tabs.refresh"), key: "refresh", icon: r("ph:arrow-clockwise") },
         // 应用首页(affix)恒固定,不提供固定/取消项;其余标签可用户手动固定。
         {
-          label: (e = i.value) != null && e.pinned ? s("tabs.unpin") : s("tabs.pin"),
+          label: (e = p.value) != null && e.pinned ? s("tabs.unpin") : s("tabs.pin"),
           key: "pin",
           icon: r("ph:push-pin"),
-          disabled: (t = i.value) == null ? void 0 : t.affix
+          disabled: (t = p.value) == null ? void 0 : t.affix
         },
         {
           label: s("tabs.close"),
           key: "close",
           icon: r("ph:x"),
-          disabled: ((o = i.value) == null ? void 0 : o.affix) || ((l = i.value) == null ? void 0 : l.pinned)
+          disabled: ((n = p.value) == null ? void 0 : n.affix) || ((l = p.value) == null ? void 0 : l.pinned)
         },
         { label: s("tabs.closeOthers"), key: "others", icon: r("ph:arrows-in-line-horizontal") },
         { label: s("tabs.closeLeft"), key: "left", icon: r("ph:arrow-line-left") },
@@ -42,59 +43,84 @@ const J = { class: "tabsbar" }, Q = ["onClick", "onKeydown", "onContextmenu", "o
         { label: s("tabs.closeAll"), key: "all", icon: r("ph:list-dashes") }
       ];
     });
-    function A(e, t) {
-      e.preventDefault(), i.value = t, u.value = !1, T(() => {
-        y.value = e.clientX, C.value = e.clientY, u.value = !0;
+    function O(e, t) {
+      e.preventDefault(), p.value = t, d.value = !1, S(() => {
+        T.value = e.clientX, _.value = e.clientY, d.value = !0;
       });
     }
-    function B(e) {
-      u.value = !1;
-      const t = i.value;
-      t && (e === "refresh" ? n.refreshTab(t.name) : e === "pin" ? n.togglePin(t.path) : e === "close" ? n.removeTab(t.path) : e === "others" ? n.closeOthers(t.path) : e === "left" ? n.closeLeft(t.path) : e === "right" ? n.closeRight(t.path) : e === "all" && n.closeAll());
+    function P(e) {
+      d.value = !1;
+      const t = p.value;
+      t && (e === "refresh" ? o.refreshTab(t.name) : e === "pin" ? o.togglePin(t.path) : e === "close" ? o.removeTab(t.path) : e === "others" ? o.closeOthers(t.path) : e === "left" ? o.closeLeft(t.path) : e === "right" ? o.closeRight(t.path) : e === "all" && o.closeAll());
     }
-    return V(w, () => {
-      T(
+    N(C, () => {
+      S(
         () => {
           var e, t;
-          return (t = (e = k.value) == null ? void 0 : e.querySelector(".chip.active")) == null ? void 0 : t.scrollIntoView({ block: "nearest", inline: "nearest" });
+          return (t = (e = i.value) == null ? void 0 : e.querySelector(".chip.active")) == null ? void 0 : t.scrollIntoView({ block: "nearest", inline: "nearest" });
         }
       );
-    }), (e, t) => (c(), v("div", J, [
-      g(a(Y), { "x-scrollable": "" }, {
-        default: z(() => [
-          $("div", {
-            ref_key: "stripRef",
-            ref: k,
-            class: "strip"
-          }, [
-            (c(!0), v(D, null, L(a(n).tabs, (o) => (c(), v("div", {
-              key: o.path,
-              class: M(["chip", { active: o.path === w.value }]),
+    });
+    const $ = c(!1), R = c(!1);
+    function m() {
+      const e = i.value;
+      e && ($.value = e.scrollLeft > 1, R.value = e.scrollLeft + e.clientWidth < e.scrollWidth - 1);
+    }
+    function W(e) {
+      const t = i.value;
+      !t || t.scrollWidth <= t.clientWidth || Math.abs(e.deltaY) <= Math.abs(e.deltaX) || (e.preventDefault(), t.scrollBy({ left: e.deltaY, behavior: "instant" }));
+    }
+    function A(e) {
+      e.style.setProperty("--chip-w", `${e.getBoundingClientRect().width}px`);
+    }
+    let f;
+    return V(() => {
+      var e;
+      m(), !(typeof ResizeObserver > "u") && (f = new ResizeObserver(m), i.value && f.observe(i.value), (e = i.value) != null && e.firstElementChild && f.observe(i.value.firstElementChild));
+    }), Y(() => f == null ? void 0 : f.disconnect()), (e, t) => (h(), x("div", le, [
+      M("div", {
+        ref_key: "scrollerRef",
+        ref: i,
+        class: L(["scroller", { "fade-start": $.value, "fade-end": R.value }]),
+        onScrollPassive: m,
+        onWheel: W
+      }, [
+        z(X, {
+          tag: "div",
+          name: "chip",
+          class: "strip",
+          onBeforeLeave: A
+        }, {
+          default: F(() => [
+            (h(!0), x(q, null, G(a(o).tabs, (n) => (h(), x("div", {
+              key: n.path,
+              class: L(["chip", { active: n.path === C.value, "chip--fixed": n.affix || n.pinned }]),
+              title: g(n),
               role: "button",
               tabindex: "0",
-              onClick: (l) => b(o),
+              onClick: (l) => b(n),
               onKeydown: [
-                f((l) => b(o), ["enter"]),
-                f(p((l) => b(o), ["prevent"]), ["space"])
+                v((l) => b(n), ["enter"]),
+                v(u((l) => b(n), ["prevent"]), ["space"])
               ],
-              onContextmenu: (l) => A(l, o),
-              onMousedown: t[0] || (t[0] = p(() => {
+              onContextmenu: (l) => O(l, n),
+              onMousedown: t[1] || (t[1] = u(() => {
               }, ["middle", "prevent"])),
-              onAuxclick: p((l) => a(n).removeTab(o.path), ["middle", "prevent"])
+              onAuxclick: u((l) => a(o).removeTab(n.path), ["middle", "prevent"])
             }, [
-              o.icon ? (c(), d(F, {
+              n.icon ? (h(), w(Z, {
                 key: 0,
-                icon: o.icon,
+                icon: a(oe)(n.icon),
                 size: 15,
                 class: "chip-icon"
-              }, null, 8, ["icon"])) : S("", !0),
-              $("span", U, O(K(o)), 1),
-              o.pinned ? (c(), d(a(x), {
+              }, null, 8, ["icon"])) : E("", !0),
+              M("span", se, U(g(n)), 1),
+              n.pinned ? (h(), w(a(k), {
                 key: 1,
                 icon: "ph:push-pin-fill",
                 width: 12,
                 class: "chip-pin"
-              })) : o.affix ? S("", !0) : (c(), d(a(x), {
+              })) : n.affix ? E("", !0) : (h(), w(a(k), {
                 key: 2,
                 icon: "ph:x",
                 width: 13,
@@ -102,31 +128,33 @@ const J = { class: "tabsbar" }, Q = ["onClick", "onKeydown", "onContextmenu", "o
                 role: "button",
                 tabindex: "0",
                 "aria-label": a(s)("tabs.close"),
-                onClick: p((l) => a(n).removeTab(o.path), ["stop"]),
+                onMousedown: t[0] || (t[0] = u(() => {
+                }, ["prevent"])),
+                onClick: u((l) => a(o).removeTab(n.path), ["stop"]),
                 onKeydown: [
-                  f(p((l) => a(n).removeTab(o.path), ["stop"]), ["enter"]),
-                  f(p((l) => a(n).removeTab(o.path), ["stop", "prevent"]), ["space"])
+                  v(u((l) => a(o).removeTab(n.path), ["stop"]), ["enter"]),
+                  v(u((l) => a(o).removeTab(n.path), ["stop", "prevent"]), ["space"])
                 ]
               }, null, 8, ["aria-label", "onClick", "onKeydown"]))
-            ], 42, Q))), 128))
-          ], 512)
-        ]),
-        _: 1
-      }),
-      g(a(q), {
+            ], 42, ae))), 128))
+          ]),
+          _: 1
+        })
+      ], 34),
+      z(a(Q), {
         trigger: "manual",
         placement: "bottom-start",
-        show: u.value,
-        x: y.value,
-        y: C.value,
-        options: N.value,
-        onSelect: B,
-        onClickoutside: t[1] || (t[1] = (o) => u.value = !1)
+        show: d.value,
+        x: T.value,
+        y: _.value,
+        options: K.value,
+        onSelect: P,
+        onClickoutside: t[2] || (t[2] = (n) => d.value = !1)
       }, null, 8, ["show", "x", "y", "options"])
     ]));
   }
 });
 export {
-  re as default
+  me as default
 };
 //# sourceMappingURL=TabsBar2.vue.js.map

package/dist/layouts/TabsBar2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsBar2.vue.js","sources":["../../src/layouts/TabsBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h, nextTick, ref, watch } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { NDropdown, NScrollbar, type DropdownOption } from 'naive-ui'\nimport { Icon } from '@iconify/vue'\nimport AppIcon from '#/components/AppIcon.vue'\nimport { useI18n } from 'vue-i18n'\nimport { useTabsStore, type TabItem } from '#/stores/tabs'\nimport { translateMenuTitle } from '#/locales/menuTitle'\n\nconst tabs = useTabsStore()\nconst route = useRoute()\nconst router = useRouter()\nconst { t } = useI18n()\n\nconst activePath = computed(() => route.path)\nconst stripRef = ref<HTMLElement>()\n\nfunction tabTitle(item: TabItem) {\n  return translateMenuTitle(item.title, item.path)\n}\nfunction onClick(item: TabItem) {\n  if (item.path !== route.path) router.push(item.fullPath)\n}\n\nfunction renderIcon(name: string) {\n  return () => h(Icon, { icon: name, width: 16 })\n}\n\nconst ctxShow = ref(false)\nconst ctxX = ref(0)\nconst ctxY = ref(0)\nconst ctxTab = ref<TabItem>()\nconst ctxOptions = computed<DropdownOption[]>(() => [\n  { label: t('tabs.refresh'), key: 'refresh', icon: renderIcon('ph:arrow-clockwise') },\n  // 应用首页(affix)恒固定,不提供固定/取消项;其余标签可用户手动固定。\n  {\n    label: ctxTab.value?.pinned ? t('tabs.unpin') : t('tabs.pin'),\n    key: 'pin',\n    icon: renderIcon('ph:push-pin'),\n    disabled: ctxTab.value?.affix,\n  },\n  {\n    label: t('tabs.close'),\n    key: 'close',\n    icon: renderIcon('ph:x'),\n    disabled: ctxTab.value?.affix || ctxTab.value?.pinned,\n  },\n  { label: t('tabs.closeOthers'), key: 'others', icon: renderIcon('ph:arrows-in-line-horizontal') },\n  { label: t('tabs.closeLeft'), key: 'left', icon: renderIcon('ph:arrow-line-left') },\n  { label: t('tabs.closeRight'), key: 'right', icon: renderIcon('ph:arrow-line-right') },\n  { label: t('tabs.closeAll'), key: 'all', icon: renderIcon('ph:list-dashes') },\n])\n\nfunction onContext(e: MouseEvent, item: TabItem) {\n  e.preventDefault()\n  ctxTab.value = item\n  // 先关再于 nextTick 重开:菜单已展开时右键切到别的标签,只改坐标 NDropdown 不会重定位。\n  ctxShow.value = false\n  nextTick(() => {\n    ctxX.value = e.clientX\n    ctxY.value = e.clientY\n    ctxShow.value = true\n  })\n}\nfunction onCtxSelect(key: string) {\n  ctxShow.value = false\n  const tab = ctxTab.value\n  if (!tab) return\n  if (key === 'refresh') tabs.refreshTab(tab.name)\n  else if (key === 'pin') tabs.togglePin(tab.path)\n  else if (key === 'close') tabs.removeTab(tab.path)\n  else if (key === 'others') tabs.closeOthers(tab.path)\n  else if (key === 'left') tabs.closeLeft(tab.path)\n  else if (key === 'right') tabs.closeRight(tab.path)\n  else if (key === 'all') tabs.closeAll()\n}\n\n// 激活标签滚入视野\nwatch(activePath, () => {\n  nextTick(() =>\n    stripRef.value\n      ?.querySelector('.chip.active')\n      ?.scrollIntoView({ block: 'nearest', inline: 'nearest' }),\n  )\n})\n</script>\n\n<template>\n  <div class=\"tabsbar\">\n    <n-scrollbar x-scrollable>\n      <div ref=\"stripRef\" class=\"strip\">\n        <!-- chip 与关闭 X 均为可点非按钮元素:补 role/tabindex/键盘激活,键盘用户也能切换/关闭标签(右键菜单是鼠标专属) -->\n        <div\n          v-for=\"item in tabs.tabs\"\n          :key=\"item.path\"\n          class=\"chip\"\n          :class=\"{ active: item.path === activePath }\"\n          role=\"button\"\n          tabindex=\"0\"\n          @click=\"onClick(item)\"\n          @keydown.enter=\"onClick(item)\"\n          @keydown.space.prevent=\"onClick(item)\"\n          @contextmenu=\"onContext($event, item)\"\n          @mousedown.middle.prevent\n          @auxclick.middle.prevent=\"tabs.removeTab(item.path)\"\n        >\n          <!-- 标签图标沿用菜单元数据,可能不在离线子集内 → 走 AppIcon 的懒加载兜底 -->\n          <AppIcon v-if=\"item.icon\" :icon=\"item.icon\" :size=\"15\" class=\"chip-icon\" />\n          <span class=\"chip-label\">{{ tabTitle(item) }}</span>\n          <!-- 固定标签(用户 pin)显示图钉、不显示关闭 X;应用首页 affix 两者都不显示 -->\n          <Icon v-if=\"item.pinned\" icon=\"ph:push-pin-fill\" :width=\"12\" class=\"chip-pin\" />\n          <Icon\n            v-else-if=\"!item.affix\"\n            icon=\"ph:x\"\n            :width=\"13\"\n            class=\"chip-close\"\n            role=\"button\"\n            tabindex=\"0\"\n            :aria-label=\"t('tabs.close')\"\n            @click.stop=\"tabs.removeTab(item.path)\"\n            @keydown.enter.stop=\"tabs.removeTab(item.path)\"\n            @keydown.space.stop.prevent=\"tabs.removeTab(item.path)\"\n          />\n        </div>\n      </div>\n    </n-scrollbar>\n    <n-dropdown\n      trigger=\"manual\"\n      placement=\"bottom-start\"\n      :show=\"ctxShow\"\n      :x=\"ctxX\"\n      :y=\"ctxY\"\n      :options=\"ctxOptions\"\n      @select=\"onCtxSelect\"\n      @clickoutside=\"ctxShow = false\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.tabsbar {\n  height: 42px;\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n  background: var(--color-bg-container);\n  border-bottom: 1px solid var(--color-border);\n}\n.strip {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 0;\n}\n.chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  height: 30px;\n  padding: 0 10px;\n  border: 1px solid var(--color-border);\n  border-radius: var(--radius-md);\n  background: var(--color-fill);\n  color: var(--color-text-secondary);\n  font-size: var(--font-size-sm);\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n  transition:\n    color 0.15s,\n    background 0.15s,\n    border-color 0.15s;\n}\n.chip:hover {\n  color: var(--color-text-primary);\n}\n.chip.active {\n  background: var(--color-primary-light);\n  border-color: var(--color-primary);\n  color: var(--color-primary);\n}\n.chip:focus-visible,\n.chip-close:focus-visible {\n  outline: 2px solid var(--color-primary);\n  outline-offset: 1px;\n}\n.chip-pin {\n  opacity: 0.7;\n}\n.chip-close {\n  border-radius: 50%;\n  opacity: 0.6;\n}\n.chip-close:hover {\n  opacity: 1;\n  background: var(--color-fill);\n}\n</style>\n"],"names":["tabs","useTabsStore","route","useRoute","router","useRouter","t","useI18n","activePath","computed","stripRef","ref","tabTitle","item","translateMenuTitle","onClick","renderIcon","name","h","Icon","ctxShow","ctxX","ctxY","ctxTab","ctxOptions","_a","_b","_c","_d","onContext","nextTick","onCtxSelect","key","tab","watch","_openBlock","_createElementBlock","_hoisted_1","_createVNode","_unref","NScrollbar","_createElementVNode","_Fragment","_renderList","$event","_withKeys","_withModifiers","_createBlock","AppIcon","_hoisted_3","_toDisplayString","NDropdown"],"mappings":"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"}
+{"version":3,"file":"TabsBar2.vue.js","sources":["../../src/layouts/TabsBar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, h, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { NDropdown, type DropdownOption } from 'naive-ui'\nimport { Icon } from '@iconify/vue'\nimport AppIcon from '#/components/AppIcon.vue'\nimport { useI18n } from 'vue-i18n'\nimport { useTabsStore, type TabItem } from '#/stores/tabs'\nimport { translateMenuTitle } from '#/locales/menuTitle'\nimport { lineIcon } from '#/utils/menuIcon'\n\nconst tabs = useTabsStore()\nconst route = useRoute()\nconst router = useRouter()\nconst { t } = useI18n()\n\nconst activePath = computed(() => route.path)\nconst scrollerRef = ref<HTMLElement>()\n\nfunction tabTitle(item: TabItem) {\n  return translateMenuTitle(item.title, item.path)\n}\nfunction onClick(item: TabItem) {\n  if (item.path !== route.path) router.push(item.fullPath)\n}\n\nfunction renderIcon(name: string) {\n  return () => h(Icon, { icon: name, width: 16 })\n}\n\nconst ctxShow = ref(false)\nconst ctxX = ref(0)\nconst ctxY = ref(0)\nconst ctxTab = ref<TabItem>()\nconst ctxOptions = computed<DropdownOption[]>(() => [\n  { label: t('tabs.refresh'), key: 'refresh', icon: renderIcon('ph:arrow-clockwise') },\n  // 应用首页(affix)恒固定,不提供固定/取消项;其余标签可用户手动固定。\n  {\n    label: ctxTab.value?.pinned ? t('tabs.unpin') : t('tabs.pin'),\n    key: 'pin',\n    icon: renderIcon('ph:push-pin'),\n    disabled: ctxTab.value?.affix,\n  },\n  {\n    label: t('tabs.close'),\n    key: 'close',\n    icon: renderIcon('ph:x'),\n    disabled: ctxTab.value?.affix || ctxTab.value?.pinned,\n  },\n  { label: t('tabs.closeOthers'), key: 'others', icon: renderIcon('ph:arrows-in-line-horizontal') },\n  { label: t('tabs.closeLeft'), key: 'left', icon: renderIcon('ph:arrow-line-left') },\n  { label: t('tabs.closeRight'), key: 'right', icon: renderIcon('ph:arrow-line-right') },\n  { label: t('tabs.closeAll'), key: 'all', icon: renderIcon('ph:list-dashes') },\n])\n\nfunction onContext(e: MouseEvent, item: TabItem) {\n  e.preventDefault()\n  ctxTab.value = item\n  // 先关再于 nextTick 重开:菜单已展开时右键切到别的标签,只改坐标 NDropdown 不会重定位。\n  ctxShow.value = false\n  nextTick(() => {\n    ctxX.value = e.clientX\n    ctxY.value = e.clientY\n    ctxShow.value = true\n  })\n}\nfunction onCtxSelect(key: string) {\n  ctxShow.value = false\n  const tab = ctxTab.value\n  if (!tab) return\n  if (key === 'refresh') tabs.refreshTab(tab.name)\n  else if (key === 'pin') tabs.togglePin(tab.path)\n  else if (key === 'close') tabs.removeTab(tab.path)\n  else if (key === 'others') tabs.closeOthers(tab.path)\n  else if (key === 'left') tabs.closeLeft(tab.path)\n  else if (key === 'right') tabs.closeRight(tab.path)\n  else if (key === 'all') tabs.closeAll()\n}\n\n// 激活标签滚入视野\nwatch(activePath, () => {\n  nextTick(() =>\n    scrollerRef.value\n      ?.querySelector('.chip.active')\n      ?.scrollIntoView({ block: 'nearest', inline: 'nearest' }),\n  )\n})\n\n// 页签溢出时两端各 18px 柔和渐隐(没有硬边):量滚动容器,哪一端还有内容就渐隐哪一端。\n// 滚动容器就是 scrollerRef 本身(原生滚动、滚动条隐藏:macOS 的滚动条是 overlay,静止时不可见)。\nconst fadeStart = ref(false)\nconst fadeEnd = ref(false)\nfunction measureFade() {\n  const c = scrollerRef.value\n  if (!c) return\n  fadeStart.value = c.scrollLeft > 1\n  fadeEnd.value = c.scrollLeft + c.clientWidth < c.scrollWidth - 1\n}\n// 没有滚动条可拖,鼠标滚轮的竖向滚动转成横向(触控板的横向手势 deltaX 浏览器自己处理)。\n// 没有溢出时不接管,免得吞掉本该给页面的滚轮。\nfunction onWheel(e: WheelEvent) {\n  const c = scrollerRef.value\n  if (!c || c.scrollWidth <= c.clientWidth || Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return\n  e.preventDefault()\n  c.scrollBy({ left: e.deltaY, behavior: 'instant' })\n}\n\n// 关页签:宽度收拢 + 淡出,右边的页签随之滑过来(Safari 关标签的做法)。\n// 收拢要从「当前宽度」起步,而页签宽度是 flex 算出来的,CSS 里没有现成值 → 离场前量一下,交给 CSS 变量。\nfunction onBeforeLeave(el: Element) {\n  ;(el as HTMLElement).style.setProperty('--chip-w', `${el.getBoundingClientRect().width}px`)\n}\n\nlet ro: ResizeObserver | undefined\nonMounted(() => {\n  measureFade()\n  if (typeof ResizeObserver === 'undefined') return\n  ro = new ResizeObserver(measureFade)\n  if (scrollerRef.value) ro.observe(scrollerRef.value)\n  // 页签条本身(scroller 的唯一子元素):页签增删、收缩时它的宽度变,渐隐要跟着重量\n  if (scrollerRef.value?.firstElementChild) ro.observe(scrollerRef.value.firstElementChild)\n})\nonBeforeUnmount(() => ro?.disconnect())\n</script>\n\n<template>\n  <div class=\"tabsbar\">\n    <div\n      ref=\"scrollerRef\"\n      class=\"scroller\"\n      :class=\"{ 'fade-start': fadeStart, 'fade-end': fadeEnd }\"\n      @scroll.passive=\"measureFade\"\n      @wheel=\"onWheel\"\n    >\n      <transition-group tag=\"div\" name=\"chip\" class=\"strip\" @before-leave=\"onBeforeLeave\">\n        <!-- chip 与关闭 X 均为可点非按钮元素:补 role/tabindex/键盘激活,键盘用户也能切换/关闭标签(右键菜单是鼠标专属) -->\n        <div\n          v-for=\"item in tabs.tabs\"\n          :key=\"item.path\"\n          class=\"chip\"\n          :class=\"{ active: item.path === activePath, 'chip--fixed': item.affix || item.pinned }\"\n          :title=\"tabTitle(item)\"\n          role=\"button\"\n          tabindex=\"0\"\n          @click=\"onClick(item)\"\n          @keydown.enter=\"onClick(item)\"\n          @keydown.space.prevent=\"onClick(item)\"\n          @contextmenu=\"onContext($event, item)\"\n          @mousedown.middle.prevent\n          @auxclick.middle.prevent=\"tabs.removeTab(item.path)\"\n        >\n          <!-- 标签图标沿用菜单元数据,可能不在离线子集内 → 走 AppIcon 的懒加载兜底;统一线条款 -->\n          <AppIcon v-if=\"item.icon\" :icon=\"lineIcon(item.icon)\" :size=\"15\" class=\"chip-icon\" />\n          <span class=\"chip-label\">{{ tabTitle(item) }}</span>\n          <!-- 固定标签(用户 pin)显示图钉、不显示关闭 X;应用首页 affix 两者都不显示 -->\n          <Icon v-if=\"item.pinned\" icon=\"ph:push-pin-fill\" :width=\"12\" class=\"chip-pin\" />\n          <Icon\n            v-else-if=\"!item.affix\"\n            icon=\"ph:x\"\n            :width=\"13\"\n            class=\"chip-close\"\n            role=\"button\"\n            tabindex=\"0\"\n            :aria-label=\"t('tabs.close')\"\n            @mousedown.prevent\n            @click.stop=\"tabs.removeTab(item.path)\"\n            @keydown.enter.stop=\"tabs.removeTab(item.path)\"\n            @keydown.space.stop.prevent=\"tabs.removeTab(item.path)\"\n          />\n        </div>\n      </transition-group>\n    </div>\n    <n-dropdown\n      trigger=\"manual\"\n      placement=\"bottom-start\"\n      :show=\"ctxShow\"\n      :x=\"ctxX\"\n      :y=\"ctxY\"\n      :options=\"ctxOptions\"\n      @select=\"onCtxSelect\"\n      @clickoutside=\"ctxShow = false\"\n    />\n  </div>\n</template>\n\n<style scoped>\n/* 页签条在顶栏玻璃面板里(default.vue 的 .shell-head),自己不画底、不画上下边线以外的东西;\n   右端不放刷新 / 页签操作按钮:那些操作都在右键菜单里。 */\n.tabsbar {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  padding: 0 10px 0 12px;\n  background: transparent;\n  box-shadow: inset 0 1px 0 var(--hairline);\n}\n/* 原生滚动 + 隐藏滚动条:页签先收缩,收到最小宽度才溢出,溢出时靠两端渐隐暗示、滚轮 / 触控板横划。\n   scroll-behavior: smooth 让激活页签滚入视野是一段缓动而不是跳变(系统开了减少动态效果时由全局规则压成瞬时)。 */\n.scroller {\n  flex: 1;\n  min-width: 0;\n  overflow-x: auto;\n  overflow-y: hidden;\n  overscroll-behavior-x: contain;\n  scroll-behavior: smooth;\n  scrollbar-width: none;\n}\n.scroller::-webkit-scrollbar {\n  display: none;\n}\n.fade-start:not(.fade-end) {\n  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 18px);\n  mask-image: linear-gradient(to right, transparent 0, #000 18px);\n}\n.fade-end:not(.fade-start) {\n  -webkit-mask-image: linear-gradient(to left, transparent 0, #000 18px);\n  mask-image: linear-gradient(to left, transparent 0, #000 18px);\n}\n.fade-start.fade-end {\n  -webkit-mask-image: linear-gradient(\n    to right,\n    transparent 0,\n    #000 18px,\n    #000 calc(100% - 18px),\n    transparent 100%\n  );\n  mask-image: linear-gradient(\n    to right,\n    transparent 0,\n    #000 18px,\n    #000 calc(100% - 18px),\n    transparent 100%\n  );\n}\n.strip {\n  display: flex;\n  align-items: center;\n  width: 100%; /* 撑满容器才会触发页签收缩;页签少时靠左,各自保持自然宽度 */\n  padding: 5px 0;\n}\n/* 未选中:带一点淡底(--fill),否则看起来像一排纯文字;选中:强调色淡底 + 强调色文字加粗,\n   无下划线、无描边、无发光。 */\n.chip {\n  position: relative;\n  display: inline-flex;\n  margin-right: 4px; /* 不用 gap:关闭时间距要和页签一起收拢 */\n  align-items: center;\n  gap: 7px;\n  flex: 0 1 auto; /* 可收缩:标题放不下就截断,收到 min-width 才轮到滚动 */\n  min-width: 104px;\n  max-width: 180px;\n  height: 30px;\n  padding: 0 11px;\n  border: none;\n  border-radius: var(--radius-md);\n  background: var(--fill);\n  color: var(--text-3);\n  font-size: 14px;\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n  transition:\n    color var(--transition-fast),\n    background-color var(--transition-fast);\n}\n.chip:hover {\n  color: var(--text-1);\n  background: var(--hover);\n}\n.chip.active {\n  background: var(--tab-on-bg);\n  color: var(--tab-on-fg);\n  font-weight: 600;\n}\n.chip :deep(svg) {\n  flex-shrink: 0;\n}\n.chip-label {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n/* 首页(affix)与用户固定的页签保持自然宽度,不参与收缩 */\n.chip--fixed {\n  flex: none;\n  min-width: 0;\n  max-width: none;\n}\n/* 鼠标点击不画聚焦环:× 是带 border-radius:50% 的 svg,浏览器默认聚焦环会被圆角化成一个黑圈(关闭瞬间闪现);\n   键盘聚焦(:focus-visible)仍然画。点击 × 时另由 mousedown.prevent 阻止它抢焦点。 */\n.chip:focus:not(:focus-visible),\n.chip-close:focus:not(:focus-visible) {\n  outline: none;\n}\n.chip:focus-visible,\n.chip-close:focus-visible {\n  outline: 2px solid var(--signal);\n  outline-offset: 1px;\n}\n.chip-pin {\n  opacity: 0.7;\n}\n.chip-icon {\n  transition: opacity var(--transition-fast);\n}\n.chip-close {\n  border-radius: 50%;\n  transition: opacity var(--transition-fast);\n}\n\n/* 桌面(有悬停):× 盖在左侧图标的位置上,悬停 / 键盘聚焦到页签时才出现(图标淡出让位),不占布局宽度。\n   这是 Safari 标签栏的做法:标题多得 20px,收缩后四个汉字的页签名仍放得下。\n   没有图标的页签没有可盖的位置,× 退回流内、仍只在悬停时出现。 */\n@media (hover: hover) {\n  .chip-close {\n    position: absolute;\n    left: 12px;\n    top: 50%;\n    margin-top: -6.5px;\n    opacity: 0;\n    pointer-events: none;\n  }\n  .chip:hover .chip-close,\n  .chip:focus-within .chip-close {\n    opacity: 0.75;\n    pointer-events: auto;\n  }\n  .chip:hover .chip-close:hover,\n  .chip-close:focus-visible {\n    opacity: 1;\n  }\n  .chip:hover .chip-icon,\n  .chip:focus-within .chip-icon {\n    opacity: 0;\n  }\n  .chip:not(:has(.chip-icon)) .chip-close {\n    position: static;\n    margin-top: 0;\n  }\n}\n\n/* 触屏没有悬停:× 常显在右侧(仍占宽度),保证关得掉 */\n@media (hover: none) {\n  .chip {\n    padding-right: 8px;\n  }\n  .chip-close {\n    opacity: 0.7;\n  }\n}\n\n/* 页签增删:宽度 / 内边距 / 间距一起收拢或展开,右边的页签随布局平滑滑动(flex 实时重排,不需要 FLIP)。\n   曲线取 macOS 切换外观同款 ease-in-out;系统开了减少动态效果时由全局规则压成瞬时。 */\n.chip-enter-active,\n.chip-leave-active {\n  overflow: hidden;\n  transition-property:\n    width, max-width, min-width, padding-left, padding-right, margin-right, opacity;\n  transition-duration: 0.22s;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n.chip-enter-from {\n  max-width: 0;\n  min-width: 0;\n  padding-left: 0;\n  padding-right: 0;\n  margin-right: 0;\n  opacity: 0;\n}\n.chip-leave-active {\n  flex: none;\n  pointer-events: none;\n}\n.chip-leave-from {\n  width: var(--chip-w);\n}\n.chip-leave-to {\n  width: 0;\n  min-width: 0;\n  padding-left: 0;\n  padding-right: 0;\n  margin-right: 0;\n  opacity: 0;\n}\n</style>\n"],"names":["tabs","useTabsStore","route","useRoute","router","useRouter","t","useI18n","activePath","computed","scrollerRef","ref","tabTitle","item","translateMenuTitle","onClick","renderIcon","name","h","Icon","ctxShow","ctxX","ctxY","ctxTab","ctxOptions","_a","_b","_c","_d","onContext","nextTick","onCtxSelect","key","tab","watch","fadeStart","fadeEnd","measureFade","c","onWheel","onBeforeLeave","el","ro","onMounted","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_createVNode","_TransitionGroup","_Fragment","_renderList","_unref","$event","_withKeys","_withModifiers","_createBlock","AppIcon","lineIcon","_hoisted_3","_toDisplayString","NDropdown"],"mappings":"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"}

package/dist/layouts/components/SideNav.vue.d.ts

@@ -5,10 +5,13 @@ type __VLS_Props = {
     collapsed?: boolean;
     rail?: boolean;
     showBrand?: boolean;
+    showSearch?: boolean;
 };
 declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    search: () => any;
     select: (key: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSearch?: (() => any) | undefined;
     onSelect?: ((key: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/layouts/components/SideNav.vue.js

@@ -1,7 +1,7 @@
 import o from "./SideNav2.vue.js";
 /* empty css             */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0b56822a"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0b541618"]]);
 export {
   p as default
 };

package/dist/layouts/components/SideNav2.vue.js

@@ -1,41 +1,69 @@
-import { defineComponent as c, openBlock as a, createElementBlock as s, normalizeClass as m, createVNode as o, withDirectives as u, createElementVNode as v, toDisplayString as f, unref as t, vShow as h, createCommentVNode as w, withCtx as B } from "vue";
-import { NScrollbar as _, NMenu as N } from "naive-ui";
-import S from "../../components/SmartLogo.vue.js";
-import { useSite as y } from "../../composables/useSite.js";
-const C = {
+import { defineComponent as v, computed as f, openBlock as i, createElementBlock as r, normalizeClass as y, createVNode as s, withDirectives as w, createElementVNode as B, toDisplayString as S, unref as o, vShow as N, createCommentVNode as p, withKeys as _, withCtx as d } from "vue";
+import { NInput as b, NScrollbar as g, NMenu as k } from "naive-ui";
+import { Icon as z } from "@iconify/vue";
+import { useI18n as C } from "vue-i18n";
+import x from "../../components/SmartLogo.vue.js";
+import { useSite as I } from "../../composables/useSite.js";
+const V = {
   key: 0,
   class: "brand"
-}, z = /* @__PURE__ */ c({
+}, D = {
+  key: 1,
+  class: "side-search"
+}, j = /* @__PURE__ */ v({
   __name: "SideNav",
   props: {
     options: {},
     value: {},
     collapsed: { type: Boolean },
     rail: { type: Boolean },
-    showBrand: { type: Boolean }
+    showBrand: { type: Boolean },
+    showSearch: { type: Boolean }
   },
-  emits: ["select"],
-  setup(n, { emit: i }) {
-    const { site: r } = y(), e = n, p = i;
-    return (b, l) => (a(), s("div", {
-      class: m(["sidenav", { rail: e.rail }])
+  emits: ["select", "search"],
+  setup(m, { emit: u }) {
+    const { site: h } = I(), { t: c } = C(), e = m, l = u, t = f(() => e.collapsed || e.rail);
+    return (E, a) => (i(), r("div", {
+      class: y(["sidenav", { rail: e.rail, "icon-only": t.value }])
     }, [
-      e.showBrand ? (a(), s("div", C, [
-        o(S, { size: 30 }),
-        u(v("span", { class: "brand-name" }, f(t(r).title), 513), [
-          [h, !e.collapsed && !e.rail]
+      e.showBrand ? (i(), r("div", V, [
+        s(x, { size: 28 }),
+        w(B("span", { class: "brand-name" }, S(o(h).title), 513), [
+          [N, !t.value]
         ])
-      ])) : w("", !0),
-      o(t(_), null, {
-        default: B(() => [
-          o(t(N), {
+      ])) : p("", !0),
+      e.showSearch && !t.value ? (i(), r("div", D, [
+        s(o(b), {
+          size: "small",
+          readonly: "",
+          class: "search-input",
+          placeholder: o(c)("app.search"),
+          "aria-label": o(c)("app.search"),
+          onClick: a[0] || (a[0] = (n) => l("search")),
+          onKeydown: a[1] || (a[1] = _((n) => l("search"), ["enter"]))
+        }, {
+          prefix: d(() => [
+            s(o(z), {
+              icon: "ph:magnifying-glass",
+              width: 15,
+              class: "search-ico"
+            })
+          ]),
+          _: 1
+        }, 8, ["placeholder", "aria-label"])
+      ])) : p("", !0),
+      s(o(g), { class: "side-menu" }, {
+        default: d(() => [
+          s(o(k), {
             options: e.options,
             value: e.value,
-            collapsed: e.collapsed || e.rail,
-            "collapsed-width": e.rail ? 64 : 76,
-            indent: 20,
-            "root-indent": 20,
-            "onUpdate:value": l[0] || (l[0] = (d) => p("select", d))
+            collapsed: t.value,
+            "collapsed-width": e.rail ? 64 : 68,
+            "collapsed-icon-size": 20,
+            "icon-size": 18,
+            indent: 14,
+            "root-indent": 14,
+            "onUpdate:value": a[2] || (a[2] = (n) => l("select", n))
           }, null, 8, ["options", "value", "collapsed", "collapsed-width"])
         ]),
         _: 1
@@ -44,6 +72,6 @@ const C = {
   }
 });
 export {
-  z as default
+  j as default
 };
 //# sourceMappingURL=SideNav2.vue.js.map

package/dist/layouts/components/SideNav2.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav2.vue.js","sources":["../../../src/layouts/components/SideNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 侧栏薄壳:对 n-menu 的展示层封装,default.vue 复用于 4 处——完整树/二级子树/一级图标 rail/移动抽屉。\n// collapsed(用户折叠开关) 与 rail(一级细栏,恒图标态、固定窄宽、无品牌字) 是两条独立的\"收窄\"来源,\n// 二者任一为真都令 n-menu 进入 collapsed;rail 另用更窄的 collapsed-width。\nimport { NMenu, NScrollbar, type MenuOption } from 'naive-ui'\nimport SmartLogo from '#/components/SmartLogo.vue'\nimport { useSite } from '#/composables/useSite'\n\nconst { site } = useSite()\n\nconst props = defineProps<{\n  options: MenuOption[]\n  value?: string\n  collapsed?: boolean\n  rail?: boolean // 细图标栏(一级),强制图标态、无品牌文字\n  showBrand?: boolean\n}>()\nconst emit = defineEmits<{ select: [key: string] }>()\n</script>\n\n<template>\n  <div class=\"sidenav\" :class=\"{ rail: props.rail }\">\n    <div v-if=\"props.showBrand\" class=\"brand\">\n      <SmartLogo :size=\"30\" />\n      <span v-show=\"!props.collapsed && !props.rail\" class=\"brand-name\">{{ site.title }}</span>\n    </div>\n    <n-scrollbar>\n      <n-menu\n        :options=\"props.options\"\n        :value=\"props.value\"\n        :collapsed=\"props.collapsed || props.rail\"\n        :collapsed-width=\"props.rail ? 64 : 76\"\n        :indent=\"20\"\n        :root-indent=\"20\"\n        @update:value=\"(k: string) => emit('select', k)\"\n      />\n    </n-scrollbar>\n  </div>\n</template>\n\n<style scoped>\n.sidenav {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  background: var(--color-bg-container);\n  overflow: hidden;\n}\n.brand {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  height: var(--header-h);\n  padding: 0 22px;\n  color: var(--color-text-primary);\n  font-weight: 600;\n  overflow: hidden;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n.rail .brand {\n  padding: 0;\n  justify-content: center;\n}\n.brand-name {\n  font-size: 20px;\n  font-weight: 700;\n  color: var(--color-text-primary); /* 品牌文字跟随主题文字色:固定深蓝在暗色下看不清 */\n}\n.sidenav :deep(.n-scrollbar) {\n  flex: 1;\n  min-height: 0;\n}\n</style>\n"],"names":["site","useSite","props","__props","emit","__emit","_createElementBlock","_normalizeClass","_openBlock","_hoisted_1","_createVNode","SmartLogo","_withDirectives","_createElementVNode","_toDisplayString","_unref","_vShow","NScrollbar","NMenu","_cache","k"],"mappings":";;;;;;;;;;;;;;;;;;AAQA,UAAM,EAAE,MAAAA,EAAA,IAASC,EAAA,GAEXC,IAAQC,GAORC,IAAOC;2BAIXC,EAgBM,OAAA;AAAA,MAhBD,OAAKC,EAAA,CAAC,WAAS,EAAA,MAAiBL,EAAM,MAAI,CAAA;AAAA,IAAA;MAClCA,EAAM,aAAjBM,EAAA,GAAAF,EAGM,OAHNG,GAGM;AAAA,QAFJC,EAAwBC,GAAA,EAAZ,MAAM,IAAE;AAAA,QACpBC,EAAAC,EAAyF,UAA1C,OAAM,aAAA,GAAYC,EAAIC,EAAAf,CAAA,EAAK,KAAK,GAAA,GAAA,GAAA;AAAA,UAAhE,CAAAgB,GAAA,CAAAd,EAAM,aAAS,CAAKA,EAAM,IAAI;AAAA,QAAA;;MAE/CQ,EAUcK,EAAAE,CAAA,GAAA,MAAA;AAAA,mBATZ,MAQE;AAAA,UARFP,EAQEK,EAAAG,CAAA,GAAA;AAAA,YAPC,SAAShB,EAAM;AAAA,YACf,OAAOA,EAAM;AAAA,YACb,WAAWA,EAAM,aAAaA,EAAM;AAAA,YACpC,mBAAiBA,EAAM,OAAI,KAAA;AAAA,YAC3B,QAAQ;AAAA,YACR,eAAa;AAAA,YACb,kBAAYiB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAchB,YAAegB,CAAC;AAAA,UAAA;;;;;;;"}
+{"version":3,"file":"SideNav2.vue.js","sources":["../../../src/layouts/components/SideNav.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// 侧栏薄壳:对 n-menu 的展示层封装,default.vue 复用于 4 处——完整树/二级子树/一级图标 rail/移动抽屉。\n// collapsed(用户折叠开关) 与 rail(一级细栏,恒图标态、固定窄宽、无品牌字) 是两条独立的\"收窄\"来源,\n// 二者任一为真都令 n-menu 进入 collapsed;rail 另用更窄的 collapsed-width。\n// 玻璃底由外层 aside / 抽屉提供,这里保持透明,不自带底色(否则两层半透明叠出一块灰)。\nimport { computed } from 'vue'\nimport { NInput, NMenu, NScrollbar, type MenuOption } from 'naive-ui'\nimport { Icon } from '@iconify/vue'\nimport { useI18n } from 'vue-i18n'\nimport SmartLogo from '#/components/SmartLogo.vue'\nimport { useSite } from '#/composables/useSite'\n\nconst { site } = useSite()\nconst { t } = useI18n()\n\nconst props = defineProps<{\n  options: MenuOption[]\n  value?: string\n  collapsed?: boolean\n  rail?: boolean // 细图标栏(一级),强制图标态、无品牌文字\n  showBrand?: boolean\n  showSearch?: boolean // 品牌下方的菜单搜索入口(只读输入框,点开 Ctrl+K 同一个面板)\n}>()\nconst emit = defineEmits<{ select: [key: string]; search: [] }>()\n\nconst iconOnly = computed(() => props.collapsed || props.rail)\n</script>\n\n<template>\n  <div class=\"sidenav\" :class=\"{ rail: props.rail, 'icon-only': iconOnly }\">\n    <div v-if=\"props.showBrand\" class=\"brand\">\n      <SmartLogo :size=\"28\" />\n      <span v-show=\"!iconOnly\" class=\"brand-name\">\n        {{ site.title }}\n      </span>\n    </div>\n    <div v-if=\"props.showSearch && !iconOnly\" class=\"side-search\">\n      <n-input\n        size=\"small\"\n        readonly\n        class=\"search-input\"\n        :placeholder=\"t('app.search')\"\n        :aria-label=\"t('app.search')\"\n        @click=\"emit('search')\"\n        @keydown.enter=\"emit('search')\"\n      >\n        <template #prefix>\n          <Icon icon=\"ph:magnifying-glass\" :width=\"15\" class=\"search-ico\" />\n        </template>\n      </n-input>\n    </div>\n    <n-scrollbar class=\"side-menu\">\n      <n-menu\n        :options=\"props.options\"\n        :value=\"props.value\"\n        :collapsed=\"iconOnly\"\n        :collapsed-width=\"props.rail ? 64 : 68\"\n        :collapsed-icon-size=\"20\"\n        :icon-size=\"18\"\n        :indent=\"14\"\n        :root-indent=\"14\"\n        @update:value=\"(k: string) => emit('select', k)\"\n      />\n    </n-scrollbar>\n  </div>\n</template>\n\n<style scoped>\n.sidenav {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  background: transparent;\n  overflow: hidden;\n}\n.brand {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  height: 50px;\n  padding: 0 18px;\n  color: var(--text-1);\n  overflow: hidden;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n.icon-only .brand {\n  padding: 0;\n  justify-content: center;\n}\n.brand-name {\n  min-width: 0;\n  font-size: 15px;\n  font-weight: 600;\n  letter-spacing: -0.02em;\n  line-height: 1.2;\n  color: var(--text-1); /* 品牌文字跟随主题文字色:固定深色在暗色下看不清 */\n}\n.side-search {\n  flex-shrink: 0;\n  padding: 0 12px 12px;\n}\n.search-input {\n  cursor: pointer;\n}\n/* 只读输入框:光标也是手型,点哪都能打开面板 */\n.search-input :deep(.n-input__input-el) {\n  cursor: pointer;\n}\n.search-ico {\n  color: var(--text-3);\n}\n\n.side-menu {\n  flex: 1;\n  min-height: 0;\n  /* 菜单滚到底时最后一行淡出,不被圆角面板的下沿硬切 */\n  -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 22px), transparent);\n  mask-image: linear-gradient(180deg, #000 calc(100% - 22px), transparent);\n}\n/* 选中项只靠行底色 + 强调色文字 / 图标 + 加粗到 600 表达(与横向页签栏的选中页签同一字重),不画左侧竖条 */\n.sidenav :deep(.n-menu-item-content--selected .n-menu-item-content-header) {\n  font-weight: 600;\n}\n</style>\n"],"names":["site","useSite","t","useI18n","props","__props","emit","__emit","iconOnly","computed","_createElementBlock","_openBlock","_hoisted_1","_createVNode","SmartLogo","_withDirectives","_createElementVNode","_toDisplayString","_unref","_hoisted_2","NInput","Icon","NScrollbar","NMenu","_cache","k"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,UAAM,EAAE,MAAAA,EAAA,IAASC,EAAA,GACX,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAERC,IAAQC,GAQRC,IAAOC,GAEPC,IAAWC,EAAS,MAAML,EAAM,aAAaA,EAAM,IAAI;2BAI3DM,EAmCM,OAAA;AAAA,MAnCD,UAAM,WAAS,EAAA,MAAiBN,EAAM,mBAAmBI,EAAA,OAAQ,CAAA;AAAA,IAAA;MACzDJ,EAAM,aAAjBO,EAAA,GAAAD,EAKM,OALNE,GAKM;AAAA,QAJJC,EAAwBC,GAAA,EAAZ,MAAM,IAAE;AAAA,QACpBC,EAAAC,EAEO,UAFkB,OAAM,aAAA,GAAYC,EACtCC,EAAAlB,CAAA,EAAK,KAAK,GAAA,GAAA,GAAA;AAAA,eADAQ,EAAA,KAAQ;AAAA,QAAA;;MAIdJ,EAAM,cAAU,CAAKI,EAAA,SAAhCG,KAAAD,EAcM,OAdNS,GAcM;AAAA,QAbJN,EAYUK,EAAAE,CAAA,GAAA;AAAA,UAXR,MAAK;AAAA,UACL,UAAA;AAAA,UACA,OAAM;AAAA,UACL,aAAaF,EAAAhB,CAAA,EAAC,YAAA;AAAA,UACd,cAAYgB,EAAAhB,CAAA,EAAC,YAAA;AAAA,UACb,gCAAOI,EAAI,QAAA;AAAA,UACX,oCAAeA,EAAI,QAAA,GAAA,CAAA,OAAA,CAAA;AAAA,QAAA;UAET,UACT,MAAkE;AAAA,YAAlEO,EAAkEK,EAAAG,CAAA,GAAA;AAAA,cAA5D,MAAK;AAAA,cAAuB,OAAO;AAAA,cAAI,OAAM;AAAA,YAAA;;;;;MAIzDR,EAYcK,EAAAI,CAAA,GAAA,EAZD,OAAM,eAAW;AAAA,mBAC5B,MAUE;AAAA,UAVFT,EAUEK,EAAAK,CAAA,GAAA;AAAA,YATC,SAASnB,EAAM;AAAA,YACf,OAAOA,EAAM;AAAA,YACb,WAAWI,EAAA;AAAA,YACX,mBAAiBJ,EAAM,OAAI,KAAA;AAAA,YAC3B,uBAAqB;AAAA,YACrB,aAAW;AAAA,YACX,QAAQ;AAAA,YACR,eAAa;AAAA,YACb,kBAAYoB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAGC,MAAcnB,YAAemB,CAAC;AAAA,UAAA;;;;;;;"}

package/dist/layouts/default.vue.js

@@ -1,7 +1,7 @@
 import o from "./default2.vue.js";
 /* empty css             */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-aa6e9642"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-167bced3"]]);
 export {
   e as default
 };