4.0 版本提交

Author: zhaojun1998

.editorConfig

@@ -0,0 +1,23 @@
+root = true
+
+# 匹配全部文件
+[*]
+# 设置字符集
+charset = utf-8
+# 缩进风格，可选 space、tab
+indent_style = tab
+# 缩进的空格数，当 indent_style = tab 将使用 tab_width
+# 否则使用 indent_size
+indent_size = 2
+tab_width = 2
+# 结尾换行符，可选 lf、cr、crlf
+end_of_line = crlf
+# 在文件结尾插入新行
+insert_final_newline = true
+# 删除一行中的前后空格
+trim_trailing_whitespace = true
+
+# 匹配 md 结尾的文件
+[*.md]
+insert_final_newline = false
+trim_trailing_whitespace = false

.env

@@ -0,0 +1,29 @@
+# 通用环境变量
+
+# 标题
+VITE_APP_TITLE = ZFile
+
+
+# markdown 渲染支持
+VITE_APP_MARKDOWN = true
+
+
+# 开发时 Inspect 调试支持
+VITE_APP_INSPECT = true
+
+
+# 生产时 mock 支持
+VITE_APP_MOCK_IN_PRODUCTION = false
+
+
+# 生产时压缩算法，可选 gzip, brotliCompress, deflate, deflateRaw
+VITE_APP_COMPRESSINON_ALGORITHM = gzip
+
+
+# api 自动按需引入
+# 注意设置关闭时，其他的 api 自动按需引入也将自动关闭
+VITE_APP_API_AUTO_IMPORT = true
+
+
+# 项目级 api 自动按需导入
+VITE_APP_DIR_API_AUTO_IMPORT = true

.env.development

@@ -0,0 +1,8 @@
+# 开发时环境变量
+
+# 标题
+# VITE_APP_TITLE = ZFile
+
+
+# 开发时 Inspect 调试支持
+# VITE_APP_Inspect = true

.env.production

@@ -0,0 +1,12 @@
+# 生产时环境变量
+
+# 标题
+# VITE_APP_TITLE = ZFile
+
+
+# 生产时 mock 支持
+# VITE_APP_MOCK_IN_PRODUCTION = false
+
+
+# 生产时压缩算法，可选 gzip, brotliCompress, deflate, deflateRaw
+# VITE_APP_COMPRESSINON_ALGORITHM = gzip

.eslintignore

@@ -0,0 +1,4 @@
+# 忽略 eslint 检查
+dist
+node_modules
+presets/types

.eslintrc.json

@@ -0,0 +1,32 @@
+{
+	"root": true, // 禁止接着往上找
+	"env": {
+		"node": true,
+		"es2021": true,
+		"browser": true // 浏览器
+	},
+	"parser": "vue-eslint-parser",
+	"parserOptions": {
+		"ecmaVersion": "latest",
+		"parser": "@typescript-eslint/parser",
+		"ecmaFeatures": {
+			"jsx": true // 启用 jsx
+		}
+	},
+	"plugins": ["prettier"],
+	"extends": [
+		"eslint:recommended", // 内置规则
+		"plugin:vue/vue3-recommended", // 支持 vue sfc
+		"prettier",
+		"./presets/eslint/.eslintrc-auto-import.json"
+	],
+	"rules": {
+		// 允许相同组件名
+		"vue/multi-word-component-names": "off",
+		// prettier 作为规则
+		"prettier/prettier": "error",
+		// 禁止使用 var，而应该用 let 或 const
+		"no-var": "error",
+		"global-require": 0
+	}
+}

.github/ISSUE_TEMPLATE.md

@@ -0,0 +1,55 @@
+---
+name: bug template
+about: 请提供系统详细信息
+---
+
+## 信息
+
+### nodejs 版本
+
+TODO
+
+
+(推荐使用 `v16` 以上)
+
+<br />
+
+
+### 包管理器及其版本 
+
+TODO
+
+
+(推荐使用 `pnpm`)
+
+
+<br />
+
+
+### 系统
+
+TODO
+
+(该项目开发环境系统为 `win11`)
+
+
+<br />
+<br />
+
+## bug
+
+### 描述
+
+TODO
+
+<br />
+
+### 预期结果
+
+TODO
+
+<br />
+
+### 最小测试仓库
+
+TODO

