@usethink/shared-frontend 0.1.2 → 0.1.4

package/dist/src/layout/header/components/setting/constant.js

@@ -1 +1,106 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("ant-design-vue"),{defaultAlgorithm:e,darkAlgorithm:t}=l.theme,a=[{label:"亮色主题风格",value:"light"},{label:"暗色主题风格",value:"dark"},{label:"暗黑模式",value:"realDark"}],u={light:e,dark:e,realDark:t},o=[{title:"拂晓蓝（默认）",key:"techBlue",value:"#1677FF"},{title:"薄暮",key:"dust",value:"#F5222D"},{title:"火山",key:"volcano",value:"#FA541C"},{title:"日暮",key:"sunset",value:"#FAAD14"},{title:"明青",key:"cyan",value:"#13C2C2"},{title:"极光绿",key:"green",value:"#52C41A"},{title:"极客蓝",key:"geekblue",value:"#2F54EB"},{title:"酱紫",key:"purple",value:"#722ED1"}],i=[{label:"侧边菜单布局",value:"sidemenu"},{label:"顶部菜单布局",value:"topmenu"}],n=[{label:"页签持久化",value:"cacheTabs"}],s=[{label:"正常",value:"normal",icon:"ic:baseline-fullscreen"},{label:"紧凑",value:"compact",icon:"ic:baseline-fullscreen-exit"}],r=[{label:"展开",value:"expand",icon:"tabler:layout-sidebar-left-expand"},{label:"收缩",value:"collapse",icon:"tabler:layout-sidebar-right-expand"}];exports.layouts=i;exports.menu=r;exports.size=s;exports.themeColor=u;exports.themeColors=o;exports.themeStyle=a;exports.uiSettings=n;
+import { theme as l } from "ant-design-vue";
+const { defaultAlgorithm: e, darkAlgorithm: a } = l, u = [
+  {
+    label: "亮色主题风格",
+    value: "light"
+  },
+  {
+    label: "暗色主题风格",
+    value: "dark"
+  },
+  {
+    label: "暗黑模式",
+    value: "realDark"
+  }
+], o = {
+  light: e,
+  dark: e,
+  realDark: a
+}, i = [
+  {
+    title: "拂晓蓝（默认）",
+    key: "techBlue",
+    value: "#1677FF"
+  },
+  {
+    title: "薄暮",
+    key: "dust",
+    value: "#F5222D"
+  },
+  {
+    title: "火山",
+    key: "volcano",
+    value: "#FA541C"
+  },
+  {
+    title: "日暮",
+    key: "sunset",
+    value: "#FAAD14"
+  },
+  {
+    title: "明青",
+    key: "cyan",
+    value: "#13C2C2"
+  },
+  {
+    title: "极光绿",
+    key: "green",
+    value: "#52C41A"
+  },
+  {
+    title: "极客蓝",
+    key: "geekblue",
+    value: "#2F54EB"
+  },
+  {
+    title: "酱紫",
+    key: "purple",
+    value: "#722ED1"
+  }
+], n = [
+  {
+    label: "侧边菜单布局",
+    value: "sidemenu"
+  },
+  {
+    label: "顶部菜单布局",
+    value: "topmenu"
+  }
+], c = [
+  {
+    label: "页签持久化",
+    value: "cacheTabs"
+  }
+], r = [
+  {
+    label: "正常",
+    value: "normal",
+    icon: "ic:baseline-fullscreen"
+  },
+  {
+    label: "紧凑",
+    value: "compact",
+    icon: "ic:baseline-fullscreen-exit"
+  }
+], s = [
+  {
+    label: "展开",
+    value: "expand",
+    icon: "tabler:layout-sidebar-left-expand"
+  },
+  {
+    label: "收缩",
+    value: "collapse",
+    icon: "tabler:layout-sidebar-right-expand"
+  }
+];
+export {
+  n as layouts,
+  s as menu,
+  r as size,
+  o as themeColor,
+  i as themeColors,
+  u as themeStyle,
+  c as uiSettings
+};
+//# sourceMappingURL=constant.js.map

package/dist/src/layout/header/components/setting/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sources":["../../../../../../src/layout/header/components/setting/constant.ts"],"sourcesContent":["import { theme } from 'ant-design-vue'\n\nconst { defaultAlgorithm, darkAlgorithm } = theme\n\nexport const themeStyle = [\n  {\n    label: '亮色主题风格',\n    value: 'light',\n  },\n  {\n    label: '暗色主题风格',\n    value: 'dark',\n  },\n  {\n    label: '暗黑模式',\n    value: 'realDark',\n  },\n] as const\n\n/** 主题色 */\nexport const themeColor = {\n  light: defaultAlgorithm,\n  dark: defaultAlgorithm,\n  realDark: darkAlgorithm,\n} as const\nexport type ThemeColor = keyof typeof themeColor\n\n/** 主题色 */\nexport const themeColors = [\n  {\n    title: '拂晓蓝（默认）',\n    key: 'techBlue',\n    value: '#1677FF',\n  },\n  {\n    title: '薄暮',\n    key: 'dust',\n    value: '#F5222D',\n  },\n  {\n    title: '火山',\n    key: 'volcano',\n    value: '#FA541C',\n  },\n  {\n    title: '日暮',\n    key: 'sunset',\n    value: '#FAAD14',\n  },\n  {\n    title: '明青',\n    key: 'cyan',\n    value: '#13C2C2',\n  },\n  {\n    title: '极光绿',\n    key: 'green',\n    value: '#52C41A',\n  },\n  {\n    title: '极客蓝',\n    key: 'geekblue',\n    value: '#2F54EB',\n  },\n  {\n    title: '酱紫',\n    key: 'purple',\n    value: '#722ED1',\n  },\n] as const\n\n/** 导航模式（布局方式） */\nexport const layouts = [\n  {\n    label: '侧边菜单布局',\n    value: 'sidemenu',\n  },\n  {\n    label: '顶部菜单布局',\n    value: 'topmenu',\n  },\n] as const\n\n/** 界面显示相关 */\nexport const uiSettings = [\n  {\n    label: '页签持久化',\n    value: 'cacheTabs',\n  },\n] as const\n\n/** 尺寸 */\nexport const size = [\n  {\n    label: '正常',\n    value: 'normal',\n    icon: 'ic:baseline-fullscreen',\n  },\n  {\n    label: '紧凑',\n    value: 'compact',\n    icon: 'ic:baseline-fullscreen-exit',\n  },\n] as const\n\n/** 菜单 */\nexport const menu = [\n  {\n    label: '展开',\n    value: 'expand',\n    icon: 'tabler:layout-sidebar-left-expand',\n  },\n  {\n    label: '收缩',\n    value: 'collapse',\n    icon: 'tabler:layout-sidebar-right-expand',\n  },\n] as const\n"],"names":["defaultAlgorithm","darkAlgorithm","theme","themeStyle","themeColor","themeColors","layouts","uiSettings","size","menu"],"mappings":";AAEA,MAAM,EAAE,kBAAAA,GAAkB,eAAAC,EAAA,IAAkBC,GAE/BC,IAAa;AAAA,EACxB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAGaC,IAAa;AAAA,EACxB,OAAOJ;AAAA,EACP,MAAMA;AAAA,EACN,UAAUC;AACZ,GAIaI,IAAc;AAAA,EACzB;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,KAAK;AAAA,IACL,OAAO;AAAA,EAAA;AAEX,GAGaC,IAAU;AAAA,EACrB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAAA,EAET;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAGaC,IAAa;AAAA,EACxB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX,GAGaC,IAAO;AAAA,EAClB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEV,GAGaC,IAAO;AAAA,EAClB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAAA,EAER;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEV;"}

