diff --git a/.eslintrc.json b/.eslintrc
similarity index 100%
rename from .eslintrc.json
rename to .eslintrc
diff --git a/.prettierrc.json b/.prettierrc
similarity index 100%
rename from .prettierrc.json
rename to .prettierrc
diff --git a/index.html b/index.html
index 205d54a..ddc4df4 100644
--- a/index.html
+++ b/index.html
@@ -47,10 +47,11 @@
.loading-tip {
margin-top: 12px;
line-height: 1;
+ color: #888;
}
-
+
欢迎访问%VITE_TITLE%
正在加载中, 请稍后...
-
-
@@ -58,7 +49,7 @@
import { api } from "@/api";
import { Table, useTable } from "@/components";
import { dayjs } from "@/libs/dayjs";
-import numeral from 'numeral';
+import numeral from "numeral";
const getIcon = (mimetype: string) => {
if (mimetype.startsWith("image")) {
@@ -97,7 +88,7 @@ const table = useTable({
title: "大小",
dataIndex: "description",
width: 120,
- render: ({ record }) => numeral(record.size).format('0 b')
+ render: ({ record }) => numeral(record.size).format("0 b"),
},
{
title: "上传时间",
@@ -112,7 +103,7 @@ const table = useTable({
buttons: [
{
type: "modify",
- text: '修改'
+ text: "修改",
},
{
type: "delete",
@@ -136,8 +127,8 @@ const table = useTable({
hideLabel: true,
},
nodeProps: {
- placeholder: '素材名称...'
- } as any
+ placeholder: "素材名称...",
+ },
},
],
},
diff --git a/src/types/auto-router.d.ts b/src/types/auto-router.d.ts
new file mode 100644
index 0000000..d40790c
--- /dev/null
+++ b/src/types/auto-router.d.ts
@@ -0,0 +1,159 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// Generated by unplugin-vue-router. ‼️ DO NOT MODIFY THIS FILE ‼️
+// It's recommended to commit this file.
+// Make sure to add this file to your tsconfig.json file as an "includes" or "files" entry.
+
+///
+
+import type {
+ // type safe route locations
+ RouteLocationTypedList,
+ RouteLocationResolvedTypedList,
+ RouteLocationNormalizedTypedList,
+ RouteLocationNormalizedLoadedTypedList,
+ RouteLocationAsString,
+ RouteLocationAsRelativeTypedList,
+ RouteLocationAsPathTypedList,
+
+ // helper types
+ // route definitions
+ RouteRecordInfo,
+ ParamValue,
+ ParamValueOneOrMore,
+ ParamValueZeroOrMore,
+ ParamValueZeroOrOne,
+
+ // vue-router extensions
+ _RouterTyped,
+ RouterLinkTyped,
+ RouterLinkPropsTyped,
+ NavigationGuard,
+ UseLinkFnTyped,
+
+ // data fetching
+ _DataLoader,
+ _DefineLoaderOptions,
+} from 'unplugin-vue-router/types'
+
+declare module 'vue-router/auto/routes' {
+ export interface RouteNamedMap {
+ '/_layout/': RouteRecordInfo<'/_layout/', '/_layout', Record, Record>,
+ '/_login/': RouteRecordInfo<'/_login/', '/_login', Record, Record>,
+ '/[..._all]/': RouteRecordInfo<'/[..._all]/', '/:_all(.*)', { _all: ParamValue }, { _all: ParamValue }>,
+ '/demo/': RouteRecordInfo<'/demo/', '/demo', Record, Record>,
+ '/demo/test': RouteRecordInfo<'/demo/test', '/demo/test', Record, Record>,
+ '/home/': RouteRecordInfo<'/home/', '/home', Record, Record>,
+ '/my/': RouteRecordInfo<'/my/', '/my', Record, Record>,
+ '/post/': RouteRecordInfo<'/post/', '/post', Record, Record>,
+ '/post/category/': RouteRecordInfo<'/post/category/', '/post/category', Record, Record>,
+ '/post/comment/': RouteRecordInfo<'/post/comment/', '/post/comment', Record, Record>,
+ '/post/media/': RouteRecordInfo<'/post/media/', '/post/media', Record, Record>,
+ '/post/post/': RouteRecordInfo<'/post/post/', '/post/post', Record, Record>,
+ '/system/': RouteRecordInfo<'/system/', '/system', Record, Record>,
+ '/system/login-log/': RouteRecordInfo<'/system/login-log/', '/system/login-log', Record, Record>,
+ '/system/menu/': RouteRecordInfo<'/system/menu/', '/system/menu', Record, Record>,
+ '/system/operation-log/': RouteRecordInfo<'/system/operation-log/', '/system/operation-log', Record, Record>,
+ '/system/permission/': RouteRecordInfo<'/system/permission/', '/system/permission', Record, Record>,
+ '/system/role/': RouteRecordInfo<'/system/role/', '/system/role', Record, Record>,
+ '/system/user/': RouteRecordInfo<'/system/user/', '/system/user', Record, Record>,
+ }
+}
+
+declare module 'vue-router/auto' {
+ import type { RouteNamedMap } from 'vue-router/auto/routes'
+
+ export type RouterTyped = _RouterTyped
+
+ /**
+ * Type safe version of `RouteLocationNormalized` (the type of `to` and `from` in navigation guards).
+ * Allows passing the name of the route to be passed as a generic.
+ */
+ export type RouteLocationNormalized = RouteLocationNormalizedTypedList[Name]
+
+ /**
+ * Type safe version of `RouteLocationNormalizedLoaded` (the return type of `useRoute()`).
+ * Allows passing the name of the route to be passed as a generic.
+ */
+ export type RouteLocationNormalizedLoaded = RouteLocationNormalizedLoadedTypedList[Name]
+
+ /**
+ * Type safe version of `RouteLocationResolved` (the returned route of `router.resolve()`).
+ * Allows passing the name of the route to be passed as a generic.
+ */
+ export type RouteLocationResolved = RouteLocationResolvedTypedList[Name]
+
+ /**
+ * Type safe version of `RouteLocation` . Allows passing the name of the route to be passed as a generic.
+ */
+ export type RouteLocation = RouteLocationTypedList[Name]
+
+ /**
+ * Type safe version of `RouteLocationRaw` . Allows passing the name of the route to be passed as a generic.
+ */
+ export type RouteLocationRaw =
+ | RouteLocationAsString
+ | RouteLocationAsRelativeTypedList[Name]
+ | RouteLocationAsPathTypedList[Name]
+
+ /**
+ * Generate a type safe params for a route location. Requires the name of the route to be passed as a generic.
+ */
+ export type RouteParams = RouteNamedMap[Name]['params']
+ /**
+ * Generate a type safe raw params for a route location. Requires the name of the route to be passed as a generic.
+ */
+ export type RouteParamsRaw = RouteNamedMap[Name]['paramsRaw']
+
+ export function useRouter(): RouterTyped
+ export function useRoute(name?: Name): RouteLocationNormalizedLoadedTypedList[Name]
+
+ export const useLink: UseLinkFnTyped
+
+ export function onBeforeRouteLeave(guard: NavigationGuard): void
+ export function onBeforeRouteUpdate(guard: NavigationGuard): void
+
+ export const RouterLink: RouterLinkTyped
+ export const RouterLinkProps: RouterLinkPropsTyped
+
+ // Experimental Data Fetching
+
+ export function defineLoader<
+ P extends Promise,
+ Name extends keyof RouteNamedMap = keyof RouteNamedMap,
+ isLazy extends boolean = false,
+ >(
+ name: Name,
+ loader: (route: RouteLocationNormalizedLoaded) => P,
+ options?: _DefineLoaderOptions,
+ ): _DataLoader, isLazy>
+ export function defineLoader<
+ P extends Promise,
+ isLazy extends boolean = false,
+ >(
+ loader: (route: RouteLocationNormalizedLoaded) => P,
+ options?: _DefineLoaderOptions,
+ ): _DataLoader, isLazy>
+
+ export {
+ _definePage as definePage,
+ _HasDataLoaderMeta as HasDataLoaderMeta,
+ _setupDataFetchingGuard as setupDataFetchingGuard,
+ _stopDataFetchingScope as stopDataFetchingScope,
+ } from 'unplugin-vue-router/runtime'
+}
+
+declare module 'vue-router' {
+ import type { RouteNamedMap } from 'vue-router/auto/routes'
+
+ export interface TypesConfig {
+ beforeRouteUpdate: NavigationGuard
+ beforeRouteLeave: NavigationGuard
+
+ $route: RouteLocationNormalizedLoadedTypedList[keyof RouteNamedMap]
+ $router: _RouterTyped
+
+ RouterLink: RouterLinkTyped
+ }
+}
diff --git a/vite.config.ts b/vite.config.ts
index 66d6d61..8a3a945 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -6,6 +6,7 @@ import Unocss from "unocss/vite";
import AutoImport from "unplugin-auto-import/vite";
import { ArcoResolver } from "unplugin-vue-components/resolvers";
import AutoComponent from "unplugin-vue-components/vite";
+import AutoRouter from "unplugin-vue-router/vite";
import { defineConfig, loadEnv } from "vite";
import Page from "vite-plugin-pages";
import { arcoToUnoColor } from "./scripts/vite/color";
@@ -20,41 +21,26 @@ export default defineConfig(({ mode }) => {
const env = loadEnv(mode, process.cwd());
const host = env.VITE_HOST ?? "0.0.0.0";
const port = Number(env.VITE_PORT ?? 3020);
-
return {
base: "./",
- resolve: {
- alias: [
- {
- find: "@",
- replacement: "/src",
- },
- ],
- },
- server: {
- host,
- port,
- },
- css: {
- preprocessorOptions: {
- less: {
- javascriptEnabled: true,
- modifyVars: {
- hack: `true; @import (reference) "${resolve("src/styles/css-arco.less")}";`,
- arcoblue: "#66f",
- },
- },
- },
- },
plugins: [
+ /**
+ * 自动路由生成(须在vue插件前)
+ * @see https://github.com/posva/unplugin-vue-router
+ */
+ AutoRouter({
+ exclude: ["**/components/*.vue", "**/*.*.vue"],
+ dts: "src/types/auto-router.d.ts",
+ }),
+
/**
* 提供 Vue 3 单文件组件支持
* @see https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue
*/
Vue({
script: {
- defineModel: true
- }
+ defineModel: true,
+ },
}),
/**
@@ -106,10 +92,10 @@ export default defineConfig(({ mode }) => {
presetIcons({
prefix: "",
collections: {
- 'icon-file': (() => {
+ "icon-file": (() => {
const icons = {};
for (const item of fileIcon) {
- icons[item.font_class] = item.show_svg
+ icons[item.font_class] = item.show_svg;
}
return icons;
})(),
@@ -124,5 +110,28 @@ export default defineConfig(({ mode }) => {
*/
plugin(),
],
+ resolve: {
+ alias: [
+ {
+ find: "@",
+ replacement: "/src",
+ },
+ ],
+ },
+ server: {
+ host,
+ port,
+ },
+ css: {
+ preprocessorOptions: {
+ less: {
+ javascriptEnabled: true,
+ modifyVars: {
+ hack: `true; @import (reference) "${resolve("src/styles/css-arco.less")}";`,
+ arcoblue: "#66f",
+ },
+ },
+ },
+ },
};
});