.gitignore

@@ -1,21 +1,3 @@
-.DS_Store
+dist
 node_modules
-/dist
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
+.eslintcache

.ide.alias.resovle.js

@@ -0,0 +1,9 @@
+const resolve = (dir) => require('path').join(__dirname, dir);
+module.exports = {
+    extensions: ['.js', '.json', '.vue', 'ts'],
+    resolve: {
+        alias: {
+            "~": resolve('src')
+        }
+    }
+};

.prettierignore

@@ -0,0 +1,3 @@
+dist
+node_modules
+presets/types

.prettierrc.json

@@ -0,0 +1,6 @@
+{
+	"semi": false,
+	"singleQuote": true,
+	"endOfLine": "auto"
+}
+

LICENSE

@@ -0,0 +1,16 @@
+MIT LICENSE
+
+Copyright (c) 2022 markthree
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+IN THE SOFTWARE.

README.md

@@ -1,14 +1,14 @@
 # Z-File
 
-此项目是一个在线文件目录的程序, 支持各种对象存储和本地存储, 使用定位是个人放常用工具下载, 或做公共的文件库. 不会向多账户方向开发.
+此仓库是 ZFile 4.0 前端 Vue 仓库, 使用技术为 Vue3、Pinia、VueRoute、Axios、Element Plus 等.
 
 预览地址: [http://zfile.vip](http://zfile.vip)
 后端代码: [https://github.com/zhaojun1998/zfile](https://github.com/zhaojun1998/zfile)
 
 ## 访问地址
 
-用户前台: http://127.0.0.1:8080/main
+用户前台: http://127.0.0.1:3000/
 
-初始安装: http://127.0.0.1:8080/install
+初始安装: http://127.0.0.1:3000/install
 
-管理后台: http://127.0.0.1:8080/admin
+管理后台: http://127.0.0.1:3000/admin

babel.config.js

@@ -0,0 +1,12 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/vue-next/pull/3399
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    Header: typeof import('./src/components/layout/Header.vue')['default']
+    SvgIcon: typeof import('./src/components/SvgIcon.vue')['default']
+  }
+}
+
+export { }

components.d.ts

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+    <script>
+        (function () {
+            const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
+            const setting = localStorage.getItem('vueuse-color-scheme') || 'auto'
+            if (setting === 'dark' || (prefersDark && setting !== 'light'))
+                document.documentElement.classList.toggle('dark', true)
+        })()
+    </script>
+</head>
+
+<body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>

index.html

@@ -0,0 +1,9 @@
+# English
+
+index: index
+about: about
+not-found: Notfound
+
+nesting:
+  sir: man
+  lady: lady

locales/en.yml

@@ -0,0 +1,9 @@
+# 中文
+
+index: 主页
+about: 关于
+not-found: 未找到页面
+
+nesting:
+  sir: 男人
+  lady: 女士

locales/zh-CN.yml

@@ -0,0 +1,42 @@
+import { MockMethod } from 'vite-plugin-mock'
+export default [
+	{
+		url: '/api/get',
+		method: 'get',
+		response: () => {
+			return {
+				code: 0,
+				data: {
+					name: 'vben',
+				},
+			}
+		},
+	},
+	{
+		url: '/api/post',
+		method: 'post',
+		timeout: 2000,
+		response: {
+			code: 0,
+			data: {
+				name: 'vben',
+			},
+		},
+	},
+	{
+		url: '/api/text',
+		method: 'post',
+		rawResponse: async (req, res) => {
+			let reqbody = ''
+			await new Promise((resolve) => {
+				req.on('data', (chunk) => {
+					reqbody += chunk
+				})
+				req.on('end', () => resolve(undefined))
+			})
+			res.setHeader('Content-Type', 'text/plain')
+			res.statusCode = 200
+			res.end(`hello, ${reqbody}`)
+		},
+	},
+] as MockMethod[]