skyline-vue-admin 0.0.1

package/dist/index.mjs

@@ -0,0 +1,114 @@
+import { getCreateRouteName as o, getEditRouteName as t, getListRouteName as m, getRandomRouteName as p, getShowRouteName as f, skyAdmin as i, skyConfig as u } from "./setup/index.mjs";
+import { useUser as s } from "./hooks/useUser.mjs";
+import { usePermission as y } from "./hooks/usePermission.mjs";
+import { useMenu as d } from "./hooks/useMenu.mjs";
+import { useTab as k } from "./hooks/useTab.mjs";
+import { useRouteKeepAlive as R } from "./hooks/useRouteKeepAlive.mjs";
+import { SizeConfig as g, useSize as c } from "./hooks/useSize.mjs";
+import { useLang as A } from "./hooks/useLang.mjs";
+import { ThemeConfig as I, useTheme as v } from "./hooks/useTheme.mjs";
+import { useList as P, useProvideList as C } from "./hooks/useList.mjs";
+import { useHiddenTitle as D, useProvideHiddenTitle as N } from "./hooks/useHiddenTitle.mjs";
+import { useForm as B, useProvideForm as E } from "./hooks/useForm.mjs";
+import { useProvideShow as W, useShow as z } from "./hooks/useShow.mjs";
+import { useProvideReferenceArrayField as M, useReferenceArrayField as U } from "./hooks/useReferenceArrayField.mjs";
+import { useProvideTreeWithDetails as j, useTreeWithDetails as q } from "./hooks/useTreeWithDetails.mjs";
+import { useFormGrid as O, useProvideFormGrid as Q } from "./hooks/useFormGrid.mjs";
+import { useProvideReferenceArrayInput as X, useReferenceArrayInput as Y } from "./hooks/useReferenceArrayInput.mjs";
+import { useUpload as _ } from "./hooks/useUpload.mjs";
+import { addLayoutRoutes as ee, checkAuth as re, getRoutes as oe, guard as te } from "./router/index.mjs";
+import { SkyCanAccess as pe } from "./components/can-access/index.mjs";
+import { SkyList as ie } from "./components/list/index.mjs";
+import { SkyFilter as xe } from "./components/filter/index.mjs";
+import { SkyDataTable as Se } from "./components/data-table/index.mjs";
+import { SkyDataTableCol as ae } from "./components/data-table-col/index.mjs";
+import { SkyEditButton as ne } from "./components/edit-button/index.mjs";
+import { SkyShowButton as le } from "./components/show-button/index.mjs";
+import { SkyShow as Fe } from "./components/show/index.mjs";
+import { SkyShowSimpleLayout as ce } from "./components/show-simple-layout/index.mjs";
+import { SkyTextField as Ae } from "./components/text-field/index.mjs";
+import { SkyImageField as Ie } from "./components/image-field/index.mjs";
+import { SkyReferenceImageField as Le } from "./components/reference-image-field/index.mjs";
+import { SkyReferenceArrayField as Ce } from "./components/reference-array-field/index.mjs";
+import { SkySingleFieldList as De } from "./components/single-field-list/index.mjs";
+import { SkyLinkField as be } from "./components/link-field/index.mjs";
+import { SkyReferenceField as Ee } from "./components/reference-field/index.mjs";
+import { SkyCreate as We } from "./components/create/index.mjs";
+import { SkySimpleForm as He } from "./components/simple-form/index.mjs";
+import { SkyTextInput as Ue } from "./components/text-input/index.mjs";
+import { SkyRadioButtonGroupInput as je } from "./components/radio-button-group-input/index.mjs";
+import { SkyReferenceArrayInput as Je } from "./components/reference-array-input/index.mjs";
+import { SkyAutoCompleteArrayInput as Qe } from "./components/auto-complete-array-input/index.mjs";
+import { SkyAvatarInput as Xe } from "./components/avatar-input/index.mjs";
+import { SkyFileMultipleInput as Ze } from "./components/file-multiple-input/index.mjs";
+import { SkyTreeSelectInput as $e } from "./components/tree-select-input/index.mjs";
+import { SkyTreeWithDetails as rr } from "./components/tree-with-details/index.mjs";
+import { SkyEdit as tr } from "./components/edit/index.mjs";
+export {
+  g as SizeConfig,
+  Qe as SkyAutoCompleteArrayInput,
+  Xe as SkyAvatarInput,
+  pe as SkyCanAccess,
+  We as SkyCreate,
+  Se as SkyDataTable,
+  ae as SkyDataTableCol,
+  tr as SkyEdit,
+  ne as SkyEditButton,
+  Ze as SkyFileMultipleInput,
+  xe as SkyFilter,
+  Ie as SkyImageField,
+  be as SkyLinkField,
+  ie as SkyList,
+  je as SkyRadioButtonGroupInput,
+  Ce as SkyReferenceArrayField,
+  Je as SkyReferenceArrayInput,
+  Ee as SkyReferenceField,
+  Le as SkyReferenceImageField,
+  Fe as SkyShow,
+  le as SkyShowButton,
+  ce as SkyShowSimpleLayout,
+  He as SkySimpleForm,
+  De as SkySingleFieldList,
+  Ae as SkyTextField,
+  Ue as SkyTextInput,
+  $e as SkyTreeSelectInput,
+  rr as SkyTreeWithDetails,
+  I as ThemeConfig,
+  ee as addLayoutRoutes,
+  re as checkAuth,
+  o as getCreateRouteName,
+  t as getEditRouteName,
+  m as getListRouteName,
+  p as getRandomRouteName,
+  oe as getRoutes,
+  f as getShowRouteName,
+  te as guard,
+  i as skyAdmin,
+  u as skyConfig,
+  B as useForm,
+  O as useFormGrid,
+  D as useHiddenTitle,
+  A as useLang,
+  P as useList,
+  d as useMenu,
+  y as usePermission,
+  E as useProvideForm,
+  Q as useProvideFormGrid,
+  N as useProvideHiddenTitle,
+  C as useProvideList,
+  M as useProvideReferenceArrayField,
+  X as useProvideReferenceArrayInput,
+  W as useProvideShow,
+  j as useProvideTreeWithDetails,
+  U as useReferenceArrayField,
+  Y as useReferenceArrayInput,
+  R as useRouteKeepAlive,
+  z as useShow,
+  c as useSize,
+  k as useTab,
+  v as useTheme,
+  q as useTreeWithDetails,
+  _ as useUpload,
+  s as useUser
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

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

package/dist/layouts/default.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("element-plus/es/components/dropdown/style/css");require("element-plus/es/components/dropdown-item/style/css");require("element-plus/es/components/dropdown-menu/style/css");require("element-plus/es/components/icon/style/css");require("element-plus/es/components/menu/style/css");require("element-plus/es/components/menu-item/style/css");require("element-plus/es/components/scrollbar/style/css");require("element-plus/es/components/sub-menu/style/css");require("element-plus/es/components/tab-pane/style/css");require("element-plus/es/components/tabs/style/css");require("element-plus/es/components/text/style/css");const e=require("vue"),h=require("../icons/EpFullScreen.cjs"),z=require("../icons/EpRefresh.cjs"),M=require("../icons/FluentFullScreenMinimize20Regular.cjs"),T=require("../icons/NimbusTextSize.cjs"),D=require("../icons/SkyMenuCollapse.cjs"),I=require("../icons/SlTrans.cjs"),R=require("../hooks/useUser.cjs");require("../hooks/usePermission.cjs");const w=require("../hooks/useMenu.cjs"),L=require("../hooks/useTab.cjs"),F=require("../hooks/useRouteKeepAlive.cjs"),f=require("../hooks/useSize.cjs"),P=require("../hooks/useLang.cjs"),p=require("../hooks/useTheme.cjs");require("../hooks/useList.cjs");require("../hooks/useHiddenTitle.cjs");require("../hooks/useForm.cjs");require("../hooks/useShow.cjs");require("../hooks/useReferenceArrayField.cjs");require("../hooks/useTreeWithDetails.cjs");require("../hooks/useFormGrid.cjs");require("../hooks/useReferenceArrayInput.cjs");const C=require("@vueuse/core"),o=require("element-plus"),k=require("vue-i18n"),v=require("vue-router"),V=require("../setup/index.cjs");function N(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const r=e.defineComponent({name:"SkyLayoutPage",setup(){const t=v.useRouter(),a=v.useRoute(),{collapse:u,menus:l}=w.useMenu(),{removeTab:s,lastTab:n,tabs:c}=L.useTab(),{includeList:m,addKeepAlive:y,removeKeepAlive:_}=F.useRouteKeepAlive(),q=g=>{const d=c.value.find(i=>i.routeName===g);d&&t.push({name:d.routeName,params:d.routeParams})},b=g=>{const d=c.value.find(i=>i.routeName===g);d&&(d?.routeKeepAliveName&&_(d.routeKeepAliveName),s(d.routeName),d.routeName===a.name&&n.value&&t.replace({name:n.value.routeName,params:n.value.routeParams}))};e.watchEffect(()=>{a.meta.keepAliveName&&y(String(a.meta.keepAliveName))});const S=e.inject(V.skyConfig.getIconFnName);return()=>{let g,d;return e.createVNode("div",{class:"sky-layout"},[e.createVNode("header",{class:"sky-layout__header"},[e.createVNode(r.Logo,null,null),e.createVNode("div",{class:"sky-layout__header-opt"},[e.createVNode(r.ConfigeSize,null,null),e.createVNode(r.ConfigLang,null,null),e.createVNode(r.ConfigTheme,null,null),e.createVNode(r.Fullscreen,null,null),e.createVNode(r.Refresh,null,null),e.createVNode(r.User,null,null)])]),e.createVNode("section",{class:"sky-layout__container"},[e.createVNode("aside",{class:"sky-layout__menu"},[e.createVNode(o.ElScrollbar,null,{default:()=>[e.createVNode(o.ElMenu,{collapse:u.value,"default-active":a.name,"unique-opened":!0,"collapse-transition":!0},N(g=l.value.map(i=>e.createVNode(r.SubMenu,{key:i.routeName,item:i},null)))?g:{default:()=>[g]})]}),e.createVNode("div",{class:"sky-layout__menu-collapse",onClick:()=>u.value=!u.value},[e.createVNode(D.SkyMenuCollapse,null,null)])]),e.createVNode("section",{class:"sky-layout__main"},[e.createVNode("div",{class:"sky-layout__tab"},[e.createVNode(o.ElTabs,{type:"card","model-value":a.name,onTabChange:q,onTabRemove:b},N(d=c.value.map(i=>e.createVNode(o.ElTabPane,{key:i.routeName,name:i.routeName,closable:i.closable},{label:()=>e.createVNode("div",{class:"sky-layout__tab-pane"},[i.icon&&S(i.icon),e.createVNode("span",null,[i.title])])})))?d:{default:()=>[d]})]),e.createVNode("div",{class:"sky-layout__body"},[e.createVNode(o.ElScrollbar,null,{default:()=>[e.createVNode(v.RouterView,null,{default:({Component:i,route:E})=>e.createVNode(e.Transition,{"enter-active-class":"sky-layout-fade-enter-active","enter-from-class":"sky-layout-fade-enter-from","enter-to-class":"sky-layout-fade-enter-to","leave-active-class":"sky-layout-fade-leave-active","leave-from-class":"sky-layout-fade-leave-from","leave-to-class":"sky-layout-fade-leave-to",appear:!0,mode:"out-in"},{default:()=>[e.createVNode(e.KeepAlive,{include:m.value},[e.h(i,{key:E.fullPath})])]})})]})])])])])}}});r.Logo=e.defineComponent({name:"DefaultLayoutPageLogo",setup(){return()=>V.skyConfig.logoImg&&e.createVNode("div",{class:"sky-layout__logo",style:{backgroundImage:`url(${V.skyConfig.logoImg})`}},null)}});r.ConfigeSize=e.defineComponent({name:"DefaultLayoutPageConfigeSize",setup(){const{t}=k.useI18n(),{enabled:a,size:u,select:l}=f.useSize();return()=>a&&e.createVNode("div",{class:"sky-layout__config"},[e.createVNode(o.ElDropdown,{trigger:"click",onCommand:l},{default:()=>e.createVNode(o.ElIcon,{size:f.SizeConfig.iconMap[u.value]},{default:()=>[e.createVNode(T.NimbusTextSize,null,null)]}),dropdown:()=>{let s;return e.createVNode(o.ElDropdownMenu,null,N(s=Object.values(f.SizeConfig.options).map(n=>{let c;return e.createVNode(o.ElDropdownItem,{key:n.value,command:n.value,disabled:u.value===n.value},N(c=t(n.label))?c:{default:()=>[c]})}))?s:{default:()=>[s]})}})])}});r.ConfigLang=e.defineComponent({name:"DefaultLayoutPageConfigLang",setup(){const{messages:t,t:a,locale:u}=k.useI18n(),{lang:l}=P.useLang(),{size:s}=f.useSize(),n=e.computed(()=>Object.keys(t.value).map(m=>({value:m,label:a(`lang.${m}`)}))),c=m=>{l.value=m,u.value=m};return()=>n.value.length>1?e.createVNode("div",{class:"sky-layout__config"},[e.createVNode(o.ElDropdown,{trigger:"click",onCommand:c},{default:()=>e.createVNode(o.ElIcon,{size:f.SizeConfig.iconMap[s.value]},{default:()=>[e.createVNode(I.SlTrans,null,null)]}),dropdown:()=>{let m;return e.createVNode(o.ElDropdownMenu,null,N(m=n.value.map(y=>e.createVNode(o.ElDropdownItem,{key:y.value,command:y.value,disabled:l.value===y.value},{default:()=>[y.label]})))?m:{default:()=>[m]})}})]):null}});r.ConfigTheme=e.defineComponent({name:"DefaultLayoutPageConfigTheme",setup(){const{select:t,theme:a}=p.useTheme(),{size:u}=f.useSize();return()=>V.skyConfig.themeEnabled&&e.createVNode("div",{class:"sky-layout__config"},[e.createVNode(o.ElDropdown,{trigger:"click",onCommand:t},{default:()=>e.createVNode(o.ElIcon,{size:f.SizeConfig.iconMap[u.value]},{default:()=>e.h(p.ThemeConfig[a.value].icon)}),dropdown:()=>{let l;return e.createVNode(o.ElDropdownMenu,null,N(l=Object.values(p.ThemeConfig).map(s=>e.createVNode(o.ElDropdownItem,{key:s.value,command:s.value,disabled:a.value===s.value},{default:()=>[e.createVNode(o.ElIcon,null,{default:()=>e.h(s.icon)})]})))?l:{default:()=>[l]})}})])}});r.Fullscreen=e.defineComponent({name:"DefaultLayoutPageFullscreen",setup(){const{isFullscreen:t,toggle:a}=C.useFullscreen();C.useEventListener("keydown",l=>{l.key==="F11"&&(l.preventDefault(),a())});const{size:u}=f.useSize();return()=>e.createVNode("div",{class:"sky-layout__config",onClick:a},[e.createVNode(o.ElIcon,{size:f.SizeConfig.iconMap[u.value]},{default:()=>[t.value?e.createVNode(M.FluentFullScreenMinimize20Regular,null,null):e.createVNode(h.EpFullScreen,null,null)]})])}});r.Refresh=e.defineComponent({name:"DefaultLayoutPageRefresh",setup(){const{size:t}=f.useSize(),a=v.useRouter(),u=v.useRoute(),l=()=>{a.replace({name:u.name,query:{t:Date.now()}})};return()=>e.createVNode("div",{class:"sky-layout__config",onClick:l},[e.createVNode(o.ElIcon,{size:f.SizeConfig.iconMap[t.value]},{default:()=>[e.createVNode(z.EpRefresh,null,null)]})])}});r.User=e.defineComponent({name:"DefaultLayoutPageUser",setup(){const t=v.useRouter(),{t:a}=k.useI18n(),{username:u,logout:l}=R.useUser(),s=n=>{n==="edit"||n==="logout"&&(l(),t.replace({name:V.skyConfig.loginRouteName}))};return()=>u.value&&e.createVNode("div",{class:"sky-layout__config"},[e.createVNode(o.ElDropdown,{trigger:"click",onCommand:s},{default:()=>e.createVNode(o.ElText,null,{default:()=>[u.value]}),dropdown:()=>e.createVNode(o.ElDropdownMenu,null,{default:()=>{let n,c;return e.createVNode(e.Fragment,null,[e.createVNode(o.ElDropdownItem,{command:"edit"},N(n=a("user.edit"))?n:{default:()=>[n]}),e.createVNode(o.ElDropdownItem,{command:"logout"},N(c=a("user.logout"))?c:{default:()=>[c]})])}})})])}});r.SubMenu=e.defineComponent({name:"DefaultLayoutPageSubMenu",props:{item:{type:Object,required:!0}},setup(t){const a=v.useRouter(),u=()=>{a.hasRoute(t.item.routeName)&&a.push({name:t.item.routeName,params:t.item.routeParams})},l=e.inject(V.skyConfig.getIconFnName);return()=>e.createVNode(e.Fragment,null,[t.item.children?.length?e.createVNode(o.ElSubMenu,{index:t.item.routeName},{default:()=>t.item.children.map(s=>e.createVNode(r.SubMenu,{key:s.routeName,item:s},null)),title:()=>e.createVNode(e.Fragment,null,[t.item.icon&&l(t.item.icon),e.createVNode("span",null,[t.item.title])])}):e.createVNode(o.ElMenuItem,{index:t.item.routeName,onClick:u},{default:()=>t.item.icon&&l(t.item.icon),title:()=>t.item.title})])}});exports.default=r;
+//# sourceMappingURL=default.cjs.map

package/dist/layouts/default.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.cjs","sources":["../../src/layouts/default.tsx"],"sourcesContent":["import { EpFullScreen } from '@/icons/EpFullScreen'\r\nimport { EpRefresh } from '@/icons/EpRefresh'\r\nimport { FluentFullScreenMinimize20Regular } from '@/icons/FluentFullScreenMinimize20Regular'\r\nimport { NimbusTextSize } from '@/icons/NimbusTextSize'\r\nimport { SkyMenuCollapse } from '@/icons/SkyMenuCollapse'\r\nimport { SlTrans } from '@/icons/SlTrans'\r\nimport {\r\n  SizeConfig,\r\n  ThemeConfig,\r\n  useLang,\r\n  useMenu,\r\n  useRouteKeepAlive,\r\n  useSize,\r\n  useTab,\r\n  useTheme,\r\n  useUser,\r\n} from '@/hooks'\r\nimport { useEventListener, useFullscreen } from '@vueuse/core'\r\nimport {\r\n  ElDropdown,\r\n  ElDropdownItem,\r\n  ElDropdownMenu,\r\n  ElIcon,\r\n  ElMenu,\r\n  ElMenuItem,\r\n  ElScrollbar,\r\n  ElSubMenu,\r\n  ElTabPane,\r\n  ElTabs,\r\n  ElText,\r\n  type TabPaneName,\r\n} from 'element-plus'\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  h,\r\n  inject,\r\n  KeepAlive,\r\n  Transition,\r\n  watchEffect,\r\n  type PropType,\r\n  type VNode,\r\n} from 'vue'\r\nimport { useI18n } from 'vue-i18n'\r\nimport { RouterView, useRoute, useRouter, type RouteLocationNormalizedLoaded } from 'vue-router'\r\nimport { skyConfig, type GetIconFn, type SkyMenu } from '@/setup'\r\n\r\nexport interface RouterViewSlot {\r\n  Component: VNode\r\n  route: RouteLocationNormalizedLoaded\r\n}\r\n\r\nconst SkyLayoutPage = defineComponent({\r\n  name: 'SkyLayoutPage',\r\n  setup() {\r\n    const router = useRouter()\r\n    const route = useRoute()\r\n    const { collapse, menus } = useMenu()\r\n    const { removeTab, lastTab, tabs } = useTab()\r\n    const { includeList, addKeepAlive, removeKeepAlive } = useRouteKeepAlive()\r\n\r\n    const onTabChange = (routeName: TabPaneName) => {\r\n      const tab = tabs.value.find((tab) => tab.routeName === routeName)\r\n      if (tab) {\r\n        router.push({ name: tab.routeName, params: tab.routeParams })\r\n      }\r\n    }\r\n\r\n    const onTabRemove = (routeName: TabPaneName) => {\r\n      const tab = tabs.value.find((tab) => tab.routeName === routeName)\r\n      if (tab) {\r\n        // 如果当前 tab 是存在，那么尝试删除它的 keepAlive 缓存\r\n        if (tab?.routeKeepAliveName) {\r\n          removeKeepAlive(tab.routeKeepAliveName)\r\n        }\r\n        removeTab(tab.routeName)\r\n        // 如果删除是当前页面并且存在lastTab，就跳转到lastTab\r\n        if (tab.routeName === route.name && lastTab.value) {\r\n          router.replace({ name: lastTab.value.routeName, params: lastTab.value.routeParams })\r\n        }\r\n      }\r\n    }\r\n\r\n    watchEffect(() => {\r\n      if (route.meta.keepAliveName) {\r\n        addKeepAlive(String(route.meta.keepAliveName))\r\n      }\r\n    })\r\n\r\n    const getIcon = inject<GetIconFn>(skyConfig.getIconFnName)!\r\n\r\n    return () => (\r\n      <div class=\"sky-layout\">\r\n        <header class=\"sky-layout__header\">\r\n          <SkyLayoutPage.Logo />\r\n\r\n          <div class=\"sky-layout__header-opt\">\r\n            <SkyLayoutPage.ConfigeSize />\r\n            <SkyLayoutPage.ConfigLang />\r\n            <SkyLayoutPage.ConfigTheme />\r\n            <SkyLayoutPage.Fullscreen />\r\n            <SkyLayoutPage.Refresh />\r\n            <SkyLayoutPage.User />\r\n          </div>\r\n        </header>\r\n        <section class=\"sky-layout__container\">\r\n          <aside class=\"sky-layout__menu\">\r\n            <ElScrollbar>\r\n              <ElMenu\r\n                collapse={collapse.value}\r\n                default-active={route.name}\r\n                unique-opened\r\n                collapse-transition\r\n              >\r\n                {menus.value.map((menu) => (\r\n                  <SkyLayoutPage.SubMenu key={menu.routeName} item={menu} />\r\n                ))}\r\n              </ElMenu>\r\n            </ElScrollbar>\r\n            <div\r\n              class=\"sky-layout__menu-collapse\"\r\n              onClick={() => (collapse.value = !collapse.value)}\r\n            >\r\n              <SkyMenuCollapse />\r\n            </div>\r\n          </aside>\r\n          <section class=\"sky-layout__main\">\r\n            <div class=\"sky-layout__tab\">\r\n              <ElTabs\r\n                type=\"card\"\r\n                model-value={route.name}\r\n                onTabChange={onTabChange}\r\n                onTabRemove={onTabRemove}\r\n              >\r\n                {tabs.value.map((tab) => (\r\n                  <ElTabPane key={tab.routeName} name={tab.routeName} closable={tab.closable}>\r\n                    {{\r\n                      label: () => (\r\n                        <div class=\"sky-layout__tab-pane\">\r\n                          {tab.icon && getIcon(tab.icon)}\r\n                          <span>{tab.title}</span>\r\n                        </div>\r\n                      ),\r\n                    }}\r\n                  </ElTabPane>\r\n                ))}\r\n              </ElTabs>\r\n            </div>\r\n\r\n            <div class=\"sky-layout__body\">\r\n              <ElScrollbar>\r\n                <RouterView>\r\n                  {{\r\n                    default: ({ Component, route }: RouterViewSlot) => (\r\n                      <Transition\r\n                        enter-active-class=\"sky-layout-fade-enter-active\"\r\n                        enter-from-class=\"sky-layout-fade-enter-from\"\r\n                        enter-to-class=\"sky-layout-fade-enter-to\"\r\n                        leave-active-class=\"sky-layout-fade-leave-active\"\r\n                        leave-from-class=\"sky-layout-fade-leave-from\"\r\n                        leave-to-class=\"sky-layout-fade-leave-to\"\r\n                        appear\r\n                        mode=\"out-in\"\r\n                      >\r\n                        <KeepAlive include={includeList.value}>\r\n                          {/* UserCreate ---> /user/create 会缓存一次 */}\r\n                          {/* UserEdit ---> /user/edit/1、/user/edit/2 ... 会缓存n次，直到关闭当前 tab，从include移除当前component name会等待GC全部释放所有缓存的组件实例；缓存N次不会出现数据错乱吗？默认情况会，但是加上 { key: route.fullPath } 就可以区分相同组件不同路由地址实例(●'◡'●) */}\r\n                          {h(Component, { key: route.fullPath })}\r\n                        </KeepAlive>\r\n                      </Transition>\r\n                    ),\r\n                  }}\r\n                </RouterView>\r\n              </ElScrollbar>\r\n            </div>\r\n          </section>\r\n        </section>\r\n      </div>\r\n    )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.Logo = defineComponent({\r\n  name: 'DefaultLayoutPageLogo',\r\n  setup() {\r\n    return () =>\r\n      skyConfig.logoImg && (\r\n        <div\r\n          class=\"sky-layout__logo\"\r\n          style={{ backgroundImage: `url(${skyConfig.logoImg})` }}\r\n        ></div>\r\n      )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.ConfigeSize = defineComponent({\r\n  name: 'DefaultLayoutPageConfigeSize',\r\n  setup() {\r\n    const { t } = useI18n()\r\n    const { enabled, size, select } = useSize()\r\n    return () =>\r\n      enabled && (\r\n        <div class=\"sky-layout__config\">\r\n          <ElDropdown trigger=\"click\" onCommand={select}>\r\n            {{\r\n              default: () => (\r\n                <ElIcon size={SizeConfig.iconMap[size.value]}>\r\n                  <NimbusTextSize />\r\n                </ElIcon>\r\n              ),\r\n              dropdown: () => (\r\n                <ElDropdownMenu>\r\n                  {Object.values(SizeConfig.options).map((c) => (\r\n                    <ElDropdownItem\r\n                      key={c.value}\r\n                      command={c.value}\r\n                      disabled={size.value === c.value}\r\n                    >\r\n                      {t(c.label)}\r\n                    </ElDropdownItem>\r\n                  ))}\r\n                </ElDropdownMenu>\r\n              ),\r\n            }}\r\n          </ElDropdown>\r\n        </div>\r\n      )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.ConfigLang = defineComponent({\r\n  name: 'DefaultLayoutPageConfigLang',\r\n  setup() {\r\n    const { messages, t, locale } = useI18n()\r\n    const { lang } = useLang()\r\n    const { size } = useSize()\r\n    const langList = computed(() =>\r\n      Object.keys(messages.value).map((key) => ({\r\n        value: key,\r\n        label: t(`lang.${key}`),\r\n      })),\r\n    )\r\n    const onCommand = (v: string) => {\r\n      lang.value = v\r\n      locale.value = v\r\n    }\r\n    return () =>\r\n      langList.value.length > 1 ? (\r\n        <div class=\"sky-layout__config\">\r\n          <ElDropdown trigger=\"click\" onCommand={onCommand}>\r\n            {{\r\n              default: () => (\r\n                <ElIcon size={SizeConfig.iconMap[size.value]}>\r\n                  <SlTrans />\r\n                </ElIcon>\r\n              ),\r\n              dropdown: () => (\r\n                <ElDropdownMenu>\r\n                  {langList.value.map((c) => (\r\n                    <ElDropdownItem\r\n                      key={c.value}\r\n                      command={c.value}\r\n                      disabled={lang.value === c.value}\r\n                    >\r\n                      {c.label}\r\n                    </ElDropdownItem>\r\n                  ))}\r\n                </ElDropdownMenu>\r\n              ),\r\n            }}\r\n          </ElDropdown>\r\n        </div>\r\n      ) : null\r\n  },\r\n})\r\n\r\nSkyLayoutPage.ConfigTheme = defineComponent({\r\n  name: 'DefaultLayoutPageConfigTheme',\r\n  setup() {\r\n    const { select, theme } = useTheme()\r\n    const { size } = useSize()\r\n    return () =>\r\n      skyConfig.themeEnabled && (\r\n        <div class=\"sky-layout__config\">\r\n          <ElDropdown trigger=\"click\" onCommand={select}>\r\n            {{\r\n              default: () => (\r\n                <ElIcon size={SizeConfig.iconMap[size.value]}>\r\n                  {() => h(ThemeConfig[theme.value].icon)}\r\n                </ElIcon>\r\n              ),\r\n              dropdown: () => (\r\n                <ElDropdownMenu>\r\n                  {Object.values(ThemeConfig).map((c) => (\r\n                    <ElDropdownItem\r\n                      key={c.value}\r\n                      command={c.value}\r\n                      disabled={theme.value === c.value}\r\n                    >\r\n                      <ElIcon>{() => h(c.icon)}</ElIcon>\r\n                    </ElDropdownItem>\r\n                  ))}\r\n                </ElDropdownMenu>\r\n              ),\r\n            }}\r\n          </ElDropdown>\r\n        </div>\r\n      )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.Fullscreen = defineComponent({\r\n  name: 'DefaultLayoutPageFullscreen',\r\n  setup() {\r\n    // 页面全屏\r\n    const { isFullscreen, toggle } = useFullscreen()\r\n    // F11默认全屏效果不能满足这里的需求，禁止默认全屏行为，采用我们项目的全屏逻辑\r\n    useEventListener('keydown', (e) => {\r\n      if (e.key === 'F11') {\r\n        // 禁用f11\r\n        e.preventDefault()\r\n        toggle()\r\n      }\r\n    })\r\n    const { size } = useSize()\r\n    return () => (\r\n      <div class=\"sky-layout__config\" onClick={toggle}>\r\n        <ElIcon size={SizeConfig.iconMap[size.value]}>\r\n          {isFullscreen.value ? <FluentFullScreenMinimize20Regular /> : <EpFullScreen />}\r\n        </ElIcon>\r\n      </div>\r\n    )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.Refresh = defineComponent({\r\n  name: 'DefaultLayoutPageRefresh',\r\n  setup() {\r\n    const { size } = useSize()\r\n    const router = useRouter()\r\n    const route = useRoute()\r\n    const onRefresh = () => {\r\n      router.replace({ name: route.name, query: { t: Date.now() } })\r\n    }\r\n    return () => (\r\n      <div class=\"sky-layout__config\" onClick={onRefresh}>\r\n        <ElIcon size={SizeConfig.iconMap[size.value]}>\r\n          <EpRefresh />\r\n        </ElIcon>\r\n      </div>\r\n    )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.User = defineComponent({\r\n  name: 'DefaultLayoutPageUser',\r\n  setup() {\r\n    const router = useRouter()\r\n    const { t } = useI18n()\r\n    const { username, logout } = useUser()\r\n    const onCommand = (command: string) => {\r\n      if (command === 'edit') {\r\n      } else if (command === 'logout') {\r\n        logout()\r\n        router.replace({ name: skyConfig.loginRouteName })\r\n      }\r\n    }\r\n    return () =>\r\n      username.value && (\r\n        <div class=\"sky-layout__config\">\r\n          <ElDropdown trigger=\"click\" onCommand={onCommand}>\r\n            {{\r\n              default: () => <ElText>{username.value}</ElText>,\r\n              dropdown: () => (\r\n                <ElDropdownMenu>\r\n                  {() => (\r\n                    <>\r\n                      <ElDropdownItem command=\"edit\">{t('user.edit')}</ElDropdownItem>\r\n                      <ElDropdownItem command=\"logout\">{t('user.logout')}</ElDropdownItem>\r\n                    </>\r\n                  )}\r\n                </ElDropdownMenu>\r\n              ),\r\n            }}\r\n          </ElDropdown>\r\n        </div>\r\n      )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.SubMenu = defineComponent({\r\n  name: 'DefaultLayoutPageSubMenu',\r\n  props: {\r\n    item: {\r\n      type: Object as PropType<SkyMenu>,\r\n      required: true,\r\n    },\r\n  },\r\n  setup(props) {\r\n    const router = useRouter()\r\n\r\n    const onClick = () => {\r\n      if (router.hasRoute(props.item.routeName)) {\r\n        router.push({ name: props.item.routeName, params: props.item.routeParams })\r\n      }\r\n    }\r\n\r\n    const getIcon = inject<GetIconFn>(skyConfig.getIconFnName)!\r\n\r\n    return () => (\r\n      <>\r\n        {props.item.children?.length ? (\r\n          <ElSubMenu index={props.item.routeName}>\r\n            {{\r\n              default: () =>\r\n                props.item.children!.map((menu) => (\r\n                  <SkyLayoutPage.SubMenu key={menu.routeName} item={menu} />\r\n                )),\r\n              title: () => (\r\n                <>\r\n                  {props.item.icon && getIcon(props.item.icon)}\r\n                  <span>{props.item.title}</span>\r\n                </>\r\n              ),\r\n            }}\r\n          </ElSubMenu>\r\n        ) : (\r\n          <ElMenuItem index={props.item.routeName} onClick={onClick}>\r\n            {{\r\n              default: () => props.item.icon && getIcon(props.item.icon),\r\n              title: () => props.item.title,\r\n            }}\r\n          </ElMenuItem>\r\n        )}\r\n      </>\r\n    )\r\n  },\r\n})\r\n\r\nexport default SkyLayoutPage\r\n"],"names":["_isSlot","s","_isVNode","SkyLayoutPage","defineComponent","name","setup","router","useRouter","route","useRoute","menus","tabs","removeKeepAlive","tab","routeName","removeTab","params","watchEffect","getIcon","inject","skyConfig","_createVNode","default","_slot","menu","SkyMenuCollapse","onTabChange","_slot2","ElTabPane","includeList","backgroundImage","t","select","SizeConfig","size","dropdown","_slot4","ElDropdownMenu","c","_slot3","locale","lang","langList","computed","messages","key","value","label","_slot5","ElDropdownItem","theme","_slot6","toggle","useEventListener","e","query","logout","username","_Fragment","props","item","type","required","ElSubMenu","title"],"mappings":"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"}

package/dist/layouts/default.d.ts

@@ -0,0 +1,8 @@
+import { VNode } from 'vue';
+import { RouteLocationNormalizedLoaded } from 'vue-router';
+export interface RouterViewSlot {
+    Component: VNode;
+    route: RouteLocationNormalizedLoaded;
+}
+declare const SkyLayoutPage: import('vue').DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default SkyLayoutPage;

package/dist/layouts/default.mjs

@@ -0,0 +1,398 @@
+import "element-plus/es/components/dropdown/style/css";
+import "element-plus/es/components/dropdown-item/style/css";
+import "element-plus/es/components/dropdown-menu/style/css";
+import "element-plus/es/components/icon/style/css";
+import "element-plus/es/components/menu/style/css";
+import "element-plus/es/components/menu-item/style/css";
+import "element-plus/es/components/scrollbar/style/css";
+import "element-plus/es/components/sub-menu/style/css";
+import "element-plus/es/components/tab-pane/style/css";
+import "element-plus/es/components/tabs/style/css";
+import "element-plus/es/components/text/style/css";
+import { defineComponent as f, watchEffect as j, inject as M, createVNode as e, Transition as A, KeepAlive as K, h as S, isVNode as O, computed as x, Fragment as L } from "vue";
+import { EpFullScreen as U } from "../icons/EpFullScreen.mjs";
+import { EpRefresh as q } from "../icons/EpRefresh.mjs";
+import { FluentFullScreenMinimize20Regular as V } from "../icons/FluentFullScreenMinimize20Regular.mjs";
+import { NimbusTextSize as $ } from "../icons/NimbusTextSize.mjs";
+import { SkyMenuCollapse as B } from "../icons/SkyMenuCollapse.mjs";
+import { SlTrans as G } from "../icons/SlTrans.mjs";
+import { useUser as H } from "../hooks/useUser.mjs";
+import "../hooks/usePermission.mjs";
+import { useMenu as J } from "../hooks/useMenu.mjs";
+import { useTab as Q } from "../hooks/useTab.mjs";
+import { useRouteKeepAlive as W } from "../hooks/useRouteKeepAlive.mjs";
+import { useSize as b, SizeConfig as y } from "../hooks/useSize.mjs";
+import { useLang as X } from "../hooks/useLang.mjs";
+import { useTheme as Y, ThemeConfig as z } from "../hooks/useTheme.mjs";
+import "../hooks/useList.mjs";
+import "../hooks/useHiddenTitle.mjs";
+import "../hooks/useForm.mjs";
+import "../hooks/useShow.mjs";
+import "../hooks/useReferenceArrayField.mjs";
+import "../hooks/useTreeWithDetails.mjs";
+import "../hooks/useFormGrid.mjs";
+import "../hooks/useReferenceArrayInput.mjs";
+import { useFullscreen as Z, useEventListener as ee } from "@vueuse/core";
+import { ElScrollbar as E, ElMenu as le, ElTabs as te, ElTabPane as ae, ElDropdown as h, ElDropdownMenu as C, ElDropdownItem as _, ElIcon as g, ElText as oe, ElSubMenu as ue, ElMenuItem as ne } from "element-plus";
+import { useI18n as T } from "vue-i18n";
+import { useRouter as N, useRoute as P, RouterView as ie } from "vue-router";
+import { skyConfig as k } from "../setup/index.mjs";
+function d(l) {
+  return typeof l == "function" || Object.prototype.toString.call(l) === "[object Object]" && !O(l);
+}
+const i = /* @__PURE__ */ f({
+  name: "SkyLayoutPage",
+  setup() {
+    const l = N(), t = P(), {
+      collapse: o,
+      menus: a
+    } = J(), {
+      removeTab: n,
+      lastTab: u,
+      tabs: s
+    } = Q(), {
+      includeList: c,
+      addKeepAlive: v,
+      removeKeepAlive: R
+    } = W(), D = (p) => {
+      const m = s.value.find((r) => r.routeName === p);
+      m && l.push({
+        name: m.routeName,
+        params: m.routeParams
+      });
+    }, F = (p) => {
+      const m = s.value.find((r) => r.routeName === p);
+      m && (m?.routeKeepAliveName && R(m.routeKeepAliveName), n(m.routeName), m.routeName === t.name && u.value && l.replace({
+        name: u.value.routeName,
+        params: u.value.routeParams
+      }));
+    };
+    j(() => {
+      t.meta.keepAliveName && v(String(t.meta.keepAliveName));
+    });
+    const w = M(k.getIconFnName);
+    return () => {
+      let p, m;
+      return e("div", {
+        class: "sky-layout"
+      }, [e("header", {
+        class: "sky-layout__header"
+      }, [e(i.Logo, null, null), e("div", {
+        class: "sky-layout__header-opt"
+      }, [e(i.ConfigeSize, null, null), e(i.ConfigLang, null, null), e(i.ConfigTheme, null, null), e(i.Fullscreen, null, null), e(i.Refresh, null, null), e(i.User, null, null)])]), e("section", {
+        class: "sky-layout__container"
+      }, [e("aside", {
+        class: "sky-layout__menu"
+      }, [e(E, null, {
+        default: () => [e(le, {
+          collapse: o.value,
+          "default-active": t.name,
+          "unique-opened": !0,
+          "collapse-transition": !0
+        }, d(p = a.value.map((r) => e(i.SubMenu, {
+          key: r.routeName,
+          item: r
+        }, null))) ? p : {
+          default: () => [p]
+        })]
+      }), e("div", {
+        class: "sky-layout__menu-collapse",
+        onClick: () => o.value = !o.value
+      }, [e(B, null, null)])]), e("section", {
+        class: "sky-layout__main"
+      }, [e("div", {
+        class: "sky-layout__tab"
+      }, [e(te, {
+        type: "card",
+        "model-value": t.name,
+        onTabChange: D,
+        onTabRemove: F
+      }, d(m = s.value.map((r) => e(ae, {
+        key: r.routeName,
+        name: r.routeName,
+        closable: r.closable
+      }, {
+        label: () => e("div", {
+          class: "sky-layout__tab-pane"
+        }, [r.icon && w(r.icon), e("span", null, [r.title])])
+      }))) ? m : {
+        default: () => [m]
+      })]), e("div", {
+        class: "sky-layout__body"
+      }, [e(E, null, {
+        default: () => [e(ie, null, {
+          default: ({
+            Component: r,
+            route: I
+          }) => e(A, {
+            "enter-active-class": "sky-layout-fade-enter-active",
+            "enter-from-class": "sky-layout-fade-enter-from",
+            "enter-to-class": "sky-layout-fade-enter-to",
+            "leave-active-class": "sky-layout-fade-leave-active",
+            "leave-from-class": "sky-layout-fade-leave-from",
+            "leave-to-class": "sky-layout-fade-leave-to",
+            appear: !0,
+            mode: "out-in"
+          }, {
+            default: () => [e(K, {
+              include: c.value
+            }, [S(r, {
+              key: I.fullPath
+            })])]
+          })
+        })]
+      })])])])]);
+    };
+  }
+});
+i.Logo = /* @__PURE__ */ f({
+  name: "DefaultLayoutPageLogo",
+  setup() {
+    return () => k.logoImg && e("div", {
+      class: "sky-layout__logo",
+      style: {
+        backgroundImage: `url(${k.logoImg})`
+      }
+    }, null);
+  }
+});
+i.ConfigeSize = /* @__PURE__ */ f({
+  name: "DefaultLayoutPageConfigeSize",
+  setup() {
+    const {
+      t: l
+    } = T(), {
+      enabled: t,
+      size: o,
+      select: a
+    } = b();
+    return () => t && e("div", {
+      class: "sky-layout__config"
+    }, [e(h, {
+      trigger: "click",
+      onCommand: a
+    }, {
+      default: () => e(g, {
+        size: y.iconMap[o.value]
+      }, {
+        default: () => [e($, null, null)]
+      }),
+      dropdown: () => {
+        let n;
+        return e(C, null, d(n = Object.values(y.options).map((u) => {
+          let s;
+          return e(_, {
+            key: u.value,
+            command: u.value,
+            disabled: o.value === u.value
+          }, d(s = l(u.label)) ? s : {
+            default: () => [s]
+          });
+        })) ? n : {
+          default: () => [n]
+        });
+      }
+    })]);
+  }
+});
+i.ConfigLang = /* @__PURE__ */ f({
+  name: "DefaultLayoutPageConfigLang",
+  setup() {
+    const {
+      messages: l,
+      t,
+      locale: o
+    } = T(), {
+      lang: a
+    } = X(), {
+      size: n
+    } = b(), u = x(() => Object.keys(l.value).map((c) => ({
+      value: c,
+      label: t(`lang.${c}`)
+    }))), s = (c) => {
+      a.value = c, o.value = c;
+    };
+    return () => u.value.length > 1 ? e("div", {
+      class: "sky-layout__config"
+    }, [e(h, {
+      trigger: "click",
+      onCommand: s
+    }, {
+      default: () => e(g, {
+        size: y.iconMap[n.value]
+      }, {
+        default: () => [e(G, null, null)]
+      }),
+      dropdown: () => {
+        let c;
+        return e(C, null, d(c = u.value.map((v) => e(_, {
+          key: v.value,
+          command: v.value,
+          disabled: a.value === v.value
+        }, {
+          default: () => [v.label]
+        }))) ? c : {
+          default: () => [c]
+        });
+      }
+    })]) : null;
+  }
+});
+i.ConfigTheme = /* @__PURE__ */ f({
+  name: "DefaultLayoutPageConfigTheme",
+  setup() {
+    const {
+      select: l,
+      theme: t
+    } = Y(), {
+      size: o
+    } = b();
+    return () => k.themeEnabled && e("div", {
+      class: "sky-layout__config"
+    }, [e(h, {
+      trigger: "click",
+      onCommand: l
+    }, {
+      default: () => e(g, {
+        size: y.iconMap[o.value]
+      }, {
+        default: () => S(z[t.value].icon)
+      }),
+      dropdown: () => {
+        let a;
+        return e(C, null, d(a = Object.values(z).map((n) => e(_, {
+          key: n.value,
+          command: n.value,
+          disabled: t.value === n.value
+        }, {
+          default: () => [e(g, null, {
+            default: () => S(n.icon)
+          })]
+        }))) ? a : {
+          default: () => [a]
+        });
+      }
+    })]);
+  }
+});
+i.Fullscreen = /* @__PURE__ */ f({
+  name: "DefaultLayoutPageFullscreen",
+  setup() {
+    const {
+      isFullscreen: l,
+      toggle: t
+    } = Z();
+    ee("keydown", (a) => {
+      a.key === "F11" && (a.preventDefault(), t());
+    });
+    const {
+      size: o
+    } = b();
+    return () => e("div", {
+      class: "sky-layout__config",
+      onClick: t
+    }, [e(g, {
+      size: y.iconMap[o.value]
+    }, {
+      default: () => [l.value ? e(V, null, null) : e(U, null, null)]
+    })]);
+  }
+});
+i.Refresh = /* @__PURE__ */ f({
+  name: "DefaultLayoutPageRefresh",
+  setup() {
+    const {
+      size: l
+    } = b(), t = N(), o = P(), a = () => {
+      t.replace({
+        name: o.name,
+        query: {
+          t: Date.now()
+        }
+      });
+    };
+    return () => e("div", {
+      class: "sky-layout__config",
+      onClick: a
+    }, [e(g, {
+      size: y.iconMap[l.value]
+    }, {
+      default: () => [e(q, null, null)]
+    })]);
+  }
+});
+i.User = /* @__PURE__ */ f({
+  name: "DefaultLayoutPageUser",
+  setup() {
+    const l = N(), {
+      t
+    } = T(), {
+      username: o,
+      logout: a
+    } = H(), n = (u) => {
+      u === "edit" || u === "logout" && (a(), l.replace({
+        name: k.loginRouteName
+      }));
+    };
+    return () => o.value && e("div", {
+      class: "sky-layout__config"
+    }, [e(h, {
+      trigger: "click",
+      onCommand: n
+    }, {
+      default: () => e(oe, null, {
+        default: () => [o.value]
+      }),
+      dropdown: () => e(C, null, {
+        default: () => {
+          let u, s;
+          return e(L, null, [e(_, {
+            command: "edit"
+          }, d(u = t("user.edit")) ? u : {
+            default: () => [u]
+          }), e(_, {
+            command: "logout"
+          }, d(s = t("user.logout")) ? s : {
+            default: () => [s]
+          })]);
+        }
+      })
+    })]);
+  }
+});
+i.SubMenu = /* @__PURE__ */ f({
+  name: "DefaultLayoutPageSubMenu",
+  props: {
+    item: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(l) {
+    const t = N(), o = () => {
+      t.hasRoute(l.item.routeName) && t.push({
+        name: l.item.routeName,
+        params: l.item.routeParams
+      });
+    }, a = M(k.getIconFnName);
+    return () => e(L, null, [l.item.children?.length ? e(ue, {
+      index: l.item.routeName
+    }, {
+      default: () => l.item.children.map((n) => e(i.SubMenu, {
+        key: n.routeName,
+        item: n
+      }, null)),
+      title: () => e(L, null, [l.item.icon && a(l.item.icon), e("span", null, [l.item.title])])
+    }) : e(ne, {
+      index: l.item.routeName,
+      onClick: o
+    }, {
+      default: () => l.item.icon && a(l.item.icon),
+      title: () => l.item.title
+    })]);
+  }
+});
+export {
+  i as default
+};
+//# sourceMappingURL=default.mjs.map

package/dist/layouts/default.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.mjs","sources":["../../src/layouts/default.tsx"],"sourcesContent":["import { EpFullScreen } from '@/icons/EpFullScreen'\r\nimport { EpRefresh } from '@/icons/EpRefresh'\r\nimport { FluentFullScreenMinimize20Regular } from '@/icons/FluentFullScreenMinimize20Regular'\r\nimport { NimbusTextSize } from '@/icons/NimbusTextSize'\r\nimport { SkyMenuCollapse } from '@/icons/SkyMenuCollapse'\r\nimport { SlTrans } from '@/icons/SlTrans'\r\nimport {\r\n  SizeConfig,\r\n  ThemeConfig,\r\n  useLang,\r\n  useMenu,\r\n  useRouteKeepAlive,\r\n  useSize,\r\n  useTab,\r\n  useTheme,\r\n  useUser,\r\n} from '@/hooks'\r\nimport { useEventListener, useFullscreen } from '@vueuse/core'\r\nimport {\r\n  ElDropdown,\r\n  ElDropdownItem,\r\n  ElDropdownMenu,\r\n  ElIcon,\r\n  ElMenu,\r\n  ElMenuItem,\r\n  ElScrollbar,\r\n  ElSubMenu,\r\n  ElTabPane,\r\n  ElTabs,\r\n  ElText,\r\n  type TabPaneName,\r\n} from 'element-plus'\r\nimport {\r\n  computed,\r\n  defineComponent,\r\n  h,\r\n  inject,\r\n  KeepAlive,\r\n  Transition,\r\n  watchEffect,\r\n  type PropType,\r\n  type VNode,\r\n} from 'vue'\r\nimport { useI18n } from 'vue-i18n'\r\nimport { RouterView, useRoute, useRouter, type RouteLocationNormalizedLoaded } from 'vue-router'\r\nimport { skyConfig, type GetIconFn, type SkyMenu } from '@/setup'\r\n\r\nexport interface RouterViewSlot {\r\n  Component: VNode\r\n  route: RouteLocationNormalizedLoaded\r\n}\r\n\r\nconst SkyLayoutPage = defineComponent({\r\n  name: 'SkyLayoutPage',\r\n  setup() {\r\n    const router = useRouter()\r\n    const route = useRoute()\r\n    const { collapse, menus } = useMenu()\r\n    const { removeTab, lastTab, tabs } = useTab()\r\n    const { includeList, addKeepAlive, removeKeepAlive } = useRouteKeepAlive()\r\n\r\n    const onTabChange = (routeName: TabPaneName) => {\r\n      const tab = tabs.value.find((tab) => tab.routeName === routeName)\r\n      if (tab) {\r\n        router.push({ name: tab.routeName, params: tab.routeParams })\r\n      }\r\n    }\r\n\r\n    const onTabRemove = (routeName: TabPaneName) => {\r\n      const tab = tabs.value.find((tab) => tab.routeName === routeName)\r\n      if (tab) {\r\n        // 如果当前 tab 是存在，那么尝试删除它的 keepAlive 缓存\r\n        if (tab?.routeKeepAliveName) {\r\n          removeKeepAlive(tab.routeKeepAliveName)\r\n        }\r\n        removeTab(tab.routeName)\r\n        // 如果删除是当前页面并且存在lastTab，就跳转到lastTab\r\n        if (tab.routeName === route.name && lastTab.value) {\r\n          router.replace({ name: lastTab.value.routeName, params: lastTab.value.routeParams })\r\n        }\r\n      }\r\n    }\r\n\r\n    watchEffect(() => {\r\n      if (route.meta.keepAliveName) {\r\n        addKeepAlive(String(route.meta.keepAliveName))\r\n      }\r\n    })\r\n\r\n    const getIcon = inject<GetIconFn>(skyConfig.getIconFnName)!\r\n\r\n    return () => (\r\n      <div class=\"sky-layout\">\r\n        <header class=\"sky-layout__header\">\r\n          <SkyLayoutPage.Logo />\r\n\r\n          <div class=\"sky-layout__header-opt\">\r\n            <SkyLayoutPage.ConfigeSize />\r\n            <SkyLayoutPage.ConfigLang />\r\n            <SkyLayoutPage.ConfigTheme />\r\n            <SkyLayoutPage.Fullscreen />\r\n            <SkyLayoutPage.Refresh />\r\n            <SkyLayoutPage.User />\r\n          </div>\r\n        </header>\r\n        <section class=\"sky-layout__container\">\r\n          <aside class=\"sky-layout__menu\">\r\n            <ElScrollbar>\r\n              <ElMenu\r\n                collapse={collapse.value}\r\n                default-active={route.name}\r\n                unique-opened\r\n                collapse-transition\r\n              >\r\n                {menus.value.map((menu) => (\r\n                  <SkyLayoutPage.SubMenu key={menu.routeName} item={menu} />\r\n                ))}\r\n              </ElMenu>\r\n            </ElScrollbar>\r\n            <div\r\n              class=\"sky-layout__menu-collapse\"\r\n              onClick={() => (collapse.value = !collapse.value)}\r\n            >\r\n              <SkyMenuCollapse />\r\n            </div>\r\n          </aside>\r\n          <section class=\"sky-layout__main\">\r\n            <div class=\"sky-layout__tab\">\r\n              <ElTabs\r\n                type=\"card\"\r\n                model-value={route.name}\r\n                onTabChange={onTabChange}\r\n                onTabRemove={onTabRemove}\r\n              >\r\n                {tabs.value.map((tab) => (\r\n                  <ElTabPane key={tab.routeName} name={tab.routeName} closable={tab.closable}>\r\n                    {{\r\n                      label: () => (\r\n                        <div class=\"sky-layout__tab-pane\">\r\n                          {tab.icon && getIcon(tab.icon)}\r\n                          <span>{tab.title}</span>\r\n                        </div>\r\n                      ),\r\n                    }}\r\n                  </ElTabPane>\r\n                ))}\r\n              </ElTabs>\r\n            </div>\r\n\r\n            <div class=\"sky-layout__body\">\r\n              <ElScrollbar>\r\n                <RouterView>\r\n                  {{\r\n                    default: ({ Component, route }: RouterViewSlot) => (\r\n                      <Transition\r\n                        enter-active-class=\"sky-layout-fade-enter-active\"\r\n                        enter-from-class=\"sky-layout-fade-enter-from\"\r\n                        enter-to-class=\"sky-layout-fade-enter-to\"\r\n                        leave-active-class=\"sky-layout-fade-leave-active\"\r\n                        leave-from-class=\"sky-layout-fade-leave-from\"\r\n                        leave-to-class=\"sky-layout-fade-leave-to\"\r\n                        appear\r\n                        mode=\"out-in\"\r\n                      >\r\n                        <KeepAlive include={includeList.value}>\r\n                          {/* UserCreate ---> /user/create 会缓存一次 */}\r\n                          {/* UserEdit ---> /user/edit/1、/user/edit/2 ... 会缓存n次，直到关闭当前 tab，从include移除当前component name会等待GC全部释放所有缓存的组件实例；缓存N次不会出现数据错乱吗？默认情况会，但是加上 { key: route.fullPath } 就可以区分相同组件不同路由地址实例(●'◡'●) */}\r\n                          {h(Component, { key: route.fullPath })}\r\n                        </KeepAlive>\r\n                      </Transition>\r\n                    ),\r\n                  }}\r\n                </RouterView>\r\n              </ElScrollbar>\r\n            </div>\r\n          </section>\r\n        </section>\r\n      </div>\r\n    )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.Logo = defineComponent({\r\n  name: 'DefaultLayoutPageLogo',\r\n  setup() {\r\n    return () =>\r\n      skyConfig.logoImg && (\r\n        <div\r\n          class=\"sky-layout__logo\"\r\n          style={{ backgroundImage: `url(${skyConfig.logoImg})` }}\r\n        ></div>\r\n      )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.ConfigeSize = defineComponent({\r\n  name: 'DefaultLayoutPageConfigeSize',\r\n  setup() {\r\n    const { t } = useI18n()\r\n    const { enabled, size, select } = useSize()\r\n    return () =>\r\n      enabled && (\r\n        <div class=\"sky-layout__config\">\r\n          <ElDropdown trigger=\"click\" onCommand={select}>\r\n            {{\r\n              default: () => (\r\n                <ElIcon size={SizeConfig.iconMap[size.value]}>\r\n                  <NimbusTextSize />\r\n                </ElIcon>\r\n              ),\r\n              dropdown: () => (\r\n                <ElDropdownMenu>\r\n                  {Object.values(SizeConfig.options).map((c) => (\r\n                    <ElDropdownItem\r\n                      key={c.value}\r\n                      command={c.value}\r\n                      disabled={size.value === c.value}\r\n                    >\r\n                      {t(c.label)}\r\n                    </ElDropdownItem>\r\n                  ))}\r\n                </ElDropdownMenu>\r\n              ),\r\n            }}\r\n          </ElDropdown>\r\n        </div>\r\n      )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.ConfigLang = defineComponent({\r\n  name: 'DefaultLayoutPageConfigLang',\r\n  setup() {\r\n    const { messages, t, locale } = useI18n()\r\n    const { lang } = useLang()\r\n    const { size } = useSize()\r\n    const langList = computed(() =>\r\n      Object.keys(messages.value).map((key) => ({\r\n        value: key,\r\n        label: t(`lang.${key}`),\r\n      })),\r\n    )\r\n    const onCommand = (v: string) => {\r\n      lang.value = v\r\n      locale.value = v\r\n    }\r\n    return () =>\r\n      langList.value.length > 1 ? (\r\n        <div class=\"sky-layout__config\">\r\n          <ElDropdown trigger=\"click\" onCommand={onCommand}>\r\n            {{\r\n              default: () => (\r\n                <ElIcon size={SizeConfig.iconMap[size.value]}>\r\n                  <SlTrans />\r\n                </ElIcon>\r\n              ),\r\n              dropdown: () => (\r\n                <ElDropdownMenu>\r\n                  {langList.value.map((c) => (\r\n                    <ElDropdownItem\r\n                      key={c.value}\r\n                      command={c.value}\r\n                      disabled={lang.value === c.value}\r\n                    >\r\n                      {c.label}\r\n                    </ElDropdownItem>\r\n                  ))}\r\n                </ElDropdownMenu>\r\n              ),\r\n            }}\r\n          </ElDropdown>\r\n        </div>\r\n      ) : null\r\n  },\r\n})\r\n\r\nSkyLayoutPage.ConfigTheme = defineComponent({\r\n  name: 'DefaultLayoutPageConfigTheme',\r\n  setup() {\r\n    const { select, theme } = useTheme()\r\n    const { size } = useSize()\r\n    return () =>\r\n      skyConfig.themeEnabled && (\r\n        <div class=\"sky-layout__config\">\r\n          <ElDropdown trigger=\"click\" onCommand={select}>\r\n            {{\r\n              default: () => (\r\n                <ElIcon size={SizeConfig.iconMap[size.value]}>\r\n                  {() => h(ThemeConfig[theme.value].icon)}\r\n                </ElIcon>\r\n              ),\r\n              dropdown: () => (\r\n                <ElDropdownMenu>\r\n                  {Object.values(ThemeConfig).map((c) => (\r\n                    <ElDropdownItem\r\n                      key={c.value}\r\n                      command={c.value}\r\n                      disabled={theme.value === c.value}\r\n                    >\r\n                      <ElIcon>{() => h(c.icon)}</ElIcon>\r\n                    </ElDropdownItem>\r\n                  ))}\r\n                </ElDropdownMenu>\r\n              ),\r\n            }}\r\n          </ElDropdown>\r\n        </div>\r\n      )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.Fullscreen = defineComponent({\r\n  name: 'DefaultLayoutPageFullscreen',\r\n  setup() {\r\n    // 页面全屏\r\n    const { isFullscreen, toggle } = useFullscreen()\r\n    // F11默认全屏效果不能满足这里的需求，禁止默认全屏行为，采用我们项目的全屏逻辑\r\n    useEventListener('keydown', (e) => {\r\n      if (e.key === 'F11') {\r\n        // 禁用f11\r\n        e.preventDefault()\r\n        toggle()\r\n      }\r\n    })\r\n    const { size } = useSize()\r\n    return () => (\r\n      <div class=\"sky-layout__config\" onClick={toggle}>\r\n        <ElIcon size={SizeConfig.iconMap[size.value]}>\r\n          {isFullscreen.value ? <FluentFullScreenMinimize20Regular /> : <EpFullScreen />}\r\n        </ElIcon>\r\n      </div>\r\n    )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.Refresh = defineComponent({\r\n  name: 'DefaultLayoutPageRefresh',\r\n  setup() {\r\n    const { size } = useSize()\r\n    const router = useRouter()\r\n    const route = useRoute()\r\n    const onRefresh = () => {\r\n      router.replace({ name: route.name, query: { t: Date.now() } })\r\n    }\r\n    return () => (\r\n      <div class=\"sky-layout__config\" onClick={onRefresh}>\r\n        <ElIcon size={SizeConfig.iconMap[size.value]}>\r\n          <EpRefresh />\r\n        </ElIcon>\r\n      </div>\r\n    )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.User = defineComponent({\r\n  name: 'DefaultLayoutPageUser',\r\n  setup() {\r\n    const router = useRouter()\r\n    const { t } = useI18n()\r\n    const { username, logout } = useUser()\r\n    const onCommand = (command: string) => {\r\n      if (command === 'edit') {\r\n      } else if (command === 'logout') {\r\n        logout()\r\n        router.replace({ name: skyConfig.loginRouteName })\r\n      }\r\n    }\r\n    return () =>\r\n      username.value && (\r\n        <div class=\"sky-layout__config\">\r\n          <ElDropdown trigger=\"click\" onCommand={onCommand}>\r\n            {{\r\n              default: () => <ElText>{username.value}</ElText>,\r\n              dropdown: () => (\r\n                <ElDropdownMenu>\r\n                  {() => (\r\n                    <>\r\n                      <ElDropdownItem command=\"edit\">{t('user.edit')}</ElDropdownItem>\r\n                      <ElDropdownItem command=\"logout\">{t('user.logout')}</ElDropdownItem>\r\n                    </>\r\n                  )}\r\n                </ElDropdownMenu>\r\n              ),\r\n            }}\r\n          </ElDropdown>\r\n        </div>\r\n      )\r\n  },\r\n})\r\n\r\nSkyLayoutPage.SubMenu = defineComponent({\r\n  name: 'DefaultLayoutPageSubMenu',\r\n  props: {\r\n    item: {\r\n      type: Object as PropType<SkyMenu>,\r\n      required: true,\r\n    },\r\n  },\r\n  setup(props) {\r\n    const router = useRouter()\r\n\r\n    const onClick = () => {\r\n      if (router.hasRoute(props.item.routeName)) {\r\n        router.push({ name: props.item.routeName, params: props.item.routeParams })\r\n      }\r\n    }\r\n\r\n    const getIcon = inject<GetIconFn>(skyConfig.getIconFnName)!\r\n\r\n    return () => (\r\n      <>\r\n        {props.item.children?.length ? (\r\n          <ElSubMenu index={props.item.routeName}>\r\n            {{\r\n              default: () =>\r\n                props.item.children!.map((menu) => (\r\n                  <SkyLayoutPage.SubMenu key={menu.routeName} item={menu} />\r\n                )),\r\n              title: () => (\r\n                <>\r\n                  {props.item.icon && getIcon(props.item.icon)}\r\n                  <span>{props.item.title}</span>\r\n                </>\r\n              ),\r\n            }}\r\n          </ElSubMenu>\r\n        ) : (\r\n          <ElMenuItem index={props.item.routeName} onClick={onClick}>\r\n            {{\r\n              default: () => props.item.icon && getIcon(props.item.icon),\r\n              title: () => props.item.title,\r\n            }}\r\n          </ElMenuItem>\r\n        )}\r\n      </>\r\n    )\r\n  },\r\n})\r\n\r\nexport default SkyLayoutPage\r\n"],"names":["_isSlot","s","_isVNode","SkyLayoutPage","defineComponent","name","setup","router","useRouter","route","useRoute","menus","tabs","removeKeepAlive","tab","routeName","removeTab","params","watchEffect","getIcon","inject","skyConfig","_createVNode","default","_slot","menu","SkyMenuCollapse","onTabChange","_slot2","ElTabPane","includeList","backgroundImage","t","select","SizeConfig","size","dropdown","_slot4","ElDropdownMenu","c","_slot3","locale","lang","langList","computed","messages","key","value","label","_slot5","ElDropdownItem","theme","_slot6","toggle","useEventListener","e","query","logout","username","_Fragment","props","item","type","required","ElSubMenu","title"],"mappings":"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"}