skyline-vue-admin 0.0.14 → 0.0.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/avatar-input/index.cjs.map +1 -1
- package/dist/components/avatar-input/index.mjs.map +1 -1
- package/dist/components/create/index.cjs.map +1 -1
- package/dist/components/create/index.mjs.map +1 -1
- package/dist/components/edit-button/index.cjs.map +1 -1
- package/dist/components/edit-button/index.mjs.map +1 -1
- package/dist/components/file-multiple-input/index.cjs.map +1 -1
- package/dist/components/file-multiple-input/index.mjs.map +1 -1
- package/dist/components/image-field/index.cjs.map +1 -1
- package/dist/components/image-field/index.mjs.map +1 -1
- package/dist/components/link-field/index.cjs.map +1 -1
- package/dist/components/link-field/index.mjs.map +1 -1
- package/dist/components/radio-button-group-input/index.cjs.map +1 -1
- package/dist/components/radio-button-group-input/index.mjs.map +1 -1
- package/dist/components/reference-array-field/index.cjs.map +1 -1
- package/dist/components/reference-array-field/index.mjs.map +1 -1
- package/dist/components/reference-array-input/index.cjs.map +1 -1
- package/dist/components/reference-array-input/index.mjs.map +1 -1
- package/dist/components/reference-field/index.cjs.map +1 -1
- package/dist/components/reference-field/index.mjs.map +1 -1
- package/dist/components/reference-image-field/index.cjs.map +1 -1
- package/dist/components/reference-image-field/index.mjs.map +1 -1
- package/dist/components/show/index.cjs.map +1 -1
- package/dist/components/show/index.mjs.map +1 -1
- package/dist/components/show-button/index.cjs.map +1 -1
- package/dist/components/show-button/index.mjs.map +1 -1
- package/dist/components/show-simple-layout/index.cjs.map +1 -1
- package/dist/components/show-simple-layout/index.mjs.map +1 -1
- package/dist/components/simple-form/index.cjs.map +1 -1
- package/dist/components/simple-form/index.mjs.map +1 -1
- package/dist/components/single-field-list/index.cjs.map +1 -1
- package/dist/components/single-field-list/index.mjs.map +1 -1
- package/dist/components/text-input/index.cjs.map +1 -1
- package/dist/components/text-input/index.mjs.map +1 -1
- package/dist/hooks/useFormGrid.cjs.map +1 -1
- package/dist/hooks/useFormGrid.mjs.map +1 -1
- package/dist/hooks/useMenu.cjs.map +1 -1
- package/dist/hooks/useMenu.mjs.map +1 -1
- package/dist/hooks/usePermission.cjs.map +1 -1
- package/dist/hooks/usePermission.mjs.map +1 -1
- package/dist/hooks/useReferenceArrayField.cjs.map +1 -1
- package/dist/hooks/useReferenceArrayField.mjs.map +1 -1
- package/dist/hooks/useReferenceArrayInput.cjs.map +1 -1
- package/dist/hooks/useReferenceArrayInput.mjs.map +1 -1
- package/dist/hooks/useRouteKeepAlive.cjs.map +1 -1
- package/dist/hooks/useRouteKeepAlive.mjs.map +1 -1
- package/dist/hooks/useShow.cjs.map +1 -1
- package/dist/hooks/useShow.mjs.map +1 -1
- package/dist/hooks/useSize.cjs.map +1 -1
- package/dist/hooks/useSize.mjs.map +1 -1
- package/dist/hooks/useTab.cjs.map +1 -1
- package/dist/hooks/useTab.mjs.map +1 -1
- package/dist/hooks/useTreeWithDetails.cjs.map +1 -1
- package/dist/hooks/useTreeWithDetails.mjs.map +1 -1
- package/dist/hooks/useUser.cjs.map +1 -1
- package/dist/hooks/useUser.mjs.map +1 -1
- package/dist/i18n/locales/en.cjs.map +1 -1
- package/dist/i18n/locales/en.mjs.map +1 -1
- package/dist/i18n/locales/zh-cn.cjs.map +1 -1
- package/dist/i18n/locales/zh-cn.mjs.map +1 -1
- package/dist/icons/EpDelete.cjs.map +1 -1
- package/dist/icons/EpDelete.mjs.map +1 -1
- package/dist/icons/EpDocumentAdd.cjs.map +1 -1
- package/dist/icons/EpDocumentAdd.mjs.map +1 -1
- package/dist/icons/EpDownload.cjs.map +1 -1
- package/dist/icons/EpDownload.mjs.map +1 -1
- package/dist/icons/EpFullScreen.cjs.map +1 -1
- package/dist/icons/EpFullScreen.mjs.map +1 -1
- package/dist/icons/EpMoon.cjs.map +1 -1
- package/dist/icons/EpMoon.mjs.map +1 -1
- package/dist/icons/EpPlus.cjs.map +1 -1
- package/dist/icons/EpPlus.mjs.map +1 -1
- package/dist/icons/EpRefresh.cjs.map +1 -1
- package/dist/icons/EpRefresh.mjs.map +1 -1
- package/dist/icons/EpSunny.cjs.map +1 -1
- package/dist/icons/EpSunny.mjs.map +1 -1
- package/dist/icons/EpSwitchFilled.cjs.map +1 -1
- package/dist/icons/EpSwitchFilled.mjs.map +1 -1
- package/dist/icons/EpUploadFilled.cjs.map +1 -1
- package/dist/icons/EpUploadFilled.mjs.map +1 -1
- package/dist/icons/FluentFullScreenMinimize20Regular.cjs.map +1 -1
- package/dist/icons/FluentFullScreenMinimize20Regular.mjs.map +1 -1
- package/dist/icons/NimbusTextSize.cjs.map +1 -1
- package/dist/icons/NimbusTextSize.mjs.map +1 -1
- package/dist/icons/SkyMenuCollapse.cjs.map +1 -1
- package/dist/icons/SkyMenuCollapse.mjs.map +1 -1
- package/dist/icons/SlTrans.cjs.map +1 -1
- package/dist/icons/SlTrans.mjs.map +1 -1
- package/dist/layouts/default.cjs +1 -1
- package/dist/layouts/default.cjs.map +1 -1
- package/dist/layouts/default.mjs +35 -33
- package/dist/layouts/default.mjs.map +1 -1
- package/dist/pages/login.cjs.map +1 -1
- package/dist/pages/login.mjs.map +1 -1
- package/dist/pages/not-found.cjs.map +1 -1
- package/dist/pages/not-found.mjs.map +1 -1
- package/dist/pages/welcome.cjs.map +1 -1
- package/dist/pages/welcome.mjs.map +1 -1
- package/dist/router/index.cjs.map +1 -1
- package/dist/router/index.mjs.map +1 -1
- package/dist/setup/index.cjs.map +1 -1
- package/dist/setup/index.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.cjs","sources":["../../src/layouts/default.tsx"],"sourcesContent":["import { EpFullScreen } from '@/icons/EpFullScreen'\nimport { EpRefresh } from '@/icons/EpRefresh'\nimport { FluentFullScreenMinimize20Regular } from '@/icons/FluentFullScreenMinimize20Regular'\nimport { NimbusTextSize } from '@/icons/NimbusTextSize'\nimport { SkyMenuCollapse } from '@/icons/SkyMenuCollapse'\nimport { SlTrans } from '@/icons/SlTrans'\nimport {\n SizeConfig,\n ThemeConfig,\n useLang,\n useMenu,\n useRouteKeepAlive,\n useSize,\n useTab,\n useTheme,\n useUser,\n} from '@/hooks'\nimport { useEventListener, useFullscreen } from '@vueuse/core'\nimport {\n ElDropdown,\n ElDropdownItem,\n ElDropdownMenu,\n ElIcon,\n ElMenu,\n ElMenuItem,\n ElScrollbar,\n ElSubMenu,\n ElTabPane,\n ElTabs,\n ElText,\n type TabPaneName,\n} from 'element-plus'\nimport {\n computed,\n defineComponent,\n h,\n inject,\n KeepAlive,\n Transition,\n watch,\n type PropType,\n type VNode,\n} from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { RouterView, useRoute, useRouter, type RouteLocationNormalizedLoaded } from 'vue-router'\nimport { skyConfig, type GetIconFn, type SkyMenu } from '@/setup'\n\nexport interface RouterViewSlot {\n Component: VNode\n route: RouteLocationNormalizedLoaded\n}\n\nconst SkyLayoutPage = defineComponent({\n name: 'SkyLayoutPage',\n setup() {\n const router = useRouter()\n const route = useRoute()\n const { collapse, menus } = useMenu()\n const { removeTab, lastTab, tabs } = useTab()\n const { includeList, addKeepAlive, removeKeepAlive } = useRouteKeepAlive()\n\n const onTabChange = (routeName: TabPaneName) => {\n const tab = tabs.value.find((tab) => tab.routeName === routeName)\n if (tab) {\n router.push({ name: tab.routeName, params: tab.routeParams })\n }\n }\n\n const onTabRemove = (routeName: TabPaneName) => {\n const tab = tabs.value.find((tab) => tab.routeName === routeName)\n if (tab) {\n // 如果当前 tab 是存在,那么尝试删除它的 keepAlive 缓存\n if (tab?.routeKeepAliveName) {\n removeKeepAlive(tab.routeKeepAliveName)\n }\n removeTab(tab.routeName)\n // 如果删除是当前页面并且存在lastTab,就跳转到lastTab\n if (tab.routeName === route.name && lastTab.value) {\n router.replace({ name: lastTab.value.routeName, params: lastTab.value.routeParams })\n }\n }\n }\n\n watch(\n () => route.meta,\n (routeMeta) => addKeepAlive(String(routeMeta.keepAliveName)),\n {\n immediate: true,\n },\n )\n\n const getIcon = inject<GetIconFn>(skyConfig.getIconFnName)!\n\n return () => (\n <div class=\"sky-layout\">\n <header class=\"sky-layout__header\">\n <SkyLayoutPage.Logo />\n\n <div class=\"sky-layout__header-opt\">\n <SkyLayoutPage.ConfigeSize />\n <SkyLayoutPage.ConfigLang />\n <SkyLayoutPage.ConfigTheme />\n <SkyLayoutPage.Fullscreen />\n <SkyLayoutPage.Refresh />\n <SkyLayoutPage.User />\n </div>\n </header>\n <section class=\"sky-layout__container\">\n <aside class=\"sky-layout__menu\">\n <ElScrollbar>\n <ElMenu\n collapse={collapse.value}\n default-active={route.name}\n unique-opened\n collapse-transition\n >\n {menus.value.map((menu) => (\n <SkyLayoutPage.SubMenu key={menu.routeName} item={menu} />\n ))}\n </ElMenu>\n </ElScrollbar>\n <div\n class=\"sky-layout__menu-collapse\"\n onClick={() => (collapse.value = !collapse.value)}\n >\n <SkyMenuCollapse />\n </div>\n </aside>\n <section class=\"sky-layout__main\">\n <div class=\"sky-layout__tab\">\n <ElTabs\n type=\"card\"\n model-value={route.name}\n onTabChange={onTabChange}\n onTabRemove={onTabRemove}\n >\n {tabs.value.map((tab) => (\n <ElTabPane key={tab.routeName} name={tab.routeName} closable={tab.closable}>\n {{\n label: () => (\n <div class=\"sky-layout__tab-pane\">\n {tab.icon && getIcon(tab.icon)}\n <span>{tab.title}</span>\n </div>\n ),\n }}\n </ElTabPane>\n ))}\n </ElTabs>\n </div>\n\n <div class=\"sky-layout__body\">\n <ElScrollbar>\n <RouterView>\n {{\n default: ({ Component, route }: RouterViewSlot) => (\n <Transition\n enter-active-class=\"sky-layout-fade-enter-active\"\n enter-from-class=\"sky-layout-fade-enter-from\"\n enter-to-class=\"sky-layout-fade-enter-to\"\n leave-active-class=\"sky-layout-fade-leave-active\"\n leave-from-class=\"sky-layout-fade-leave-from\"\n leave-to-class=\"sky-layout-fade-leave-to\"\n appear\n mode=\"out-in\"\n >\n <KeepAlive include={includeList.value}>\n {/* UserCreate ---> /user/create 会缓存一次 */}\n {/* UserEdit ---> /user/edit/1、/user/edit/2 ... 会缓存n次,直到关闭当前 tab,从include移除当前component name会等待GC全部释放所有缓存的组件实例;缓存N次不会出现数据错乱吗?默认情况会,但是加上 { key: route.fullPath } 就可以区分相同组件不同路由地址实例(●'◡'●) */}\n {h(Component, { key: route.fullPath })}\n </KeepAlive>\n </Transition>\n ),\n }}\n </RouterView>\n </ElScrollbar>\n </div>\n </section>\n </section>\n </div>\n )\n },\n})\n\nSkyLayoutPage.Logo = defineComponent({\n name: 'DefaultLayoutPageLogo',\n setup() {\n return () =>\n skyConfig.logoImg && (\n <div\n class=\"sky-layout__logo\"\n style={{ backgroundImage: `url(${skyConfig.logoImg})` }}\n ></div>\n )\n },\n})\n\nSkyLayoutPage.ConfigeSize = defineComponent({\n name: 'DefaultLayoutPageConfigeSize',\n setup() {\n const { t } = useI18n()\n const { enabled, size, select } = useSize()\n return () =>\n enabled && (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={select}>\n {{\n default: () => (\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n <NimbusTextSize />\n </ElIcon>\n ),\n dropdown: () => (\n <ElDropdownMenu>\n {Object.values(SizeConfig.options).map((c) => (\n <ElDropdownItem\n key={c.value}\n command={c.value}\n disabled={size.value === c.value}\n >\n {t(c.label)}\n </ElDropdownItem>\n ))}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n )\n },\n})\n\nSkyLayoutPage.ConfigLang = defineComponent({\n name: 'DefaultLayoutPageConfigLang',\n setup() {\n const { messages, t, locale } = useI18n()\n const { lang } = useLang()\n const { size } = useSize()\n const langList = computed(() =>\n Object.keys(messages.value).map((key) => ({\n value: key,\n label: t(`lang.${key}`),\n })),\n )\n const onCommand = (v: string) => {\n lang.value = v\n locale.value = v\n }\n return () =>\n langList.value.length > 1 ? (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={onCommand}>\n {{\n default: () => (\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n <SlTrans />\n </ElIcon>\n ),\n dropdown: () => (\n <ElDropdownMenu>\n {langList.value.map((c) => (\n <ElDropdownItem\n key={c.value}\n command={c.value}\n disabled={lang.value === c.value}\n >\n {c.label}\n </ElDropdownItem>\n ))}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n ) : null\n },\n})\n\nSkyLayoutPage.ConfigTheme = defineComponent({\n name: 'DefaultLayoutPageConfigTheme',\n setup() {\n const { select, theme } = useTheme()\n const { size } = useSize()\n return () =>\n skyConfig.themeEnabled && (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={select}>\n {{\n default: () => (\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n {() => h(ThemeConfig[theme.value].icon)}\n </ElIcon>\n ),\n dropdown: () => (\n <ElDropdownMenu>\n {Object.values(ThemeConfig).map((c) => (\n <ElDropdownItem\n key={c.value}\n command={c.value}\n disabled={theme.value === c.value}\n >\n <ElIcon>{() => h(c.icon)}</ElIcon>\n </ElDropdownItem>\n ))}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n )\n },\n})\n\nSkyLayoutPage.Fullscreen = defineComponent({\n name: 'DefaultLayoutPageFullscreen',\n setup() {\n // 页面全屏\n const { isFullscreen, toggle } = useFullscreen()\n // F11默认全屏效果不能满足这里的需求,禁止默认全屏行为,采用我们项目的全屏逻辑\n useEventListener('keydown', (e) => {\n if (e.key === 'F11') {\n // 禁用f11\n e.preventDefault()\n toggle()\n }\n })\n const { size } = useSize()\n return () => (\n <div class=\"sky-layout__config\" onClick={toggle}>\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n {isFullscreen.value ? <FluentFullScreenMinimize20Regular /> : <EpFullScreen />}\n </ElIcon>\n </div>\n )\n },\n})\n\nSkyLayoutPage.Refresh = defineComponent({\n name: 'DefaultLayoutPageRefresh',\n setup() {\n const { size } = useSize()\n const router = useRouter()\n const route = useRoute()\n const onRefresh = () => {\n router.replace({ name: route.name, query: { t: Date.now() } })\n }\n return () => (\n <div class=\"sky-layout__config\" onClick={onRefresh}>\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n <EpRefresh />\n </ElIcon>\n </div>\n )\n },\n})\n\nSkyLayoutPage.User = defineComponent({\n name: 'DefaultLayoutPageUser',\n setup() {\n const router = useRouter()\n const { t } = useI18n()\n const { username, logout } = useUser()\n const onCommand = (command: string) => {\n if (command === 'edit') {\n } else if (command === 'logout') {\n logout()\n router.replace({ name: skyConfig.loginRouteName })\n }\n }\n return () =>\n username.value && (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={onCommand}>\n {{\n default: () => <ElText>{username.value}</ElText>,\n dropdown: () => (\n <ElDropdownMenu>\n {() => (\n <>\n <ElDropdownItem command=\"edit\">{t('user.edit')}</ElDropdownItem>\n <ElDropdownItem command=\"logout\">{t('user.logout')}</ElDropdownItem>\n </>\n )}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n )\n },\n})\n\nSkyLayoutPage.SubMenu = defineComponent({\n name: 'DefaultLayoutPageSubMenu',\n props: {\n item: {\n type: Object as PropType<SkyMenu>,\n required: true,\n },\n },\n setup(props) {\n const router = useRouter()\n\n const onClick = () => {\n if (router.hasRoute(props.item.routeName)) {\n router.push({ name: props.item.routeName, params: props.item.routeParams })\n }\n }\n\n const getIcon = inject<GetIconFn>(skyConfig.getIconFnName)!\n\n return () => (\n <>\n {props.item.children?.length ? (\n <ElSubMenu index={props.item.routeName}>\n {{\n default: () =>\n props.item.children!.map((menu) => (\n <SkyLayoutPage.SubMenu key={menu.routeName} item={menu} />\n )),\n title: () => (\n <>\n {props.item.icon && getIcon(props.item.icon)}\n <span>{props.item.title}</span>\n </>\n ),\n }}\n </ElSubMenu>\n ) : (\n <ElMenuItem index={props.item.routeName} onClick={onClick}>\n {{\n default: () => props.item.icon && getIcon(props.item.icon),\n title: () => props.item.title,\n }}\n </ElMenuItem>\n )}\n </>\n )\n },\n})\n\nexport default SkyLayoutPage\n"],"names":["_isSlot","s","_isVNode","SkyLayoutPage","defineComponent","name","setup","router","useRouter","route","useRoute","menus","tabs","removeKeepAlive","tab","routeName","removeTab","params","watch","immediate","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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"}
|
|
1
|
+
{"version":3,"file":"default.cjs","sources":["../../src/layouts/default.tsx"],"sourcesContent":["import { EpFullScreen } from '@/icons/EpFullScreen'\nimport { EpRefresh } from '@/icons/EpRefresh'\nimport { FluentFullScreenMinimize20Regular } from '@/icons/FluentFullScreenMinimize20Regular'\nimport { NimbusTextSize } from '@/icons/NimbusTextSize'\nimport { SkyMenuCollapse } from '@/icons/SkyMenuCollapse'\nimport { SlTrans } from '@/icons/SlTrans'\nimport {\n SizeConfig,\n ThemeConfig,\n useLang,\n useMenu,\n useRouteKeepAlive,\n useSize,\n useTab,\n useTheme,\n useUser,\n} from '@/hooks'\nimport { useEventListener, useFullscreen } from '@vueuse/core'\nimport {\n ElDropdown,\n ElDropdownItem,\n ElDropdownMenu,\n ElIcon,\n ElMenu,\n ElMenuItem,\n ElScrollbar,\n ElSubMenu,\n ElTabPane,\n ElTabs,\n ElText,\n type TabPaneName,\n} from 'element-plus'\nimport {\n computed,\n defineComponent,\n h,\n inject,\n KeepAlive,\n Transition,\n watch,\n type PropType,\n type VNode,\n} from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { RouterView, useRoute, useRouter, type RouteLocationNormalizedLoaded } from 'vue-router'\nimport { skyConfig, type GetIconFn, type SkyMenu } from '@/setup'\n\nexport interface RouterViewSlot {\n Component: VNode\n route: RouteLocationNormalizedLoaded\n}\n\nconst SkyLayoutPage = defineComponent({\n name: 'SkyLayoutPage',\n setup() {\n const router = useRouter()\n const route = useRoute()\n const { collapse, menus } = useMenu()\n const { removeTab, lastTab, tabs } = useTab()\n const { includeList, addKeepAlive, removeKeepAlive } = useRouteKeepAlive()\n\n const onTabChange = (routeName: TabPaneName) => {\n const tab = tabs.value.find((tab) => tab.routeName === routeName)\n if (tab) {\n router.push({ name: tab.routeName, params: tab.routeParams })\n }\n }\n\n const onTabRemove = (routeName: TabPaneName) => {\n const tab = tabs.value.find((tab) => tab.routeName === routeName)\n if (tab) {\n // 如果当前 tab 是存在,那么尝试删除它的 keepAlive 缓存\n if (tab?.routeKeepAliveName) {\n removeKeepAlive(tab.routeKeepAliveName)\n }\n removeTab(tab.routeName)\n // 如果删除是当前页面并且存在lastTab,就跳转到lastTab\n if (tab.routeName === route.name && lastTab.value) {\n router.replace({ name: lastTab.value.routeName, params: lastTab.value.routeParams })\n }\n }\n }\n\n watch(\n () => route.meta,\n (routeMeta) => {\n if (routeMeta.keepAliveName) {\n addKeepAlive(routeMeta.keepAliveName as string)\n }\n },\n {\n immediate: true,\n },\n )\n\n const getIcon = inject<GetIconFn>(skyConfig.getIconFnName)!\n\n return () => (\n <div class=\"sky-layout\">\n <header class=\"sky-layout__header\">\n <SkyLayoutPage.Logo />\n\n <div class=\"sky-layout__header-opt\">\n <SkyLayoutPage.ConfigeSize />\n <SkyLayoutPage.ConfigLang />\n <SkyLayoutPage.ConfigTheme />\n <SkyLayoutPage.Fullscreen />\n <SkyLayoutPage.Refresh />\n <SkyLayoutPage.User />\n </div>\n </header>\n <section class=\"sky-layout__container\">\n <aside class=\"sky-layout__menu\">\n <ElScrollbar>\n <ElMenu\n collapse={collapse.value}\n default-active={route.name}\n unique-opened\n collapse-transition\n >\n {menus.value.map((menu) => (\n <SkyLayoutPage.SubMenu key={menu.routeName} item={menu} />\n ))}\n </ElMenu>\n </ElScrollbar>\n <div\n class=\"sky-layout__menu-collapse\"\n onClick={() => (collapse.value = !collapse.value)}\n >\n <SkyMenuCollapse />\n </div>\n </aside>\n <section class=\"sky-layout__main\">\n <div class=\"sky-layout__tab\">\n <ElTabs\n type=\"card\"\n model-value={route.name}\n onTabChange={onTabChange}\n onTabRemove={onTabRemove}\n >\n {tabs.value.map((tab) => (\n <ElTabPane key={tab.routeName} name={tab.routeName} closable={tab.closable}>\n {{\n label: () => (\n <div class=\"sky-layout__tab-pane\">\n {tab.icon && getIcon(tab.icon)}\n <span>{tab.title}</span>\n </div>\n ),\n }}\n </ElTabPane>\n ))}\n </ElTabs>\n </div>\n\n <div class=\"sky-layout__body\">\n <ElScrollbar>\n <RouterView>\n {{\n default: ({ Component, route }: RouterViewSlot) => (\n <Transition\n enter-active-class=\"sky-layout-fade-enter-active\"\n enter-from-class=\"sky-layout-fade-enter-from\"\n enter-to-class=\"sky-layout-fade-enter-to\"\n leave-active-class=\"sky-layout-fade-leave-active\"\n leave-from-class=\"sky-layout-fade-leave-from\"\n leave-to-class=\"sky-layout-fade-leave-to\"\n appear\n mode=\"out-in\"\n >\n <KeepAlive include={includeList.value}>\n {/* UserCreate ---> /user/create 会缓存一次 */}\n {/* UserEdit ---> /user/edit/1、/user/edit/2 ... 会缓存n次,直到关闭当前 tab,从include移除当前component name会等待GC全部释放所有缓存的组件实例;缓存N次不会出现数据错乱吗?默认情况会,但是加上 { key: route.fullPath } 就可以区分相同组件不同路由地址实例(●'◡'●) */}\n {h(Component, { key: route.fullPath })}\n </KeepAlive>\n </Transition>\n ),\n }}\n </RouterView>\n </ElScrollbar>\n </div>\n </section>\n </section>\n </div>\n )\n },\n})\n\nSkyLayoutPage.Logo = defineComponent({\n name: 'DefaultLayoutPageLogo',\n setup() {\n return () =>\n skyConfig.logoImg && (\n <div\n class=\"sky-layout__logo\"\n style={{ backgroundImage: `url(${skyConfig.logoImg})` }}\n ></div>\n )\n },\n})\n\nSkyLayoutPage.ConfigeSize = defineComponent({\n name: 'DefaultLayoutPageConfigeSize',\n setup() {\n const { t } = useI18n()\n const { enabled, size, select } = useSize()\n return () =>\n enabled && (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={select}>\n {{\n default: () => (\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n <NimbusTextSize />\n </ElIcon>\n ),\n dropdown: () => (\n <ElDropdownMenu>\n {Object.values(SizeConfig.options).map((c) => (\n <ElDropdownItem\n key={c.value}\n command={c.value}\n disabled={size.value === c.value}\n >\n {t(c.label)}\n </ElDropdownItem>\n ))}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n )\n },\n})\n\nSkyLayoutPage.ConfigLang = defineComponent({\n name: 'DefaultLayoutPageConfigLang',\n setup() {\n const { messages, t, locale } = useI18n()\n const { lang } = useLang()\n const { size } = useSize()\n const langList = computed(() =>\n Object.keys(messages.value).map((key) => ({\n value: key,\n label: t(`lang.${key}`),\n })),\n )\n const onCommand = (v: string) => {\n lang.value = v\n locale.value = v\n }\n return () =>\n langList.value.length > 1 ? (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={onCommand}>\n {{\n default: () => (\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n <SlTrans />\n </ElIcon>\n ),\n dropdown: () => (\n <ElDropdownMenu>\n {langList.value.map((c) => (\n <ElDropdownItem\n key={c.value}\n command={c.value}\n disabled={lang.value === c.value}\n >\n {c.label}\n </ElDropdownItem>\n ))}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n ) : null\n },\n})\n\nSkyLayoutPage.ConfigTheme = defineComponent({\n name: 'DefaultLayoutPageConfigTheme',\n setup() {\n const { select, theme } = useTheme()\n const { size } = useSize()\n return () =>\n skyConfig.themeEnabled && (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={select}>\n {{\n default: () => (\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n {() => h(ThemeConfig[theme.value].icon)}\n </ElIcon>\n ),\n dropdown: () => (\n <ElDropdownMenu>\n {Object.values(ThemeConfig).map((c) => (\n <ElDropdownItem\n key={c.value}\n command={c.value}\n disabled={theme.value === c.value}\n >\n <ElIcon>{() => h(c.icon)}</ElIcon>\n </ElDropdownItem>\n ))}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n )\n },\n})\n\nSkyLayoutPage.Fullscreen = defineComponent({\n name: 'DefaultLayoutPageFullscreen',\n setup() {\n // 页面全屏\n const { isFullscreen, toggle } = useFullscreen()\n // F11默认全屏效果不能满足这里的需求,禁止默认全屏行为,采用我们项目的全屏逻辑\n useEventListener('keydown', (e) => {\n if (e.key === 'F11') {\n // 禁用f11\n e.preventDefault()\n toggle()\n }\n })\n const { size } = useSize()\n return () => (\n <div class=\"sky-layout__config\" onClick={toggle}>\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n {isFullscreen.value ? <FluentFullScreenMinimize20Regular /> : <EpFullScreen />}\n </ElIcon>\n </div>\n )\n },\n})\n\nSkyLayoutPage.Refresh = defineComponent({\n name: 'DefaultLayoutPageRefresh',\n setup() {\n const { size } = useSize()\n const router = useRouter()\n const route = useRoute()\n const onRefresh = () => {\n router.replace({ name: route.name, query: { t: Date.now() } })\n }\n return () => (\n <div class=\"sky-layout__config\" onClick={onRefresh}>\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n <EpRefresh />\n </ElIcon>\n </div>\n )\n },\n})\n\nSkyLayoutPage.User = defineComponent({\n name: 'DefaultLayoutPageUser',\n setup() {\n const router = useRouter()\n const { t } = useI18n()\n const { username, logout } = useUser()\n const onCommand = (command: string) => {\n if (command === 'edit') {\n } else if (command === 'logout') {\n logout()\n router.replace({ name: skyConfig.loginRouteName })\n }\n }\n return () =>\n username.value && (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={onCommand}>\n {{\n default: () => <ElText>{username.value}</ElText>,\n dropdown: () => (\n <ElDropdownMenu>\n {() => (\n <>\n <ElDropdownItem command=\"edit\">{t('user.edit')}</ElDropdownItem>\n <ElDropdownItem command=\"logout\">{t('user.logout')}</ElDropdownItem>\n </>\n )}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n )\n },\n})\n\nSkyLayoutPage.SubMenu = defineComponent({\n name: 'DefaultLayoutPageSubMenu',\n props: {\n item: {\n type: Object as PropType<SkyMenu>,\n required: true,\n },\n },\n setup(props) {\n const router = useRouter()\n\n const onClick = () => {\n if (router.hasRoute(props.item.routeName)) {\n router.push({ name: props.item.routeName, params: props.item.routeParams })\n }\n }\n\n const getIcon = inject<GetIconFn>(skyConfig.getIconFnName)!\n\n return () => (\n <>\n {props.item.children?.length ? (\n <ElSubMenu index={props.item.routeName}>\n {{\n default: () =>\n props.item.children!.map((menu) => (\n <SkyLayoutPage.SubMenu key={menu.routeName} item={menu} />\n )),\n title: () => (\n <>\n {props.item.icon && getIcon(props.item.icon)}\n <span>{props.item.title}</span>\n </>\n ),\n }}\n </ElSubMenu>\n ) : (\n <ElMenuItem index={props.item.routeName} onClick={onClick}>\n {{\n default: () => props.item.icon && getIcon(props.item.icon),\n title: () => props.item.title,\n }}\n </ElMenuItem>\n )}\n </>\n )\n },\n})\n\nexport default SkyLayoutPage\n"],"names":["_isSlot","s","_isVNode","SkyLayoutPage","defineComponent","name","setup","router","useRouter","route","useRoute","menus","tabs","removeKeepAlive","tab","routeName","removeTab","params","watch","addKeepAlive","immediate","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.mjs
CHANGED
|
@@ -9,7 +9,7 @@ import "element-plus/es/components/sub-menu/style/css";
|
|
|
9
9
|
import "element-plus/es/components/tab-pane/style/css";
|
|
10
10
|
import "element-plus/es/components/tabs/style/css";
|
|
11
11
|
import "element-plus/es/components/text/style/css";
|
|
12
|
-
import { defineComponent as f, watch as j, inject as
|
|
12
|
+
import { defineComponent as f, watch as j, inject as M, createVNode as e, Transition as A, KeepAlive as K, h as L, isVNode as O, computed as x, Fragment as S } from "vue";
|
|
13
13
|
import { EpFullScreen as U } from "../icons/EpFullScreen.mjs";
|
|
14
14
|
import { EpRefresh as q } from "../icons/EpRefresh.mjs";
|
|
15
15
|
import { FluentFullScreenMinimize20Regular as V } from "../icons/FluentFullScreenMinimize20Regular.mjs";
|
|
@@ -33,7 +33,7 @@ import "../hooks/useTreeWithDetails.mjs";
|
|
|
33
33
|
import "../hooks/useFormGrid.mjs";
|
|
34
34
|
import "../hooks/useReferenceArrayInput.mjs";
|
|
35
35
|
import { useFullscreen as Z, useEventListener as ee } from "@vueuse/core";
|
|
36
|
-
import { ElScrollbar as
|
|
36
|
+
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";
|
|
37
37
|
import { useI18n as T } from "vue-i18n";
|
|
38
38
|
import { useRouter as N, useRoute as P, RouterView as ie } from "vue-router";
|
|
39
39
|
import { skyConfig as k } from "../setup/index.mjs";
|
|
@@ -49,28 +49,30 @@ const i = /* @__PURE__ */ f({
|
|
|
49
49
|
} = J(), {
|
|
50
50
|
removeTab: n,
|
|
51
51
|
lastTab: u,
|
|
52
|
-
tabs:
|
|
52
|
+
tabs: r
|
|
53
53
|
} = Q(), {
|
|
54
54
|
includeList: c,
|
|
55
55
|
addKeepAlive: v,
|
|
56
56
|
removeKeepAlive: R
|
|
57
57
|
} = W(), D = (d) => {
|
|
58
|
-
const m =
|
|
58
|
+
const m = r.value.find((s) => s.routeName === d);
|
|
59
59
|
m && l.push({
|
|
60
60
|
name: m.routeName,
|
|
61
61
|
params: m.routeParams
|
|
62
62
|
});
|
|
63
63
|
}, F = (d) => {
|
|
64
|
-
const m =
|
|
64
|
+
const m = r.value.find((s) => s.routeName === d);
|
|
65
65
|
m && (m?.routeKeepAliveName && R(m.routeKeepAliveName), n(m.routeName), m.routeName === t.name && u.value && l.replace({
|
|
66
66
|
name: u.value.routeName,
|
|
67
67
|
params: u.value.routeParams
|
|
68
68
|
}));
|
|
69
69
|
};
|
|
70
|
-
j(() => t.meta, (d) =>
|
|
70
|
+
j(() => t.meta, (d) => {
|
|
71
|
+
d.keepAliveName && v(d.keepAliveName);
|
|
72
|
+
}, {
|
|
71
73
|
immediate: !0
|
|
72
74
|
});
|
|
73
|
-
const w =
|
|
75
|
+
const w = M(k.getIconFnName);
|
|
74
76
|
return () => {
|
|
75
77
|
let d, m;
|
|
76
78
|
return e("div", {
|
|
@@ -83,15 +85,15 @@ const i = /* @__PURE__ */ f({
|
|
|
83
85
|
class: "sky-layout__container"
|
|
84
86
|
}, [e("aside", {
|
|
85
87
|
class: "sky-layout__menu"
|
|
86
|
-
}, [e(
|
|
88
|
+
}, [e(E, null, {
|
|
87
89
|
default: () => [e(le, {
|
|
88
90
|
collapse: o.value,
|
|
89
91
|
"default-active": t.name,
|
|
90
92
|
"unique-opened": !0,
|
|
91
93
|
"collapse-transition": !0
|
|
92
|
-
}, p(d = a.value.map((
|
|
93
|
-
key:
|
|
94
|
-
item:
|
|
94
|
+
}, p(d = a.value.map((s) => e(i.SubMenu, {
|
|
95
|
+
key: s.routeName,
|
|
96
|
+
item: s
|
|
95
97
|
}, null))) ? d : {
|
|
96
98
|
default: () => [d]
|
|
97
99
|
})]
|
|
@@ -107,22 +109,22 @@ const i = /* @__PURE__ */ f({
|
|
|
107
109
|
"model-value": t.name,
|
|
108
110
|
onTabChange: D,
|
|
109
111
|
onTabRemove: F
|
|
110
|
-
}, p(m =
|
|
111
|
-
key:
|
|
112
|
-
name:
|
|
113
|
-
closable:
|
|
112
|
+
}, p(m = r.value.map((s) => e(ae, {
|
|
113
|
+
key: s.routeName,
|
|
114
|
+
name: s.routeName,
|
|
115
|
+
closable: s.closable
|
|
114
116
|
}, {
|
|
115
117
|
label: () => e("div", {
|
|
116
118
|
class: "sky-layout__tab-pane"
|
|
117
|
-
}, [
|
|
119
|
+
}, [s.icon && w(s.icon), e("span", null, [s.title])])
|
|
118
120
|
}))) ? m : {
|
|
119
121
|
default: () => [m]
|
|
120
122
|
})]), e("div", {
|
|
121
123
|
class: "sky-layout__body"
|
|
122
|
-
}, [e(
|
|
124
|
+
}, [e(E, null, {
|
|
123
125
|
default: () => [e(ie, null, {
|
|
124
126
|
default: ({
|
|
125
|
-
Component:
|
|
127
|
+
Component: s,
|
|
126
128
|
route: I
|
|
127
129
|
}) => e(A, {
|
|
128
130
|
"enter-active-class": "sky-layout-fade-enter-active",
|
|
@@ -136,7 +138,7 @@ const i = /* @__PURE__ */ f({
|
|
|
136
138
|
}, {
|
|
137
139
|
default: () => [e(K, {
|
|
138
140
|
include: c.value
|
|
139
|
-
}, [
|
|
141
|
+
}, [L(s, {
|
|
140
142
|
key: I.fullPath
|
|
141
143
|
})])]
|
|
142
144
|
})
|
|
@@ -180,13 +182,13 @@ i.ConfigeSize = /* @__PURE__ */ f({
|
|
|
180
182
|
dropdown: () => {
|
|
181
183
|
let n;
|
|
182
184
|
return e(C, null, p(n = Object.values(y.options).map((u) => {
|
|
183
|
-
let
|
|
185
|
+
let r;
|
|
184
186
|
return e(_, {
|
|
185
187
|
key: u.value,
|
|
186
188
|
command: u.value,
|
|
187
189
|
disabled: o.value === u.value
|
|
188
|
-
}, p(
|
|
189
|
-
default: () => [
|
|
190
|
+
}, p(r = l(u.label)) ? r : {
|
|
191
|
+
default: () => [r]
|
|
190
192
|
});
|
|
191
193
|
})) ? n : {
|
|
192
194
|
default: () => [n]
|
|
@@ -209,14 +211,14 @@ i.ConfigLang = /* @__PURE__ */ f({
|
|
|
209
211
|
} = b(), u = x(() => Object.keys(l.value).map((c) => ({
|
|
210
212
|
value: c,
|
|
211
213
|
label: t(`lang.${c}`)
|
|
212
|
-
}))),
|
|
214
|
+
}))), r = (c) => {
|
|
213
215
|
a.value = c, o.value = c;
|
|
214
216
|
};
|
|
215
217
|
return () => u.value.length > 1 ? e("div", {
|
|
216
218
|
class: "sky-layout__config"
|
|
217
219
|
}, [e(h, {
|
|
218
220
|
trigger: "click",
|
|
219
|
-
onCommand:
|
|
221
|
+
onCommand: r
|
|
220
222
|
}, {
|
|
221
223
|
default: () => e(g, {
|
|
222
224
|
size: y.iconMap[n.value]
|
|
@@ -256,7 +258,7 @@ i.ConfigTheme = /* @__PURE__ */ f({
|
|
|
256
258
|
default: () => e(g, {
|
|
257
259
|
size: y.iconMap[o.value]
|
|
258
260
|
}, {
|
|
259
|
-
default: () =>
|
|
261
|
+
default: () => L(z[t.value].icon)
|
|
260
262
|
}),
|
|
261
263
|
dropdown: () => {
|
|
262
264
|
let a;
|
|
@@ -266,7 +268,7 @@ i.ConfigTheme = /* @__PURE__ */ f({
|
|
|
266
268
|
disabled: t.value === n.value
|
|
267
269
|
}, {
|
|
268
270
|
default: () => [e(g, null, {
|
|
269
|
-
default: () =>
|
|
271
|
+
default: () => L(n.icon)
|
|
270
272
|
})]
|
|
271
273
|
}))) ? a : {
|
|
272
274
|
default: () => [a]
|
|
@@ -345,15 +347,15 @@ i.User = /* @__PURE__ */ f({
|
|
|
345
347
|
}),
|
|
346
348
|
dropdown: () => e(C, null, {
|
|
347
349
|
default: () => {
|
|
348
|
-
let u,
|
|
349
|
-
return e(
|
|
350
|
+
let u, r;
|
|
351
|
+
return e(S, null, [e(_, {
|
|
350
352
|
command: "edit"
|
|
351
353
|
}, p(u = t("user.edit")) ? u : {
|
|
352
354
|
default: () => [u]
|
|
353
355
|
}), e(_, {
|
|
354
356
|
command: "logout"
|
|
355
|
-
}, p(
|
|
356
|
-
default: () => [
|
|
357
|
+
}, p(r = t("user.logout")) ? r : {
|
|
358
|
+
default: () => [r]
|
|
357
359
|
})]);
|
|
358
360
|
}
|
|
359
361
|
})
|
|
@@ -374,15 +376,15 @@ i.SubMenu = /* @__PURE__ */ f({
|
|
|
374
376
|
name: l.item.routeName,
|
|
375
377
|
params: l.item.routeParams
|
|
376
378
|
});
|
|
377
|
-
}, a =
|
|
378
|
-
return () => e(
|
|
379
|
+
}, a = M(k.getIconFnName);
|
|
380
|
+
return () => e(S, null, [l.item.children?.length ? e(ue, {
|
|
379
381
|
index: l.item.routeName
|
|
380
382
|
}, {
|
|
381
383
|
default: () => l.item.children.map((n) => e(i.SubMenu, {
|
|
382
384
|
key: n.routeName,
|
|
383
385
|
item: n
|
|
384
386
|
}, null)),
|
|
385
|
-
title: () => e(
|
|
387
|
+
title: () => e(S, null, [l.item.icon && a(l.item.icon), e("span", null, [l.item.title])])
|
|
386
388
|
}) : e(ne, {
|
|
387
389
|
index: l.item.routeName,
|
|
388
390
|
onClick: o
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.mjs","sources":["../../src/layouts/default.tsx"],"sourcesContent":["import { EpFullScreen } from '@/icons/EpFullScreen'\nimport { EpRefresh } from '@/icons/EpRefresh'\nimport { FluentFullScreenMinimize20Regular } from '@/icons/FluentFullScreenMinimize20Regular'\nimport { NimbusTextSize } from '@/icons/NimbusTextSize'\nimport { SkyMenuCollapse } from '@/icons/SkyMenuCollapse'\nimport { SlTrans } from '@/icons/SlTrans'\nimport {\n SizeConfig,\n ThemeConfig,\n useLang,\n useMenu,\n useRouteKeepAlive,\n useSize,\n useTab,\n useTheme,\n useUser,\n} from '@/hooks'\nimport { useEventListener, useFullscreen } from '@vueuse/core'\nimport {\n ElDropdown,\n ElDropdownItem,\n ElDropdownMenu,\n ElIcon,\n ElMenu,\n ElMenuItem,\n ElScrollbar,\n ElSubMenu,\n ElTabPane,\n ElTabs,\n ElText,\n type TabPaneName,\n} from 'element-plus'\nimport {\n computed,\n defineComponent,\n h,\n inject,\n KeepAlive,\n Transition,\n watch,\n type PropType,\n type VNode,\n} from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { RouterView, useRoute, useRouter, type RouteLocationNormalizedLoaded } from 'vue-router'\nimport { skyConfig, type GetIconFn, type SkyMenu } from '@/setup'\n\nexport interface RouterViewSlot {\n Component: VNode\n route: RouteLocationNormalizedLoaded\n}\n\nconst SkyLayoutPage = defineComponent({\n name: 'SkyLayoutPage',\n setup() {\n const router = useRouter()\n const route = useRoute()\n const { collapse, menus } = useMenu()\n const { removeTab, lastTab, tabs } = useTab()\n const { includeList, addKeepAlive, removeKeepAlive } = useRouteKeepAlive()\n\n const onTabChange = (routeName: TabPaneName) => {\n const tab = tabs.value.find((tab) => tab.routeName === routeName)\n if (tab) {\n router.push({ name: tab.routeName, params: tab.routeParams })\n }\n }\n\n const onTabRemove = (routeName: TabPaneName) => {\n const tab = tabs.value.find((tab) => tab.routeName === routeName)\n if (tab) {\n // 如果当前 tab 是存在,那么尝试删除它的 keepAlive 缓存\n if (tab?.routeKeepAliveName) {\n removeKeepAlive(tab.routeKeepAliveName)\n }\n removeTab(tab.routeName)\n // 如果删除是当前页面并且存在lastTab,就跳转到lastTab\n if (tab.routeName === route.name && lastTab.value) {\n router.replace({ name: lastTab.value.routeName, params: lastTab.value.routeParams })\n }\n }\n }\n\n watch(\n () => route.meta,\n (routeMeta) => addKeepAlive(String(routeMeta.keepAliveName)),\n {\n immediate: true,\n },\n )\n\n const getIcon = inject<GetIconFn>(skyConfig.getIconFnName)!\n\n return () => (\n <div class=\"sky-layout\">\n <header class=\"sky-layout__header\">\n <SkyLayoutPage.Logo />\n\n <div class=\"sky-layout__header-opt\">\n <SkyLayoutPage.ConfigeSize />\n <SkyLayoutPage.ConfigLang />\n <SkyLayoutPage.ConfigTheme />\n <SkyLayoutPage.Fullscreen />\n <SkyLayoutPage.Refresh />\n <SkyLayoutPage.User />\n </div>\n </header>\n <section class=\"sky-layout__container\">\n <aside class=\"sky-layout__menu\">\n <ElScrollbar>\n <ElMenu\n collapse={collapse.value}\n default-active={route.name}\n unique-opened\n collapse-transition\n >\n {menus.value.map((menu) => (\n <SkyLayoutPage.SubMenu key={menu.routeName} item={menu} />\n ))}\n </ElMenu>\n </ElScrollbar>\n <div\n class=\"sky-layout__menu-collapse\"\n onClick={() => (collapse.value = !collapse.value)}\n >\n <SkyMenuCollapse />\n </div>\n </aside>\n <section class=\"sky-layout__main\">\n <div class=\"sky-layout__tab\">\n <ElTabs\n type=\"card\"\n model-value={route.name}\n onTabChange={onTabChange}\n onTabRemove={onTabRemove}\n >\n {tabs.value.map((tab) => (\n <ElTabPane key={tab.routeName} name={tab.routeName} closable={tab.closable}>\n {{\n label: () => (\n <div class=\"sky-layout__tab-pane\">\n {tab.icon && getIcon(tab.icon)}\n <span>{tab.title}</span>\n </div>\n ),\n }}\n </ElTabPane>\n ))}\n </ElTabs>\n </div>\n\n <div class=\"sky-layout__body\">\n <ElScrollbar>\n <RouterView>\n {{\n default: ({ Component, route }: RouterViewSlot) => (\n <Transition\n enter-active-class=\"sky-layout-fade-enter-active\"\n enter-from-class=\"sky-layout-fade-enter-from\"\n enter-to-class=\"sky-layout-fade-enter-to\"\n leave-active-class=\"sky-layout-fade-leave-active\"\n leave-from-class=\"sky-layout-fade-leave-from\"\n leave-to-class=\"sky-layout-fade-leave-to\"\n appear\n mode=\"out-in\"\n >\n <KeepAlive include={includeList.value}>\n {/* UserCreate ---> /user/create 会缓存一次 */}\n {/* UserEdit ---> /user/edit/1、/user/edit/2 ... 会缓存n次,直到关闭当前 tab,从include移除当前component name会等待GC全部释放所有缓存的组件实例;缓存N次不会出现数据错乱吗?默认情况会,但是加上 { key: route.fullPath } 就可以区分相同组件不同路由地址实例(●'◡'●) */}\n {h(Component, { key: route.fullPath })}\n </KeepAlive>\n </Transition>\n ),\n }}\n </RouterView>\n </ElScrollbar>\n </div>\n </section>\n </section>\n </div>\n )\n },\n})\n\nSkyLayoutPage.Logo = defineComponent({\n name: 'DefaultLayoutPageLogo',\n setup() {\n return () =>\n skyConfig.logoImg && (\n <div\n class=\"sky-layout__logo\"\n style={{ backgroundImage: `url(${skyConfig.logoImg})` }}\n ></div>\n )\n },\n})\n\nSkyLayoutPage.ConfigeSize = defineComponent({\n name: 'DefaultLayoutPageConfigeSize',\n setup() {\n const { t } = useI18n()\n const { enabled, size, select } = useSize()\n return () =>\n enabled && (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={select}>\n {{\n default: () => (\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n <NimbusTextSize />\n </ElIcon>\n ),\n dropdown: () => (\n <ElDropdownMenu>\n {Object.values(SizeConfig.options).map((c) => (\n <ElDropdownItem\n key={c.value}\n command={c.value}\n disabled={size.value === c.value}\n >\n {t(c.label)}\n </ElDropdownItem>\n ))}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n )\n },\n})\n\nSkyLayoutPage.ConfigLang = defineComponent({\n name: 'DefaultLayoutPageConfigLang',\n setup() {\n const { messages, t, locale } = useI18n()\n const { lang } = useLang()\n const { size } = useSize()\n const langList = computed(() =>\n Object.keys(messages.value).map((key) => ({\n value: key,\n label: t(`lang.${key}`),\n })),\n )\n const onCommand = (v: string) => {\n lang.value = v\n locale.value = v\n }\n return () =>\n langList.value.length > 1 ? (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={onCommand}>\n {{\n default: () => (\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n <SlTrans />\n </ElIcon>\n ),\n dropdown: () => (\n <ElDropdownMenu>\n {langList.value.map((c) => (\n <ElDropdownItem\n key={c.value}\n command={c.value}\n disabled={lang.value === c.value}\n >\n {c.label}\n </ElDropdownItem>\n ))}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n ) : null\n },\n})\n\nSkyLayoutPage.ConfigTheme = defineComponent({\n name: 'DefaultLayoutPageConfigTheme',\n setup() {\n const { select, theme } = useTheme()\n const { size } = useSize()\n return () =>\n skyConfig.themeEnabled && (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={select}>\n {{\n default: () => (\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n {() => h(ThemeConfig[theme.value].icon)}\n </ElIcon>\n ),\n dropdown: () => (\n <ElDropdownMenu>\n {Object.values(ThemeConfig).map((c) => (\n <ElDropdownItem\n key={c.value}\n command={c.value}\n disabled={theme.value === c.value}\n >\n <ElIcon>{() => h(c.icon)}</ElIcon>\n </ElDropdownItem>\n ))}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n )\n },\n})\n\nSkyLayoutPage.Fullscreen = defineComponent({\n name: 'DefaultLayoutPageFullscreen',\n setup() {\n // 页面全屏\n const { isFullscreen, toggle } = useFullscreen()\n // F11默认全屏效果不能满足这里的需求,禁止默认全屏行为,采用我们项目的全屏逻辑\n useEventListener('keydown', (e) => {\n if (e.key === 'F11') {\n // 禁用f11\n e.preventDefault()\n toggle()\n }\n })\n const { size } = useSize()\n return () => (\n <div class=\"sky-layout__config\" onClick={toggle}>\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n {isFullscreen.value ? <FluentFullScreenMinimize20Regular /> : <EpFullScreen />}\n </ElIcon>\n </div>\n )\n },\n})\n\nSkyLayoutPage.Refresh = defineComponent({\n name: 'DefaultLayoutPageRefresh',\n setup() {\n const { size } = useSize()\n const router = useRouter()\n const route = useRoute()\n const onRefresh = () => {\n router.replace({ name: route.name, query: { t: Date.now() } })\n }\n return () => (\n <div class=\"sky-layout__config\" onClick={onRefresh}>\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n <EpRefresh />\n </ElIcon>\n </div>\n )\n },\n})\n\nSkyLayoutPage.User = defineComponent({\n name: 'DefaultLayoutPageUser',\n setup() {\n const router = useRouter()\n const { t } = useI18n()\n const { username, logout } = useUser()\n const onCommand = (command: string) => {\n if (command === 'edit') {\n } else if (command === 'logout') {\n logout()\n router.replace({ name: skyConfig.loginRouteName })\n }\n }\n return () =>\n username.value && (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={onCommand}>\n {{\n default: () => <ElText>{username.value}</ElText>,\n dropdown: () => (\n <ElDropdownMenu>\n {() => (\n <>\n <ElDropdownItem command=\"edit\">{t('user.edit')}</ElDropdownItem>\n <ElDropdownItem command=\"logout\">{t('user.logout')}</ElDropdownItem>\n </>\n )}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n )\n },\n})\n\nSkyLayoutPage.SubMenu = defineComponent({\n name: 'DefaultLayoutPageSubMenu',\n props: {\n item: {\n type: Object as PropType<SkyMenu>,\n required: true,\n },\n },\n setup(props) {\n const router = useRouter()\n\n const onClick = () => {\n if (router.hasRoute(props.item.routeName)) {\n router.push({ name: props.item.routeName, params: props.item.routeParams })\n }\n }\n\n const getIcon = inject<GetIconFn>(skyConfig.getIconFnName)!\n\n return () => (\n <>\n {props.item.children?.length ? (\n <ElSubMenu index={props.item.routeName}>\n {{\n default: () =>\n props.item.children!.map((menu) => (\n <SkyLayoutPage.SubMenu key={menu.routeName} item={menu} />\n )),\n title: () => (\n <>\n {props.item.icon && getIcon(props.item.icon)}\n <span>{props.item.title}</span>\n </>\n ),\n }}\n </ElSubMenu>\n ) : (\n <ElMenuItem index={props.item.routeName} onClick={onClick}>\n {{\n default: () => props.item.icon && getIcon(props.item.icon),\n title: () => props.item.title,\n }}\n </ElMenuItem>\n )}\n </>\n )\n },\n})\n\nexport default SkyLayoutPage\n"],"names":["_isSlot","s","_isVNode","SkyLayoutPage","defineComponent","name","setup","router","useRouter","route","useRoute","menus","tabs","removeKeepAlive","tab","routeName","removeTab","params","watch","immediate","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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"}
|
|
1
|
+
{"version":3,"file":"default.mjs","sources":["../../src/layouts/default.tsx"],"sourcesContent":["import { EpFullScreen } from '@/icons/EpFullScreen'\nimport { EpRefresh } from '@/icons/EpRefresh'\nimport { FluentFullScreenMinimize20Regular } from '@/icons/FluentFullScreenMinimize20Regular'\nimport { NimbusTextSize } from '@/icons/NimbusTextSize'\nimport { SkyMenuCollapse } from '@/icons/SkyMenuCollapse'\nimport { SlTrans } from '@/icons/SlTrans'\nimport {\n SizeConfig,\n ThemeConfig,\n useLang,\n useMenu,\n useRouteKeepAlive,\n useSize,\n useTab,\n useTheme,\n useUser,\n} from '@/hooks'\nimport { useEventListener, useFullscreen } from '@vueuse/core'\nimport {\n ElDropdown,\n ElDropdownItem,\n ElDropdownMenu,\n ElIcon,\n ElMenu,\n ElMenuItem,\n ElScrollbar,\n ElSubMenu,\n ElTabPane,\n ElTabs,\n ElText,\n type TabPaneName,\n} from 'element-plus'\nimport {\n computed,\n defineComponent,\n h,\n inject,\n KeepAlive,\n Transition,\n watch,\n type PropType,\n type VNode,\n} from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { RouterView, useRoute, useRouter, type RouteLocationNormalizedLoaded } from 'vue-router'\nimport { skyConfig, type GetIconFn, type SkyMenu } from '@/setup'\n\nexport interface RouterViewSlot {\n Component: VNode\n route: RouteLocationNormalizedLoaded\n}\n\nconst SkyLayoutPage = defineComponent({\n name: 'SkyLayoutPage',\n setup() {\n const router = useRouter()\n const route = useRoute()\n const { collapse, menus } = useMenu()\n const { removeTab, lastTab, tabs } = useTab()\n const { includeList, addKeepAlive, removeKeepAlive } = useRouteKeepAlive()\n\n const onTabChange = (routeName: TabPaneName) => {\n const tab = tabs.value.find((tab) => tab.routeName === routeName)\n if (tab) {\n router.push({ name: tab.routeName, params: tab.routeParams })\n }\n }\n\n const onTabRemove = (routeName: TabPaneName) => {\n const tab = tabs.value.find((tab) => tab.routeName === routeName)\n if (tab) {\n // 如果当前 tab 是存在,那么尝试删除它的 keepAlive 缓存\n if (tab?.routeKeepAliveName) {\n removeKeepAlive(tab.routeKeepAliveName)\n }\n removeTab(tab.routeName)\n // 如果删除是当前页面并且存在lastTab,就跳转到lastTab\n if (tab.routeName === route.name && lastTab.value) {\n router.replace({ name: lastTab.value.routeName, params: lastTab.value.routeParams })\n }\n }\n }\n\n watch(\n () => route.meta,\n (routeMeta) => {\n if (routeMeta.keepAliveName) {\n addKeepAlive(routeMeta.keepAliveName as string)\n }\n },\n {\n immediate: true,\n },\n )\n\n const getIcon = inject<GetIconFn>(skyConfig.getIconFnName)!\n\n return () => (\n <div class=\"sky-layout\">\n <header class=\"sky-layout__header\">\n <SkyLayoutPage.Logo />\n\n <div class=\"sky-layout__header-opt\">\n <SkyLayoutPage.ConfigeSize />\n <SkyLayoutPage.ConfigLang />\n <SkyLayoutPage.ConfigTheme />\n <SkyLayoutPage.Fullscreen />\n <SkyLayoutPage.Refresh />\n <SkyLayoutPage.User />\n </div>\n </header>\n <section class=\"sky-layout__container\">\n <aside class=\"sky-layout__menu\">\n <ElScrollbar>\n <ElMenu\n collapse={collapse.value}\n default-active={route.name}\n unique-opened\n collapse-transition\n >\n {menus.value.map((menu) => (\n <SkyLayoutPage.SubMenu key={menu.routeName} item={menu} />\n ))}\n </ElMenu>\n </ElScrollbar>\n <div\n class=\"sky-layout__menu-collapse\"\n onClick={() => (collapse.value = !collapse.value)}\n >\n <SkyMenuCollapse />\n </div>\n </aside>\n <section class=\"sky-layout__main\">\n <div class=\"sky-layout__tab\">\n <ElTabs\n type=\"card\"\n model-value={route.name}\n onTabChange={onTabChange}\n onTabRemove={onTabRemove}\n >\n {tabs.value.map((tab) => (\n <ElTabPane key={tab.routeName} name={tab.routeName} closable={tab.closable}>\n {{\n label: () => (\n <div class=\"sky-layout__tab-pane\">\n {tab.icon && getIcon(tab.icon)}\n <span>{tab.title}</span>\n </div>\n ),\n }}\n </ElTabPane>\n ))}\n </ElTabs>\n </div>\n\n <div class=\"sky-layout__body\">\n <ElScrollbar>\n <RouterView>\n {{\n default: ({ Component, route }: RouterViewSlot) => (\n <Transition\n enter-active-class=\"sky-layout-fade-enter-active\"\n enter-from-class=\"sky-layout-fade-enter-from\"\n enter-to-class=\"sky-layout-fade-enter-to\"\n leave-active-class=\"sky-layout-fade-leave-active\"\n leave-from-class=\"sky-layout-fade-leave-from\"\n leave-to-class=\"sky-layout-fade-leave-to\"\n appear\n mode=\"out-in\"\n >\n <KeepAlive include={includeList.value}>\n {/* UserCreate ---> /user/create 会缓存一次 */}\n {/* UserEdit ---> /user/edit/1、/user/edit/2 ... 会缓存n次,直到关闭当前 tab,从include移除当前component name会等待GC全部释放所有缓存的组件实例;缓存N次不会出现数据错乱吗?默认情况会,但是加上 { key: route.fullPath } 就可以区分相同组件不同路由地址实例(●'◡'●) */}\n {h(Component, { key: route.fullPath })}\n </KeepAlive>\n </Transition>\n ),\n }}\n </RouterView>\n </ElScrollbar>\n </div>\n </section>\n </section>\n </div>\n )\n },\n})\n\nSkyLayoutPage.Logo = defineComponent({\n name: 'DefaultLayoutPageLogo',\n setup() {\n return () =>\n skyConfig.logoImg && (\n <div\n class=\"sky-layout__logo\"\n style={{ backgroundImage: `url(${skyConfig.logoImg})` }}\n ></div>\n )\n },\n})\n\nSkyLayoutPage.ConfigeSize = defineComponent({\n name: 'DefaultLayoutPageConfigeSize',\n setup() {\n const { t } = useI18n()\n const { enabled, size, select } = useSize()\n return () =>\n enabled && (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={select}>\n {{\n default: () => (\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n <NimbusTextSize />\n </ElIcon>\n ),\n dropdown: () => (\n <ElDropdownMenu>\n {Object.values(SizeConfig.options).map((c) => (\n <ElDropdownItem\n key={c.value}\n command={c.value}\n disabled={size.value === c.value}\n >\n {t(c.label)}\n </ElDropdownItem>\n ))}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n )\n },\n})\n\nSkyLayoutPage.ConfigLang = defineComponent({\n name: 'DefaultLayoutPageConfigLang',\n setup() {\n const { messages, t, locale } = useI18n()\n const { lang } = useLang()\n const { size } = useSize()\n const langList = computed(() =>\n Object.keys(messages.value).map((key) => ({\n value: key,\n label: t(`lang.${key}`),\n })),\n )\n const onCommand = (v: string) => {\n lang.value = v\n locale.value = v\n }\n return () =>\n langList.value.length > 1 ? (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={onCommand}>\n {{\n default: () => (\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n <SlTrans />\n </ElIcon>\n ),\n dropdown: () => (\n <ElDropdownMenu>\n {langList.value.map((c) => (\n <ElDropdownItem\n key={c.value}\n command={c.value}\n disabled={lang.value === c.value}\n >\n {c.label}\n </ElDropdownItem>\n ))}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n ) : null\n },\n})\n\nSkyLayoutPage.ConfigTheme = defineComponent({\n name: 'DefaultLayoutPageConfigTheme',\n setup() {\n const { select, theme } = useTheme()\n const { size } = useSize()\n return () =>\n skyConfig.themeEnabled && (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={select}>\n {{\n default: () => (\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n {() => h(ThemeConfig[theme.value].icon)}\n </ElIcon>\n ),\n dropdown: () => (\n <ElDropdownMenu>\n {Object.values(ThemeConfig).map((c) => (\n <ElDropdownItem\n key={c.value}\n command={c.value}\n disabled={theme.value === c.value}\n >\n <ElIcon>{() => h(c.icon)}</ElIcon>\n </ElDropdownItem>\n ))}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n )\n },\n})\n\nSkyLayoutPage.Fullscreen = defineComponent({\n name: 'DefaultLayoutPageFullscreen',\n setup() {\n // 页面全屏\n const { isFullscreen, toggle } = useFullscreen()\n // F11默认全屏效果不能满足这里的需求,禁止默认全屏行为,采用我们项目的全屏逻辑\n useEventListener('keydown', (e) => {\n if (e.key === 'F11') {\n // 禁用f11\n e.preventDefault()\n toggle()\n }\n })\n const { size } = useSize()\n return () => (\n <div class=\"sky-layout__config\" onClick={toggle}>\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n {isFullscreen.value ? <FluentFullScreenMinimize20Regular /> : <EpFullScreen />}\n </ElIcon>\n </div>\n )\n },\n})\n\nSkyLayoutPage.Refresh = defineComponent({\n name: 'DefaultLayoutPageRefresh',\n setup() {\n const { size } = useSize()\n const router = useRouter()\n const route = useRoute()\n const onRefresh = () => {\n router.replace({ name: route.name, query: { t: Date.now() } })\n }\n return () => (\n <div class=\"sky-layout__config\" onClick={onRefresh}>\n <ElIcon size={SizeConfig.iconMap[size.value]}>\n <EpRefresh />\n </ElIcon>\n </div>\n )\n },\n})\n\nSkyLayoutPage.User = defineComponent({\n name: 'DefaultLayoutPageUser',\n setup() {\n const router = useRouter()\n const { t } = useI18n()\n const { username, logout } = useUser()\n const onCommand = (command: string) => {\n if (command === 'edit') {\n } else if (command === 'logout') {\n logout()\n router.replace({ name: skyConfig.loginRouteName })\n }\n }\n return () =>\n username.value && (\n <div class=\"sky-layout__config\">\n <ElDropdown trigger=\"click\" onCommand={onCommand}>\n {{\n default: () => <ElText>{username.value}</ElText>,\n dropdown: () => (\n <ElDropdownMenu>\n {() => (\n <>\n <ElDropdownItem command=\"edit\">{t('user.edit')}</ElDropdownItem>\n <ElDropdownItem command=\"logout\">{t('user.logout')}</ElDropdownItem>\n </>\n )}\n </ElDropdownMenu>\n ),\n }}\n </ElDropdown>\n </div>\n )\n },\n})\n\nSkyLayoutPage.SubMenu = defineComponent({\n name: 'DefaultLayoutPageSubMenu',\n props: {\n item: {\n type: Object as PropType<SkyMenu>,\n required: true,\n },\n },\n setup(props) {\n const router = useRouter()\n\n const onClick = () => {\n if (router.hasRoute(props.item.routeName)) {\n router.push({ name: props.item.routeName, params: props.item.routeParams })\n }\n }\n\n const getIcon = inject<GetIconFn>(skyConfig.getIconFnName)!\n\n return () => (\n <>\n {props.item.children?.length ? (\n <ElSubMenu index={props.item.routeName}>\n {{\n default: () =>\n props.item.children!.map((menu) => (\n <SkyLayoutPage.SubMenu key={menu.routeName} item={menu} />\n )),\n title: () => (\n <>\n {props.item.icon && getIcon(props.item.icon)}\n <span>{props.item.title}</span>\n </>\n ),\n }}\n </ElSubMenu>\n ) : (\n <ElMenuItem index={props.item.routeName} onClick={onClick}>\n {{\n default: () => props.item.icon && getIcon(props.item.icon),\n title: () => props.item.title,\n }}\n </ElMenuItem>\n )}\n </>\n )\n },\n})\n\nexport default SkyLayoutPage\n"],"names":["_isSlot","s","_isVNode","SkyLayoutPage","defineComponent","name","setup","router","useRouter","route","useRoute","menus","tabs","removeKeepAlive","tab","routeName","removeTab","params","watch","addKeepAlive","immediate","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/pages/login.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"login.cjs","sources":["../../src/pages/login.tsx"],"sourcesContent":["import { useUser } from '@/hooks'\
|
|
1
|
+
{"version":3,"file":"login.cjs","sources":["../../src/pages/login.tsx"],"sourcesContent":["import { useUser } from '@/hooks'\nimport type { LoginParams, LoginResult } from '@/provides'\nimport { skyConfig } from '@/setup'\nimport { useAsyncState } from '@vueuse/core'\nimport { ElButton, ElInput } from 'element-plus'\nimport { defineComponent, reactive } from 'vue'\nimport { useRouter } from 'vue-router'\n\nexport default defineComponent({\n name: 'SkyLoginPage',\n setup() {\n const router = useRouter()\n const { login } = useUser()\n const formData = reactive<LoginParams>({\n username: '',\n password: '',\n })\n const { execute, isLoading } = useAsyncState<LoginResult | undefined>(\n async () => skyConfig.dataProvider?.login?.({ ...formData }),\n undefined,\n {\n immediate: false,\n },\n )\n\n const onSubmit = async () => {\n const res = await execute()\n if (res) {\n login(res)\n // window.location.reload()\n router.replace({ name: skyConfig.welcomeRouteName })\n }\n }\n\n return () => (\n <div class=\"sky-page-login\">\n {skyConfig.loginImg && <img class=\"sky-page-login__back\" src={skyConfig.loginImg} />}\n <div class=\"sky-page-login__main\">\n <h3 class=\"sky-page-login__title\">登录进入 Skyline</h3>\n <div>\n <ElInput\n model-value={formData.username}\n onUpdate:modelValue={(value) => (formData.username = value)}\n placeholder=\"用户名\"\n />\n </div>\n <div>\n <ElInput\n model-value={formData.password}\n onUpdate:modelValue={(value) => (formData.password = value)}\n placeholder=\"密码\"\n type=\"password\"\n show-password\n />\n </div>\n <div>\n <ElButton\n class=\"sky-page-login__button\"\n type=\"primary\"\n size=\"large\"\n loading={isLoading.value}\n onClick={onSubmit}\n >\n 登录\n </ElButton>\n </div>\n </div>\n </div>\n )\n },\n})\n"],"names":["login","defineComponent","name","setup","router","useRouter","username","password","isLoading","immediate","onSubmit","res","execute","_createVNode","skyConfig","_createTextVNode","ElInput","value","formData","ElButton"],"mappings":"w6BAQAA,EAAAC,kBAAA,CACEC,KAAAA,eACAC,OAAAA,CACE,MAAAC,EAAAC,EAAAA,UAAA,GACQL,MAAAA,6BAENM,SAAAA,GACAC,SAAAA,EACF,CAAA,aACiBC,UAAAA,8EAIbC,UAAAA,EACF,CAAA,EAGFC,EAAA,SAAA,CACE,MAAAC,EAAA,MAAAC,EAAA,EACAD,qDAGoD,CAAA,IAItD,MAAA,IAAAE,EAAAA,YAAA,MAAA,CAAO,MAAA,gBAAA,EAAA,CAAAC,EAAAA,UAAA,UAAAD,EAAAA,YAAA,MAAA,CAEgB,MAAA,uBAAA,IAAAC,EAAAA,UAAA,QAA6D,EAAA,IAAA,EAAAD,EAAAA,YAAA,MAAA,CAAI,MAAA,sBAAA,EAAA,CAAAA,EAAAA,YAAA,KAAA,CAAA,MAAA,uBAAA,EAAA,CAAAE,EAAAA,gBAAA,cAAA,CAAA,CAAA,EAAAF,cAAA,MAAA,KAAA,CAAAA,EAAAA,YAAAG,UAAA,0BAKhD,sBAAAC,GAAAC,EAAA,SAAAD,EAC6B,YAAA,KAAA,EAAA,IAAA,CAAA,CAAA,EAAAJ,EAAAA,YAAA,MAAA,KAAA,CAAAA,EAAAA,YAAAG,UAAA,0BAM7B,sBAAAC,GAAAC,EAAA,SAAAD,EAC6B,YAAA,KAAA,KAAA,WAAA,gBAAA,EAAA,EAAA,IAAA,CAAA,CAAA,EAAAJ,EAAAA,YAAA,MAAA,KAAA,CAAAA,EAAAA,YAAAM,WAAA,CAAA,MAAA,yBAAA,KAAA,UAAA,KAAA,iCAY1C,EAAA,8CAQ7B,CACF,CAAA"}
|
package/dist/pages/login.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"login.mjs","sources":["../../src/pages/login.tsx"],"sourcesContent":["import { useUser } from '@/hooks'\
|
|
1
|
+
{"version":3,"file":"login.mjs","sources":["../../src/pages/login.tsx"],"sourcesContent":["import { useUser } from '@/hooks'\nimport type { LoginParams, LoginResult } from '@/provides'\nimport { skyConfig } from '@/setup'\nimport { useAsyncState } from '@vueuse/core'\nimport { ElButton, ElInput } from 'element-plus'\nimport { defineComponent, reactive } from 'vue'\nimport { useRouter } from 'vue-router'\n\nexport default defineComponent({\n name: 'SkyLoginPage',\n setup() {\n const router = useRouter()\n const { login } = useUser()\n const formData = reactive<LoginParams>({\n username: '',\n password: '',\n })\n const { execute, isLoading } = useAsyncState<LoginResult | undefined>(\n async () => skyConfig.dataProvider?.login?.({ ...formData }),\n undefined,\n {\n immediate: false,\n },\n )\n\n const onSubmit = async () => {\n const res = await execute()\n if (res) {\n login(res)\n // window.location.reload()\n router.replace({ name: skyConfig.welcomeRouteName })\n }\n }\n\n return () => (\n <div class=\"sky-page-login\">\n {skyConfig.loginImg && <img class=\"sky-page-login__back\" src={skyConfig.loginImg} />}\n <div class=\"sky-page-login__main\">\n <h3 class=\"sky-page-login__title\">登录进入 Skyline</h3>\n <div>\n <ElInput\n model-value={formData.username}\n onUpdate:modelValue={(value) => (formData.username = value)}\n placeholder=\"用户名\"\n />\n </div>\n <div>\n <ElInput\n model-value={formData.password}\n onUpdate:modelValue={(value) => (formData.password = value)}\n placeholder=\"密码\"\n type=\"password\"\n show-password\n />\n </div>\n <div>\n <ElButton\n class=\"sky-page-login__button\"\n type=\"primary\"\n size=\"large\"\n loading={isLoading.value}\n onClick={onSubmit}\n >\n 登录\n </ElButton>\n </div>\n </div>\n </div>\n )\n },\n})\n"],"names":["login","defineComponent","name","setup","router","useRouter","username","password","isLoading","immediate","onSubmit","res","execute","_createVNode","skyConfig","_createTextVNode","ElInput","value","formData","ElButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,QAAAA;AACE,UAAAC,IAAAC,EAAA;MACQL,OAAAA;AAAAA;MAENM,UAAAA;AAAAA,MACAC,UAAAA;AAAAA,IACF,CAAA;;MACiBC,WAAAA;AAAAA;;;MAIbC,WAAAA;AAAAA,IACF,CAAA,GAGFC,IAAA,YAAA;AACE,YAAAC,IAAA,MAAAC,EAAA;AACA,MAAAD;;MAGoD,CAAA;AAAA;AAItD,WAAA,MAAAE,EAAA,OAAA;AAAA,MAAO,OAAA;AAAA,IAAA,GAAA,CAAAC,EAAA,YAAAD,EAAA,OAAA;AAAA,MAEgB,OAAA;AAAA,MAAA,KAAAC,EAAA;AAAA,IAA6D,GAAA,IAAA,GAAAD,EAAA,OAAA;AAAA,MAAI,OAAA;AAAA,IAAA,GAAA,CAAAA,EAAA,MAAA;AAAA,MAAA,OAAA;AAAA,IAAA,GAAA,CAAAE,EAAA,cAAA,CAAA,CAAA,GAAAF,EAAA,OAAA,MAAA,CAAAA,EAAAG,GAAA;AAAA;MAKhD,uBAAA,CAAAC,MAAAC,EAAA,WAAAD;AAAA,MAC6B,aAAA;AAAA,IAAA,GAAA,IAAA,CAAA,CAAA,GAAAJ,EAAA,OAAA,MAAA,CAAAA,EAAAG,GAAA;AAAA;MAM7B,uBAAA,CAAAC,MAAAC,EAAA,WAAAD;AAAA,MAC6B,aAAA;AAAA,MAAA,MAAA;AAAA,MAAA,iBAAA;AAAA,IAAA,GAAA,IAAA,CAAA,CAAA,GAAAJ,EAAA,OAAA,MAAA,CAAAA,EAAAM,GAAA;AAAA,MAAA,OAAA;AAAA,MAAA,MAAA;AAAA,MAAA,MAAA;AAAA;;IAY1C,GAAA;AAAA;;EAQ7B;AACF,CAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"not-found.cjs","sources":["../../src/pages/not-found.tsx"],"sourcesContent":["import { ElButton, ElEmpty } from 'element-plus'\
|
|
1
|
+
{"version":3,"file":"not-found.cjs","sources":["../../src/pages/not-found.tsx"],"sourcesContent":["import { ElButton, ElEmpty } from 'element-plus'\nimport { defineComponent } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRouter } from 'vue-router'\n\nexport default defineComponent({\n name: 'SkyNotFoundPage',\n setup() {\n const { t } = useI18n()\n const router = useRouter()\n return () => (\n <div class=\"sky-page-not-found\">\n <ElEmpty description={t('notFound')}>\n <ElButton onClick={() => router.go(-1)}>返回</ElButton>\n </ElEmpty>\n </div>\n )\n },\n})\n"],"names":["notFound","defineComponent","name","setup","t","router","useRouter","_createVNode","default"],"mappings":"wTAKAA,EAAAC,kBAAA,CACEC,KAAAA,kBACAC,OAAAA,OACUC,EAAAA,eACRC,EAAAC,EAAAA,UAAA,EACA,MAAA,IAAAC,EAAAA,YAAA,MAAA,CAAO,MAAA,yEAEgC,EAAA,CAAAC,QAAAA,IAAAA,CAAAA,EAAAA,YAAAA,WAAAA,CAAA,QAAA,IAAAH,EAAA,GAAA,EAAA,CACK,EAAA,sCAAA,CAAA,CAAA,KAI9C,CACF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"not-found.mjs","sources":["../../src/pages/not-found.tsx"],"sourcesContent":["import { ElButton, ElEmpty } from 'element-plus'\
|
|
1
|
+
{"version":3,"file":"not-found.mjs","sources":["../../src/pages/not-found.tsx"],"sourcesContent":["import { ElButton, ElEmpty } from 'element-plus'\nimport { defineComponent } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRouter } from 'vue-router'\n\nexport default defineComponent({\n name: 'SkyNotFoundPage',\n setup() {\n const { t } = useI18n()\n const router = useRouter()\n return () => (\n <div class=\"sky-page-not-found\">\n <ElEmpty description={t('notFound')}>\n <ElButton onClick={() => router.go(-1)}>返回</ElButton>\n </ElEmpty>\n </div>\n )\n },\n})\n"],"names":["notFound","defineComponent","name","setup","t","router","useRouter","_createVNode","default"],"mappings":";;;;;;AAKA,MAAAA,IAAA,gBAAAC,EAAA;AAAA,EACEC,MAAAA;AAAAA,EACAC,QAAAA;;MACUC;AAAAA,aACRC,IAAAC,EAAA;AACA,WAAA,MAAAC,EAAA,OAAA;AAAA,MAAO,OAAA;AAAA;;IAEgC,GAAA;AAAA,MAAAC,SAAAA,MAAAA,CAAAA,EAAAA,GAAAA;AAAAA,QAAA,SAAA,MAAAH,EAAA,GAAA,EAAA;AAAA,MACK,GAAA;AAAA;MAAA,CAAA,CAAA;AAAA;EAI9C;AACF,CAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"welcome.cjs","sources":["../../src/pages/welcome.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\
|
|
1
|
+
{"version":3,"file":"welcome.cjs","sources":["../../src/pages/welcome.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'SkyWelcomePage',\n setup() {\n return () => <div style=\"padding: 20px;\">欢迎进入 Skyline Admin</div>\n },\n})\n"],"names":["welcome","name","setup","_createVNode","_createTextVNode"],"mappings":"mIAEAA,oBAA+B,CAC7BC,KAAM,iBACNC,OAAQ,CACN,MAAO,IAAAC,EAAAA,YAAA,MAAA,CAAA,MAAA,gBAAA,EAAA,CAAAC,EAAAA,gBAAA,oBAAA,CAAA,CAAA,CACT,CACF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"welcome.mjs","sources":["../../src/pages/welcome.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\
|
|
1
|
+
{"version":3,"file":"welcome.mjs","sources":["../../src/pages/welcome.tsx"],"sourcesContent":["import { defineComponent } from 'vue'\n\nexport default defineComponent({\n name: 'SkyWelcomePage',\n setup() {\n return () => <div style=\"padding: 20px;\">欢迎进入 Skyline Admin</div>\n },\n})\n"],"names":["welcome","name","setup","_createVNode","_createTextVNode"],"mappings":";AAEA,MAAAA,sBAA+B;AAAA,EAC7BC,MAAM;AAAA,EACNC,QAAQ;AACN,WAAO,MAAAC,EAAA,OAAA;AAAA,MAAA,OAAA;AAAA,IAAA,GAAA,CAAAC,EAAA,oBAAA,CAAA,CAAA;AAAA,EACT;AACF,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../src/router/index.ts"],"sourcesContent":["import type { RouteLocationNormalizedGeneric, Router } from 'vue-router'\
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../src/router/index.ts"],"sourcesContent":["import type { RouteLocationNormalizedGeneric, Router } from 'vue-router'\n\nimport { skyConfig } from '@/setup'\nimport type { RouteRecordRaw } from 'vue-router'\nimport { usePermission, useTab, useUser } from '@/hooks'\nimport type { CanAccessItem } from '@/provides'\n\nexport type SkyLayoutRouteMeta = {\n tab: true\n resource: string\n action: 'list' | 'create' | 'edit' | 'show'\n row: string\n column: string\n tabTitle: string\n // 是否添加到 keepAlive 列表\n keepAliveName?: string\n icon?: string\n}\n\nexport const getRoutes = (): RouteRecordRaw[] => {\n return [\n {\n name: skyConfig.layoutRouteName,\n path: '/',\n component: () => skyConfig.layoutPage ?? import('@/layouts/default'),\n redirect: { name: skyConfig.welcomeRouteName },\n children: [\n {\n name: skyConfig.welcomeRouteName,\n path: 'welcome',\n component: () => skyConfig.welcomePage ?? import('@/pages/welcome'),\n meta: {\n tab: true,\n tabTitle: '欢迎界面',\n resource: '*',\n action: '*',\n row: '*',\n column: '*',\n },\n },\n ],\n },\n {\n name: skyConfig.loginRouteName,\n path: '/login',\n component: () => skyConfig.loginPage ?? import('@/pages/login'),\n },\n {\n name: skyConfig.notFoundRouteName,\n path: '/:pathMatch(.*)*',\n component: () => skyConfig.notFoundPage ?? import('@/pages/not-found'),\n },\n ]\n}\n\nexport const checkAuth = (router: Router, to: RouteLocationNormalizedGeneric) => {\n const { isLogin } = useUser()\n\n // 检测是否需要登录\n // openLogin - 表示开启登录界面功能\n // isLogin - 表示是否已经登录\n const openLogin = router.hasRoute(skyConfig.loginRouteName)\n if (openLogin) {\n if (to.name === skyConfig.loginRouteName) {\n if (isLogin.value) {\n return { name: skyConfig.layoutRouteName }\n } else {\n return true\n }\n } else {\n if (!isLogin.value) {\n return { name: skyConfig.loginRouteName }\n }\n }\n }\n}\n\nexport const addLayoutRoutes = async (router: Router, permissions: CanAccessItem[]) => {\n const result: string[] = []\n const resources =\n typeof skyConfig.resources === 'function' ? await skyConfig.resources() : skyConfig.resources\n if (resources) {\n for (const resource of resources) {\n const routes = [\n {\n comp: resource.list,\n name: skyConfig.getListRouteName(resource.name),\n path: resource.name,\n action: 'list',\n },\n {\n comp: resource.create,\n name: skyConfig.getCreateRouteName(resource.name),\n path: `${resource.name}/create`,\n action: 'create',\n },\n {\n comp: resource.edit,\n name: skyConfig.getEditRouteName(resource.name),\n path: `${resource.name}/edit/:id`,\n action: 'edit',\n },\n {\n comp: resource.show,\n name: skyConfig.getShowRouteName(resource.name),\n path: `${resource.name}/show/:id`,\n action: 'show',\n },\n ]\n for (const route of routes) {\n if (\n route.comp &&\n skyConfig.dataProvider?.canAccess?.(\n { resource: resource.name, action: route.action },\n permissions,\n )\n ) {\n if (!router.hasRoute(route.name)) {\n router.addRoute(skyConfig.layoutRouteName, {\n name: route.name,\n path: route.path,\n component: route.comp,\n meta: {\n tab: true,\n tabTitle: route.comp.title || `${resource.name} ${route.action}`,\n resource: resource.name,\n action: route.action,\n keepAliveName: route.comp.keepAlive ? route.comp.name : undefined,\n icon: route.comp.icon,\n },\n })\n }\n result.push(route.name)\n } else {\n if (router.hasRoute(route.name)) {\n router.removeRoute(route.name)\n }\n }\n }\n }\n }\n\n return result\n}\n\nexport const guard = (router: Router) => {\n const beforeEach = async (to: RouteLocationNormalizedGeneric) => {\n const authTo = checkAuth(router, to)\n\n if (typeof authTo !== 'undefined') {\n return authTo\n }\n\n // 获取所有权限\n const permissions = await skyConfig.dataProvider?.getPermissions?.()\n\n const { addTab, lastTab } = useTab()\n\n const meta = to.meta as SkyLayoutRouteMeta\n\n let routes: string[] | undefined\n if (permissions) {\n // 每次路由获取权限,需要全局存储下来\n usePermission().permissions.value = permissions\n\n routes = await addLayoutRoutes(router, permissions)\n\n if (typeof to.name === 'string' && routes.includes(to.name)) {\n addTab({\n routeName: to.name,\n routeParams: to.params,\n routeKeepAliveName: meta.keepAliveName,\n title: meta.tabTitle,\n icon: meta.icon,\n })\n return true\n }\n }\n\n // 所有都支持访问 welcome\n if (to.name === skyConfig.welcomeRouteName) {\n addTab({\n routeName: to.name,\n routeParams: to.params,\n routeKeepAliveName: meta.keepAliveName,\n title: meta.tabTitle,\n icon: meta.icon,\n })\n return true\n } else if (to.name === skyConfig.notFoundRouteName) {\n if (lastTab.value?.routeName && routes?.includes(lastTab.value.routeName)) {\n return { name: lastTab.value.routeName, params: lastTab.value.routeParams }\n }\n return { name: skyConfig.welcomeRouteName }\n }\n\n // 无权限\n return false\n }\n\n return {\n beforeEach,\n }\n}\n"],"names":["getRoutes","skyConfig","checkAuth","router","to","isLogin","useUser","addLayoutRoutes","permissions","result","resources","resource","routes","route","guard","authTo","addTab","lastTab","useTab","meta","usePermission"],"mappings":"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"}
|