[ { "path": ".editorconfig", "content": "root = true\n\n[*]\ncharset = utf-8\nindent_style = space\nindent_size = 2\nend_of_line = lf\ninsert_final_newline = true\ntrim_trailing_whitespace = true\nmax_line_length = 80\n" }, { "path": ".gitattributes", "content": "# Enforce Unix newlines\n* text=auto eol=lf\n\npublic/mockServiceWorker.js linguist-vendored=true\n" }, { "path": ".github/workflows/ci.yml", "content": "name: CI\n\non:\n push:\n branches:\n - main\n\n pull_request:\n branches:\n - main\n\njobs:\n lint:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v4\n - uses: pnpm/action-setup@v4\n - uses: actions/setup-node@v4\n with:\n node-version: 20.x\n cache: pnpm\n\n - name: Install\n run: pnpm install\n\n - name: Lint\n run: pnpm run lint\n\n typecheck:\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v4\n - uses: pnpm/action-setup@v4\n - uses: actions/setup-node@v4\n with:\n node-version: 20.x\n cache: pnpm\n\n - name: Install\n run: pnpm install\n\n - name: Typecheck\n run: pnpm run typecheck\n\n test:\n runs-on: ${{ matrix.os }}\n\n strategy:\n matrix:\n node-version: [20.x]\n os: [ubuntu-latest]\n fail-fast: false\n\n steps:\n - uses: actions/checkout@v4\n - uses: pnpm/action-setup@v4\n - name: Use Node.js ${{ matrix.node-version }}\n uses: actions/setup-node@v4\n with:\n node-version: ${{ matrix.node-version }}\n - run: pnpm install\n - run: pnpm run test:unit\n\n test-e2e:\n runs-on: ubuntu-latest\n\n strategy:\n matrix:\n node-version: [20.x]\n os: [ubuntu-latest]\n fail-fast: false\n\n steps:\n - uses: actions/checkout@v4\n - name: Install pnpm\n uses: pnpm/action-setup@v4\n - name: Setup Node\n uses: actions/setup-node@v4\n with:\n node-version: ${{ matrix.node-version }}\n cache: 'pnpm'\n - name: Cypress\n uses: cypress-io/github-action@v6\n with:\n install-command: pnpm install\n build: pnpm run build\n start: pnpm run preview\n record: true\n command-prefix: '--'\n env:\n # pass the Dashboard record key as an environment variable\n CYPRESS_RECORD_KEY: ${{ secrets.CYPRESS_RECORD_KEY }}\n # pass GitHub token to allow accurately detecting a build vs a re-run build\n GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}\n # pass the project ID from the secrets through environment variable\n CYPRESS_PROJECT_ID: ${{ secrets.CYPRESS_PROJECT_ID }}\n" }, { "path": ".gitignore", "content": ".DS_Store\nnode_modules\n/dist\n*.local\n*.log\n.idea\n/.vite-inspect\n\n/coverage\n/public/docs\n/cypress/videos/*\n" }, { "path": ".npmrc", "content": "auto-install-peers=true\n" }, { "path": ".prettierignore", "content": "pnpm-lock.yaml\nsrc/auto-imports.d.ts\npublic/mockServiceWorker.js\n" }, { "path": ".vscode/extensions.json", "content": "{\n \"recommendations\": [\n \"vue.volar\",\n \"dbaeumer.vscode-eslint\",\n \"esbenp.prettier-vscode\",\n \"editorconfig.editorconfig\",\n \"lokalise.i18n-ally\",\n \"lukas-tr.materialdesignicons-intellisense\"\n ]\n}\n" }, { "path": ".vscode/launch.json", "content": "{\n // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387\n \"version\": \"0.2.0\",\n \"configurations\": [\n {\n \"type\": \"node\",\n \"request\": \"launch\",\n \"name\": \"Debug Current Vitest File\",\n \"autoAttachChildProcesses\": true,\n \"skipFiles\": [\"/**\", \"**/node_modules/**\"],\n \"program\": \"${workspaceRoot}/node_modules/vitest/vitest.mjs\",\n \"args\": [\"run\", \"${relativeFile}\"],\n \"smartStep\": true,\n \"console\": \"integratedTerminal\"\n }\n ]\n}\n" }, { "path": ".vscode/settings.json", "content": "{\n \"i18n-ally.localesPaths\": [\"src/locales\"],\n \"i18n-ally.keystyle\": \"nested\",\n \"i18n-ally.enabledFrameworks\": [\"vue-sfc\", \"vue\"],\n \"json.schemas\": [\n {\n \"fileMatch\": [\"/.prettierrc\"],\n \"url\": \"https://json.schemastore.org/prettierrc.json\"\n }\n ],\n \"editor.defaultFormatter\": \"esbenp.prettier-vscode\"\n}\n" }, { "path": "LICENSE", "content": "The MIT License (MIT)\n\nCopyright (c) 2022-present Yue JIN & NuStar Nuclear\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "README.md", "content": "

\n \"Vitify\n

\n

Vitify Admin

\n\n

\n \n \"vue\"\n \n \n \"vuetify\"\n \n \n \"license\"\n \n

\n\n

\nVite + Vuetify, Opinionated Admin Starter Template

\n

\n\n

\nLive Demo

\nDocumentation

\n

\n\n## Variants\n\n- [vitify-nuxt](https://github.com/kingyue737/vitify-nuxt) - with Nuxt 3, the best DX 🔥🔥🔥\n\n- [vitify-next](https://github.com/kingyue737/vitify-next) - Lightweight Vue 3 version of this template\n- [vitify-electron](https://github.com/kingyue737/vitify-electron) - Vuetify 3 + Electron starter\n\n## Features\n\n- 🦾 Full [TypeScript Support and intellisense](https://github.com/vuetifyjs/vuetify/issues/14798#issuecomment-1139788615) for [Vuetify 2](https://vuetifyjs.com/) components, powered by [Volar](https://github.com/johnsoncodehk/volar/tree/master/extensions/vscode-vue-language-features)\n\n- 🖖 [Vue 2.7](https://github.com/vuejs/vue) - Composition API and `\n \n\n" }, { "path": "netlify.toml", "content": "[[redirects]]\n from = \"/*\"\n to = \"/index.html\"\n status = 200\n\n[[headers]]\n for = \"/manifest.webmanifest\"\n [headers.values]\n Content-Type = \"application/manifest+json\"\n" }, { "path": "package.json", "content": "{\n \"private\": true,\n \"type\": \"module\",\n \"packageManager\": \"pnpm@9.11.0\",\n \"scripts\": {\n \"dev\": \"vite --open --host\",\n \"build\": \"vite build\",\n \"preview\": \"vite preview --port 5050 --host --config vite.config.preview.ts\",\n \"test:e2e\": \"start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'\",\n \"test:e2e:ci\": \"start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'\",\n \"test:unit\": \"vitest\",\n \"coverage\": \"vitest run --coverage\",\n \"typecheck\": \"vue-tsc --build --force\",\n \"lint\": \"eslint . --fix\",\n \"format\": \"prettier . --write\"\n },\n \"dependencies\": {\n \"@mdi/js\": \"^7.4.47\",\n \"@vueuse/core\": \"^11.1.0\",\n \"axios\": \"^1.7.7\",\n \"echarts\": \"^5.5.1\",\n \"pinia\": \"^2.2.2\",\n \"portal-vue\": \"^2.1.7\",\n \"vue\": \"^2.7.16\",\n \"vue-echarts\": \"^7.0.3\",\n \"vue-i18n\": \"^8.28.2\",\n \"vue-i18n-bridge\": \"^9.14.1\",\n \"vue-router\": \"^3.6.5\",\n \"vuetify\": \"^2.7.2\"\n },\n \"devDependencies\": {\n \"@eslint/compat\": \"^1.1.1\",\n \"@intlify/core-base\": \"^9.14.1\",\n \"@intlify/unplugin-vue-i18n\": \"^2.0.0\",\n \"@kingyue/vite-plugin-vue2-svg\": \"^0.6.0\",\n \"@pinia/testing\": \"^0.1.5\",\n \"@testing-library/vue\": \"^5.9.0\",\n \"@types/jsdom\": \"^21.1.7\",\n \"@types/node\": \"^20.16.10\",\n \"@vitejs/plugin-legacy\": \"^5.4.2\",\n \"@vitejs/plugin-vue2\": \"^2.3.1\",\n \"@vue/test-utils\": \"^1.3.6\",\n \"browserslist\": \"^4.24.0\",\n \"browserslist-to-esbuild\": \"^2.1.1\",\n \"cypress\": \"^13.15.0\",\n \"eslint\": \"^9.11.1\",\n \"eslint-config-prettier\": \"^9.1.0\",\n \"eslint-plugin-cypress\": \"^3.5.0\",\n \"eslint-plugin-vue\": \"^9.28.0\",\n \"flush-promises\": \"^1.0.2\",\n \"jsdom\": \"^25.0.1\",\n \"msw\": \"^2.4.9\",\n \"postcss-preset-env\": \"^10.0.5\",\n \"prettier\": \"^3.3.3\",\n \"rollup-plugin-regexp\": \"^5.0.1\",\n \"sass\": \"~1.32.13\",\n \"start-server-and-test\": \"^2.0.8\",\n \"terser\": \"^5.34.1\",\n \"typescript\": \"^5.6.2\",\n \"typescript-eslint\": \"^8.7.0\",\n \"unplugin-auto-import\": \"^0.18.3\",\n \"unplugin-vue-components\": \"^0.27.4\",\n \"vite\": \"^5.4.8\",\n \"vite-plugin-inspect\": \"^0.8.7\",\n \"vite-plugin-pages\": \"^0.32.3\",\n \"vite-plugin-vue-layouts\": \"^0.8.0\",\n \"vitest\": \"^2.1.1\",\n \"vue-template-compiler\": \"^2.7.16\",\n \"vue-tsc\": \"^2.1.6\",\n \"vuetify2-component-types\": \"^2.7.2\"\n },\n \"browserslist\": [\n \"> 1.3%\",\n \"last 2 versions\",\n \"not dead\",\n \"not op_mini all\",\n \"not ie>0\"\n ],\n \"msw\": {\n \"workerDirectory\": \"public\"\n },\n \"pnpm\": {\n \"peerDependencyRules\": {\n \"allowedVersions\": {\n \"vite-plugin-vue-layouts>vite\": \"5\"\n }\n },\n \"allowedDeprecatedVersions\": {\n \"vue\": \"2\"\n },\n \"patchedDependencies\": {\n \"vite-plugin-vue-layouts@0.8.0\": \"patches/vite-plugin-vue-layouts@0.8.0.patch\"\n }\n }\n}\n" }, { "path": "patches/vite-plugin-vue-layouts@0.8.0.patch", "content": "diff --git a/package.json b/package.json\nindex de999023f87c55dee2e57e2583e1e96b6f95095f..3df13b998cd92bc3a2cfd1767147c4b042edc6a9 100644\n--- a/package.json\n+++ b/package.json\n@@ -18,11 +18,15 @@\n \"client.d.ts\"\n ],\n \"exports\": {\n- \".\": {\n- \"require\": \"./dist/index.js\",\n- \"import\": \"./dist/index.mjs\"\n+ \"./client\": {\n+ \"types\": \"./client.d.ts\"\n },\n- \"./*\": \"./*\"\n+ \"./*\": \"./*\",\n+ \".\": {\n+ \"types\": \"./dist/index.d.ts\",\n+ \"import\": \"./dist/index.mjs\",\n+ \"require\": \"./dist/index.js\"\n+ }\n },\n \"scripts\": {\n \"dev\": \"npm run build -- --watch\",\n@@ -59,3 +63,4 @@\n \"vue-router\": \"^4.0.13\"\n }\n }\n+\n" }, { "path": "prettier.config.js", "content": "/** @type {import(\"prettier\").Config} */\nexport default {\n semi: false,\n singleQuote: true,\n}\n" }, { "path": "public/mockServiceWorker.js", "content": "/* eslint-disable */\n/* tslint:disable */\n\n/**\n * Mock Service Worker.\n * @see https://github.com/mswjs/msw\n * - Please do NOT modify this file.\n * - Please do NOT serve this file on production.\n */\n\nconst PACKAGE_VERSION = '2.4.7'\nconst INTEGRITY_CHECKSUM = '26357c79639bfa20d64c0efca2a87423'\nconst IS_MOCKED_RESPONSE = Symbol('isMockedResponse')\nconst activeClientIds = new Set()\n\nself.addEventListener('install', function () {\n self.skipWaiting()\n})\n\nself.addEventListener('activate', function (event) {\n event.waitUntil(self.clients.claim())\n})\n\nself.addEventListener('message', async function (event) {\n const clientId = event.source.id\n\n if (!clientId || !self.clients) {\n return\n }\n\n const client = await self.clients.get(clientId)\n\n if (!client) {\n return\n }\n\n const allClients = await self.clients.matchAll({\n type: 'window',\n })\n\n switch (event.data) {\n case 'KEEPALIVE_REQUEST': {\n sendToClient(client, {\n type: 'KEEPALIVE_RESPONSE',\n })\n break\n }\n\n case 'INTEGRITY_CHECK_REQUEST': {\n sendToClient(client, {\n type: 'INTEGRITY_CHECK_RESPONSE',\n payload: {\n packageVersion: PACKAGE_VERSION,\n checksum: INTEGRITY_CHECKSUM,\n },\n })\n break\n }\n\n case 'MOCK_ACTIVATE': {\n activeClientIds.add(clientId)\n\n sendToClient(client, {\n type: 'MOCKING_ENABLED',\n payload: true,\n })\n break\n }\n\n case 'MOCK_DEACTIVATE': {\n activeClientIds.delete(clientId)\n break\n }\n\n case 'CLIENT_CLOSED': {\n activeClientIds.delete(clientId)\n\n const remainingClients = allClients.filter((client) => {\n return client.id !== clientId\n })\n\n // Unregister itself when there are no more clients\n if (remainingClients.length === 0) {\n self.registration.unregister()\n }\n\n break\n }\n }\n})\n\nself.addEventListener('fetch', function (event) {\n const { request } = event\n\n // Bypass navigation requests.\n if (request.mode === 'navigate') {\n return\n }\n\n // Opening the DevTools triggers the \"only-if-cached\" request\n // that cannot be handled by the worker. Bypass such requests.\n if (request.cache === 'only-if-cached' && request.mode !== 'same-origin') {\n return\n }\n\n // Bypass all requests when there are no active clients.\n // Prevents the self-unregistered worked from handling requests\n // after it's been deleted (still remains active until the next reload).\n if (activeClientIds.size === 0) {\n return\n }\n\n // Generate unique request ID.\n const requestId = crypto.randomUUID()\n event.respondWith(handleRequest(event, requestId))\n})\n\nasync function handleRequest(event, requestId) {\n const client = await resolveMainClient(event)\n const response = await getResponse(event, client, requestId)\n\n // Send back the response clone for the \"response:*\" life-cycle events.\n // Ensure MSW is active and ready to handle the message, otherwise\n // this message will pend indefinitely.\n if (client && activeClientIds.has(client.id)) {\n ;(async function () {\n const responseClone = response.clone()\n\n sendToClient(\n client,\n {\n type: 'RESPONSE',\n payload: {\n requestId,\n isMockedResponse: IS_MOCKED_RESPONSE in response,\n type: responseClone.type,\n status: responseClone.status,\n statusText: responseClone.statusText,\n body: responseClone.body,\n headers: Object.fromEntries(responseClone.headers.entries()),\n },\n },\n [responseClone.body],\n )\n })()\n }\n\n return response\n}\n\n// Resolve the main client for the given event.\n// Client that issues a request doesn't necessarily equal the client\n// that registered the worker. It's with the latter the worker should\n// communicate with during the response resolving phase.\nasync function resolveMainClient(event) {\n const client = await self.clients.get(event.clientId)\n\n if (client?.frameType === 'top-level') {\n return client\n }\n\n const allClients = await self.clients.matchAll({\n type: 'window',\n })\n\n return allClients\n .filter((client) => {\n // Get only those clients that are currently visible.\n return client.visibilityState === 'visible'\n })\n .find((client) => {\n // Find the client ID that's recorded in the\n // set of clients that have registered the worker.\n return activeClientIds.has(client.id)\n })\n}\n\nasync function getResponse(event, client, requestId) {\n const { request } = event\n\n // Clone the request because it might've been already used\n // (i.e. its body has been read and sent to the client).\n const requestClone = request.clone()\n\n function passthrough() {\n const headers = Object.fromEntries(requestClone.headers.entries())\n\n // Remove internal MSW request header so the passthrough request\n // complies with any potential CORS preflight checks on the server.\n // Some servers forbid unknown request headers.\n delete headers['x-msw-intention']\n\n return fetch(requestClone, { headers })\n }\n\n // Bypass mocking when the client is not active.\n if (!client) {\n return passthrough()\n }\n\n // Bypass initial page load requests (i.e. static assets).\n // The absence of the immediate/parent client in the map of the active clients\n // means that MSW hasn't dispatched the \"MOCK_ACTIVATE\" event yet\n // and is not ready to handle requests.\n if (!activeClientIds.has(client.id)) {\n return passthrough()\n }\n\n // Notify the client that a request has been intercepted.\n const requestBuffer = await request.arrayBuffer()\n const clientMessage = await sendToClient(\n client,\n {\n type: 'REQUEST',\n payload: {\n id: requestId,\n url: request.url,\n mode: request.mode,\n method: request.method,\n headers: Object.fromEntries(request.headers.entries()),\n cache: request.cache,\n credentials: request.credentials,\n destination: request.destination,\n integrity: request.integrity,\n redirect: request.redirect,\n referrer: request.referrer,\n referrerPolicy: request.referrerPolicy,\n body: requestBuffer,\n keepalive: request.keepalive,\n },\n },\n [requestBuffer],\n )\n\n switch (clientMessage.type) {\n case 'MOCK_RESPONSE': {\n return respondWithMock(clientMessage.data)\n }\n\n case 'PASSTHROUGH': {\n return passthrough()\n }\n }\n\n return passthrough()\n}\n\nfunction sendToClient(client, message, transferrables = []) {\n return new Promise((resolve, reject) => {\n const channel = new MessageChannel()\n\n channel.port1.onmessage = (event) => {\n if (event.data && event.data.error) {\n return reject(event.data.error)\n }\n\n resolve(event.data)\n }\n\n client.postMessage(\n message,\n [channel.port2].concat(transferrables.filter(Boolean)),\n )\n })\n}\n\nasync function respondWithMock(response) {\n // Setting response status code to 0 is a no-op.\n // However, when responding with a \"Response.error()\", the produced Response\n // instance will have status code set to 0. Since it's not possible to create\n // a Response instance with status code 0, handle that use-case separately.\n if (response.status === 0) {\n return Response.error()\n }\n\n const mockedResponse = new Response(response.body, response)\n\n Reflect.defineProperty(mockedResponse, IS_MOCKED_RESPONSE, {\n value: true,\n enumerable: true,\n })\n\n return mockedResponse\n}\n" }, { "path": "src/App.vue", "content": "\n\n\n" }, { "path": "src/api/users.ts", "content": "import service from '@/utils/request'\n\nexport type Role = 'superuser' | 'admin' | 'staff'\nexport type Group = {\n id?: number\n name: Role\n permissions: number[]\n}\n\nexport interface IUserData {\n id: number\n username: string\n name?: string\n email?: string\n groups: number[]\n joinDate: string\n}\n\nexport type Token = {\n accessToken: string\n refreshToken: string\n // tokenType: string\n // expiresAt: number\n // issuedAt: number\n // refreshTokenExpiresAt: number\n // refreshTokenIssuedAt: number\n}\n\nexport const getUsers = () => service.get('/users')\n\nexport const getUser = (userId: number) =>\n service.get(`/users/${userId}`)\n\nexport const createUser = (user: IUserData) => service.post('/users', user)\n\nexport const updateUser = (user: Partial) =>\n service.patch(`/users/${user.id}`, user)\n\nexport const deleteUser = (userId: number) => service.delete(`/users/${userId}`)\n\nexport const getToken = (username: string, password: string) =>\n service.post(\n '/auth/access-token',\n new URLSearchParams({ username, password }),\n )\n\nexport const refreshToken = (refreshToken: string) =>\n service.post('/auth/refresh-token', { refreshToken })\n\nexport const resetPassword = (newPassword: string, oldPassword: string) =>\n service.post(`/users/reset-password`, {\n newPassword,\n oldPassword,\n })\n\nexport const getGroup = (id: number) => service.get(`/groups/${id}`)\n\nexport const getGroups = () => service.get(`/groups`)\n" }, { "path": "src/assets/styles/_overrides.scss", "content": "@import './variables.scss';\n\n.v-main__wrap {\n > .container--fluid {\n padding-left: 20px;\n padding-right: 20px;\n }\n > .d-contents,\n > .d-fake > .d-fake,\n > .d-fake {\n > .container--fluid {\n padding-left: 20px;\n padding-right: 20px;\n }\n }\n}\n.v-dialog {\n > .v-card {\n > .v-card__title {\n font-size: 18px;\n text-align: center;\n width: 100%;\n padding: 24px 24px 0;\n }\n > .v-card__text {\n padding-top: 24px;\n }\n > .v-card__actions {\n padding-left: 24px;\n padding-right: 24px;\n }\n }\n}\n.theme--light.v-text-field > .v-input__control > .v-input__slot:before {\n border-color: #d2d2d2;\n}\n.theme--light .v-main {\n background-color: #f2f5f8;\n}\n.v-data-table > .v-data-table__wrapper tbody {\n tr:first-child:hover td:first-child {\n border-top-left-radius: 0px;\n }\n tr:first-child:hover td:last-child {\n border-top-right-radius: 0px;\n }\n}\n.v-text-field.v-text-field--solo:not(.v-text-field--solo-flat)\n > .v-input__control\n > .v-input__slot {\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);\n}\n.v-select:not(.v-select--is-multiple) {\n .v-chip {\n cursor: pointer;\n &:hover::before {\n opacity: 0;\n }\n }\n}\n.v-card {\n &.heading-margin {\n margin-top: #{$card-heading-margin};\n &.fill-height {\n height: calc(100% - #{$card-heading-margin});\n }\n }\n &.v-sheet:not(.v-sheet--outlined, .v-card--flat, [class*=' elevation-']) {\n box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14) !important;\n }\n}\n.v-application .d-contents {\n display: contents !important;\n}\nhtml {\n overflow-y: overlay;\n}\n.v-head-card__content {\n > .echarts {\n margin-top: -30px;\n height: calc(100% + 30px);\n min-height: 50px;\n }\n .v-data-table:not(.v-data-table--dense) {\n > .v-data-table__wrapper {\n max-height: calc(\n 100vh - 170px - (#{$app-bar-height} + #{$footer-height})\n );\n }\n }\n}\n.v-data-table__wrapper {\n overflow: overlay;\n}\n.v-data-table--fixed-header {\n > .v-data-table__wrapper {\n overflow-y: overlay;\n }\n}\n.v-menu__content {\n overflow-y: overlay;\n}\n.v-data-table--dense {\n .v-skeleton-loader__table-cell {\n height: 32px;\n width: 54px;\n }\n}\n.v-data-footer {\n padding-left: 0;\n}\n\n.v-application--is-ltr .v-data-table--fixed-header .v-data-footer {\n margin-right: 0;\n}\n\n.v-app-bar {\n .v-breadcrumbs {\n flex-wrap: nowrap;\n padding-left: 2px;\n padding-right: 2px;\n li {\n white-space: nowrap;\n transition-duration: 0.6s !important;\n &:nth-child(even) {\n padding: 0 0px;\n }\n &::before {\n float: left;\n padding: 0 12px;\n color: rgba(122, 122, 122, 0.5);\n content: '/';\n }\n }\n }\n}\n\n.v-icon__component {\n fill: currentColor;\n}\n\n.v-form {\n display: contents;\n}\n\n.v-icon svg {\n height: 1em;\n width: auto;\n}\n\nhtml.dark {\n color-scheme: dark;\n}\n" }, { "path": "src/assets/styles/_scrollbar.scss", "content": "::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n\n::-webkit-scrollbar-thumb {\n background-color: rgba(149, 149, 149, 0.4);\n background-clip: content-box;\n min-height: 28px;\n border: 2px solid transparent;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background-color: rgba(149, 149, 149, 0.4);\n border: 1px solid transparent;\n border-radius: 4px;\n}\n" }, { "path": "src/assets/styles/_utils.scss", "content": ".svg-up {\n transform: rotate(0deg);\n}\n\n.svg-right {\n transform: rotate(90deg);\n}\n\n.svg-down {\n transform: rotate(180deg);\n}\n\n.svg-left {\n transform: rotate(-90deg);\n}\n" }, { "path": "src/assets/styles/index.scss", "content": "@import 'scrollbar';\n@import 'utils';\n@import 'overrides';\n" }, { "path": "src/assets/styles/variables.scss", "content": "$footer-height: 30px;\n$app-bar-height: 60px;\n$card-heading-margin: 10px;\n" }, { "path": "src/assets/styles/vuetify-variables.scss", "content": "$grid-breakpoints: (\n 'xs': 0,\n 'sm': 600px,\n 'md': 960px,\n 'lg': 1280px - 0px,\n 'xl': 1920px - 0px,\n);\n" }, { "path": "src/auto-imports.d.ts", "content": "/* eslint-disable */\n/* prettier-ignore */\n// @ts-nocheck\n// noinspection JSUnusedGlobalSymbols\n// Generated by unplugin-auto-import\n// biome-ignore lint: disable\nexport {}\ndeclare global {\n const EffectScope: typeof import('vue')['EffectScope']\n const Message: typeof import('./stores/message')['Message']\n const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']\n const computed: typeof import('vue')['computed']\n const createApp: typeof import('vue')['createApp']\n const createPinia: typeof import('pinia')['createPinia']\n const customRef: typeof import('vue')['customRef']\n const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']\n const defineComponent: typeof import('vue')['defineComponent']\n const defineStore: typeof import('pinia')['defineStore']\n const effectScope: typeof import('vue')['effectScope']\n const getActivePinia: typeof import('pinia')['getActivePinia']\n const getCurrentInstance: typeof import('vue')['getCurrentInstance']\n const getCurrentScope: typeof import('vue')['getCurrentScope']\n const h: typeof import('vue')['h']\n const inject: typeof import('vue')['inject']\n const isProxy: typeof import('vue')['isProxy']\n const isReactive: typeof import('vue')['isReactive']\n const isReadonly: typeof import('vue')['isReadonly']\n const isRef: typeof import('vue')['isRef']\n const mapActions: typeof import('pinia')['mapActions']\n const mapGetters: typeof import('pinia')['mapGetters']\n const mapState: typeof import('pinia')['mapState']\n const mapStores: typeof import('pinia')['mapStores']\n const mapWritableState: typeof import('pinia')['mapWritableState']\n const markRaw: typeof import('vue')['markRaw']\n const nextTick: typeof import('vue')['nextTick']\n const onActivated: typeof import('vue')['onActivated']\n const onBeforeMount: typeof import('vue')['onBeforeMount']\n const onBeforeRouteLeave: typeof import('vue-router/composables')['onBeforeRouteLeave']\n const onBeforeRouteUpdate: typeof import('vue-router/composables')['onBeforeRouteUpdate']\n const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']\n const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']\n const onDeactivated: typeof import('vue')['onDeactivated']\n const onErrorCaptured: typeof import('vue')['onErrorCaptured']\n const onMounted: typeof import('vue')['onMounted']\n const onRenderTracked: typeof import('vue')['onRenderTracked']\n const onRenderTriggered: typeof import('vue')['onRenderTriggered']\n const onScopeDispose: typeof import('vue')['onScopeDispose']\n const onServerPrefetch: typeof import('vue')['onServerPrefetch']\n const onUnmounted: typeof import('vue')['onUnmounted']\n const onUpdated: typeof import('vue')['onUpdated']\n const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']\n const provide: typeof import('vue')['provide']\n const reactive: typeof import('vue')['reactive']\n const readonly: typeof import('vue')['readonly']\n const ref: typeof import('vue')['ref']\n const resolveComponent: typeof import('vue')['resolveComponent']\n const setActivePinia: typeof import('pinia')['setActivePinia']\n const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']\n const shallowReactive: typeof import('vue')['shallowReactive']\n const shallowReadonly: typeof import('vue')['shallowReadonly']\n const shallowRef: typeof import('vue')['shallowRef']\n const storeToRefs: typeof import('pinia')['storeToRefs']\n const toRaw: typeof import('vue')['toRaw']\n const toRef: typeof import('vue')['toRef']\n const toRefs: typeof import('vue')['toRefs']\n const toValue: typeof import('vue')['toValue']\n const triggerRef: typeof import('vue')['triggerRef']\n const unref: typeof import('vue')['unref']\n const useAppStore: typeof import('./stores/app')['useAppStore']\n const useAttrs: typeof import('vue')['useAttrs']\n const useCssModule: typeof import('vue')['useCssModule']\n const useCssVars: typeof import('vue')['useCssVars']\n const useI18n: typeof import('vue-i18n-bridge')['useI18n']\n const useId: typeof import('vue')['useId']\n const useLink: typeof import('vue-router/composables')['useLink']\n const useMessageStore: typeof import('./stores/message')['useMessageStore']\n const useModel: typeof import('vue')['useModel']\n const useRoute: typeof import('vue-router/composables')['useRoute']\n const useRouter: typeof import('vue-router/composables')['useRouter']\n const useSlots: typeof import('vue')['useSlots']\n const useTemplateRef: typeof import('vue')['useTemplateRef']\n const useUserStore: typeof import('./stores/user')['useUserStore']\n const watch: typeof import('vue')['watch']\n const watchEffect: typeof import('vue')['watchEffect']\n const watchPostEffect: typeof import('vue')['watchPostEffect']\n const watchSyncEffect: typeof import('vue')['watchSyncEffect']\n}\n// for type re-export\ndeclare global {\n // @ts-ignore\n export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'\n import('vue')\n}\n" }, { "path": "src/components/DialogConfirm.vue", "content": "\n\n\n" }, { "path": "src/components/StatsCard.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/VHeadCard.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/demo-charts/ChartBar.vue", "content": "\n\n\n" }, { "path": "src/components/demo-charts/ChartLine.vue", "content": "\n\n\n" }, { "path": "src/components/demo-charts/ChartPie.vue", "content": "\n\n\n" }, { "path": "src/components/demo-charts/ChartRadar.vue", "content": "\n\n\n" }, { "path": "src/components/layout/AppBar.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/layout/AppBreadcrumbs.vue", "content": "\n\n\n" }, { "path": "src/components/layout/AppDrawer.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/layout/AppDrawerItem.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/layout/AppFooter.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/layout/AppMessage.vue", "content": "\n\n\n\n\n\n\nzh:\n noNew: 没有新的通知\n clearAll: 清除所有通知\nen:\n noNew: No New Notifications\n clearAll: Clear All Notifications\n\n" }, { "path": "src/components/layout/AppMessageItem.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/layout/AppView.vue", "content": "\n\n\n" }, { "path": "src/components/layout/ButtonFullScreen.vue", "content": "\n\n\n" }, { "path": "src/components/layout/ButtonLocale.vue", "content": "\n\n\n" }, { "path": "src/components/layout/ButtonSettings.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/layout/ButtonUser.vue", "content": "\n\n" }, { "path": "src/components/layout/RouterWrapper.vue", "content": "\n\n\n\n\n" }, { "path": "src/components.d.ts", "content": "import type { DefineComponent } from 'vue'\n\ndeclare module 'vue' {\n export interface GlobalComponents {\n VChart: (typeof import('vue-echarts'))['default']\n VHeadCard: (typeof import('@/components/VHeadCard.vue'))['default']\n RouterView: (typeof import('vue-router'))['RouterView']\n RouterLink: (typeof import('vue-router'))['RouterLink']\n Portal: DefineComponent<{\n disabled?: boolean\n name?: string\n order?: number\n slim?: boolean\n slotProps?: any\n tag?: string\n to: string\n }>\n PortalTarget: DefineComponent<{\n multiple?: boolean\n name: string\n slim?: boolean\n slotProps?: any\n tag?: string\n transition?: boolean | string | object\n }>\n }\n}\n\nexport {}\n" }, { "path": "src/composables/useVuetify.ts", "content": "import type { VuetifyParsedTheme } from 'vuetify/types/services/theme'\n\nexport function useVuetify() {\n const instance = getCurrentInstance()\n if (!instance) {\n throw new Error(`useVuetify should be called in setup().`)\n }\n return instance.proxy.$vuetify\n}\n\nexport function useParsedTheme() {\n // parsedTheme is only for internal usage and not typed in vuetify\n return (useVuetify().theme as any).parsedTheme as VuetifyParsedTheme\n}\n" }, { "path": "src/env.d.ts", "content": "/// \n/// \n/// \n/// \n\ninterface ImportMetaEnv {\n readonly VITE_API_URL: string\n readonly VITE_MOCK: string\n}\n\ninterface ImportMeta {\n readonly env: ImportMetaEnv\n}\n" }, { "path": "src/layouts/default.vue", "content": "\n\n\n" }, { "path": "src/layouts/empty.vue", "content": "\n" }, { "path": "src/locales/en.json", "content": "{\n \"homepage\": \"Homepage\",\n \"fullscreen\": \"Fullscreen\",\n \"userManagement\": \"User Management\",\n \"userDetail\": \"User Detail\",\n \"dashboard\": \"Dashboard\",\n \"username\": \"Username\",\n \"name\": \"Name\",\n \"user\": \"User\",\n \"password\": \"Password\",\n \"resetPassword\": \"Reset Password\",\n \"language\": \"Language\",\n \"login\": \"Login\",\n \"logout\": \"Logout\",\n \"email\": \"Email\",\n \"group\": \"Group\",\n \"joinDate\": \"Joining Date\",\n \"actions\": \"Actions\",\n \"edit\": \"Edit\",\n \"delete\": \"Delete\",\n \"deleted\": \"Deleted\",\n \"submit\": \"Submit\",\n \"listOf\": \"{0} List\",\n \"userLogin\": \"@:user @:login\",\n \"pleaseEnter\": \"Please enter {0}\",\n \"lengthOf\": \"{0} length\",\n \"form\": {\n \"LTE\": \"{input} must be less than or equal to {limit}\",\n \"LT\": \"{input} must be less than {limit}\",\n \"GTE\": \"{input} must be greater than or equal to {limit}\",\n \"GT\": \"{input} must be greater than {limit}\"\n },\n \"darkMode\": \"Dark Mode\",\n \"drawerBackground\": \"Drawer Background\",\n \"image\": \"Image\",\n \"interfaceSettings\": \"Interface Settings\",\n \"notification\": \"Notifications\",\n \"confirm\": \"Confirm\",\n \"cancel\": \"Cancel\",\n \"themeColor\": \"Theme Color\",\n \"documentation\": \"Documentation\",\n \"nestedRoutes\": \"Nested Routes\"\n}\n" }, { "path": "src/locales/zh.json", "content": "{\n \"homepage\": \"主页\",\n \"fullscreen\": \"全屏\",\n \"userManagement\": \"用户管理\",\n \"userDetail\": \"用户详情\",\n \"dashboard\": \"仪表板\",\n \"username\": \"用户名\",\n \"user\": \"用户\",\n \"group\": \"用户组\",\n \"actions\": \"动作\",\n \"joinDate\": \"注册时间\",\n \"submit\": \"提交\",\n \"edit\": \"编辑\",\n \"delete\": \"删除\",\n \"deleted\": \"已删除\",\n \"name\": \"姓名\",\n \"password\": \"密码\",\n \"resetPassword\": \"重置密码\",\n \"language\": \"语言\",\n \"login\": \"登录\",\n \"logout\": \"注销\",\n \"email\": \"邮箱\",\n \"listOf\": \"{0}列表\",\n \"userLogin\": \"@:user@:login\",\n \"pleaseEnter\": \"请填写{0}\",\n \"lengthOf\": \"{0}长度\",\n \"form\": {\n \"LTE\": \"{input}必须小于等于{limit}\",\n \"LT\": \"{input}必须小于{limit}\",\n \"GTE\": \"{input}必须大于等于{limit}\",\n \"GT\": \"{input}必须大于{limit}\"\n },\n \"image\": \"图片\",\n \"drawerBackground\": \"侧边栏背景\",\n \"notification\": \"通知\",\n \"darkMode\": \"暗模式\",\n \"interfaceSettings\": \"界面设置\",\n \"themeColor\": \"主题色\",\n \"confirm\": \"确认\",\n \"cancel\": \"取消\",\n \"hide\": \"隐藏\",\n \"documentation\": \"文档\",\n \"nestedRoutes\": \"嵌套路由\"\n}\n" }, { "path": "src/main.ts", "content": "import Vue from 'vue'\nimport App from './App.vue'\nimport '@/assets/styles/index.scss'\nimport { filename } from './utils/string'\nimport type { InstallPlugin } from './utils/types'\n\nVue.config.productionTip = false\nif (import.meta.env.VITE_MOCK) {\n ;(await import('./mocks')).worker.start({\n onUnhandledRequest: 'bypass',\n })\n}\n\nconst app = new Vue({\n ...Object.fromEntries(\n Object.entries(\n import.meta.glob<{ install: InstallPlugin }>('./plugins/*.ts', {\n eager: true,\n }),\n )\n .map(([k, v]) => [filename(k), v.install?.(Vue)] as [string, any])\n .filter((entry) => entry[1]),\n ),\n render: (h) => h(App),\n})\napp.$mount('#app')\n" }, { "path": "src/mocks/index.ts", "content": "import { setupWorker } from 'msw/browser'\nimport { http } from 'msw'\n\nconst baseURL =\n import.meta.env.VITE_API_URL ||\n `${window.location.protocol}//${window.location.hostname}:9529/api/v1`\nconst url = (path: string) => {\n return baseURL + path\n}\n\nconst groups = [\n { id: 1, name: 'admin' },\n { id: 2, name: 'staff' },\n]\n\nconst users = [\n {\n id: 1,\n groups: [1],\n username: 'kingyue737',\n name: 'Yue JIN',\n email: 'yuejin13@fudan.edu.cn',\n joinDate: '2021-11-08T07:35:09.709Z',\n },\n {\n id: 2,\n groups: [1],\n username: 'lodgepole',\n name: 'Ada Zhang',\n email: '',\n joinDate: '2021-04-08T23:45:09.709Z',\n },\n {\n id: 3,\n groups: [2],\n username: 'fuant',\n name: 'Antony Fu',\n joinDate: '2022-07-08T21:32:00.709Z',\n },\n {\n id: 4,\n groups: [2],\n name: 'Ivan You',\n username: 'xiaoyouyou',\n joinDate: '2022-07-08T12:35:09.709Z',\n },\n {\n id: 5,\n groups: [2],\n name: 'Johnny Leider',\n username: 'johnnyleider',\n joinDate: '2022-01-21T12:35:09.709Z',\n },\n]\n\nexport const worker = setupWorker(\n http.get(url('/users/:id'), async ({ request }) => {\n return Response.json({ id: 99, groups: [1] })\n }),\n http.get(url('/users'), async ({ request }) => {\n return Response.json(users)\n }),\n http.delete(url('/users/:id'), ({ params }) => {\n users.splice(users.map((x) => x.id).indexOf(Number(params.id)), 1)\n return new Response(null, { status: 204 })\n }),\n http.post(url('/auth/access-token'), async () => {\n return Response.json({\n accessToken: 'admin',\n refreshToken: 'admin',\n })\n }),\n http.get(url('/groups'), async () => {\n return Response.json(groups)\n }),\n http.get(url('/groups/:id'), async ({ params }) => {\n return Response.json(groups.find((g) => g.id === Number(params.id)))\n }),\n)\n" }, { "path": "src/pages/[...all].vue", "content": "\n\n\n\n\n" }, { "path": "src/pages/__tests__/login.spec.ts", "content": "import LoginPage from '../login.vue'\nimport { fireEvent } from '@testing-library/vue'\nimport { renderWithVuetify } from '@/../test/helpers'\n\ndescribe('login page', () => {\n it('login correctly', async () => {\n const { getByText, getByLabelText } = renderWithVuetify(LoginPage)\n getByText('User Login')\n const userInput = getByLabelText('Username')\n await fireEvent.update(userInput, 'admin')\n\n const passwordInput = getByLabelText('Password')\n await fireEvent.update(passwordInput, 'admin123')\n\n const button = getByText('Login')\n await fireEvent.click(button)\n\n const store = useUserStore()\n expect(store.login).toBeCalledWith('admin', 'admin123')\n })\n})\n" }, { "path": "src/pages/dashboard.vue", "content": "\n\n\n\n\n\n\n{\n \"meta\": {\n \"title\": \"dashboard\",\n \"icon\": \"mdi-monitor-dashboard\",\n \"drawerIndex\": 1\n }\n}\n\n" }, { "path": "src/pages/homepage.vue", "content": "\n\n\n\n\n\n\n{\n \"meta\": {\n \"title\": \"homepage\",\n \"icon\": \"mdi-home\",\n \"drawerIndex\": 0\n }\n}\n\n\n\nen:\n description: Opinionated Admin Starter Template\n inputLabel: What's your name?\n warnMessage: How dare you refuse me, {0}!\nzh:\n description: 固执己见的后台项目模板\n inputLabel: 你的名字?\n warnMessage: 你胆敢拒绝我, {0}!\n\n" }, { "path": "src/pages/index.vue", "content": "\n\n{\n \"redirect\": \"homepage\"\n}\n\n" }, { "path": "src/pages/login.vue", "content": "\n\n\n\n\n\n\nmeta:\n layout: empty\n\n" }, { "path": "src/pages/nested/menu1.vue", "content": "\n\n\n{\n \"meta\": {\n \"title\": \"Menu 1\",\n \"icon\": \"mdi-animation\"\n }\n}\n\n" }, { "path": "src/pages/nested/menu2/menu2-1.vue", "content": "\n\n\n{\n \"meta\": {\n \"title\": \"Menu 2-1\",\n \"icon\": \"mdi-animation\"\n }\n}\n\n" }, { "path": "src/pages/nested/menu2/menu2-2.vue", "content": "\n\n\n{\n \"meta\": {\n \"title\": \"Menu 2-2\",\n \"icon\": \"mdi-animation\"\n }\n}\n\n" }, { "path": "src/pages/nested/menu2.vue", "content": "\n\n\n{\n \"meta\": {\n \"title\": \"Menu 2\",\n \"icon\": \"mdi-view-list\"\n }\n}\n\n" }, { "path": "src/pages/nested.vue", "content": "\n\n\n\n{\n \"meta\": {\n \"title\": \"nestedRoutes\",\n \"icon\": \"mdi-view-list\",\n \"breadcrumb\": \"disabled\"\n }\n}\n\n" }, { "path": "src/pages/reset-password.vue", "content": "\n\n\n\n\n{\n \"en\": {\n \"passwordUpdated\": \"Password Updated\",\n \"currentPassword\": \"Current Password\",\n \"confirmPassword\": \"Confirm Password\",\n \"newPassword\": \"New Password\",\n \"notEqualErr\": \"Must be the same as New Password\"\n },\n \"zh\": {\n \"passwordUpdated\": \"密码已更新\",\n \"currentPassword\": \"当前密码\",\n \"confirmPassword\": \"确认密码\",\n \"newPassword\": \"新密码\",\n \"notEqualErr\": \"与新密码不匹配，请重新输入\"\n }\n}\n\n" }, { "path": "src/pages/user-manage/[id].vue", "content": "\n\n\n\n\n\n\n{ \"meta\": { \"title\": \"userDetail\", \"breadcrumb\": \"disabled\" } }\n\n" }, { "path": "src/pages/user-manage/index.vue", "content": "\n\n\n\n\n{ \"meta\": { \"icon\": \"XXX\" } }\n\n\n\n{\n \"en\": {\n \"confirmMsg\": \"Are you sure to delete this user?\"\n },\n \"zh\": {\n \"confirmMsg\": \"你确定要删除此用户吗？\"\n }\n}\n\n" }, { "path": "src/pages/user-manage.vue", "content": "\n\n\n\n\n{\n \"meta\": {\n \"title\": \"userManagement\",\n \"icon\": \"mdi-account-group\",\n \"roles\": [\"admin\"],\n \"drawerGroup\": \"admin\",\n \"dataCy\": \"userManage\"\n }\n}\n\n" }, { "path": "src/plugins/README.md", "content": "## Plugins\n\nA custom user plugin system. Place a `.ts` file with the following template, it will be installed automatically.\n\n```ts\nimport type { InstallPlugin } from '@/utils/types'\n\nexport const install: InstallPlugin = (vue) => {\n // do something\n}\n```\n" }, { "path": "src/plugins/components.ts", "content": "import VChart from 'vue-echarts'\nimport VHeadCard from '@/components/VHeadCard.vue'\nimport type { InstallPlugin } from '@/utils/types'\n\nexport const install: InstallPlugin = (vue) => {\n vue.component('VHeadCard', VHeadCard)\n vue.component('VChart', VChart)\n}\n" }, { "path": "src/plugins/echarts.ts", "content": "import * as echarts from 'echarts/core'\n\nimport {\n LineChart,\n type LineSeriesOption,\n BarChart,\n type BarSeriesOption,\n EffectScatterChart,\n type EffectScatterSeriesOption,\n ScatterChart,\n type ScatterSeriesOption,\n PieChart,\n type PieSeriesOption,\n RadarChart,\n type RadarSeriesOption,\n} from 'echarts/charts'\nimport { CanvasRenderer } from 'echarts/renderers'\nimport {\n DataZoomComponent,\n type DataZoomComponentOption,\n LegendComponent,\n type LegendComponentOption,\n TooltipComponent,\n type TooltipComponentOption,\n ToolboxComponent,\n type ToolboxComponentOption,\n GridComponent,\n type GridComponentOption,\n TitleComponent,\n type TitleComponentOption,\n MarkPointComponent,\n type MarkPointComponentOption,\n DatasetComponent,\n type DatasetComponentOption,\n VisualMapComponent,\n type VisualMapComponentOption,\n} from 'echarts/components'\n\necharts.use([\n LineChart,\n BarChart,\n PieChart,\n RadarChart,\n EffectScatterChart,\n ScatterChart,\n CanvasRenderer,\n DataZoomComponent,\n LegendComponent,\n TooltipComponent,\n ToolboxComponent,\n GridComponent,\n TitleComponent,\n MarkPointComponent,\n DatasetComponent,\n VisualMapComponent,\n])\n\nexport type ECOption = echarts.ComposeOption<\n | LineSeriesOption\n | BarSeriesOption\n | PieSeriesOption\n | RadarSeriesOption\n | EffectScatterSeriesOption\n | ScatterSeriesOption\n | DataZoomComponentOption\n | LegendComponentOption\n | TooltipComponentOption\n | ToolboxComponentOption\n | GridComponentOption\n | TitleComponentOption\n | MarkPointComponentOption\n | DatasetComponentOption\n | VisualMapComponentOption\n>\n\nexport default echarts\n" }, { "path": "src/plugins/i18n.ts", "content": "import VueI18n from 'vue-i18n'\nimport { castToVueI18n, createI18n } from 'vue-i18n-bridge'\n\nimport en from '@/locales/en.json'\nimport zh from '@/locales/zh.json'\nimport type { InstallPlugin } from '@/utils/types'\n\nexport const install: InstallPlugin = (vue) => {\n vue.use(VueI18n, { bridge: true })\n\n const i18n = castToVueI18n(\n createI18n(\n {\n legacy: false,\n locale: 'en',\n messages: { zh, en },\n missingWarn: false,\n fallbackWarn: false,\n },\n VueI18n,\n ),\n )\n vue.use(i18n)\n return i18n\n}\n" }, { "path": "src/plugins/pinia.ts", "content": "import { createPinia, PiniaVuePlugin } from 'pinia'\nimport type { InstallPlugin } from '@/utils/types'\n\nexport const install: InstallPlugin = (vue) => {\n vue.use(PiniaVuePlugin)\n return createPinia()\n}\n" }, { "path": "src/plugins/portal-vue.ts", "content": "/* Replace this component by Vue 3 built-in Teleport in the future */\nimport PortalVue from 'portal-vue'\nimport type { InstallPlugin } from '@/utils/types'\n\nexport const install: InstallPlugin = (vue) => {\n vue.use(PortalVue)\n}\n" }, { "path": "src/plugins/router.ts", "content": "import Router from 'vue-router'\nimport { setupLayouts } from 'virtual:generated-layouts'\nimport generatedRoutes from '~pages'\nimport { isPermitted } from '@/utils/permission'\nimport type { InstallPlugin } from '@/utils/types'\n\nexport const routes = setupLayouts(generatedRoutes)\n\nexport const install: InstallPlugin = (vue) => {\n vue.use(Router)\n\n const router = new Router({\n mode: 'history',\n routes,\n })\n\n router.beforeEach(async (to, from, next) => {\n const userStore = useUserStore()\n // Determine whether the user has logged in\n if (userStore.token) {\n if (to.path === '/login') {\n // If is logged in, redirect to the home page\n next({ path: '/' })\n } else {\n // Check whether the user has obtained his permission roles\n if (userStore.roles.length === 0) {\n try {\n await userStore.getUserInfo()\n } catch (e) {\n // Remove token and redirect to login page\n userStore.logOut()\n Message.error(e)\n next('/login')\n return\n }\n }\n if (!to.meta?.roles || isPermitted(to.meta.roles)) {\n next()\n return\n }\n // Redirect to 404 error page if not permitted\n next({ name: 'all' })\n }\n } else {\n if (to.path === '/login') {\n next()\n } else {\n next('/login')\n }\n }\n })\n\n return router\n}\n" }, { "path": "src/plugins/vuetify.ts", "content": "import Vuetify from 'vuetify/lib'\nimport type { VuetifyParsedTheme } from 'vuetify/types/services/theme'\nimport { Ripple, Resize, Scroll } from 'vuetify/lib/directives'\nimport { useDark } from '@vueuse/core'\nimport en from 'vuetify/lib/locale/en'\nimport zh from 'vuetify/lib/locale/zh-Hans'\nimport type { InstallPlugin } from '@/utils/types'\nimport { filename } from '@/utils/string'\nimport type { Component } from 'vue'\n\nconst svgIcons = Object.fromEntries(\n Object.entries(\n import.meta.glob('@/assets/icons/*.svg', {\n eager: true,\n import: 'default',\n }),\n ).map(([k, v]) => [filename(k), { component: v }]),\n)\nconst theme = {\n primary: localStorage.getItem('theme-primary') || '#3f51b5',\n secondary: '#03A9F4',\n accent: '#9C27b0',\n info: '#00CAE3',\n}\n\nexport const install: InstallPlugin = (vue) => {\n vue.use(Vuetify, {\n directives: {\n Ripple,\n Resize,\n Scroll,\n },\n })\n return new Vuetify({\n lang: {\n locales: { zh, en },\n current: 'en',\n },\n theme: {\n dark: useDark().value,\n themes: {\n dark: theme,\n light: theme,\n },\n options: {\n themeCache: {\n // https://vuetifyjs.com/features/theme/#section-30ad30e330c330b730e5\n get: (key: VuetifyParsedTheme) => {\n return localStorage.getItem(`parsed-theme-${key.primary.base}`)\n },\n set: (key: VuetifyParsedTheme, value: string) => {\n localStorage.setItem(`parsed-theme-${key.primary.base}`, value)\n },\n },\n customProperties: true,\n },\n },\n icons: {\n iconfont: 'mdiSvg',\n values: {\n ...svgIcons,\n },\n },\n breakpoint: {\n thresholds: {\n xs: 600,\n sm: 960,\n md: 1280,\n lg: 1920,\n },\n mobileBreakpoint: 'sm',\n scrollBarWidth: 0,\n },\n })\n}\n" }, { "path": "src/route-meta.d.ts", "content": "export {}\n\nimport 'vue-router'\nimport type { RouteConfig } from 'vue-router'\nimport type { Role } from '@/api/users'\n\ndeclare module 'vue-router' {\n interface RouteMeta {\n /** Drawer item icon */\n icon?: string\n /** Groups will be separated by divider line in drawer */\n drawerGroup?: 'admin' | 'PUC'\n /** Determine the order of item in drawer */\n drawerIndex?: number\n /** Drawer item and breadcrumb text */\n title?: string\n /** Subtitle in drawer item */\n subtitle?: string\n /** Authorized user groups */\n roles?: Role[]\n /** For cypress location */\n dataCy?: string\n /** Hide this route in drawer if truthy */\n hidden?: boolean\n /** Default is enabled */\n breadcrumb?: 'hidden' | 'disabled'\n }\n type RouteRecordRaw = RouteConfig // shim plugins for vue-router v4\n}\n" }, { "path": "src/shims.d.ts", "content": "declare module 'vuetify/lib/locale/*' {\n import type { VuetifyLocale } from 'vuetify/types/services/lang'\n const locale: VuetifyLocale\n export default locale\n}\n" }, { "path": "src/stores/__tests__/message.spec.ts", "content": "describe('Message Store', () => {\n beforeEach(() => {\n // creates a fresh pinia and make it active so it's automatically picked\n // up by any useStore() call without having to pass it to it:\n // `useStore(pinia)`\n setActivePinia(createPinia())\n })\n\n it('Add and delete message', () => {\n const store = useMessageStore()\n store.addMessage('A message!')\n expect(store.messageCount).toBe(1)\n store.delMessage(0)\n expect(store.messages.length).toBe(0)\n })\n\n it('Message utils', () => {\n const store = useMessageStore()\n Message.error('Error message')\n const message = store.messages.at(-1)\n expect(message!.text).toBe('Error message')\n expect(message!.type).toBe('error')\n })\n})\n\nexport {}\n" }, { "path": "src/stores/app.ts", "content": "export const useAppStore = defineStore('app', {\n state: () => {\n return {\n drawer: true,\n drawerImage: '占位',\n drawerImageShow: true,\n }\n },\n})\n" }, { "path": "src/stores/message.ts", "content": "interface Message {\n show: boolean\n type: 'info' | 'error' | 'success' | 'warning'\n text: string\n time: Date\n id: number\n}\n\nexport const useMessageStore = defineStore('message', {\n state: () => {\n const messages: Message[] = []\n return {\n messages,\n messageCount: 0,\n }\n },\n actions: {\n addMessage(text: string, type: Message['type'] = 'info') {\n this.messages.push({\n id: this.messageCount++,\n text: text,\n type: type,\n time: new Date(),\n show: true,\n })\n },\n delMessage(id: number) {\n const index = this.messages.findIndex((m) => m.id === id)\n if (index !== -1) {\n this.messages.splice(index, 1)\n }\n },\n },\n})\n\nexport const Message = {\n info: (text: string) => useMessageStore().addMessage(text, 'info'),\n success: (text: string) => useMessageStore().addMessage(text, 'success'),\n warning: (text: string) => useMessageStore().addMessage(text, 'warning'),\n error: (val: any) => {\n let text = ''\n if (typeof val === 'string') {\n text = val\n } else if (val instanceof Error) {\n text = val.message\n } else {\n text = JSON.stringify(val)\n }\n useMessageStore().addMessage(text, 'error')\n },\n}\n" }, { "path": "src/stores/user.ts", "content": "import {\n getToken,\n getUser,\n refreshToken,\n getGroup,\n type Role,\n} from '@/api/users'\n\nexport const useUserStore = defineStore('user', {\n state: () => {\n const roles: Role[] = []\n return {\n name: localStorage.getItem('username') || '',\n id: parseInt(localStorage.getItem('id') || '-1'),\n token: localStorage.getItem('access') || '',\n roles,\n }\n },\n actions: {\n async login(username: string, password: string) {\n const { data } = await getToken(username, password)\n Object.entries({\n access: data.accessToken,\n refresh: data.refreshToken,\n username,\n }).map(([k, v]: [string, string]) => localStorage.setItem(k, v))\n this.token = data.accessToken\n this.name = username\n await this.getUserInfo()\n useMessageStore().$reset()\n },\n async getUserInfo() {\n const { data: user } = await getUser(this.id)\n const { groups } = user\n // roles must be a non-empty array\n if (!groups || groups.length <= 0) {\n throw Error('getUserInfo: roles must be a non-null array!')\n }\n const roles: Role[] = []\n for (const id of groups) {\n roles.push((await getGroup(id)).data.name)\n }\n this.roles = roles\n localStorage.setItem('id', user.id.toString())\n this.id = user.id\n },\n logOut() {\n ;['access', 'refresh', 'username'].forEach((k) =>\n localStorage.removeItem(k),\n )\n this.$reset()\n },\n async refreshToken() {\n const response = await refreshToken(localStorage.getItem('refresh')!)\n localStorage.setItem('access', response.data.accessToken)\n localStorage.setItem('fresh', response.data.refreshToken)\n this.token = response.data.accessToken\n return response\n },\n },\n})\n" }, { "path": "src/utils/date.ts", "content": "const utcOffset = new Date().getTimezoneOffset() * 60000\n\nfunction localeISOString(d?: Date | string | number): string {\n return new Date((d ? new Date(d) : new Date()).getTime() - utcOffset)\n .toISOString()\n .slice(0, -1)\n}\n\nexport function localeISODateString(d?: Date | string | number): string {\n return localeISOString(d).slice(0, 10)\n}\n\n/**\n * @param t1 - minuend\n * @param t2 - subtrahend\n * @return t1 - t2\n */\nexport function deltaTime(t1: string | Date, t2: string | Date) {\n return new Date(t1).getTime() - new Date(t2).getTime()\n}\n\nexport function formatTime(time: string | Date) {\n return new Date(time).toLocaleString('zh-CN', { hour12: false })\n}\n" }, { "path": "src/utils/permission.ts", "content": "import type { Role } from '@/api/users'\n\nexport function isPermitted(\n allowedRoles: Role[],\n roles: Role[] = useUserStore().roles,\n): boolean {\n if (roles.some((role) => allowedRoles.includes(role))) {\n return true\n } else {\n for (const role of roles) {\n for (const allowRole of allowedRoles) {\n if (isSubGroup(allowRole, role)) {\n return true\n }\n }\n }\n }\n return false\n}\n\n/**\n * So far, we don't have two roles having intersection but no one is subset\n * of the other. All these roles form a chain like: A ∈ B ∈ C ∈ D. For example,\n * admin role has all authority of staff, staff have all authority of guest.\n *\n * If one day there are two roles A and B in a chain in this situation: A, B both have\n * authority of action 1, A has authority of action 2 but B, B is accessible to\n * action 3 but A, they would never form a chain, so the chain should be corrected.\n *\n * TODO: correct the chain if there is the situation above.\n * */\nconst rolesChain: {\n [k in Role]: number\n} = {\n superuser: 100,\n admin: 90,\n staff: 60,\n}\n\nexport function isSubGroup(role1: Role, role2: Role): boolean {\n return rolesChain[role2] >= rolesChain[role1]\n}\n" }, { "path": "src/utils/request.ts", "content": "import axios, { type AxiosError } from 'axios'\n\nconst service = axios.create({\n baseURL:\n import.meta.env.VITE_API_URL ||\n `${window.location.protocol}//${window.location.hostname}:9529/api/v1`,\n timeout: 5000,\n})\n\nconst errHandler = async (error: AxiosError) => {\n const response = error.response\n const userStore = useUserStore()\n if (response) {\n switch (response.status) {\n case 401:\n // TODO: refresh token according to your backend\n // if (userStore.token) {\n // return userStore.refreshToken().then((resp) => {\n // return service(error.response!.config)\n // })\n // }\n break\n }\n if (!response.headers['content-type']?.includes('text/html')) {\n throw response.data\n }\n }\n throw error\n}\n\n// Request interceptors\nservice.interceptors.request.use(\n async (config) => {\n // Add X-Access-Token header to every request, you can add other custom headers here\n const token = useUserStore().token\n if (token) {\n config.headers!.Authorization = `Bearer ${token}`\n }\n return config\n },\n // Add Error Handler Below\n)\n\n// Response interceptors\nservice.interceptors.response.use((response) => {\n return response\n}, errHandler)\n\nexport default service\n" }, { "path": "src/utils/string.ts", "content": "export function filename(path: string) {\n return path\n .split(/(\\\\|\\/)/g)\n .pop()!\n .replace(/\\.[^/.]+$/, '')\n}\n" }, { "path": "src/utils/types.ts", "content": "import type Vue from 'vue'\n\nexport type VForm = typeof Vue & {\n validate: () => boolean\n resetValidation: () => boolean\n reset: () => void\n}\n\nexport type InstallPlugin = (vue: typeof Vue) => any\n" }, { "path": "test/helpers.ts", "content": "import { createLocalVue, mount, shallowMount } from '@vue/test-utils'\nimport Vuetify from 'vuetify/lib'\nimport { PiniaVuePlugin } from 'pinia'\nimport { createTestingPinia } from '@pinia/testing'\nimport { render } from '@testing-library/vue'\nimport Router from 'vue-router'\nimport Vue from 'vue'\nimport { install as installI18n } from '@/plugins/i18n'\nimport { install as installComponents } from '@/plugins/components'\n\nexport function mountComposable(composable: () => T) {\n let result: T | undefined\n const app = new Vue({\n pinia: createTestingPinia(),\n setup() {\n result = composable()\n return () => {}\n },\n })\n Vue.use(PiniaVuePlugin)\n app.$mount(document.createElement('div'))\n\n return {\n composable: result!,\n vm: app,\n }\n}\n\nexport function createWrapper(\n component: Parameters[0],\n options: Parameters[1] = {},\n shallow = false,\n) {\n const localVue = createLocalVue()\n installComponents(localVue)\n const i18n = installI18n(localVue)\n const vuetify = new Vuetify()\n const mountOptions = { vuetify, localVue, i18n, ...options }\n if (!shallow) {\n return mount(component, mountOptions)\n } else {\n return shallowMount(component, mountOptions)\n }\n}\n\nexport function renderWithVuetify(\n component: Parameters[0],\n options: Parameters[1] = {},\n) {\n const root = document.createElement('div')\n root.setAttribute('data-app', 'true')\n return render(\n component,\n {\n container: document.body.appendChild(root),\n vuetify: new Vuetify(),\n pinia: createTestingPinia(),\n router: new Router(),\n stubs: ['Portal'],\n ...options,\n },\n (vue) => {\n installComponents(vue)\n const i18n = installI18n(vue)\n vue.use(PiniaVuePlugin)\n return { i18n }\n },\n )\n}\n" }, { "path": "test/vitest.setup.ts", "content": "import Vue from 'vue'\nVue.config.devtools = false\nVue.config.productionTip = false\n\n// import vuetify after suppressing devtools warning\nconst Vuetify = (await import('vuetify/lib')).default\n\nVue.use(Vuetify)\n\n// mock window.matchMedia which not implemented by jsdom\nObject.defineProperty(window, 'matchMedia', {\n writable: true,\n value: vi.fn().mockImplementation((query) => ({\n matches: false,\n media: query,\n onchange: null,\n addListener: vi.fn(), // deprecated\n removeListener: vi.fn(), // deprecated\n addEventListener: vi.fn(),\n removeEventListener: vi.fn(),\n dispatchEvent: vi.fn(),\n })),\n})\n" }, { "path": "tsconfig.app.json", "content": "{\n \"compilerOptions\": {\n \"baseUrl\": \"./\",\n \"target\": \"esnext\",\n \"useDefineForClassFields\": true,\n \"module\": \"esnext\",\n \"moduleResolution\": \"Bundler\",\n \"strict\": true,\n \"jsx\": \"preserve\",\n \"sourceMap\": true,\n \"resolveJsonModule\": true,\n \"esModuleInterop\": true,\n \"isolatedModules\": true,\n \"verbatimModuleSyntax\": true,\n \"forceConsistentCasingInFileNames\": true,\n \"noEmit\": true,\n \"composite\": true,\n \"tsBuildInfoFile\": \"./node_modules/.tmp/tsconfig.app.tsbuildinfo\",\n \"paths\": {\n \"@/*\": [\"src/*\"]\n },\n // No `ScriptHost` as dropping support for IE\n \"lib\": [\"esnext\", \"DOM\", \"DOM.iterable\"],\n \"types\": [],\n \"skipLibCheck\": true\n },\n \"vueCompilerOptions\": {\n \"target\": 2.7\n },\n \"include\": [\"src/**/*\", \"src/**/*.vue\"],\n \"exclude\": [\"src/**/__tests__/*\"]\n}\n" }, { "path": "tsconfig.cypress.json", "content": "{\n \"extends\": \"./tsconfig.app.json\",\n \"compilerOptions\": {\n \"isolatedModules\": false,\n \"types\": [\"cypress\"]\n },\n \"include\": [\"./cypress/**/*.ts\"],\n \"exclude\": []\n}\n" }, { "path": "tsconfig.json", "content": "{\n \"files\": [],\n \"references\": [\n {\n \"path\": \"./tsconfig.node.json\"\n },\n {\n \"path\": \"./tsconfig.vitest.json\"\n },\n {\n \"path\": \"./tsconfig.app.json\"\n },\n {\n \"path\": \"./tsconfig.cypress.json\"\n }\n ],\n \"ts-node\": {\n \"transpileOnly\": true,\n \"compilerOptions\": {\n \"module\": \"ESNext\",\n \"lib\": [\"es2023\"],\n \"target\": \"es2022\"\n }\n }\n}\n" }, { "path": "tsconfig.node.json", "content": "{\n \"extends\": \"./tsconfig.app.json\",\n \"include\": [\"vite.config.*\"],\n \"compilerOptions\": {\n \"composite\": true,\n \"tsBuildInfoFile\": \"./node_modules/.tmp/tsconfig.node.tsbuildinfo\",\n \"types\": [\"node\", \"vitest\"],\n \"lib\": []\n }\n}\n" }, { "path": "tsconfig.vitest.json", "content": "{\n \"extends\": \"./tsconfig.app.json\",\n \"include\": [\"./src/**/*\", \"env.d.ts\", \"./test/*\"],\n \"exclude\": [],\n \"compilerOptions\": {\n \"composite\": true,\n \"tsBuildInfoFile\": \"./node_modules/.tmp/tsconfig.vitest.tsbuildinfo\",\n \"types\": [\"node\", \"jsdom\", \"vitest/globals\"]\n }\n}\n" }, { "path": "vite.config.preview.ts", "content": "import { defineConfig } from 'vite'\n// The more plugins, the slower the startup of `vite preview`\n// this file is for instant preview with an empty config\nexport default defineConfig({\n preview: {},\n})\n" }, { "path": "vite.config.ts", "content": "import path from 'path'\nimport { defineConfig } from 'vite'\nimport vue2 from '@vitejs/plugin-vue2'\nimport legacy from '@vitejs/plugin-legacy'\nimport AutoImport from 'unplugin-auto-import/vite'\nimport Components from 'unplugin-vue-components/vite'\nimport { createSvgPlugin } from '@kingyue/vite-plugin-vue2-svg'\nimport Pages from 'vite-plugin-pages'\nimport Layouts from 'vite-plugin-vue-layouts'\nimport Inspect from 'vite-plugin-inspect'\nimport VueI18n from '@intlify/unplugin-vue-i18n/vite'\nimport browserslistToEsbuild from 'browserslist-to-esbuild'\nimport postcssPresetEnv from 'postcss-preset-env'\nimport regexpPlugin from 'rollup-plugin-regexp'\nimport * as mdicons from '@mdi/js'\nimport browserslist from 'browserslist'\n\nconst mdi: Record = {}\nObject.keys(mdicons).forEach((key) => {\n const value = (mdicons as Record)[key]\n mdi[\n key\n .replace(/([A-Z])/g, '-$1')\n .toLowerCase()\n .replace(/([0-9]+)/g, '-$1')\n ] = value\n})\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n build: { target: browserslistToEsbuild() },\n server: {\n port: 9527,\n },\n plugins: [\n regexpPlugin({\n exclude: ['node_modules/**'],\n find: /\\b(? {\n if (mdi[match]) {\n return mdi[match]\n } else {\n console.warn('[plugin-regexp] No matched svg icon for ' + match)\n return match\n }\n },\n sourcemap: false,\n }),\n vue2(),\n Pages(),\n Layouts(),\n legacy({\n modernPolyfills: true,\n renderLegacyChunks: false,\n modernTargets: browserslist.loadConfig({\n path: path.resolve(__dirname),\n }),\n }),\n Components({\n resolvers: [\n {\n type: 'component',\n resolve: (name) => {\n const blackList = ['VChart', 'VHeadCard']\n if (name.match(/^V[A-Z]/) && !blackList.includes(name))\n return { name, from: 'vuetify/lib' }\n },\n },\n ],\n dirs: [],\n dts: false,\n types: [],\n }),\n AutoImport({\n imports: [\n 'vue',\n 'pinia',\n 'vue-router/composables',\n { 'vue-i18n-bridge': ['useI18n'] },\n ],\n dts: 'src/auto-imports.d.ts',\n dirs: ['src/stores'],\n vueTemplate: false,\n }),\n createSvgPlugin({\n svgoConfig: {\n plugins: [\n 'cleanupEnableBackground',\n 'removeDoctype',\n 'removeMetadata',\n 'removeComments',\n 'removeXMLNS',\n 'removeXMLProcInst',\n 'sortDefsChildren',\n 'convertTransform',\n ],\n },\n }),\n VueI18n({\n runtimeOnly: false,\n compositionOnly: true,\n fullInstall: false,\n include: [path.resolve(__dirname, 'src/locales/**')],\n }),\n Inspect(),\n ],\n css: {\n devSourcemap: true,\n preprocessorMaxWorkers: true,\n // https://vitejs.dev/config/#css-preprocessoroptions\n preprocessorOptions: {\n sass: {\n additionalData: [\n // vuetify variable overrides\n '@import \"@/assets/styles/vuetify-variables.scss\"',\n '',\n ].join('\\n'),\n },\n },\n postcss: {\n plugins: [postcssPresetEnv({ stage: 3 })],\n },\n },\n resolve: {\n alias: {\n '@': path.resolve(__dirname, 'src'),\n 'vue-i18n-bridge':\n 'vue-i18n-bridge/dist/vue-i18n-bridge.runtime.esm-bundler.js',\n },\n },\n test: {\n globals: true,\n include: ['test/**/*.test.ts', 'src/**/__tests__/*'],\n environment: 'jsdom',\n setupFiles: ['./test/vitest.setup.ts'],\n onConsoleLog(log) {\n /* Suppress EOL warning from vue-i18n */\n if (log.startsWith('vue-i18n-bridge v10')) return false\n },\n },\n})\n" } ]