package/dist/src/layout/header/components/setting/index2.vue.js

@@ -1 +1,8 @@
-"use strict";const e=require("vue"),w=require("@ant-design/icons-vue"),g=require("pinia"),o=require("ant-design-vue"),s=require("./constant.js"),B=require("../../../../store/modules/layoutSetting.js"),S=require("../../../../hooks/useI18n.js"),b=["onClick"],D={class:"style-checbox-item"},z={class:"style-checbox-item"},E=["onClick"],T=["onClick"],L=["onClick"],I=e.defineComponent({name:"ProjectSetting",__name:"index",setup(q){const{t:l}=S.useI18n(),r=B.useLayoutSettingStore(),{layoutSetting:c}=g.storeToRefs(r),a=e.ref(c.value.colorPrimary),d=e.ref(!1),k=e.computed(()=>({"--custom-color":a.value})),h=n=>{r.updateLayoutSetting({navTheme:n})},C=n=>{r.updateLayoutSetting({layout:n})},m=n=>{r.updateLayoutSetting({colorPrimary:n})},_=n=>{r.updateLayoutSetting({size:n})},y=n=>r.updateLayoutSetting({menu:{locale:!0,mode:n}}),f=n=>c.value.colorPrimary===n?"visible":"hidden",x=()=>{d.value=!0};return(n,i)=>{const p=e.resolveComponent("svg-icon"),v=e.resolveComponent("Icon"),V=e.resolveComponent("a-switch"),N=e.resolveComponent("a-flex");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(w.SettingOutlined),{onClick:x}),e.createVNode(e.unref(o.Drawer),{open:d.value,"onUpdate:open":i[2]||(i[2]=t=>d.value=t),placement:"right",closable:!1},{default:e.withCtx(()=>[e.createVNode(e.unref(o.Descriptions),{title:e.unref(l)("common.overallStyle"),column:5},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s.themeStyle),t=>(e.openBlock(),e.createBlock(e.unref(o.Descriptions).Item,{key:t.value},{default:e.withCtx(()=>[e.createVNode(e.unref(o.Tooltip),{title:t.label},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["style-checbox-item",{active:e.unref(c).navTheme===t.value}]),onClick:u=>h(t.value)},[e.createVNode(p,{name:t.value,size:"50"},null,8,["name"])],10,b)]),_:2},1032,["title"])]),_:2},1024))),128))]),_:1},8,["title"]),e.createVNode(e.unref(o.Descriptions),{title:e.unref(l)("common.themeColor"),column:9},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s.themeColors),t=>(e.openBlock(),e.createBlock(e.unref(o.Descriptions).Item,{key:t.key},{default:e.withCtx(()=>[e.createElementVNode("div",D,[e.createVNode(e.unref(o.Tooltip),{title:t.title},{default:e.withCtx(()=>[e.createVNode(e.unref(o.Tag),{color:t.value,onClick:u=>m(t.value)},{default:e.withCtx(()=>[e.createElementVNode("span",{style:e.normalizeStyle({visibility:f(t.value)})}," ✔ ",4)]),_:2},1032,["color","onClick"])]),_:2},1032,["title"])])]),_:2},1024))),128)),e.createVNode(e.unref(o.Descriptions).Item,{key:"custom"},{default:e.withCtx(()=>[e.createElementVNode("div",z,[e.createVNode(e.unref(o.Tooltip),{title:e.unref(l)("common.custom")},{default:e.withCtx(()=>[e.createVNode(e.unref(o.Tag),{color:a.value,class:"relative overflow-hidden"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":i[0]||(i[0]=t=>a.value=t),type:"color",class:"absolute inset-0",style:e.normalizeStyle(k.value),onInput:i[1]||(i[1]=t=>m(a.value))},null,36),[[e.vModelText,a.value]]),e.createElementVNode("span",{style:e.normalizeStyle({visibility:f(a.value)})}," ✔ ",4)]),_:1},8,["color"])]),_:1},8,["title"])])]),_:1})]),_:1},8,["title"]),e.createVNode(e.unref(o.Descriptions),{title:e.unref(l)("common.navigationMode"),column:5},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s.layouts),t=>(e.openBlock(),e.createBlock(e.unref(o.Descriptions).Item,{key:t.value},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["style-checbox-item",{active:e.unref(c).layout===t.value}]),onClick:u=>C(t.value)},[e.createVNode(p,{name:t.value,size:"50"},null,8,["name"])],10,E)]),_:2},1024))),128))]),_:1},8,["title"]),e.createVNode(e.unref(o.Descriptions),{title:e.unref(l)("common.layoutSize"),column:5},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s.size),t=>(e.openBlock(),e.createBlock(e.unref(o.Descriptions).Item,{key:t.value},{default:e.withCtx(()=>[e.createVNode(e.unref(o.Tooltip),{title:t.label},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["style-checbox-item",{active:e.unref(c).size===t.value}]),onClick:u=>_(t.value)},[e.createVNode(v,{icon:t.icon,size:"50"},null,8,["icon"])],10,T)]),_:2},1032,["title"])]),_:2},1024))),128))]),_:1},8,["title"]),e.createVNode(e.unref(o.Descriptions),{title:e.unref(l)("common.menu"),column:5},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s.menu),t=>(e.openBlock(),e.createBlock(e.unref(o.Descriptions).Item,{key:t.value},{default:e.withCtx(()=>[e.createVNode(e.unref(o.Tooltip),{title:t.label},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["style-checbox-item",{active:e.unref(c).menu.mode===t.value}]),onClick:u=>y(t.value)},[e.createVNode(v,{icon:t.icon,size:"50"},null,8,["icon"])],10,L)]),_:2},1032,["title"])]),_:2},1024))),128))]),_:1},8,["title"]),e.createVNode(e.unref(o.Descriptions),{title:e.unref(l)("common.page"),column:1},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s.uiSettings),t=>(e.openBlock(),e.createBlock(e.unref(o.Descriptions).Item,{key:t.value},{default:e.withCtx(()=>[e.createVNode(N,{justify:"space-between",class:"w-full"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label)+" ",1),e.createVNode(V,{checked:e.unref(c)[t.value],"onUpdate:checked":u=>e.unref(c)[t.value]=u,"checked-children":e.unref(l)("common.openText"),"un-checked-children":e.unref(l)("common.close")},null,8,["checked","onUpdate:checked","checked-children","un-checked-children"])]),_:2},1024)]),_:2},1024))),128))]),_:1},8,["title"])]),_:1},8,["open"])],64)}}});module.exports=I;
+import t from "./index3.vue.js";
+/* empty css          */
+import o from "../../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ o(t, [["__scopeId", "data-v-e74af385"]]);
+export {
+  f as default
+};
+//# sourceMappingURL=index2.vue.js.map

package/dist/src/layout/header/components/setting/index2.vue.js.map

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

package/dist/src/layout/header/components/setting/index3.vue.js

@@ -0,0 +1,260 @@
+import { defineComponent as B, ref as T, computed as j, resolveComponent as k, openBlock as n, createElementBlock as r, Fragment as d, createVNode as l, unref as e, withCtx as o, renderList as f, createBlock as y, createElementVNode as i, normalizeClass as g, normalizeStyle as S, withDirectives as E, vModelText as F, createTextVNode as O, toDisplayString as R } from "vue";
+import { SettingOutlined as q } from "@ant-design/icons-vue";
+import { storeToRefs as A } from "pinia";
+import { Drawer as G, Descriptions as c, Tooltip as h, Tag as w } from "ant-design-vue";
+import { themeStyle as H, themeColors as J, layouts as K, size as Q, menu as W, uiSettings as X } from "./constant.js";
+import { useLayoutSettingStore as Y } from "../../../../store/modules/layoutSetting.js";
+import { useI18n as Z } from "../../../../hooks/useI18n.js";
+const ee = ["onClick"], te = { class: "style-checbox-item" }, le = { class: "style-checbox-item" }, oe = ["onClick"], ne = ["onClick"], ce = ["onClick"], _e = /* @__PURE__ */ B({
+  name: "ProjectSetting",
+  __name: "index",
+  setup(ae) {
+    const { t: u } = Z(), m = Y(), { layoutSetting: s } = A(m), v = T(s.value.colorPrimary), C = T(!1), L = j(() => ({ "--custom-color": v.value })), $ = (a) => {
+      m.updateLayoutSetting({ navTheme: a });
+    }, D = (a) => {
+      m.updateLayoutSetting({ layout: a });
+    }, b = (a) => {
+      m.updateLayoutSetting({ colorPrimary: a });
+    }, V = (a) => {
+      m.updateLayoutSetting({ size: a });
+    }, M = (a) => m.updateLayoutSetting({ menu: { locale: !0, mode: a } }), x = (a) => s.value.colorPrimary === a ? "visible" : "hidden", N = () => {
+      C.value = !0;
+    };
+    return (a, _) => {
+      const z = k("svg-icon"), I = k("Icon"), P = k("a-switch"), U = k("a-flex");
+      return n(), r(d, null, [
+        l(e(q), { onClick: N }),
+        l(e(G), {
+          open: C.value,
+          "onUpdate:open": _[2] || (_[2] = (t) => C.value = t),
+          placement: "right",
+          closable: !1
+        }, {
+          default: o(() => [
+            l(e(c), {
+              title: e(u)("common.overallStyle"),
+              column: 5
+            }, {
+              default: o(() => [
+                (n(!0), r(d, null, f(e(H), (t) => (n(), y(e(c).Item, {
+                  key: t.value
+                }, {
+                  default: o(() => [
+                    l(e(h), {
+                      title: t.label
+                    }, {
+                      default: o(() => [
+                        i("div", {
+                          class: g(["style-checbox-item", { active: e(s).navTheme === t.value }]),
+                          onClick: (p) => $(t.value)
+                        }, [
+                          l(z, {
+                            name: t.value,
+                            size: "50"
+                          }, null, 8, ["name"])
+                        ], 10, ee)
+                      ]),
+                      _: 2
+                    }, 1032, ["title"])
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            l(e(c), {
+              title: e(u)("common.themeColor"),
+              column: 9
+            }, {
+              default: o(() => [
+                (n(!0), r(d, null, f(e(J), (t) => (n(), y(e(c).Item, {
+                  key: t.key
+                }, {
+                  default: o(() => [
+                    i("div", te, [
+                      l(e(h), {
+                        title: t.title
+                      }, {
+                        default: o(() => [
+                          l(e(w), {
+                            color: t.value,
+                            onClick: (p) => b(t.value)
+                          }, {
+                            default: o(() => [
+                              i("span", {
+                                style: S({ visibility: x(t.value) })
+                              }, " ✔ ", 4)
+                            ]),
+                            _: 2
+                          }, 1032, ["color", "onClick"])
+                        ]),
+                        _: 2
+                      }, 1032, ["title"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1024))), 128)),
+                l(e(c).Item, { key: "custom" }, {
+                  default: o(() => [
+                    i("div", le, [
+                      l(e(h), {
+                        title: e(u)("common.custom")
+                      }, {
+                        default: o(() => [
+                          l(e(w), {
+                            color: v.value,
+                            class: "relative overflow-hidden"
+                          }, {
+                            default: o(() => [
+                              E(i("input", {
+                                "onUpdate:modelValue": _[0] || (_[0] = (t) => v.value = t),
+                                type: "color",
+                                class: "absolute inset-0",
+                                style: S(L.value),
+                                onInput: _[1] || (_[1] = (t) => b(v.value))
+                              }, null, 36), [
+                                [F, v.value]
+                              ]),
+                              i("span", {
+                                style: S({ visibility: x(v.value) })
+                              }, " ✔ ", 4)
+                            ]),
+                            _: 1
+                          }, 8, ["color"])
+                        ]),
+                        _: 1
+                      }, 8, ["title"])
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            l(e(c), {
+              title: e(u)("common.navigationMode"),
+              column: 5
+            }, {
+              default: o(() => [
+                (n(!0), r(d, null, f(e(K), (t) => (n(), y(e(c).Item, {
+                  key: t.value
+                }, {
+                  default: o(() => [
+                    i("div", {
+                      class: g(["style-checbox-item", { active: e(s).layout === t.value }]),
+                      onClick: (p) => D(t.value)
+                    }, [
+                      l(z, {
+                        name: t.value,
+                        size: "50"
+                      }, null, 8, ["name"])
+                    ], 10, oe)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            l(e(c), {
+              title: e(u)("common.layoutSize"),
+              column: 5
+            }, {
+              default: o(() => [
+                (n(!0), r(d, null, f(e(Q), (t) => (n(), y(e(c).Item, {
+                  key: t.value
+                }, {
+                  default: o(() => [
+                    l(e(h), {
+                      title: t.label
+                    }, {
+                      default: o(() => [
+                        i("div", {
+                          class: g(["style-checbox-item", { active: e(s).size === t.value }]),
+                          onClick: (p) => V(t.value)
+                        }, [
+                          l(I, {
+                            icon: t.icon,
+                            size: "50"
+                          }, null, 8, ["icon"])
+                        ], 10, ne)
+                      ]),
+                      _: 2
+                    }, 1032, ["title"])
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            l(e(c), {
+              title: e(u)("common.menu"),
+              column: 5
+            }, {
+              default: o(() => [
+                (n(!0), r(d, null, f(e(W), (t) => (n(), y(e(c).Item, {
+                  key: t.value
+                }, {
+                  default: o(() => [
+                    l(e(h), {
+                      title: t.label
+                    }, {
+                      default: o(() => [
+                        i("div", {
+                          class: g(["style-checbox-item", { active: e(s).menu.mode === t.value }]),
+                          onClick: (p) => M(t.value)
+                        }, [
+                          l(I, {
+                            icon: t.icon,
+                            size: "50"
+                          }, null, 8, ["icon"])
+                        ], 10, ce)
+                      ]),
+                      _: 2
+                    }, 1032, ["title"])
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 1
+            }, 8, ["title"]),
+            l(e(c), {
+              title: e(u)("common.page"),
+              column: 1
+            }, {
+              default: o(() => [
+                (n(!0), r(d, null, f(e(X), (t) => (n(), y(e(c).Item, {
+                  key: t.value
+                }, {
+                  default: o(() => [
+                    l(U, {
+                      justify: "space-between",
+                      class: "w-full"
+                    }, {
+                      default: o(() => [
+                        O(R(t.label) + " ", 1),
+                        l(P, {
+                          checked: e(s)[t.value],
+                          "onUpdate:checked": (p) => e(s)[t.value] = p,
+                          "checked-children": e(u)("common.openText"),
+                          "un-checked-children": e(u)("common.close")
+                        }, null, 8, ["checked", "onUpdate:checked", "checked-children", "un-checked-children"])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ]),
+          _: 1
+        }, 8, ["open"])
+      ], 64);
+    };
+  }
+});
+export {
+  _e as default
+};
+//# sourceMappingURL=index3.vue.js.map

package/dist/src/layout/header/components/setting/index3.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.vue.js","sources":["../../../../../../src/layout/header/components/setting/index.vue"],"sourcesContent":["<template>\n  <SettingOutlined @click=\"showDrawer\" />\n  <Drawer v-model:open=\"visible\" placement=\"right\" :closable=\"false\">\n    <Descriptions :title=\"t('common.overallStyle')\" :column=\"5\">\n      <Descriptions.Item v-for=\"theme in themeStyle\" :key=\"theme.value\">\n        <Tooltip :title=\"theme.label\">\n          <div\n            class=\"style-checbox-item\"\n            :class=\"{ active: layoutSetting.navTheme === theme.value }\"\n            @click=\"setNavTheme(theme.value)\"\n          >\n            <svg-icon :name=\"theme.value\" size=\"50\" />\n          </div>\n        </Tooltip>\n      </Descriptions.Item>\n    </Descriptions>\n    <Descriptions :title=\"t('common.themeColor')\" :column=\"9\">\n      <Descriptions.Item v-for=\"item in themeColors\" :key=\"item.key\">\n        <div class=\"style-checbox-item\">\n          <Tooltip :title=\"item.title\">\n            <Tag :color=\"item.value\" @click=\"setThemeColor(item.value)\">\n              <span :style=\"{ visibility: getThemeColorVisible(item.value) }\"> ✔ </span>\n            </Tag>\n          </Tooltip>\n        </div>\n      </Descriptions.Item>\n      <Descriptions.Item key=\"custom\">\n        <div class=\"style-checbox-item\">\n          <Tooltip :title=\"t('common.custom')\">\n            <Tag :color=\"customColor\" class=\"relative overflow-hidden\">\n              <input\n                v-model=\"customColor\"\n                type=\"color\"\n                class=\"absolute inset-0\"\n                :style=\"colorPickerStyle\"\n                @input=\"setThemeColor(customColor!)\"\n              />\n              <span :style=\"{ visibility: getThemeColorVisible(customColor) }\"> ✔ </span>\n            </Tag>\n          </Tooltip>\n        </div>\n      </Descriptions.Item>\n    </Descriptions>\n    <Descriptions :title=\"t('common.navigationMode')\" :column=\"5\">\n      <Descriptions.Item v-for=\"item in layouts\" :key=\"item.value\">\n        <div\n          class=\"style-checbox-item\"\n          :class=\"{ active: layoutSetting.layout === item.value }\"\n          @click=\"setLayout(item.value)\"\n        >\n          <svg-icon :name=\"item.value\" size=\"50\" />\n        </div>\n      </Descriptions.Item>\n    </Descriptions>\n    <Descriptions :title=\"t('common.layoutSize')\" :column=\"5\">\n      <Descriptions.Item v-for=\"item in size\" :key=\"item.value\">\n        <Tooltip :title=\"item.label\">\n          <div\n            class=\"style-checbox-item\"\n            :class=\"{ active: layoutSetting.size === item.value }\"\n            @click=\"setSize(item.value)\"\n          >\n            <Icon :icon=\"item.icon\" size=\"50\" />\n          </div>\n        </Tooltip>\n      </Descriptions.Item>\n    </Descriptions>\n    <Descriptions :title=\"t('common.menu')\" :column=\"5\">\n      <Descriptions.Item v-for=\"item in menu\" :key=\"item.value\">\n        <Tooltip :title=\"item.label\">\n          <div\n            class=\"style-checbox-item\"\n            :class=\"{ active: layoutSetting.menu.mode === item.value }\"\n            @click=\"setMenuMode(item.value)\"\n          >\n            <Icon :icon=\"item.icon\" size=\"50\" />\n          </div>\n        </Tooltip>\n      </Descriptions.Item>\n    </Descriptions>\n    <Descriptions :title=\"t('common.page')\" :column=\"1\">\n      <Descriptions.Item v-for=\"item in uiSettings\" :key=\"item.value\">\n        <a-flex justify=\"space-between\" class=\"w-full\">\n          {{ item.label }}\n          <a-switch\n            v-model:checked=\"layoutSetting[item.value]\"\n            :checked-children=\"t('common.openText')\"\n            :un-checked-children=\"t('common.close')\"\n          />\n        </a-flex>\n      </Descriptions.Item>\n    </Descriptions>\n  </Drawer>\n</template>\n\n<script lang=\"ts\" setup>\n  import { ref, computed, type StyleValue } from 'vue'\n  import { SettingOutlined } from '@ant-design/icons-vue'\n  import { storeToRefs } from 'pinia'\n  import { Drawer, Descriptions, Tag, Tooltip } from 'ant-design-vue'\n  import { layouts, themeColors, themeStyle, uiSettings, size, menu } from './constant'\n  import type { ThemeColor } from './constant'\n  import type { LayoutSetting } from '@/store/modules/layoutSetting'\n  import { useLayoutSettingStore } from '@/store/modules/layoutSetting'\n  import { useI18n } from '@/hooks/useI18n'\n\n  defineOptions({\n    name: 'ProjectSetting',\n  })\n\n  const { t } = useI18n()\n  const layoutSettingStore = useLayoutSettingStore()\n  const { layoutSetting } = storeToRefs(layoutSettingStore)\n  const customColor = ref(layoutSetting.value.colorPrimary)\n  const visible = ref(false)\n\n  const colorPickerStyle = computed(() => ({ '--custom-color': customColor.value }) as StyleValue)\n\n  const setNavTheme = (theme: ThemeColor) => {\n    layoutSettingStore.updateLayoutSetting({ navTheme: theme })\n  }\n  const setLayout = (layout: LayoutSetting['layout']) => {\n    layoutSettingStore.updateLayoutSetting({ layout })\n  }\n\n  const setThemeColor = (colorPrimary: string) => {\n    layoutSettingStore.updateLayoutSetting({ colorPrimary })\n  }\n\n  const setSize = (size: LayoutSetting['size']) => {\n    layoutSettingStore.updateLayoutSetting({ size })\n  }\n\n  const setMenuMode = (menuMode: LayoutSetting['menu']['mode']) =>\n    layoutSettingStore.updateLayoutSetting({ menu: { locale: true, mode: menuMode } })\n\n  const getThemeColorVisible = color =>\n    layoutSetting.value.colorPrimary === color ? 'visible' : 'hidden'\n\n  // const getImageUrl = (theme: ThemeName) => {\n  //   return new URL(`/src/assets/icons/${theme}.svg`, import.meta.url).href;\n  // };\n\n  const showDrawer = () => {\n    visible.value = true\n  }\n</script>\n\n<style lang=\"less\" scoped>\n  .style-checbox-item {\n    position: relative;\n    cursor: pointer;\n\n    &.active::after {\n      content: '✔';\n      position: absolute;\n      right: 12px;\n      bottom: 10px;\n      color: var(--app-primary-color);\n    }\n  }\n\n  input[type='color'] {\n    width: 40px;\n    height: 40px;\n    padding: 0;\n    border: 0;\n    outline: none;\n    appearance: none;\n\n    &::-webkit-color-swatch-wrapper {\n      background: var(--custom-color);\n    }\n\n    &::-webkit-color-swatch {\n      display: none;\n    }\n  }\n</style>\n"],"names":["t","useI18n","layoutSettingStore","useLayoutSettingStore","layoutSetting","storeToRefs","customColor","ref","visible","colorPickerStyle","computed","setNavTheme","theme","setLayout","layout","setThemeColor","colorPrimary","setSize","size","setMenuMode","menuMode","getThemeColorVisible","color","showDrawer","_createVNode","_unref","SettingOutlined","Drawer","$event","Descriptions","_createElementBlock","_Fragment","_renderList","themeStyle","_createBlock","Tooltip","_createElementVNode","_normalizeClass","_component_svg_icon","themeColors","item","_hoisted_2","Tag","_normalizeStyle","_hoisted_3","_cache","layouts","_component_Icon","menu","uiSettings","_component_a_flex","_component_a_switch"],"mappings":"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"}

package/dist/src/layout/header/index2.vue.js

@@ -1 +1,8 @@
-"use strict";const e=require("vue"),_=require("vue-router"),n=require("@ant-design/icons-vue"),r=require("ant-design-vue"),k=require("./components/search/index.vue.js"),q=require("./components/fullscreen/index.vue.js"),C=require("./components/setting/index.vue.js"),x=require("./components/breadcrumb/index.vue.js"),M=require("./components/msgNotice/index.vue.js"),w=require("../../components/basic/locale-picker/index.vue.js"),$=require("../../store/modules/user.js"),L=require("../../store/modules/keepAlive.js"),R=require("../../store/modules/lockscreen.js"),D=require("../../router/constant.js"),I=require("../../store/modules/layoutSetting.js"),s=require("../../utils/Storage.js"),c=require("../../enums/cacheEnum.js"),T=require("../../hooks/useI18n.js");var O={};const B={class:"header-left"},U={class:"header-menu"},A={class:"header-right"},b=e.defineComponent({__name:"index",props:{collapsed:{type:Boolean},theme:{type:String}},emits:["update:collapsed"],setup(l,{emit:f}){const m=f,i=$.useUserStore(),g=I.useLayoutSettingStore(),v=R.useLockscreenStore(),S=L.useKeepAliveStore(),{t:d}=T.useI18n(),p=_.useRouter(),y=_.useRoute(),u=e.computed(()=>i.userInfo),N=e.computed(()=>{const{navTheme:t,layout:o}=g.layoutSetting,a=t==="dark"&&o==="topmenu";return{backgroundColor:t==="realDark"||a?"":"rgba(255, 255, 255, 0.85)",color:a?"rgba(255, 255, 255, 0.85)":""}}),V=e.computed(()=>u.value.avatar?`${O.VITE_BASE_STATIC_URL}${u.value.avatar}`:""),h=({key:t})=>{if(t==="settings"){p.push({path:"/account/settings"});return}t==="logout"&&E()},E=()=>{r.Modal.confirm({title:d("common.confirmLogout"),icon:e.createVNode(n.QuestionCircleOutlined),onOk:async()=>{const t=s.Storage.get(c.REMEMBERUSER),o=s.Storage.get(c.THEME_KEY);try{S.clear(),await i.logout(),r.message.success(d("common.logoutSuccess"))}catch(a){console.error("[Header] logout failed, force redirect to login",a)}finally{localStorage.clear(),t&&s.Storage.set(c.REMEMBERUSER,t),s.Storage.set(c.THEME_KEY,o),p.replace({name:D.LOGIN_NAME,query:{redirect:y.fullPath}})}}})};return(t,o)=>(e.openBlock(),e.createBlock(e.unref(r.Layout).Header,{style:e.normalizeStyle(N.value),class:"layout-header"},{default:e.withCtx(()=>[e.createElementVNode("div",B,[e.renderSlot(t.$slots,"left",{},()=>[e.createVNode(e.unref(r.Space),{size:20},{default:e.withCtx(()=>[e.createElementVNode("span",{class:"menu-fold cursor-pointer",onClick:o[0]||(o[0]=()=>m("update:collapsed",!l.collapsed))},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.collapsed?e.unref(n.MenuUnfoldOutlined):e.unref(n.MenuFoldOutlined))))]),e.createVNode(e.unref(x))]),_:1})],!0)]),e.createElementVNode("div",U,[e.renderSlot(t.$slots,"menu",{},void 0,!0)]),e.createElementVNode("div",A,[e.createVNode(e.unref(r.Space),{size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(k)),e.createVNode(e.unref(r.Tooltip),{title:t.$t("layout.header.tooltipLock"),placement:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.LockOutlined),{onClick:o[1]||(o[1]=a=>e.unref(v).setLock(!0))})]),_:1},8,["title"]),e.createVNode(e.unref(q)),e.createVNode(e.unref(w)),e.createVNode(e.unref(M)),e.createElementVNode("div",null,e.toDisplayString(u.value.realName),1),e.createVNode(e.unref(r.Dropdown),{placement:"bottomRight"},{overlay:e.withCtx(()=>[e.createVNode(e.unref(r.Menu),{onClick:h},{default:e.withCtx(()=>[e.createVNode(e.unref(r.Menu).Item,{key:"settings"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.UserOutlined)),e.createTextVNode(" "+e.toDisplayString(t.$t("routes.account.settings")),1)]),_:1}),e.createVNode(e.unref(r.Menu).Divider),e.createVNode(e.unref(r.Menu).Item,{key:"logout"},{default:e.withCtx(()=>[e.createVNode(e.unref(n.PoweroffOutlined)),e.createTextVNode(" "+e.toDisplayString(t.$t("layout.header.dropdownItemLoginOut")),1)]),_:1})]),_:1})]),default:e.withCtx(()=>[e.createVNode(e.unref(r.Avatar),{src:V.value,alt:u.value.realName},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value.realName),1)]),_:1},8,["src","alt"])]),_:1}),e.createVNode(e.unref(C))]),_:1})])]),_:3},8,["style"]))}});module.exports=b;
+import o from "./index3.vue.js";
+/* empty css          */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3d080b58"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=index2.vue.js.map

package/dist/src/layout/header/index2.vue.js.map

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

package/dist/src/layout/header/index3.vue.js

@@ -0,0 +1,160 @@
+import { defineComponent as U, computed as m, openBlock as S, createBlock as v, unref as e, normalizeStyle as A, withCtx as r, createElementVNode as s, renderSlot as y, createVNode as t, resolveDynamicComponent as D, toDisplayString as i, createTextVNode as d } from "vue";
+import { useRouter as B, useRoute as V } from "vue-router";
+import { MenuUnfoldOutlined as z, MenuFoldOutlined as G, GithubOutlined as H, LockOutlined as P, UserOutlined as K, PoweroffOutlined as j, QuestionCircleOutlined as q } from "@ant-design/icons-vue";
+import { Layout as F, Space as h, Tooltip as Q, Dropdown as Y, Avatar as x, Menu as u, Modal as J, message as W } from "ant-design-vue";
+import X from "./components/search/index.vue.js";
+import Z from "./components/fullscreen/index.vue.js";
+import ee from "./components/setting/index2.vue.js";
+import te from "./components/breadcrumb/index.vue.js";
+import oe from "./components/msgNotice/index.vue.js";
+import re from "../../components/basic/locale-picker/index.vue.js";
+import { useUserStore as ae } from "../../store/modules/user.js";
+import { useKeepAliveStore as le } from "../../store/modules/keepAlive.js";
+import { useLockscreenStore as ne } from "../../store/modules/lockscreen.js";
+import { LOGIN_NAME as se } from "../../router/constant.js";
+import { useLayoutSettingStore as ie } from "../../store/modules/layoutSetting.js";
+import { Storage as c } from "../../utils/Storage.js";
+import { REMEMBERUSER as k, THEME_KEY as $ } from "../../enums/cacheEnum.js";
+import { useI18n as ue } from "../../hooks/useI18n.js";
+var ce = {};
+const me = { class: "header-left" }, de = { class: "header-menu" }, fe = { class: "header-right" }, Re = /* @__PURE__ */ U({
+  __name: "index",
+  props: {
+    collapsed: {
+      type: Boolean
+    },
+    theme: {
+      type: String
+    }
+  },
+  emits: ["update:collapsed"],
+  setup(f, { emit: E }) {
+    const L = E, p = ae(), C = ie(), O = ne(), I = le(), { t: g } = ue(), _ = B(), M = V(), l = m(() => p.userInfo), b = m(() => {
+      const { navTheme: o, layout: a } = C.layoutSetting, n = o === "dark" && a === "topmenu";
+      return {
+        backgroundColor: o === "realDark" || n ? "" : "rgba(255, 255, 255, 0.85)",
+        color: n ? "rgba(255, 255, 255, 0.85)" : ""
+      };
+    }), N = m(
+      () => l.value.avatar ? `${ce.VITE_BASE_STATIC_URL}${l.value.avatar}` : ""
+    ), w = () => window.open("https://gitee.com/thgao/tmom", "_blank"), R = ({ key: o }) => {
+      if (o === "settings") {
+        _.push({ path: "/account/settings" });
+        return;
+      }
+      o === "logout" && T();
+    }, T = () => {
+      J.confirm({
+        title: g("common.confirmLogout"),
+        icon: t(q),
+        onOk: async () => {
+          const o = c.get(k), a = c.get($);
+          try {
+            I.clear(), await p.logout(), W.success(g("common.logoutSuccess"));
+          } catch (n) {
+            console.error("[Header] logout failed, force redirect to login", n);
+          } finally {
+            localStorage.clear(), o && c.set(k, o), c.set($, a), _.replace({
+              name: se,
+              query: {
+                redirect: M.fullPath
+              }
+            });
+          }
+        }
+      });
+    };
+    return (o, a) => (S(), v(e(F).Header, {
+      style: A(b.value),
+      class: "layout-header"
+    }, {
+      default: r(() => [
+        s("div", me, [
+          y(o.$slots, "left", {}, () => [
+            t(e(h), { size: 20 }, {
+              default: r(() => [
+                s("span", {
+                  class: "menu-fold cursor-pointer",
+                  onClick: a[0] || (a[0] = () => L("update:collapsed", !f.collapsed))
+                }, [
+                  (S(), v(D(f.collapsed ? e(z) : e(G))))
+                ]),
+                t(e(te))
+              ]),
+              _: 1
+            })
+          ], !0)
+        ]),
+        s("div", de, [
+          y(o.$slots, "menu", {}, void 0, !0)
+        ]),
+        s("div", fe, [
+          t(e(h), { size: 20 }, {
+            default: r(() => [
+              t(e(H), { onClick: w }),
+              t(e(X)),
+              t(e(Q), {
+                title: o.$t("layout.header.tooltipLock"),
+                placement: "bottom"
+              }, {
+                default: r(() => [
+                  t(e(P), {
+                    onClick: a[1] || (a[1] = (n) => e(O).setLock(!0))
+                  })
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              t(e(Z)),
+              t(e(re)),
+              t(e(oe)),
+              s("div", null, i(l.value.realName), 1),
+              t(e(Y), { placement: "bottomRight" }, {
+                overlay: r(() => [
+                  t(e(u), { onClick: R }, {
+                    default: r(() => [
+                      t(e(u).Item, { key: "settings" }, {
+                        default: r(() => [
+                          t(e(K)),
+                          d(" " + i(o.$t("routes.account.settings")), 1)
+                        ]),
+                        _: 1
+                      }),
+                      t(e(u).Divider),
+                      t(e(u).Item, { key: "logout" }, {
+                        default: r(() => [
+                          t(e(j)),
+                          d(" " + i(o.$t("layout.header.dropdownItemLoginOut")), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: r(() => [
+                  t(e(x), {
+                    src: N.value,
+                    alt: l.value.realName
+                  }, {
+                    default: r(() => [
+                      d(i(l.value.realName), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["src", "alt"])
+                ]),
+                _: 1
+              }),
+              t(e(ee))
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 3
+    }, 8, ["style"]));
+  }
+});
+export {
+  Re as default
+};
+//# sourceMappingURL=index3.vue.js.map

package/dist/src/layout/header/index3.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.vue.js","sources":["../../../../src/layout/header/index.vue"],"sourcesContent":["<template>\n  <Layout.Header :style=\"headerStyle\" class=\"layout-header\">\n    <div class=\"header-left\">\n      <slot name=\"left\">\n        <Space :size=\"20\">\n          <span\n            class=\"menu-fold cursor-pointer\"\n            @click=\"() => emit('update:collapsed', !collapsed)\"\n          >\n            <component :is=\"collapsed ? MenuUnfoldOutlined : MenuFoldOutlined\" />\n          </span>\n          <LayoutBreadcrumb />\n        </Space>\n      </slot>\n    </div>\n    <div class=\"header-menu\">\n      <slot name=\"menu\" />\n    </div>\n    <div class=\"header-right\">\n      <Space :size=\"20\">\n        <GithubOutlined @click=\"goGitee\" />\n        <Search />\n        <Tooltip :title=\"$t('layout.header.tooltipLock')\" placement=\"bottom\">\n          <LockOutlined @click=\"lockscreenStore.setLock(true)\" />\n        </Tooltip>\n        <FullScreen />\n        <LocalePicker />\n        <MsgNotice />\n        <div>{{ userInfo.realName }}</div>\n        <Dropdown placement=\"bottomRight\">\n          <Avatar :src=\"avatar\" :alt=\"userInfo.realName\">{{ userInfo.realName }}</Avatar>\n          <template #overlay>\n            <Menu @click=\"handleUserMenuSelect\">\n              <Menu.Item key=\"settings\">\n                <user-outlined /> {{ $t('routes.account.settings') }}\n              </Menu.Item>\n              <Menu.Divider />\n              <Menu.Item key=\"logout\">\n                <poweroff-outlined /> {{ $t('layout.header.dropdownItemLoginOut') }}\n              </Menu.Item>\n            </Menu>\n          </template>\n        </Dropdown>\n        <ProjectSetting />\n      </Space>\n    </div>\n  </Layout.Header>\n</template>\n\n<script lang=\"tsx\" setup>\n  import { computed, createVNode, type CSSProperties } from 'vue'\n  import { useRouter, useRoute } from 'vue-router'\n  import {\n    QuestionCircleOutlined,\n    MenuFoldOutlined,\n    MenuUnfoldOutlined,\n    PoweroffOutlined,\n    LockOutlined,\n    UserOutlined,\n    GithubOutlined,\n  } from '@ant-design/icons-vue'\n  import {\n    Layout,\n    message,\n    Modal,\n    Dropdown,\n    Menu,\n    Space,\n    Avatar,\n    Tooltip,\n    type MenuTheme,\n  } from 'ant-design-vue'\n  import { Search, FullScreen, ProjectSetting, LayoutBreadcrumb, MsgNotice } from './components/'\n  import { LocalePicker } from '@/components/basic/locale-picker'\n  import { useUserStore } from '@/store/modules/user'\n  import { useKeepAliveStore } from '@/store/modules/keepAlive'\n  import { useLockscreenStore } from '@/store/modules/lockscreen'\n  import { LOGIN_NAME } from '@/router/constant'\n  import { useLayoutSettingStore } from '@/store/modules/layoutSetting'\n  import { Storage } from '@/utils/Storage'\n  import { REMEMBERUSER, THEME_KEY } from '@/enums/cacheEnum'\n  import { useI18n } from '@/hooks/useI18n'\n\n  defineProps({\n    collapsed: {\n      type: Boolean,\n    },\n    theme: {\n      type: String as PropType<MenuTheme>,\n    },\n  })\n  const emit = defineEmits(['update:collapsed'])\n  const userStore = useUserStore()\n  const layoutSettingStore = useLayoutSettingStore()\n  const lockscreenStore = useLockscreenStore()\n  const keepAliveStore = useKeepAliveStore()\n  const { t } = useI18n()\n\n  const router = useRouter()\n  const route = useRoute()\n  const userInfo = computed(() => userStore.userInfo)\n  const headerStyle = computed<CSSProperties>(() => {\n    const { navTheme, layout } = layoutSettingStore.layoutSetting\n    const isDark = navTheme === 'dark' && layout === 'topmenu'\n    return {\n      backgroundColor: navTheme === 'realDark' || isDark ? '' : 'rgba(255, 255, 255, 0.85)',\n      color: isDark ? 'rgba(255, 255, 255, 0.85)' : '',\n    }\n  })\n\n  const avatar = computed(() =>\n    userInfo.value.avatar ? `${import.meta.env.VITE_BASE_STATIC_URL}${userInfo.value.avatar}` : '',\n  )\n  const goGitee = () => window.open('https://gitee.com/thgao/tmom', '_blank')\n\n  const handleUserMenuSelect = ({ key }: { key: string }) => {\n    if (key === 'settings') {\n      router.push({ path: '/account/settings' })\n      return\n    }\n    if (key === 'logout') {\n      doLogout()\n    }\n  }\n\n  // 退出登录\n  const doLogout = () => {\n    Modal.confirm({\n      title: t('common.confirmLogout'),\n      icon: createVNode(QuestionCircleOutlined),\n      onOk: async () => {\n        const rememberUser = Storage.get(REMEMBERUSER)\n        const layoutSetting = Storage.get(THEME_KEY)\n        try {\n          keepAliveStore.clear()\n          await userStore.logout()\n          message.success(t('common.logoutSuccess'))\n        } catch (error) {\n          // 退出阶段必须保证用户可回到登录页，不能因异常卡住\n          console.error('[Header] logout failed, force redirect to login', error)\n        } finally {\n          localStorage.clear()\n          rememberUser && Storage.set(REMEMBERUSER, rememberUser)\n          Storage.set(THEME_KEY, layoutSetting)\n          router.replace({\n            name: LOGIN_NAME,\n            query: {\n              redirect: route.fullPath,\n            },\n          })\n        }\n      },\n    })\n  }\n</script>\n\n<style lang=\"less\" scoped>\n  .layout-header {\n    display: flex;\n    position: sticky;\n    z-index: 10;\n    top: 0;\n    align-items: center;\n    justify-content: space-between;\n    height: var(--app-header-height);\n    padding: 0 20px;\n\n    .header-right {\n      min-width: 180px;\n      cursor: pointer;\n    }\n\n    .header-menu {\n      flex: 1;\n      align-items: center;\n      min-width: 0;\n    }\n  }\n</style>\n"],"names":["emit","__emit","userStore","useUserStore","layoutSettingStore","useLayoutSettingStore","lockscreenStore","useLockscreenStore","keepAliveStore","useKeepAliveStore","t","useI18n","router","useRouter","route","useRoute","userInfo","computed","headerStyle","navTheme","layout","isDark","avatar","define_import_meta_env_default","goGitee","handleUserMenuSelect","key","doLogout","Modal","createVNode","QuestionCircleOutlined","rememberUser","Storage","REMEMBERUSER","layoutSetting","THEME_KEY","message","error","LOGIN_NAME","_createBlock","_unref","Layout","_createElementVNode","_hoisted_1","_renderSlot","_ctx","_createVNode","Space","_cache","__props","_openBlock","_resolveDynamicComponent","MenuUnfoldOutlined","MenuFoldOutlined","LayoutBreadcrumb","_hoisted_2","_hoisted_3","GithubOutlined","Search","Tooltip","$t","LockOutlined","$event","FullScreen","LocalePicker","MsgNotice","_toDisplayString","Dropdown","Menu","UserOutlined","_createTextVNode","PoweroffOutlined","Avatar","ProjectSetting"],"mappings":"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"}