smart-admin-web 10.5.0

package/dist/layouts/SettingsDrawer2.vue.js

@@ -0,0 +1,380 @@
+import { defineComponent as P, useModel as V, computed as h, openBlock as m, createBlock as v, unref as e, withCtx as a, createVNode as t, createTextVNode as i, toDisplayString as r, createElementVNode as k, createElementBlock as C, Fragment as $, renderList as E, normalizeStyle as F, normalizeClass as H, createCommentVNode as g } from "vue";
+import { useMessage as I, NDrawer as L, NDrawerContent as R, NTabs as G, NTabPane as b, NDivider as d, NRadioGroup as w, NRadioButton as p, NColorPicker as O, NSwitch as f, NSelect as W, NInput as J, NButton as S, NPopconfirm as j } from "naive-ui";
+import { Icon as c } from "@iconify/vue";
+import { useI18n as q } from "vue-i18n";
+import { useClipboard as K, useWindowSize as Q } from "@vueuse/core";
+import { useAppStore as X } from "../stores/app.js";
+import { ACCENTS as N } from "../theme/accents.js";
+import { runtime as Y } from "../lib/runtime.js";
+import u from "./SettingRow.vue.js";
+import Z from "./LayoutModeCards.vue.js";
+const ee = { class: "accents" }, te = ["aria-label", "aria-pressed", "onClick"], ae = { class: "footer-actions" }, ve = /* @__PURE__ */ P({
+  __name: "SettingsDrawer",
+  props: {
+    show: { type: Boolean, default: !1 },
+    showModifiers: {}
+  },
+  emits: ["update:show"],
+  setup(_) {
+    const y = V(_, "show"), o = X(), { t: l } = q(), x = I(), { copy: z, isSupported: U } = K(), T = U && Y.dev;
+    async function B() {
+      await z(JSON.stringify(o.exportSettings(), null, 2)), x.success(l("settings.configCopied"));
+    }
+    const { width: M } = Q(), D = h(() => Math.min(400, Math.round(M.value * 0.9))), A = h(() => [
+      { label: l("settings.transitionNone"), value: "none" },
+      { label: l("settings.transitionFade"), value: "fade" },
+      { label: l("settings.transitionFadeSlide"), value: "fade-slide" }
+    ]);
+    return (le, n) => (m(), v(e(L), {
+      show: y.value,
+      "onUpdate:show": n[12] || (n[12] = (s) => y.value = s),
+      width: D.value,
+      placement: "right"
+    }, {
+      default: a(() => [
+        t(e(R), {
+          title: e(l)("settings.title"),
+          closable: "",
+          "native-scrollbar": !1
+        }, {
+          footer: a(() => [
+            k("div", ae, [
+              e(T) ? (m(), v(e(S), {
+                key: 0,
+                block: "",
+                tertiary: "",
+                onClick: B
+              }, {
+                default: a(() => [
+                  t(e(c), {
+                    icon: "ph:clipboard-text",
+                    class: "ri"
+                  }),
+                  i(" " + r(e(l)("settings.copyConfig")), 1)
+                ]),
+                _: 1
+              })) : g("", !0),
+              t(e(j), {
+                onPositiveClick: n[11] || (n[11] = (s) => e(o).resetSettings())
+              }, {
+                trigger: a(() => [
+                  t(e(S), {
+                    block: "",
+                    secondary: ""
+                  }, {
+                    default: a(() => [
+                      t(e(c), {
+                        icon: "ph:arrow-counter-clockwise",
+                        class: "ri"
+                      }),
+                      i(" " + r(e(l)("common.reset")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: a(() => [
+                  i(" " + r(e(l)("settings.resetConfirm")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: a(() => [
+            t(e(G), {
+              type: "segment",
+              size: "small",
+              animated: "",
+              class: "tabs"
+            }, {
+              default: a(() => [
+                t(e(b), {
+                  name: "appearance",
+                  tab: e(l)("settings.tabAppearance")
+                }, {
+                  default: a(() => [
+                    t(e(d), { "title-placement": "left" }, {
+                      default: a(() => [
+                        i(r(e(l)("settings.themeMode")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    t(e(w), {
+                      value: e(o).themeScheme,
+                      "onUpdate:value": n[0] || (n[0] = (s) => e(o).themeScheme = s),
+                      size: "small",
+                      class: "seg"
+                    }, {
+                      default: a(() => [
+                        t(e(p), { value: "light" }, {
+                          default: a(() => [
+                            t(e(c), {
+                              icon: "ph:sun",
+                              class: "ri"
+                            }),
+                            i(" " + r(e(l)("app.light")), 1)
+                          ]),
+                          _: 1
+                        }),
+                        t(e(p), { value: "dark" }, {
+                          default: a(() => [
+                            t(e(c), {
+                              icon: "ph:moon-stars",
+                              class: "ri"
+                            }),
+                            i(" " + r(e(l)("app.dark")), 1)
+                          ]),
+                          _: 1
+                        }),
+                        t(e(p), { value: "auto" }, {
+                          default: a(() => [
+                            t(e(c), {
+                              icon: "ph:circle-half",
+                              class: "ri"
+                            }),
+                            i(" " + r(e(l)("settings.auto")), 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["value"]),
+                    t(e(d), { "title-placement": "left" }, {
+                      default: a(() => [
+                        i(r(e(l)("settings.themeColor")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    k("div", ee, [
+                      (m(!0), C($, null, E(e(N), (s) => (m(), C("button", {
+                        key: s,
+                        type: "button",
+                        class: H(["dot", { on: e(o).accent === s }]),
+                        style: F({ background: s }),
+                        "aria-label": `${e(l)("settings.themeColor")} ${s}`,
+                        "aria-pressed": e(o).accent === s,
+                        onClick: (se) => e(o).setAccent(s)
+                      }, [
+                        e(o).accent === s ? (m(), v(e(c), {
+                          key: 0,
+                          icon: "ph:check-bold",
+                          class: "tick"
+                        })) : g("", !0)
+                      ], 14, te))), 128))
+                    ]),
+                    t(e(O), {
+                      value: e(o).accent,
+                      modes: ["hex"],
+                      "show-alpha": !1,
+                      swatches: [...e(N)],
+                      "onUpdate:value": e(o).setAccent
+                    }, null, 8, ["value", "swatches", "onUpdate:value"]),
+                    t(e(d), { "title-placement": "left" }, {
+                      default: a(() => [
+                        i(r(e(l)("app.density")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    t(e(w), {
+                      value: e(o).density,
+                      "onUpdate:value": n[1] || (n[1] = (s) => e(o).density = s),
+                      size: "small",
+                      class: "seg"
+                    }, {
+                      default: a(() => [
+                        t(e(p), { value: "comfortable" }, {
+                          default: a(() => [
+                            i(r(e(l)("app.comfortable")), 1)
+                          ]),
+                          _: 1
+                        }),
+                        t(e(p), { value: "compact" }, {
+                          default: a(() => [
+                            i(r(e(l)("app.compact")), 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["value"])
+                  ]),
+                  _: 1
+                }, 8, ["tab"]),
+                t(e(b), {
+                  name: "layout",
+                  tab: e(l)("settings.tabLayout")
+                }, {
+                  default: a(() => [
+                    t(e(d), { "title-placement": "left" }, {
+                      default: a(() => [
+                        i(r(e(l)("settings.layout")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    t(Z),
+                    t(e(d), { "title-placement": "left" }, {
+                      default: a(() => [
+                        i(r(e(l)("settings.interface")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    t(u, {
+                      label: e(l)("settings.showBreadcrumb")
+                    }, {
+                      default: a(() => [
+                        t(e(f), {
+                          value: e(o).showBreadcrumb,
+                          "onUpdate:value": n[2] || (n[2] = (s) => e(o).showBreadcrumb = s),
+                          size: "small"
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    t(u, {
+                      label: e(l)("settings.showTabs")
+                    }, {
+                      default: a(() => [
+                        t(e(f), {
+                          value: e(o).showTabs,
+                          "onUpdate:value": n[3] || (n[3] = (s) => e(o).showTabs = s),
+                          size: "small"
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    t(u, {
+                      label: e(l)("settings.fixedHeader")
+                    }, {
+                      default: a(() => [
+                        t(e(f), {
+                          value: e(o).fixedHeader,
+                          "onUpdate:value": n[4] || (n[4] = (s) => e(o).fixedHeader = s),
+                          size: "small"
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    t(u, {
+                      label: e(l)("settings.pageTransition")
+                    }, {
+                      default: a(() => [
+                        t(e(W), {
+                          value: e(o).pageTransition,
+                          "onUpdate:value": n[5] || (n[5] = (s) => e(o).pageTransition = s),
+                          options: A.value,
+                          size: "small",
+                          style: { width: "120px" }
+                        }, null, 8, ["value", "options"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    t(u, {
+                      label: e(l)("settings.grayscale")
+                    }, {
+                      default: a(() => [
+                        t(e(f), {
+                          value: e(o).grayscale,
+                          "onUpdate:value": n[6] || (n[6] = (s) => e(o).grayscale = s),
+                          size: "small"
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    t(u, {
+                      label: e(l)("app.collapse")
+                    }, {
+                      default: a(() => [
+                        t(e(f), {
+                          value: e(o).collapsed,
+                          "onUpdate:value": n[7] || (n[7] = (s) => e(o).collapsed = s),
+                          size: "small"
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["tab"]),
+                t(e(b), {
+                  name: "general",
+                  tab: e(l)("settings.tabGeneral")
+                }, {
+                  default: a(() => [
+                    t(e(d), { "title-placement": "left" }, {
+                      default: a(() => [
+                        i(r(e(l)("settings.watermark")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    t(u, {
+                      label: e(l)("settings.watermark")
+                    }, {
+                      default: a(() => [
+                        t(e(f), {
+                          value: e(o).watermark,
+                          "onUpdate:value": n[8] || (n[8] = (s) => e(o).watermark = s),
+                          size: "small"
+                        }, null, 8, ["value"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"]),
+                    e(o).watermark ? (m(), v(u, {
+                      key: 0,
+                      label: e(l)("settings.watermarkText")
+                    }, {
+                      default: a(() => [
+                        t(e(J), {
+                          value: e(o).watermarkText,
+                          "onUpdate:value": n[9] || (n[9] = (s) => e(o).watermarkText = s),
+                          size: "small",
+                          placeholder: e(l)("settings.watermarkPlaceholder"),
+                          style: { width: "140px" }
+                        }, null, 8, ["value", "placeholder"])
+                      ]),
+                      _: 1
+                    }, 8, ["label"])) : g("", !0),
+                    t(e(d), { "title-placement": "left" }, {
+                      default: a(() => [
+                        i(r(e(l)("settings.formStyle")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    t(e(w), {
+                      value: e(o).formStyle,
+                      "onUpdate:value": n[10] || (n[10] = (s) => e(o).formStyle = s),
+                      size: "small",
+                      class: "seg"
+                    }, {
+                      default: a(() => [
+                        t(e(p), { value: "modal" }, {
+                          default: a(() => [
+                            i(r(e(l)("settings.formStyleModal")), 1)
+                          ]),
+                          _: 1
+                        }),
+                        t(e(p), { value: "drawer" }, {
+                          default: a(() => [
+                            i(r(e(l)("settings.formStyleDrawer")), 1)
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["value"])
+                  ]),
+                  _: 1
+                }, 8, ["tab"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["title"])
+      ]),
+      _: 1
+    }, 8, ["show", "width"]));
+  }
+});
+export {
+  ve as default
+};
+//# sourceMappingURL=SettingsDrawer2.vue.js.map

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

@@ -0,0 +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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"}

package/dist/layouts/TabsBar.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/layouts/TabsBar.vue.js

@@ -0,0 +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"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=TabsBar.vue.js.map

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

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

package/dist/layouts/TabsBar2.vue.js

@@ -0,0 +1,132 @@
+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({
+  __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);
+    }
+    function b(e) {
+      e.path !== m.path && R.push(e.fullPath);
+    }
+    function r(e) {
+      return () => P(x, { icon: e, width: 16 });
+    }
+    const u = h(!1), y = h(0), C = h(0), i = h(), N = _(() => {
+      var e, t, o, 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"),
+          key: "pin",
+          icon: r("ph:push-pin"),
+          disabled: (t = i.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)
+        },
+        { 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") },
+        { label: s("tabs.closeRight"), key: "right", icon: r("ph:arrow-line-right") },
+        { 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 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());
+    }
+    return V(w, () => {
+      T(
+        () => {
+          var e, t;
+          return (t = (e = k.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 }]),
+              role: "button",
+              tabindex: "0",
+              onClick: (l) => b(o),
+              onKeydown: [
+                f((l) => b(o), ["enter"]),
+                f(p((l) => b(o), ["prevent"]), ["space"])
+              ],
+              onContextmenu: (l) => A(l, o),
+              onMousedown: t[0] || (t[0] = p(() => {
+              }, ["middle", "prevent"])),
+              onAuxclick: p((l) => a(n).removeTab(o.path), ["middle", "prevent"])
+            }, [
+              o.icon ? (c(), d(F, {
+                key: 0,
+                icon: o.icon,
+                size: 15,
+                class: "chip-icon"
+              }, null, 8, ["icon"])) : S("", !0),
+              $("span", U, O(K(o)), 1),
+              o.pinned ? (c(), d(a(x), {
+                key: 1,
+                icon: "ph:push-pin-fill",
+                width: 12,
+                class: "chip-pin"
+              })) : o.affix ? S("", !0) : (c(), d(a(x), {
+                key: 2,
+                icon: "ph:x",
+                width: 13,
+                class: "chip-close",
+                role: "button",
+                tabindex: "0",
+                "aria-label": a(s)("tabs.close"),
+                onClick: p((l) => a(n).removeTab(o.path), ["stop"]),
+                onKeydown: [
+                  f(p((l) => a(n).removeTab(o.path), ["stop"]), ["enter"]),
+                  f(p((l) => a(n).removeTab(o.path), ["stop", "prevent"]), ["space"])
+                ]
+              }, null, 8, ["aria-label", "onClick", "onKeydown"]))
+            ], 42, Q))), 128))
+          ], 512)
+        ]),
+        _: 1
+      }),
+      g(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)
+      }, null, 8, ["show", "x", "y", "options"])
+    ]));
+  }
+});
+export {
+  re as default
+};
+//# sourceMappingURL=TabsBar2.vue.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,15 @@
+import { MenuOption } from 'naive-ui';
+type __VLS_Props = {
+    options: MenuOption[];
+    value?: string;
+    collapsed?: boolean;
+    rail?: boolean;
+    showBrand?: boolean;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    select: (key: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((key: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,8 @@
+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"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=SideNav.vue.js.map

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

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