blackteay/uniapp-vue3-vite-ts-template
1
0
Fork 0
mirror of https://gitee.com/h_mo/uniapp-vue3-vite-ts-template synced 2025-04-05 19:41:44 +08:00
Code Issues Projects Releases Wiki Activity

!6 更新

Browse Source 
Merge pull request !6 from 佚名程序员/master
This commit is contained in:
h_mo 2023-03-08 13:04:51 +00:00 committed by Gitee
commit ba4f20c0a3
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F
70 changed files with 1988 additions and 2039 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
.eslintignore
View File

@ -1,21 +1,20 @@
# eslint 忽略检查 (根据项目需要自行添加) # 忽略目录
node_modules /dist
dist /build
.idea /tests
.vscode /node_modules
.hbuilderx
src/manifest.json
src/pages.json
src/tmui/
*.sh
node_modules
*.md
*.woff
*.ttf
*.yaml
dist
/public /public
/docs /src/public
.husky /src/static
.local /src/manifest.json
/bin /vite.config.ts
/unocss.config.js
# node 覆盖率文件
coverage/
# 忽略文件
**/*-min.js
**/*.min.js
**/*-min.css
**/*.min.css

193
.eslintrc.js
View File

@ -1,97 +1,102 @@
// 参考：https://eslint.bootcss.com/docs/rules/
// 参考：https://blog.csdn.net/x550392236/article/details/89497202
// 参考：https://blog.csdn.net/brokenkay/article/details/111106266
module.exports = { module.exports = {
env: { root: true,
browser: true, env: {
es2021: true, node: true, //允许运行在node环境下
}, browser: true, //允许运行在浏览器环境下
parser: 'vue-eslint-parser', es2021: true, //允许运行es2021环境下语法
extends: [ },
'plugin:@typescript-eslint/recommended', parser: 'vue-eslint-parser',
'plugin:vue/vue3-essential', parserOptions: {
'prettier', ecmaVersion: 'latest',
], sourceType: 'module',
parserOptions: { parser: '@typescript-eslint/parser',
ecmaVersion: 'latest', },
parser: '@typescript-eslint/parser', extends: ['plugin:vue/vue3-essential', 'eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
sourceType: 'module', plugins: ['vue', '@typescript-eslint', 'prettier'],
}, settings: {
settings: { 'import/resolver': {
'import/resolver': { alias: {
alias: { map: [['@', './src']],
map: [['@', './src']], extensions: ['.ts', '.js', '.jsx', '.json'],
extensions: ['.ts', '.js', '.jsx', '.json'], },
}, },
},
globals: {
//可以定义全局中的变量的权限（只读，可读可写）
defineProps: 'readonly',
defineEmits: 'readonly',
defineExpose: 'readonly',
withDefaults: 'readonly',
uni: 'readonly',
},
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-var': 'error', //要求使用 let 或 const 而不是 var
'prettier/prettier': 'error',
'vue/no-multiple-template-root': 'off',
'no-mutating-props': 'off',
'vue/no-v-html': 'off',
camelcase: 'error', // 双峰驼命名格式
// indent: ['error', 4], //代码缩进4个空格 (switch时与prettier发生冲突)
eqeqeq: ['error', 'always', { null: 'ignore' }], //比较时强制使用 === 或者 !==,但对null作比较时可以不用全等
quotes: [
'error',
'single',
{
avoidEscape: true,
allowTemplateLiterals: true,
},
], // @fixable 必须使用单引号，禁止使用双引号
// 结尾必须有分号;
semi: [
'error',
'always',
{
omitLastInOneLineBlock: true,
},
], // 结尾必须有分号;
'vue/script-setup-uses-vars': 'error',
'@typescript-eslint/ban-ts-ignore': 'off',
'@typescript-eslint/explicit-function-return-type': 'off',
'@typescript-eslint/no-explicit-any': 'off',
'@typescript-eslint/no-var-requires': 'off',
'@typescript-eslint/no-empty-function': 'off',
'vue/custom-event-name-casing': 'off',
'no-use-before-define': 'off',
'@typescript-eslint/no-use-before-define': 'off',
'@typescript-eslint/ban-ts-comment': 'off',
'@typescript-eslint/ban-types': 'off',
'@typescript-eslint/no-non-null-assertion': 'off',
'@typescript-eslint/explicit-module-boundary-types': 'off',
'@typescript-eslint/no-unused-vars': [
'warn',
{
argsIgnorePattern: '^_',
varsIgnorePattern: '^_',
},
],
'no-unused-vars': [
'warn',
{
argsIgnorePattern: '^_',
varsIgnorePattern: '^_',
},
],
'space-before-function-paren': 'off',
'vue/attributes-order': 'off',
'vue/v-on-event-hyphenation': 'off',
'vue/multi-word-component-names': 'off',
'vue/one-component-per-file': 'off',
'vue/html-closing-bracket-newline': 'off',
'vue/max-attributes-per-line': 'off',
'vue/multiline-html-element-content-newline': 'off',
'vue/singleline-html-element-content-newline': 'off',
'vue/attribute-hyphenation': 'off',
'vue/require-default-prop': 'off',
}, },
},
plugins: ['vue', '@typescript-eslint', 'prettier'],
rules: {
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
'no-var': 'error',
'prettier/prettier': 'error',
'vue/no-multiple-template-root': 'off',
'no-mutating-props': 'off',
'vue/no-v-html': 'off',
// @fixable 必须使用单引号，禁止使用双引号
quotes: [
'error',
'single',
{
avoidEscape: true,
allowTemplateLiterals: true,
},
],
// 结尾必须有分号;
semi: [
'error',
'always',
{
omitLastInOneLineBlock: true,
},
],
'vue/script-setup-uses-vars': 'error',
'@typescript-eslint/ban-ts-ignore': 'off',
'@typescript-eslint/explicit-function-return-type': 'off',
'@typescript-eslint/no-explicit-any': 'off',
'@typescript-eslint/no-var-requires': 'off',
'@typescript-eslint/no-empty-function': 'off',
'vue/custom-event-name-casing': 'off',
'no-use-before-define': 'off',
'@typescript-eslint/no-use-before-define': 'off',
'@typescript-eslint/ban-ts-comment': 'off',
'@typescript-eslint/ban-types': 'off',
'@typescript-eslint/no-non-null-assertion': 'off',
'@typescript-eslint/explicit-module-boundary-types': 'off',
'@typescript-eslint/no-unused-vars': [
'warn',
{
argsIgnorePattern: '^_',
varsIgnorePattern: '^_',
},
],
'no-unused-vars': [
'warn',
{
argsIgnorePattern: '^_',
varsIgnorePattern: '^_',
},
],
'space-before-function-paren': 'off',
'vue/attributes-order': 'off',
'vue/v-on-event-hyphenation': 'off',
'vue/multi-word-component-names': 'off',
'vue/one-component-per-file': 'off',
'vue/html-closing-bracket-newline': 'off',
'vue/max-attributes-per-line': 'off',
'vue/multiline-html-element-content-newline': 'off',
'vue/singleline-html-element-content-newline': 'off',
'vue/attribute-hyphenation': 'off',
'vue/require-default-prop': 'off',
},
globals: {
defineProps: 'readonly',
defineEmits: 'readonly',
defineExpose: 'readonly',
withDefaults: 'readonly',
uni: 'readonly',
},
}; };

33
.gitignore vendored
View File

@ -1,11 +1,34 @@
node_modules # 日志
dist logs
.eslintcache *.log
.pnpm-lock.yaml npm-debug.log*
*.local yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*
node_modules
.DS_Store
dist
dist-ssr
coverage
*.local
.eslintcache
/cypress/videos/
/cypress/screenshots/
# 编辑器目录和文件 # 编辑器目录和文件
.vscode/*
.hbuilderx/*
!.vscode/extensions.json
!.vscode/settings.json
.idea .idea
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
.eslintcache
.hbuilderx .hbuilderx
pnpm-lock.yaml pnpm-lock.yaml

36
.prettierignore
View File

@ -1,20 +1,18 @@
# 忽略格式化文件 (根据项目需要自行添加) # 忽略目录
node_modules /dist
dist /build
.idea /tests
.vscode /node_modules
.hbuilderx
src/manifest.json
src/pages.json
*.sh
node_modules
*.md
*.woff
*.ttf
*.yaml
dist
/public /public
/docs /src/public
.husky /src/static
.local /src/manifest.json
/bin
# node 覆盖率文件
coverage/
# 忽略文件
**/*-min.js
**/*.min.js
**/*-min.css
**/*.min.css

73
.prettierrc.js
View File

@ -1,40 +1,37 @@
module.exports = { module.exports = {
// 一行最多 160 字符 // .pellerrc 的架构 官网参考：https://prettier.io/docs/en/options.html#tab-width
printWidth: 160, $schema: 'https://json.schemastore.org/prettierrc',
// 不使用缩进符，而使用空格 // 一行最多 120 字符
useTabs: true, printWidth: 160,
// 使用 2 个空格缩进 // 使用 4 个空格缩进
tabWidth: 4, tabWidth: 4,
tabSize: 4, // 不使用 tab 缩进，而使用空格
// 行尾需要有分号 useTabs: false,
semi: true, // 行尾需要有分号
// 使用单引号 semi: true,
singleQuote: true, // 使用单引号代替双引号
// 对象的 key 仅在必要时用引号 (可选值as-needed|consistent|preserve) singleQuote: true,
quoteProps: 'as-needed', // 对象的 key 仅在必要时用引号
// jsx 不使用单引号，而使用双引号 quoteProps: 'as-needed',
jsxSingleQuote: false, // jsx 不使用单引号，而使用双引号
// 末尾不需要逗号 'es5' (可选值none|es5|all，默认none) jsxSingleQuote: false,
trailingComma: 'es5', // 末尾使用逗号
// 大括号内的首尾需要空格 trailingComma: 'all',
bracketSpacing: true, // 大括号内的首尾需要空格 { foo: bar }
// jsx 标签的反尖括号需要换行 bracketSpacing: true,
jsxBracketSameLine: false, // 箭头函数，只有一个参数的时候，也需要括号
// 箭头函数，只有一个参数的时候，也需要括号 arrowParens: 'always',
arrowParens: 'always', // 每个文件格式化的范围是文件的全部内容
// 每个文件格式化的范围是文件的全部内容 rangeStart: 0,
rangeStart: 0, rangeEnd: Infinity,
rangeEnd: Infinity, // 不需要写文件开头的 @prettier
// 不需要写文件开头的 @prettier requirePragma: false,
requirePragma: false, // 不需要自动在文件开头插入 @prettier
// 不需要自动在文件开头插入 @prettier insertPragma: false,
insertPragma: false, // 使用默认的折行标准
// 使用默认的折行标准 (可选值always|never|preserve) proseWrap: 'preserve',
proseWrap: 'preserve', // 根据显示样式决定 html 要不要折行
// 根据显示样式决定 html 要不要折行 (可选值css|strict|ignore) htmlWhitespaceSensitivity: 'css',
htmlWhitespaceSensitivity: 'css', // 换行符使用 lf
// vue脚本文件和样式的缩进 endOfLine: 'lf',
vueIndentScriptAndStyle: false,
// 换行符使用 lf 结尾是 (可选值auto|lf|crlf|cr)
endOfLine: 'lf',
}; };

14
.vscode/extensions.json vendored
View File

@ -1,10 +1,10 @@
{ {
"recommendations": [ "recommendations": [
"CodeInChinese.EnglishChineseDictionary", // 翻译(英汉词典) "Vue.volar", // Vue语言支持扩展
"kisstkondoros.vscode-gutter-preview", // Image 预览 "Vue.vscode-typescript-vue-plugin", // 一个TS服务器插件，使TS服务器知道*.vue文件。
"ritwickdey.LiveServer", // 为静态和动态页面启动具有实时重载功能的本地开发服务器 "esbenp.prettier-vscode", // 代码格式化
"antfu.unocss", // UnoCSS 原子化css "dbaeumer.vscode-eslint", //代码质量检查
"esbenp.prettier-vscode", // 格式化 "antfu.unocss", // UnoCSS 原子化css
"mrmlnc.vscode-autoprefixer" //将less/scss/css文件自动添加浏览器兼容前缀
] ]
} }

13
.vscode/settings.json vendored
View File

@ -3,11 +3,12 @@
"editor.defaultFormatter": "esbenp.prettier-vscode", // 定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符。 "editor.defaultFormatter": "esbenp.prettier-vscode", // 定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符。
"editor.formatOnSave": true, //在保存时格式化文件。格式化程序必须可用，延迟后文件不能保存，并且编辑器不能关闭。 "editor.formatOnSave": true, //在保存时格式化文件。格式化程序必须可用，延迟后文件不能保存，并且编辑器不能关闭。
"editor.detectIndentation": false, // 控制在基于文件内容打开文件时是否自动检测 #editor.tabSize# 和 #editor.insertSpaces#。 "editor.detectIndentation": false, // 控制在基于文件内容打开文件时是否自动检测 #editor.tabSize# 和 #editor.insertSpaces#。
"editor.tabSize": 4, "editor.tabSize": 4, // 一个制表符等于的空格数。当 #editor.detectIndentation# 打开时，将根据文件内容替代此设置。
"editor.codeActionsOnSave": { "editor.codeActionsOnSave": {
"source.fixAll": true, // 控制是否应在文件保存时运行自动修复操作。 "source.fixAll": true, // 控制是否应在文件保存时运行自动修复操作。
"source.fixAll.eslint": true, "source.fixAll.eslint": true,
"source.fixAll.stylelint": true "source.fixAll.stylelint": true
}, // 要在保存时运行的代码操作种类。 }, // 要在保存时运行的代码操作种类。
} "files.eol": "\n" //行尾字符与.prettierrc.cjs配置一致
}

104
README.md
View File

@ -11,28 +11,28 @@
## 简介 ## 简介
- **uni-app Vue3 Vite4 pinia2 TypeScript 基础框架** - **uni-app Vue3 Vite4 pinia2 TypeScript 基础框架**
- cli创建的Vue3/Vite项目 与 使用HBuilderX导入插件 的包有差异,请直接访问 [开源地址](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template) - cli 创建的 Vue3/Vite 项目 与 使用 HBuilderX 导入插件 的包有差异,请直接访问 [开源地址](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template)
- 访问[uniapp插件](https://ext.dcloud.net.cn/plugin?id=8559) - 访问[uniapp 插件](https://ext.dcloud.net.cn/plugin?id=8559)
### 说明 ### 说明
- 框架完全基于Vue3 SFC `<script setup>` 写法,不支持Vue2;
- 可用于学习与交流; - 框架完全基于 Vue3 SFC `<script setup>` 写法,不支持 Vue2;
- 目前测试H5、微信小程序,APP(Android),支付宝小程序通过; - 可用于学习与交流;
- 其他平台暂未测试,后续会增加; - 目前测试 H5、微信小程序,APP(Android),支付宝小程序通过;
- 如发现问题或建议可在评论区留言, 或提[Issues](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template/issues)及[PR](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template/pulls),会及时处理; - 其他平台暂未测试,后续会增加;
- 如有需求亦可在评论区留言,或在此项目基础上增加; - 如发现问题或建议可在评论区留言, 或提[Issues](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template/issues)及[PR](https://gitee.com/h_mo/uniapp-vue3-vite-ts-template/pulls),会及时处理;
- 如有需求亦可在评论区留言,或在此项目基础上增加;
- [代码规范 & 详细解释 husky、prettier、eslint、lint-staged 的作用和使用](https://blog.csdn.net/cookcyq__/article/details/125457031) - [代码规范 & 详细解释 husky、prettier、eslint、lint-staged 的作用和使用](https://blog.csdn.net/cookcyq__/article/details/125457031)
## 特性 ## 特性
- **最新技术栈**：使用 Vue3/Vite4/pinia ,TypeScript 等前端前沿技术开发; - **最新技术栈**：使用 Vue3/Vite4/pinia ,TypeScript 等前端前沿技术开发;
- **[Unocss](https://github.com/unocss/unocss)**: 原子化CSS, [iconify](https://github.com/iconify/iconify)图标 - **[Unocss](https://github.com/unocss/unocss)**: 原子化 CSS, [iconify](https://github.com/iconify/iconify)图标
- **Eslint/Prettier**: 规范代码格式,统一编码; - **Eslint/Prettier**: 规范代码格式,统一编码;
- **路由拦截**: 基于uni.addInterceptor进行路由拦截; - **路由拦截**: 基于 uni.addInterceptor 进行路由拦截;
- **请求拦截**: 核心使用 [luch-request](https://ext.dcloud.net.cn/plugin?id=392),支持请求和响应拦截等; - **请求拦截**: 核心使用 [luch-request](https://ext.dcloud.net.cn/plugin?id=392),支持请求和响应拦截等;
- **缓存加密**: 使用AES加密缓存,可设置区分在开发或生成环境中是否加密; - **缓存加密**: 使用 AES 加密缓存,可设置区分在开发或生成环境中是否加密;
## 目录结构 ## 目录结构
@ -46,42 +46,42 @@
│ │ │ ├─index.vue │ │ │ ├─index.vue
│ │ │ └─prpos.ts │ │ │ └─prpos.ts
│ │ └─... │ │ └─...
│ │ │ │
│ ├─enums # 枚举/常量 │ ├─enums # 枚举/常量
│ │ ├─ cacheEnum.ts │ │ ├─ cacheEnum.ts
│ │ └─... │ │ └─...
│ │ │ │
│ ├─pages # 页面 │ ├─pages # 页面
│ │ ├─ index │ │ ├─ index
│ │ │ └─index.vue │ │ │ └─index.vue
│ │ └─... │ │ └─...
│ │ │ │
│ ├─services # 接口相关 │ ├─services # 接口相关
│ │ ├─ api # api │ │ ├─ api # api
│ │ │ ├─auth.ts │ │ │ ├─auth.ts
│ │ │ └─... │ │ │ └─...
│ │ │ │ │ │
│ │ └─ model # 数据模型 │ │ └─ model # 数据模型
│ │ ├─authModel.d.ts │ │ ├─authModel.d.ts
│ │ └─... │ │ └─...
│ │ │ │
│ ├─settings # 设置 │ ├─settings # 设置
│ │ └─ encryptionSetting # 加密设置 │ │ └─ encryptionSetting # 加密设置
│ │ │ │
│ ├─state # 状态管理模式(pinia) │ ├─state # 状态管理模式(pinia)
│ │ ├─ modules # 数据模块 │ │ ├─ modules # 数据模块
│ │ │ ├─auth.ts │ │ │ ├─auth.ts
│ │ │ └─... │ │ │ └─...
│ │ │ │ │ │
│ │ └─ index.ts │ │ └─ index.ts
│ │ │ │
│ ├─static # 静态公共文件 │ ├─static # 静态公共文件
│ │ ├─ images # 图片 │ │ ├─ images # 图片
│ │ │ ├─avatar.png │ │ │ ├─avatar.png
│ │ │ └─... │ │ │ └─...
│ │ │ │ │ │
│ │ └─ ... │ │ └─ ...
│ │ │ │
│ ├─types # 类型文件 │ ├─types # 类型文件
│ │ ├─ http.d.ts │ │ ├─ http.d.ts
│ │ └─ ... │ │ └─ ...
@ -111,64 +111,60 @@
``` ```
## 预览 ## 预览
- H5 - H5
![h5](https://api-catch.ranesuangyu.top/images/20220621/364f2b47d91ae5ae82a33d33854e2540.png ![h5](https://api-catch.ranesuangyu.top/images/20220621/364f2b47d91ae5ae82a33d33854e2540.png)
)
- 小程序(体验版-需申请体验) - 小程序(体验版-需申请体验)
![小程序](http://api-catch.ranesuangyu.top/images/20220621/8d4388315ef5b8630d0c0b3963d1ba6b.jpg) ![小程序](http://api-catch.ranesuangyu.top/images/20220621/8d4388315ef5b8630d0c0b3963d1ba6b.jpg)
## 安装使用 ## 安装使用
- 安装依赖 - 安装依赖
```bash ```bash
pnpm install pnpm install
``` ```
- 运行 - 运行
```bash ```bash
# 其他端请查看 package.json script # 其他端请查看 package.json script
pnpm dev:h5 pnpm dev:h5
``` ```
- 打包 - 打包
```bash ```bash
# 其他端请查看 package.json script # 其他端请查看 package.json script
pnpm build:h5 pnpm build:h5
``` ```
- 更新依赖到最新（新手请忽略） - 更新依赖到最新（新手请忽略）
```bash ```bash
pnpm up pnpm up
# 打开HBuilder X alpha桌面程序-->点击上面的帮助-->历次更新说明-->获取最新版本号（如：3.7.2.20230217-alpha） # 打开HBuilder X alpha桌面程序-->点击上面的帮助-->历次更新说明-->获取最新版本号（如：3.7.2.20230217-alpha）
npx @dcloudio/uvm 3.7.2.20230217-alpha npx @dcloudio/uvm 3.7.2.20230217-alpha
``` ```
## Git 贡献提交规范 ## Git 贡献提交规范
- 参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 规范 ([Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular)) - 参考 [vue](https://github.com/vuejs/vue/blob/dev/.github/COMMIT_CONVENTION.md) 规范 ([Angular](https://github.com/conventional-changelog/conventional-changelog/tree/master/packages/conventional-changelog-angular))
- `feat` 增加新功能 - `feat` 增加新功能
- `fix` 修复问题/BUG - `fix` 修复问题/BUG
- `style` 代码风格相关无影响运行结果的 - `style` 代码风格相关无影响运行结果的
- `perf` 优化/性能提升 - `perf` 优化/性能提升
- `refactor` 重构 - `refactor` 重构
- `revert` 撤销修改 - `revert` 撤销修改
- `test` 测试相关 - `test` 测试相关
- `docs` 文档/注释 - `docs` 文档/注释
- `chore` 依赖更新/脚手架配置修改等 - `chore` 依赖更新/脚手架配置修改等
- `workflow` 工作流改进 - `workflow` 工作流改进
- `ci` 持续集成 - `ci` 持续集成
- `types` 类型定义文件更改 - `types` 类型定义文件更改
- `wip` 开发中 - `wip` 开发中

42
index.html
View File

@ -1,24 +1,22 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="zh">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<script> <script>
var coverSupport = var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'));
'CSS' in window && document.write(
typeof CSS.supports === 'function' && '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
(CSS.supports('top: env(a)') || CSS.supports('top: constant(a)')); (coverSupport ? ', viewport-fit=cover' : '') +
document.write( '" />',
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + );
(coverSupport ? ', viewport-fit=cover' : '') + </script>
'" />', <title></title>
); <!--preload-links-->
</script> <!--app-context-->
<title></title> </head>
<!--preload-links-->
<!--app-context--> <body>
</head> <div id="app"><!--app-html--></div>
<body> <script type="module" src="/src/main.ts"></script>
<div id="app"><!--app-html--></div> </body>
<script type="module" src="/src/main.ts"></script>
</body>
</html> </html>

204
package.json
View File

@ -1,105 +1,103 @@
{ {
"name": "uniapp_vue3_vite_ts", "name": "uniapp_vue3_vite_ts",
"version": "1.1.2", "version": "1.1.2",
"scripts": { "scripts": {
"dev:app": "uni -p app", "dev:app": "uni -p app",
"dev:custom": "uni -p", "dev:custom": "uni -p",
"dev:h5": "uni", "dev:h5": "uni",
"dev:h5:ssr": "uni --ssr", "dev:h5:ssr": "uni --ssr",
"dev:mp-alipay": "uni -p mp-alipay", "dev:mp-alipay": "uni -p mp-alipay",
"dev:mp-baidu": "uni -p mp-baidu", "dev:mp-baidu": "uni -p mp-baidu",
"dev:mp-kuaishou": "uni -p mp-kuaishou", "dev:mp-kuaishou": "uni -p mp-kuaishou",
"dev:mp-lark": "uni -p mp-lark", "dev:mp-lark": "uni -p mp-lark",
"dev:mp-qq": "uni -p mp-qq", "dev:mp-qq": "uni -p mp-qq",
"dev:mp-toutiao": "uni -p mp-toutiao", "dev:mp-toutiao": "uni -p mp-toutiao",
"dev:mp-weixin": "uni -p mp-weixin", "dev:mp-weixin": "uni -p mp-weixin",
"dev:quickapp-webview": "uni -p quickapp-webview", "dev:quickapp-webview": "uni -p quickapp-webview",
"dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei", "dev:quickapp-webview-huawei": "uni -p quickapp-webview-huawei",
"dev:quickapp-webview-union": "uni -p quickapp-webview-union", "dev:quickapp-webview-union": "uni -p quickapp-webview-union",
"build:app": "uni build -p app", "build:app": "uni build -p app",
"build:custom": "uni build -p", "build:custom": "uni build -p",
"build:h5": "uni build --minify", "build:h5": "uni build --minify",
"build:h5:ssr": "uni build --ssr", "build:h5:ssr": "uni build --ssr",
"build:mp-alipay": "uni build -p mp-alipay", "build:mp-alipay": "uni build -p mp-alipay",
"build:mp-baidu": "uni build -p mp-baidu", "build:mp-baidu": "uni build -p mp-baidu",
"build:mp-kuaishou": "uni build -p mp-kuaishou", "build:mp-kuaishou": "uni build -p mp-kuaishou",
"build:mp-lark": "uni build -p mp-lark", "build:mp-lark": "uni build -p mp-lark",
"build:mp-qq": "uni build -p mp-qq", "build:mp-qq": "uni build -p mp-qq",
"build:mp-toutiao": "uni build -p mp-toutiao", "build:mp-toutiao": "uni build -p mp-toutiao",
"build:mp-weixin": "uni build -p mp-weixin --minify", "build:mp-weixin": "uni build -p mp-weixin --minify",
"build:quickapp-webview": "uni build -p quickapp-webview", "build:quickapp-webview": "uni build -p quickapp-webview",
"build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei", "build:quickapp-webview-huawei": "uni build -p quickapp-webview-huawei",
"build:quickapp-webview-union": "uni build -p quickapp-webview-union", "build:quickapp-webview-union": "uni build -p quickapp-webview-union",
"lint": "eslint --cache --max-warnings 0 \"src/**/*.{vue,ts}\" --fix", "lint": "eslint --cache --max-warnings 0 \"src/**/*.{vue,ts}\" --fix",
"prettier": "prettier --write \"src/**/*.{js,ts,json,css,scss,vue}\"", "format": "prettier --write src/",
"prepare": "husky install" "prepare": "husky install"
}, },
"dependencies": { "dependencies": {
"@dcloudio/uni-app": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-app": "3.0.0-alpha-3070620230227001",
"@dcloudio/uni-app-plus": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-app-plus": "3.0.0-alpha-3070620230227001",
"@dcloudio/uni-components": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-components": "3.0.0-alpha-3070620230227001",
"@dcloudio/uni-h5": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-h5": "3.0.0-alpha-3070620230227001",
"@dcloudio/uni-i18n": "3.0.0-alpha-3061620230106001", "@dcloudio/uni-i18n": "3.0.0-alpha-3061620230106001",
"@dcloudio/uni-mp-alipay": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-mp-alipay": "3.0.0-alpha-3070620230227001",
"@dcloudio/uni-mp-baidu": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-mp-baidu": "3.0.0-alpha-3070620230227001",
"@dcloudio/uni-mp-kuaishou": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-mp-kuaishou": "3.0.0-alpha-3070620230227001",
"@dcloudio/uni-mp-lark": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-mp-lark": "3.0.0-alpha-3070620230227001",
"@dcloudio/uni-mp-qq": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-mp-qq": "3.0.0-alpha-3070620230227001",
"@dcloudio/uni-mp-toutiao": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-mp-toutiao": "3.0.0-alpha-3070620230227001",
"@dcloudio/uni-mp-weixin": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-mp-weixin": "3.0.0-alpha-3070620230227001",
"@dcloudio/uni-quickapp-webview": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-quickapp-webview": "3.0.0-alpha-3070620230227001",
"@fortawesome/fontawesome-free": "^6.3.0", "@fortawesome/fontawesome-free": "^6.3.0",
"@iconify/iconify": "^3.1.0", "@iconify/iconify": "^3.1.0",
"crypto-js": "^4.1.1", "crypto-js": "^4.1.1",
"echarts": "^5.4.1", "echarts": "^5.4.1",
"lodash-es": "^4.17.21", "lodash-es": "^4.17.21",
"luch-request": "^3.0.8", "luch-request": "^3.0.8",
"pinia": "^2.0.33", "pinia": "^2.0.33",
"qs": "^6.11.1", "qs": "^6.11.1",
"vue": "^3.2.47", "vue": "^3.2.47",
"vue-i18n": "^9.2.2" "vue-i18n": "^9.2.2"
}, },
"devDependencies": { "devDependencies": {
"@dcloudio/types": "^3.2.11", "@dcloudio/types": "^3.2.11",
"@dcloudio/uni-automator": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-automator": "3.0.0-alpha-3070620230227001",
"@dcloudio/uni-cli-shared": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-cli-shared": "3.0.0-alpha-3070620230227001",
"@dcloudio/uni-stacktracey": "3.0.0-alpha-3070620230227001", "@dcloudio/uni-stacktracey": "3.0.0-alpha-3070620230227001",
"@dcloudio/vite-plugin-uni": "3.0.0-alpha-3070620230227001", "@dcloudio/vite-plugin-uni": "3.0.0-alpha-3070620230227001",
"@iconify/json": "^2.2.31", "@iconify/json": "^2.2.31",
"@types/crypto-js": "^4.1.1", "@types/crypto-js": "^4.1.1",
"@types/lodash-es": "^4.17.6", "@types/lodash-es": "^4.17.6",
"@types/node": "^17.0.45", "@types/node": "^17.0.45",
"@types/qs": "^6.9.7", "@types/qs": "^6.9.7",
"@typescript-eslint/eslint-plugin": "^5.54.1", "@typescript-eslint/eslint-plugin": "^5.54.1",
"@typescript-eslint/parser": "^5.54.1", "@typescript-eslint/parser": "^5.54.1",
"@unocss/preset-icons": "^0.46.5", "@unocss/preset-icons": "^0.46.5",
"autoprefixer": "^10.4.13", "autoprefixer": "^10.4.13",
"eslint": "^8.35.0", "eslint": "^8.35.0",
"eslint-config-prettier": "^8.7.0", "eslint-config-prettier": "^8.7.0",
"eslint-plugin-prettier": "^4.2.1", "eslint-plugin-prettier": "^4.2.1",
"eslint-plugin-vue": "^9.9.0", "eslint-plugin-vue": "^9.9.0",
"husky": "^8.0.3", "husky": "^8.0.3",
"lint-staged": "^13.1.2", "lint-staged": "^13.1.2",
"mrm": "^4.1.13", "mrm": "^4.1.13",
"postcss": "^8.4.21", "postcss": "^8.4.21",
"prettier": "^2.8.4", "prettier": "^2.8.4",
"sass": "^1.58.3", "sass": "^1.58.3",
"typescript": "^4.9.5", "typescript": "^4.9.5",
"unocss": "^0.46.5", "unocss": "^0.46.5",
"unocss-preset-weapp": "^0.2.5", "unocss-preset-weapp": "^0.2.5",
"unplugin-vue-components": "^0.22.12", "vite": "^4.1.4"
"vite": "^4.1.4", },
"vite-plugin-eslint": "^1.8.1" "husky": {
}, "hooks": {
"husky": { "pre-commit": "lint-staged"
"hooks": { }
"pre-commit": "lint-staged" },
} "lint-staged": {
}, "*.{js,jsx,vue,ts,tsx}": [
"lint-staged": { "prettier --write",
"*.{js,jsx,vue,ts,tsx}": [ "git add"
"prettier --write", ]
"git add" }
]
}
} }

18
src/App.vue
View File

@ -4,20 +4,20 @@ import { useAuthStore } from '@/state/modules/auth';
import { removeInterceptor, setupInterceptors } from '@/utils/interceptors'; import { removeInterceptor, setupInterceptors } from '@/utils/interceptors';
import { useRouterStore } from '@/state/modules/router'; import { useRouterStore } from '@/state/modules/router';
onLaunch(() => { onLaunch(() => {
console.log('App Launch'); console.log('App Launch');
removeInterceptor(); removeInterceptor();
setupInterceptors(); setupInterceptors();
const appStore = useRouterStore(); const appStore = useRouterStore();
appStore.initialize(); appStore.initialize();
}); });
onShow(() => { onShow(() => {
const authStore = useAuthStore(); const authStore = useAuthStore();
authStore.initToken(); authStore.initToken();
console.log('App Show'); console.log('App Show');
}); });
onHide(() => { onHide(() => {
console.log('App Hide'); console.log('App Hide');
}); });
</script> </script>
<style lang="scss"> <style lang="scss">

54
src/androidPrivacy.json
View File

@ -1,29 +1,29 @@
{ {
"version": "1", "version": "1",
"prompt": "template", "prompt": "template",
"title": "服务协议和隐私政策", "title": "服务协议和隐私政策",
"message": "　　请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>　　你可阅读<a href=\"\">《服务协议》</a>和<a href=\"\">《隐私政策》</a>了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。", "message": "　　请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款，包括但不限于：为了更好的向你提供服务，我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>　　你可阅读<a href=\"\">《服务协议》</a>和<a href=\"\">《隐私政策》</a>了解详细信息。如果你同意，请点击下面按钮开始接受我们的服务。",
"buttonAccept": "同意并接受", "buttonAccept": "同意并接受",
"buttonRefuse": "暂不同意", "buttonRefuse": "暂不同意",
// HX 3.4.13之后版本新增，system 使用系统webview 打开隐私协议链接，默认使用uni-app内置web组件 // HX 3.4.13之后版本新增，system 使用系统webview 打开隐私协议链接，默认使用uni-app内置web组件
"hrefLoader": "default", "hrefLoader": "default",
"second": { "second": {
"title": "确认提示", "title": "确认提示",
"message": "　　进入应用前，你需先同意<a href=\"\">《服务协议》</a>和<a href=\"\">《隐私政策》</a>，否则将退出应用。", "message": "　　进入应用前，你需先同意<a href=\"\">《服务协议》</a>和<a href=\"\">《隐私政策》</a>，否则将退出应用。",
"buttonAccept": "同意并继续", "buttonAccept": "同意并继续",
"buttonRefuse": "退出应用" "buttonRefuse": "退出应用"
}, },
"styles": { "styles": {
"backgroundColor": "#00FF00", "backgroundColor": "#00FF00",
"borderRadius": "5px", "borderRadius": "5px",
"title": { "title": {
"color": "#ff00ff" "color": "#ff00ff"
}, },
"buttonAccept": { "buttonAccept": {
"color": "#ffff00" "color": "#ffff00"
}, },
"buttonRefuse": { "buttonRefuse": {
"color": "#00ffff" "color": "#00ffff"
} }
} }
} }

44
src/assets/main.scss
View File

@ -34,36 +34,36 @@ canvas,
web-view, web-view,
:before, :before,
:after { :after {
box-sizing: border-box; box-sizing: border-box;
} }
/* 隐藏scroll-view的滚动条 */ /* 隐藏scroll-view的滚动条 */
::-webkit-scrollbar { ::-webkit-scrollbar {
display: none; display: none;
width: 0 !important; width: 0 !important;
height: 0 !important; height: 0 !important;
-webkit-appearance: none; -webkit-appearance: none;
background: transparent; background: transparent;
} }
// 超出省略,最多5行 // 超出省略,最多5行
@for $i from 1 through 5 { @for $i from 1 through 5 {
.text-ellipsis-#{$i} { .text-ellipsis-#{$i} {
// vue下，单行和多行显示省略号需要单独处理 // vue下，单行和多行显示省略号需要单独处理
@if $i == '1' { @if $i == '1' {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} @else { } @else {
display: -webkit-box !important; display: -webkit-box !important;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
word-break: break-all; word-break: break-all;
-webkit-line-clamp: $i; -webkit-line-clamp: $i;
-webkit-box-orient: vertical !important; -webkit-box-orient: vertical !important;
} }
} }
} }
page { page {
background-color: #f2f2f2; background-color: #f2f2f2;
} }

6
src/components/AppProvider/inedx.vue
View File

@ -1,7 +1,7 @@
<script lang="ts" setup name="AppProvider"></script> <script lang="ts" setup name="AppProvider"></script>
<template> <template>
<view class="_u_bg-blue-500"> <view class="_u_bg-blue-500">
<slot></slot> <slot></slot>
</view> </view>
</template> </template>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>

32
src/components/BasicButton/index.vue
View File

@ -4,29 +4,29 @@ import { buttonProps } from '@/components/BasicButton/prpos';
const props = defineProps(buttonProps); const props = defineProps(buttonProps);
const emits = defineEmits(['click']); const emits = defineEmits(['click']);
const click = () => { const click = () => {
emits('click'); emits('click');
}; };
</script> </script>
<template> <template>
<view class="default-btn" :disabled="props.disabled" @tap="click"> <view class="default-btn" :disabled="props.disabled" @tap="click">
<slot></slot> <slot></slot>
</view> </view>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.default-btn { .default-btn {
color: #fff; color: #fff;
border-width: 4rpx; border-width: 4rpx;
border-color: #bfdbfe; border-color: #bfdbfe;
border-style: solid; border-style: solid;
border-radius: 6rpx; border-radius: 6rpx;
background-color: #60a5fa; background-color: #60a5fa;
padding: 12rpx 26rpx; padding: 12rpx 26rpx;
display: inline-block; display: inline-block;
font-size: 24rpx; font-size: 24rpx;
&:hover { &:hover {
background-color: #3b82f6; background-color: #3b82f6;
} }
} }
</style> </style>

4
src/components/BasicButton/prpos.ts
View File

@ -1,4 +1,4 @@
export const buttonProps = { export const buttonProps = {
disabled: { type: Boolean, default: false }, disabled: { type: Boolean, default: false },
click: { type: Function }, click: { type: Function },
}; };

40
src/components/BasicInput/index.vue
View File

@ -1,30 +1,30 @@
<template> <template>
<input :type="type" :name="name" :value="value" /> <input :type="type" :name="name" :value="value" />
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
export default defineComponent({ export default defineComponent({
name: 'BasicInput', name: 'BasicInput',
props: { props: {
type: { type: {
type: String, type: String,
default: 'text', default: 'text',
}, },
name: { name: {
type: String, type: String,
default: '', default: '',
}, },
value: { value: {
type: String, type: String,
default: '', default: '',
}, },
}, },
setup(props) { setup(props) {
const _props = props; const _props = props;
return {}; return {};
}, },
}); });
</script> </script>

42
src/components/Iconify/index.vue
View File

@ -3,40 +3,40 @@ import { computed, ref, unref } from 'vue';
import { assign } from 'lodash-es'; import { assign } from 'lodash-es';
const props = defineProps({ const props = defineProps({
icon: { icon: {
type: String, type: String,
}, },
size: { size: {
type: [Number, String], type: [Number, String],
}, },
color: { color: {
type: String, type: String,
}, },
}); });
const iconSize = ref<string | boolean>(props.size ? `${props.size}rpx` : false); const iconSize = ref<string | boolean>(props.size ? `${props.size}rpx` : false);
const style = computed(() => { const style = computed(() => {
return assign(unref(iconSize) ? { width: unref(iconSize), height: unref(iconSize) } : {}, props.color ? { color: props.color } : {}); return assign(unref(iconSize) ? { width: unref(iconSize), height: unref(iconSize) } : {}, props.color ? { color: props.color } : {});
}); });
const emit = defineEmits(['click']); const emit = defineEmits(['click']);
const onClick = () => { const onClick = () => {
emit('click'); emit('click');
}; };
</script> </script>
<template> <template>
<view ref="elRef" @click="onClick" :class="['iconify', icon]" :style="style"></view> <view ref="elRef" @click="onClick" :class="['iconify', icon]" :style="style"></view>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.iconify { .iconify {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
height: 44rpx; height: 44rpx;
width: 44rpx; width: 44rpx;
color: inherit; color: inherit;
&:hover { &:hover {
cursor: pointer; cursor: pointer;
opacity: 0.8; opacity: 0.8;
} }
} }
</style> </style>

134
src/components/Navbar/index.vue
View File

@ -16,15 +16,15 @@ const { navigationBarBackgroundColor, navigationBarTitleText, navigationBarTextS
const { currentRoute, currentPages } = useRoute(); const { currentRoute, currentPages } = useRoute();
const props = defineProps({ const props = defineProps({
bgColor: { type: String }, bgColor: { type: String },
title: { type: String }, title: { type: String },
titleColor: { type: String }, titleColor: { type: String },
titleSize: { type: [String, Number] }, titleSize: { type: [String, Number] },
iconSize: { type: [String, Number] }, iconSize: { type: [String, Number] },
gap: { type: Number, default: 8 }, gap: { type: Number, default: 8 },
isBackShow: { type: Boolean, default: true }, isBackShow: { type: Boolean, default: true },
isHomeShow: { type: Boolean }, isHomeShow: { type: Boolean },
shadow: { type: Boolean, default: true }, shadow: { type: Boolean, default: true },
}); });
const { statusBarHeight } = useSystem(); const { statusBarHeight } = useSystem();
@ -39,81 +39,81 @@ const navbarBgColor = computed(() => props.bgColor || navigationBarBackgroundCol
const navbarTitle = computed(() => props.title || currentRoute?.style?.navigationBarTitleText || navigationBarTitleText); const navbarTitle = computed(() => props.title || currentRoute?.style?.navigationBarTitleText || navigationBarTitleText);
const navbarTitleColor = computed(() => props.titleColor || currentRoute?.style?.navigationBarTextStyle || navigationBarTextStyle); const navbarTitleColor = computed(() => props.titleColor || currentRoute?.style?.navigationBarTextStyle || navigationBarTextStyle);
const navbarTitleSize = computed(() => { const navbarTitleSize = computed(() => {
return `${px2rpx(defaultTitleSize.value) || props.titleSize}rpx`; return `${px2rpx(defaultTitleSize.value) || props.titleSize}rpx`;
}); });
const navbarLeftIconSize = computed(() => { const navbarLeftIconSize = computed(() => {
return `${px2rpx(defaultIconSize.value) || props.titleSize}`; return `${px2rpx(defaultIconSize.value) || props.titleSize}`;
}); });
const backShow = computed(() => { const backShow = computed(() => {
return currentPages.length > 1 && props.isBackShow; return currentPages.length > 1 && props.isBackShow;
}); });
const backHomeShow = computed(() => { const backHomeShow = computed(() => {
return !currentRoute?.meta?.tabBar && props.isHomeShow; return !currentRoute?.meta?.tabBar && props.isHomeShow;
}); });
const router = useRouter(); const router = useRouter();
const onBack = () => { const onBack = () => {
router.back(); router.back();
}; };
const onBackHome = () => { const onBackHome = () => {
router.pushTab(HOME_PAGE); router.pushTab(HOME_PAGE);
}; };
</script> </script>
<template> <template>
<view class="head-wrapper"> <view class="head-wrapper">
<view :class="['page-head', '_u_head-fixed', '_u_shadow']"> <view :class="['page-head', '_u_head-fixed', '_u_shadow']">
<!-- 顶部状态栏 --> <!-- 顶部状态栏 -->
<view class="status-bar"></view> <view class="status-bar"></view>
<!-- navbar --> <!-- navbar -->
<view :class="['navbar-wrapper', '_u_flex', '_u_flex-nowrap', '_u_justify-between', '_u_items-center']"> <view :class="['navbar-wrapper', '_u_flex', '_u_flex-nowrap', '_u_justify-between', '_u_items-center']">
<view class="_u_flex _u_flex-nowrap _u_items-center _u_h-full _u_w3/10 _u_min-w3/10"> <view class="_u_flex _u_flex-nowrap _u_items-center _u_h-full _u_w3/10 _u_min-w3/10">
<slot name="left"> <slot name="left">
<view class="_u_h-full _u_flex _u_items-center"> <view class="_u_h-full _u_flex _u_items-center">
<template v-if="backShow"> <template v-if="backShow">
<Iconify @click="onBack" :size="navbarLeftIconSize" :color="navbarTitleColor" icon="i-humbleicons-chevron-left" /> <Iconify @click="onBack" :size="navbarLeftIconSize" :color="navbarTitleColor" icon="i-humbleicons-chevron-left" />
</template> </template>
<template v-if="backHomeShow"> <template v-if="backHomeShow">
<Iconify @click="onBackHome" :size="navbarLeftIconSize" :color="navbarTitleColor" icon="i-iconoir-home-simple-door" /> <Iconify @click="onBackHome" :size="navbarLeftIconSize" :color="navbarTitleColor" icon="i-iconoir-home-simple-door" />
</template> </template>
</view> </view>
</slot> </slot>
</view> </view>
<view class="navbar__center _u_flex _u_flex-nowrap _u_justify-center _u_items-center _u_h-full _u_w2/5 _u_min-w2/5"> <view class="navbar__center _u_flex _u_flex-nowrap _u_justify-center _u_items-center _u_h-full _u_w2/5 _u_min-w2/5">
<slot> <slot>
<text>{{ navbarTitle }}</text> <text>{{ navbarTitle }}</text>
</slot> </slot>
</view> </view>
<view class="_u_flex _u_flex-nowrap _u_justify-end _u_items-center _u_h-full _u_w3/10 _u_min-w3/10"> <view class="_u_flex _u_flex-nowrap _u_justify-end _u_items-center _u_h-full _u_w3/10 _u_min-w3/10">
<slot name="right"></slot> <slot name="right"></slot>
</view> </view>
</view> </view>
</view> </view>
<!-- 占位符 --> <!-- 占位符 -->
<view class="placeholder"></view> <view class="placeholder"></view>
</view> </view>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.head-wrapper { .head-wrapper {
.page-head { .page-head {
background: v-bind(navbarBgColor); background: v-bind(navbarBgColor);
.status-bar { .status-bar {
height: v-bind(statusHeight); height: v-bind(statusHeight);
} }
.navbar-wrapper { .navbar-wrapper {
height: v-bind(navbarHeight); height: v-bind(navbarHeight);
padding-left: v-bind(sideGap); padding-left: v-bind(sideGap);
padding-right: v-bind(sideGap); padding-right: v-bind(sideGap);
.navbar__center { .navbar__center {
font-weight: bold; font-weight: bold;
font-size: v-bind(navbarTitleSize); font-size: v-bind(navbarTitleSize);
color: v-bind(navbarTitleColor); color: v-bind(navbarTitleColor);
} }
} }
} }
&, &,
.placeholder { .placeholder {
height: v-bind(headHeight); height: v-bind(headHeight);
min-height: v-bind(headHeight); min-height: v-bind(headHeight);
} }
} }
</style> </style>

10
src/components/Test/index.vue
View File

@ -1,14 +1,14 @@
<script lang="ts" setup> <script lang="ts" setup>
const props = defineProps({ const props = defineProps({
text: { text: {
type: String, type: String,
default: 'text', default: 'text',
}, },
}); });
const text = 'TEXT: ' + props.text; const text = 'TEXT: ' + props.text;
</script> </script>
<template> <template>
<view>{{ text }}</view> <view>{{ text }}</view>
</template> </template>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>

4
src/enums/appEnum.ts
View File

@ -2,6 +2,6 @@
* @description: 客户端 api 返回结果设置 * @description: 客户端 api 返回结果设置
*/ */
export enum ClientApiResultEnum { export enum ClientApiResultEnum {
CLIENT_SUCCESS = 1, CLIENT_SUCCESS = 1,
CLIENT_ERROR = 0, CLIENT_ERROR = 0,
} }

8
src/enums/httpEnum.ts
View File

@ -2,8 +2,8 @@
* @description: 请求结果设置 * @description: 请求结果设置
*/ */
export enum ResultEnum { export enum ResultEnum {
SUCCESS = 10000, SUCCESS = 10000,
ERROR = 1, ERROR = 1,
TIMEOUT = 401, TIMEOUT = 401,
TYPE = 'success', TYPE = 'success',
} }

150
src/enums/platformEnum.ts
View File

@ -2,25 +2,25 @@
* 平台 * 平台
*/ */
export enum PLATFORMS { export enum PLATFORMS {
DEFAULT = 'DEFAULT' /* 默认 */, DEFAULT = 'DEFAULT' /* 默认 */,
VUE3 = 'VUE3' /* HBuilderX 3.2.0+ */, VUE3 = 'VUE3' /* HBuilderX 3.2.0+ */,
APP_PLUS = 'APP-PLUS' /* App */, APP_PLUS = 'APP-PLUS' /* App */,
APP_PLUS_NVUE = 'APP-PLUS-NVUE' /* App nvue 页面 */, APP_PLUS_NVUE = 'APP-PLUS-NVUE' /* App nvue 页面 */,
APP_NVUE = 'APP-NVUE' /* App nvue 页面 */, APP_NVUE = 'APP-NVUE' /* App nvue 页面 */,
H5 = 'H5' /* H5 */, H5 = 'H5' /* H5 */,
MP_WEIXIN = 'MP-WEIXIN' /* 微信小程序 */, MP_WEIXIN = 'MP-WEIXIN' /* 微信小程序 */,
MP_ALIPAY = 'MP-ALIPAY' /* 支付宝小程序 */, MP_ALIPAY = 'MP-ALIPAY' /* 支付宝小程序 */,
MP_BAIDU = 'MP_BAIDU' /* 百度小程序 */, MP_BAIDU = 'MP_BAIDU' /* 百度小程序 */,
MP_TOUTIAO = 'MP-TOUTIAO' /* 字节跳动小程序 */, MP_TOUTIAO = 'MP-TOUTIAO' /* 字节跳动小程序 */,
MP_LARK = 'MP-LARK' /* 飞书小程序 */, MP_LARK = 'MP-LARK' /* 飞书小程序 */,
MP_QQ = 'MP-QQ' /* QQ小程序 */, MP_QQ = 'MP-QQ' /* QQ小程序 */,
MP_KUAISHOU = 'MP-KUAISHOU' /* 快手小程序 */, MP_KUAISHOU = 'MP-KUAISHOU' /* 快手小程序 */,
MP_JD = 'MP-JD' /* 京东小程序 */, MP_JD = 'MP-JD' /* 京东小程序 */,
MP_360 = 'MP-360' /* 360小程序 */, MP_360 = 'MP-360' /* 360小程序 */,
MP = 'MP' /* 微信小程序/支付宝小程序/百度小程序/字节跳动小程序/飞书小程序/QQ小程序/360小程序 */, MP = 'MP' /* 微信小程序/支付宝小程序/百度小程序/字节跳动小程序/飞书小程序/QQ小程序/360小程序 */,
QUICKAPP_WEBVIEW = 'QUICKAPP-WEBVIEW' /* 快应用通用(包含联盟、华为) */, QUICKAPP_WEBVIEW = 'QUICKAPP-WEBVIEW' /* 快应用通用(包含联盟、华为) */,
QUICKAPP_WEBVIEW_UNION = 'QUICKAPP-WEBVIEW-UNION' /* 快应用联盟 */, QUICKAPP_WEBVIEW_UNION = 'QUICKAPP-WEBVIEW-UNION' /* 快应用联盟 */,
QUICKAPP_WEBVIEW_HUAWEI = 'QUICKAPP-WEBVIEW-HUAWEI' /* 快应用华为 */, QUICKAPP_WEBVIEW_HUAWEI = 'QUICKAPP-WEBVIEW-HUAWEI' /* 快应用华为 */,
} }
/** /**
@ -28,81 +28,81 @@ export enum PLATFORMS {
* @constructor * @constructor
*/ */
function PLATFORM_ENV() { function PLATFORM_ENV() {
let platform = PLATFORMS.DEFAULT; let platform = PLATFORMS.DEFAULT;
/* #ifdef VUE3 */ /* #ifdef VUE3 */
platform = PLATFORMS.VUE3; platform = PLATFORMS.VUE3;
/* #endif */ /* #endif */
/* #ifdef APP-PLUS */ /* #ifdef APP-PLUS */
platform = PLATFORMS.APP_PLUS; platform = PLATFORMS.APP_PLUS;
/* #endif */ /* #endif */
/* #ifdef APP-PLUS-NVUE */ /* #ifdef APP-PLUS-NVUE */
platform = PLATFORMS.APP_PLUS_NVUE; platform = PLATFORMS.APP_PLUS_NVUE;
/* #endif */ /* #endif */
/* #ifdef APP-NVUE */ /* #ifdef APP-NVUE */
platform = PLATFORMS.APP_NVUE; platform = PLATFORMS.APP_NVUE;
/* #endif */ /* #endif */
/* #ifdef H5 */ /* #ifdef H5 */
platform = PLATFORMS.H5; platform = PLATFORMS.H5;
/* #endif */ /* #endif */
/* #ifdef MP */ /* #ifdef MP */
platform = PLATFORMS.MP; platform = PLATFORMS.MP;
/* #endif */ /* #endif */
/* #ifdef MP-WEIXIN */ /* #ifdef MP-WEIXIN */
platform = PLATFORMS.MP_WEIXIN; platform = PLATFORMS.MP_WEIXIN;
/* #endif */ /* #endif */
/* #ifdef MP-ALIPAY */ /* #ifdef MP-ALIPAY */
platform = PLATFORMS.MP_ALIPAY; platform = PLATFORMS.MP_ALIPAY;
/* #endif */ /* #endif */
/* #ifdef MP_BAIDU */ /* #ifdef MP_BAIDU */
platform = PLATFORMS.MP_BAIDU; platform = PLATFORMS.MP_BAIDU;
/* #endif */ /* #endif */
/* #ifdef MP-TOUTIAO */ /* #ifdef MP-TOUTIAO */
platform = PLATFORMS.MP_TOUTIAO; platform = PLATFORMS.MP_TOUTIAO;
/* #endif */ /* #endif */
/* #ifdef MP-LARK */ /* #ifdef MP-LARK */
platform = PLATFORMS.MP_LARK; platform = PLATFORMS.MP_LARK;
/* #endif */ /* #endif */
/* #ifdef MP-QQ */ /* #ifdef MP-QQ */
platform = PLATFORMS.MP_QQ; platform = PLATFORMS.MP_QQ;
/* #endif */ /* #endif */
/* #ifdef MP-KUAISHOU */ /* #ifdef MP-KUAISHOU */
platform = PLATFORMS.MP_KUAISHOU; platform = PLATFORMS.MP_KUAISHOU;
/* #endif */ /* #endif */
/* #ifdef MP-JD */ /* #ifdef MP-JD */
platform = PLATFORMS.MP_JD; platform = PLATFORMS.MP_JD;
/* #endif */ /* #endif */
/* #ifdef MP-360 */ /* #ifdef MP-360 */
platform = PLATFORMS.MP_360; platform = PLATFORMS.MP_360;
/* #endif */ /* #endif */
/* #ifdef QUICKAPP-WEBVIEW */ /* #ifdef QUICKAPP-WEBVIEW */
platform = PLATFORMS.QUICKAPP_WEBVIEW; platform = PLATFORMS.QUICKAPP_WEBVIEW;
/* #endif */ /* #endif */
/* #ifdef QUICKAPP-WEBVIEW-UNION */ /* #ifdef QUICKAPP-WEBVIEW-UNION */
platform = PLATFORMS.QUICKAPP_WEBVIEW_UNION; platform = PLATFORMS.QUICKAPP_WEBVIEW_UNION;
/* #endif */ /* #endif */
/* #ifdef QUICKAPP-WEBVIEW-HUAWEI */ /* #ifdef QUICKAPP-WEBVIEW-HUAWEI */
platform = PLATFORMS.QUICKAPP_WEBVIEW_HUAWEI; platform = PLATFORMS.QUICKAPP_WEBVIEW_HUAWEI;
/* #endif */ /* #endif */
return platform; return platform;
} }
/* 当前平台 */ /* 当前平台 */

10
src/enums/routerEnum.ts
View File

@ -1,9 +1,9 @@
export enum NAVIGATE_TYPE { export enum NAVIGATE_TYPE {
NAVIGATE_TO = 'navigateTo', NAVIGATE_TO = 'navigateTo',
REDIRECT_TO = 'redirectTo', REDIRECT_TO = 'redirectTo',
RE_LAUNCH = 'reLaunch', RE_LAUNCH = 'reLaunch',
SWITCH_TAB = 'switchTab', SWITCH_TAB = 'switchTab',
NAVIGATE_BACK = 'navigateBack', NAVIGATE_BACK = 'navigateBack',
} }
export const NAVIGATE_TYPE_LIST = ['navigateTo', 'redirectTo', 'reLaunch', 'switchTab']; export const NAVIGATE_TYPE_LIST = ['navigateTo', 'redirectTo', 'reLaunch', 'switchTab'];

44
src/hooks/router.ts
View File

@ -8,7 +8,7 @@ const router = new Navigates();
* 路由hook * 路由hook
*/ */
export function useRouter() { export function useRouter() {
return router; return router;
} }
/** /**
@ -19,26 +19,26 @@ export function useRouter() {
* @return RouteLocationNormalized * @return RouteLocationNormalized
*/ */
export function useRoute(): RouteLocationNormalized { export function useRoute(): RouteLocationNormalized {
const currentPages = getCurrentPages(); const currentPages = getCurrentPages();
const currentPage = currentPages[currentPages.length - 1]; const currentPage = currentPages[currentPages.length - 1];
const path = currentPage?.route || ''; const path = currentPage?.route || '';
const routerStore = useRouterStore(); const routerStore = useRouterStore();
const currentRoute = routerStore.getRoutes?.get(path as string); const currentRoute = routerStore.getRoutes?.get(path as string);
let query = {}; let query = {};
/* #ifndef MP-WEIXIN */ /* #ifndef MP-WEIXIN */
// @ts-ignore // @ts-ignore
query = currentPage?.$page?.options || {}; query = currentPage?.$page?.options || {};
/* #endif */ /* #endif */
/* #ifdef MP-WEIXIN */ /* #ifdef MP-WEIXIN */
// @ts-ignore // @ts-ignore
query = currentPage?.options || {}; query = currentPage?.options || {};
/* #endif */ /* #endif */
return { return {
currentPages, currentPages,
currentPage, currentPage,
path, path,
currentRoute, currentRoute,
query, query,
}; };
} }

14
src/hooks/useGlobalStyle.ts
View File

@ -5,11 +5,11 @@ const { globalStyle } = pagesJson;
* 全局样式 * 全局样式
*/ */
export const useGlobalStyle = () => { export const useGlobalStyle = () => {
const { navigationBarTextStyle, navigationBarTitleText, navigationBarBackgroundColor, backgroundColor } = globalStyle; const { navigationBarTextStyle, navigationBarTitleText, navigationBarBackgroundColor, backgroundColor } = globalStyle;
return { return {
navigationBarTextStyle, navigationBarTextStyle,
navigationBarTitleText, navigationBarTitleText,
navigationBarBackgroundColor, navigationBarBackgroundColor,
backgroundColor, backgroundColor,
}; };
}; };

290
src/hooks/useSystem.ts
View File

@ -4,149 +4,149 @@
* @link https://uniapp.dcloud.net.cn/api/system/info.html * @link https://uniapp.dcloud.net.cn/api/system/info.html
*/ */
export const useSystem = () => { export const useSystem = () => {
const { const {
// device // device
deviceId, deviceId,
deviceBrand, deviceBrand,
deviceModel, deviceModel,
deviceType, deviceType,
devicePixelRatio, devicePixelRatio,
deviceOrientation, deviceOrientation,
// os // os
osName, osName,
osVersion, osVersion,
osLanguage, osLanguage,
osTheme, osTheme,
// @ts-ignore // @ts-ignore
osAndroidAPILevel, osAndroidAPILevel,
// rom // rom
romName, romName,
romVersion, romVersion,
// browser // browser
browserName, browserName,
browserVersion, browserVersion,
// host // host
hostFontSizeSetting, hostFontSizeSetting,
hostSDKVersion, hostSDKVersion,
hostName, hostName,
hostVersion, hostVersion,
hostLanguage, hostLanguage,
hostTheme, hostTheme,
hostPackageName, hostPackageName,
// uni-app框架 // uni-app框架
uniPlatform, uniPlatform,
uniCompileVersion, uniCompileVersion,
uniRuntimeVersion, uniRuntimeVersion,
// app // app
appId, appId,
appName, appName,
appVersion, appVersion,
appVersionCode, appVersionCode,
appLanguage, appLanguage,
// @ts-ignore // @ts-ignore
appWgtVersion, appWgtVersion,
// 其他 // 其他
ua, ua,
screenWidth, screenWidth,
screenHeight, screenHeight,
windowWidth, windowWidth,
windowHeight, windowHeight,
windowTop, windowTop,
windowBottom, windowBottom,
statusBarHeight, statusBarHeight,
safeArea, safeArea,
safeAreaInsets, safeAreaInsets,
// 某些小程序特殊的返回参数 // 某些小程序特殊的返回参数
// @ts-ignore // @ts-ignore
benchmarkLevel, benchmarkLevel,
// @ts-ignore // @ts-ignore
batteryLevel, batteryLevel,
currentBattery, currentBattery,
navigationBarHeight, navigationBarHeight,
titleBarHeight, titleBarHeight,
albumAuthorized, albumAuthorized,
cameraAuthorized, cameraAuthorized,
locationAuthorized, locationAuthorized,
microphoneAuthorized, microphoneAuthorized,
notificationAuthorized, notificationAuthorized,
notificationAlertAuthorized, notificationAlertAuthorized,
notificationBadgeAuthorized, notificationBadgeAuthorized,
notificationSoundAuthorized, notificationSoundAuthorized,
bluetoothEnabled, bluetoothEnabled,
locationEnabled, locationEnabled,
wifiEnabled, wifiEnabled,
cacheLocation, cacheLocation,
storage, storage,
} = uni.getSystemInfoSync(); } = uni.getSystemInfoSync();
const { top: safeAreaTop, bottom: safeAreaBottom, left: safeAreaLeft, right: safeAreaRight, height: safeAreaHeight, width: safeAreaWidth } = safeArea!; const { top: safeAreaTop, bottom: safeAreaBottom, left: safeAreaLeft, right: safeAreaRight, height: safeAreaHeight, width: safeAreaWidth } = safeArea!;
const { top: safeAreaInsetsTop, bottom: safeAreaInsetsBottom, left: safeAreaInsetsLeft, right: safeAreaInsetsRight } = safeAreaInsets!; const { top: safeAreaInsetsTop, bottom: safeAreaInsetsBottom, left: safeAreaInsetsLeft, right: safeAreaInsetsRight } = safeAreaInsets!;
return { return {
deviceId, deviceId,
deviceBrand, deviceBrand,
deviceModel, deviceModel,
deviceType, deviceType,
devicePixelRatio, devicePixelRatio,
deviceOrientation, deviceOrientation,
osName, osName,
osVersion, osVersion,
osLanguage, osLanguage,
osTheme, osTheme,
osAndroidAPILevel, osAndroidAPILevel,
romName, romName,
romVersion, romVersion,
browserName, browserName,
browserVersion, browserVersion,
hostFontSizeSetting, hostFontSizeSetting,
hostSDKVersion, hostSDKVersion,
hostName, hostName,
hostVersion, hostVersion,
hostLanguage, hostLanguage,
hostTheme, hostTheme,
hostPackageName, hostPackageName,
uniPlatform, uniPlatform,
uniCompileVersion, uniCompileVersion,
uniRuntimeVersion, uniRuntimeVersion,
appId, appId,
appName, appName,
appVersion, appVersion,
appVersionCode, appVersionCode,
appLanguage, appLanguage,
appWgtVersion, appWgtVersion,
ua, ua,
screenWidth, screenWidth,
screenHeight, screenHeight,
windowWidth, windowWidth,
windowHeight, windowHeight,
windowTop, windowTop,
windowBottom, windowBottom,
statusBarHeight, statusBarHeight,
safeAreaTop, safeAreaTop,
safeAreaBottom, safeAreaBottom,
safeAreaLeft, safeAreaLeft,
safeAreaRight, safeAreaRight,
safeAreaHeight, safeAreaHeight,
safeAreaWidth, safeAreaWidth,
safeAreaInsetsTop, safeAreaInsetsTop,
safeAreaInsetsBottom, safeAreaInsetsBottom,
safeAreaInsetsLeft, safeAreaInsetsLeft,
safeAreaInsetsRight, safeAreaInsetsRight,
benchmarkLevel, benchmarkLevel,
batteryLevel, batteryLevel,
currentBattery, currentBattery,
navigationBarHeight, navigationBarHeight,
titleBarHeight, titleBarHeight,
albumAuthorized, albumAuthorized,
cameraAuthorized, cameraAuthorized,
locationAuthorized, locationAuthorized,
microphoneAuthorized, microphoneAuthorized,
notificationAuthorized, notificationAuthorized,
notificationAlertAuthorized, notificationAlertAuthorized,
notificationBadgeAuthorized, notificationBadgeAuthorized,
notificationSoundAuthorized, notificationSoundAuthorized,
bluetoothEnabled, bluetoothEnabled,
locationEnabled, locationEnabled,
wifiEnabled, wifiEnabled,
cacheLocation, cacheLocation,
storage, storage,
}; };
}; };

12
src/main.ts
View File

@ -4,12 +4,12 @@ import { setupStore } from '@/state';
import 'uno.css'; import 'uno.css';
export function createApp() { export function createApp() {
const app = createSSRApp(App); const app = createSSRApp(App);
// Configure store // Configure store
setupStore(app); setupStore(app);
return { return {
app, app,
}; };
} }

240
src/pages.json
View File

@ -1,118 +1,130 @@
{ {
"pages": [ "pages": [
{ {
"path": "pages/index/index", "path": "pages/index/index",
"style": { "style": {
"navigationBarTitleText": "首页", "navigationBarTitleText": "首页",
"navigationStyle":"custom" "navigationStyle": "custom"
}, },
"meta": { "meta": {
"ignoreAuth": true "ignoreAuth": true
} }
},
{
"path": "pages/demo/index",
"style": {
"navigationBarTitleText": "Demo"
},
"meta": {
"ignoreAuth": true
}
},
{
"path": "pages/about/index",
"style": {
"navigationBarTitleText": "关于"
},
"meta": {
"ignoreAuth": true
}
},
{
"path": "pages/login/index",
"style": {
"navigationBarTitleText": "登录"
},
"meta": {
"ignoreAuth": true
}
},
{
"path": "pages/log/index",
"style": {
"navigationBarTitleText": "日志"
}
},
{
"path": "pages/notFound/404",
"style": {
"navigationBarTitleText": "Not Found"
},
"meta": {
"ignoreAuth": true
}
}
],
"subPackages": [
{
"root": "pagesA",
"pages": [
{
"path": "list/test1/index",
"style": {
"navigationBarTitleText": "test1"
},
"meta": {
"ignoreAuth": true
}
},
{
"path": "list/test2/index",
"style": {
"navigationBarTitleText": "test2",
"navigationStyle": "custom"
},
"meta": {
"ignoreAuth": true
}
}
]
},
{
"root": "pagesB",
"pages": [
{
"path": "detail/index",
"style": {
"navigationBarTitleText": "Detail"
},
"meta": {
"ignoreAuth": true
}
}
]
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#262833",
"backgroundColor": "#F8F8F8",
"navigationStyle": "default",
"renderingMode": "seperated",
"pageOrientation": "portrait"
}, },
{ "tabBar": {
"path": "pages/demo/index", "color": "#474747",
"style": { "selectedColor": "#9BC6FC",
"navigationBarTitleText": "Demo" "backgroundColor": "#FFFFFF",
}, "list": [
"meta": { {
"ignoreAuth": true "pagePath": "pages/index/index",
} "text": "首页",
}, "iconPath": "static/images/tabBar/home.png",
{ "selectedIconPath": "static/images/tabBar/selectedHome.png"
"path": "pages/about/index", },
"style": { {
"navigationBarTitleText": "关于" "pagePath": "pages/demo/index",
}, "text": "Demo",
"meta": { "iconPath": "static/images/tabBar/demo.png",
"ignoreAuth": true "selectedIconPath": "static/images/tabBar/selectedDemo.png"
} },
}, {
{ "pagePath": "pages/about/index",
"path": "pages/login/index", "text": "关于",
"style": { "iconPath": "static/images/tabBar/about.png",
"navigationBarTitleText": "登录" "selectedIconPath": "static/images/tabBar/selectedAbout.png"
}, }
"meta": { ]
"ignoreAuth": true
}
},
{
"path": "pages/log/index",
"style": {
"navigationBarTitleText": "日志"
}
},
{
"path": "pages/notFound/404",
"style": {
"navigationBarTitleText": "Not Found"
},
"meta": {
"ignoreAuth": true
}
} }
],
"subPackages": [{
"root": "pagesA",
"pages": [{
"path": "list/test1/index",
"style": {
"navigationBarTitleText": "test1"
},
"meta": {
"ignoreAuth": true
}
},{
"path": "list/test2/index",
"style": {
"navigationBarTitleText": "test2",
"navigationStyle":"custom"
},
"meta": {
"ignoreAuth": true
}
}]
}, {
"root": "pagesB",
"pages": [{
"path": "detail/index",
"style": {
"navigationBarTitleText": "Detail"
},
"meta": {
"ignoreAuth": true
}
}]
}],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#262833",
"backgroundColor": "#F8F8F8",
"navigationStyle": "default",
"renderingMode": "seperated",
"pageOrientation": "portrait"
},
"tabBar": {
"color": "#474747",
"selectedColor": "#9BC6FC",
"backgroundColor": "#FFFFFF",
"list": [{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "static/images/tabBar/home.png",
"selectedIconPath": "static/images/tabBar/selectedHome.png"
},{
"pagePath": "pages/demo/index",
"text": "Demo",
"iconPath": "static/images/tabBar/demo.png",
"selectedIconPath": "static/images/tabBar/selectedDemo.png"
},{
"pagePath": "pages/about/index",
"text": "关于",
"iconPath": "static/images/tabBar/about.png",
"selectedIconPath": "static/images/tabBar/selectedAbout.png"
}]
}
} }

92
src/pages/about/index.vue
View File

@ -10,65 +10,65 @@ const authStore = useAuthStore();
const isLogin = ref(false); const isLogin = ref(false);
const router = useRouter(); const router = useRouter();
onShow(() => { onShow(() => {
isLogin.value = authStore.isLogin; isLogin.value = authStore.isLogin;
}); });
const handleJump = (url: string) => { const handleJump = (url: string) => {
router.push(url); router.push(url);
}; };
// 登出 // 登出
const handleLoginOut = () => { const handleLoginOut = () => {
authStore.loginOut().then(() => { authStore.loginOut().then(() => {
isLogin.value = false; isLogin.value = false;
}); });
}; };
</script> </script>
<template> <template>
<AppProvider> <AppProvider>
<view class="container"> <view class="container">
<view class="head-wrap"> <view class="head-wrap">
<view class="avatar"> <view class="avatar">
<image class="img" src="/static/images/avatar.png" /> <image class="img" src="/static/images/avatar.png" />
</view> </view>
<view class="desc">{{ isLogin ? '测试' : '未登入' }}</view> <view class="desc">{{ isLogin ? '测试' : '未登入' }}</view>
</view> </view>
<view class="cell"><BasicButton @click="handleJump('/pages/log/index?id=4345&title=log')">log</BasicButton></view> <view class="cell"><BasicButton @click="handleJump('/pages/log/index?id=4345&title=log')">log</BasicButton></view>
<view class="cell" v-if="isLogin"><BasicButton @click="handleLoginOut">登出</BasicButton></view> <view class="cell" v-if="isLogin"><BasicButton @click="handleLoginOut">登出</BasicButton></view>
<view class="cell" v-else> <view class="cell" v-else>
<BasicButton @click="handleJump('/pages/login/index')"> 登入 </BasicButton> <BasicButton @click="handleJump('/pages/login/index')"> 登入 </BasicButton>
</view> </view>
</view> </view>
</AppProvider> </AppProvider>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.container { .container {
padding: 96rpx 24rpx; padding: 96rpx 24rpx;
.head-wrap { .head-wrap {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.avatar { .avatar {
height: 120rpx; height: 120rpx;
width: 120rpx; width: 120rpx;
border: 2rpx solid #d1d5db; border: 2rpx solid #d1d5db;
border-radius: 120rpx; border-radius: 120rpx;
overflow: hidden; overflow: hidden;
padding: 6rpx; padding: 6rpx;
.img { .img {
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
} }
.desc { .desc {
font-size: 28rpx; font-size: 28rpx;
line-height: 120rpx; line-height: 120rpx;
} }
} }
.cell { .cell {
margin-top: 60rpx; margin-top: 60rpx;
text-align: center; text-align: center;
} }
} }
</style> </style>

18
src/pages/demo/index.vue
View File

@ -5,22 +5,22 @@ import { useRouter } from '@/hooks/router';
const router = useRouter(); const router = useRouter();
const jumpList1 = () => { const jumpList1 = () => {
router.push('/pagesA/list/test1/index?key=words&page=1&limit=15'); router.push('/pagesA/list/test1/index?key=words&page=1&limit=15');
}; };
</script> </script>
<template> <template>
<AppProvider> <AppProvider>
<view class="container"> 页面构建中... </view> <view class="container"> 页面构建中... </view>
<view class="_u_center"> <view class="_u_center">
<BasicButton @click="jumpList1">List1 → </BasicButton> <BasicButton @click="jumpList1">List1 → </BasicButton>
</view> </view>
</AppProvider> </AppProvider>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.container { .container {
padding: 128rpx 0; padding: 128rpx 0;
text-align: center; text-align: center;
} }
</style> </style>

70
src/pages/index/index.vue
View File

@ -15,55 +15,55 @@ const isVue3 = judgePlatform(PLATFORMS.VUE3);
const router = useRouter(); const router = useRouter();
const handleGetStarted = () => { const handleGetStarted = () => {
router.pushTab('/pages/demo/index'); router.pushTab('/pages/demo/index');
// router.push('/pages/log/index?id=4345&title=log'); // router.push('/pages/log/index?id=4345&title=log');
}; };
</script> </script>
<template> <template>
<AppProvider> <AppProvider>
<view class="content"> <view class="content">
<image class="logo" src="/static/svg/LOGO.svg" /> <image class="logo" src="/static/svg/LOGO.svg" />
<view class="text-area"> <view class="text-area">
<text class="">{{ title }}</text> <text class="">{{ title }}</text>
</view> </view>
<view class="text-area"> <view class="text-area">
<text class="">是否是Vue3: {{ isVue3 }}</text> <text class="">是否是Vue3: {{ isVue3 }}</text>
</view> </view>
<view class="text-area"> <view class="text-area">
<text class="_u_text-red">当前平台: {{ platform }}</text> <text class="_u_text-red">当前平台: {{ platform }}</text>
</view> </view>
<BasicButton @click="handleGetStarted">Get Started → </BasicButton> <BasicButton @click="handleGetStarted">Get Started → </BasicButton>
<view class="_u_text-red">uno css</view> <view class="_u_text-red">uno css</view>
<Iconify icon="i-ph-anchor-simple-thin" size="65" /> <Iconify icon="i-ph-anchor-simple-thin" size="65" />
<Iconify icon="i-system-uicons-book-text" /> <Iconify icon="i-system-uicons-book-text" />
<Iconify icon="i-system-uicons-battery-full" size="65" /> <Iconify icon="i-system-uicons-battery-full" size="65" />
<Iconify icon="i-system-uicons-box-add" :size="65" /> <Iconify icon="i-system-uicons-box-add" :size="65" />
<Iconify icon="i-system-uicons-bell-snooze" color="red" :size="65" /> <Iconify icon="i-system-uicons-bell-snooze" color="red" :size="65" />
</view> </view>
</AppProvider> </AppProvider>
</template> </template>
<style lang="scss"> <style lang="scss">
.content { .content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.logo { .logo {
height: 200rpx; height: 200rpx;
width: 200rpx; width: 200rpx;
margin: 280rpx auto 50rpx; margin: 280rpx auto 50rpx;
} }
.text-area { .text-area {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-bottom: 60rpx; margin-bottom: 60rpx;
} }
.title { .title {
font-size: 36rpx; font-size: 36rpx;
color: #8f8f94; color: #8f8f94;
} }
</style> </style>

4
src/pages/log/index.vue
View File

@ -1,12 +1,12 @@
<template> <template>
<view style="line-height: 88rpx; text-align: center">登录后访问log</view> <view style="line-height: 88rpx; text-align: center">登录后访问log</view>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { onLoad } from '@dcloudio/uni-app'; import { onLoad } from '@dcloudio/uni-app';
onLoad((query) => { onLoad((query) => {
console.log('log onLoad', query); console.log('log onLoad', query);
}); });
</script> </script>

128
src/pages/login/index.vue
View File

@ -7,85 +7,85 @@ import { useRouter } from '@/hooks/router';
const redirect = ref<string | undefined>(undefined); const redirect = ref<string | undefined>(undefined);
onLoad((query) => { onLoad((query) => {
redirect.value = query.redirect ? decodeURIComponent(query.redirect) : undefined; redirect.value = query.redirect ? decodeURIComponent(query.redirect) : undefined;
}); });
const router = useRouter(); const router = useRouter();
const form = reactive({ const form = reactive({
email: 'uni-app@test.com', email: 'uni-app@test.com',
password: 'Vue3_Ts_Vite', password: 'Vue3_Ts_Vite',
}); });
const authStore = useAuthStore(); const authStore = useAuthStore();
const submit = (e: any) => { const submit = (e: any) => {
authStore.login(e.detail.value).then(() => { authStore.login(e.detail.value).then(() => {
Toast('登录成功', { duration: 1500 }); Toast('登录成功', { duration: 1500 });
setTimeout(() => { setTimeout(() => {
if (redirect.value) { if (redirect.value) {
router.go(redirect.value, { replace: true }); router.go(redirect.value, { replace: true });
return; return;
} }
router.pushTab('/pages/about/index'); router.pushTab('/pages/about/index');
}, 1500); }, 1500);
}); });
}; };
</script> </script>
<template> <template>
<view class="container"> <view class="container">
<view class="title">登录</view> <view class="title">登录</view>
<view class="form-wrap"> <view class="form-wrap">
<form class="form" @submit="submit"> <form class="form" @submit="submit">
<label class="form-item"> <label class="form-item">
<view class="form-label">邮箱:</view> <view class="form-label">邮箱:</view>
<view class="form-element"><input name="email" :value="form.email" /></view> <view class="form-element"><input name="email" :value="form.email" /></view>
</label> </label>
<label class="form-item"> <label class="form-item">
<view class="form-label">密码:</view> <view class="form-label">密码:</view>
<view class="form-element"><input type="password" name="password" :value="form.password" /></view> <view class="form-element"><input type="password" name="password" :value="form.password" /></view>
</label> </label>
<button form-type="submit" class="submit-btn" hover-class="none">登录</button> <button form-type="submit" class="submit-btn" hover-class="none">登录</button>
</form> </form>
</view> </view>
</view> </view>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.container { .container {
margin: 0 auto; margin: 0 auto;
width: 80%; width: 80%;
.title { .title {
padding: 320rpx 0 32rpx 0; padding: 320rpx 0 32rpx 0;
text-align: center; text-align: center;
} }
.form-wrap { .form-wrap {
padding: 20rpx 24rpx; padding: 20rpx 24rpx;
box-shadow: 16rpx 16rpx 30rpx #e5e7eb; box-shadow: 16rpx 16rpx 30rpx #e5e7eb;
.form { .form {
.form-item { .form-item {
display: flex; display: flex;
height: 88rpx; height: 88rpx;
border-bottom: 2rpx solid #dbeafe; border-bottom: 2rpx solid #dbeafe;
align-items: center; align-items: center;
.form-label { .form-label {
min-width: 96rpx; min-width: 96rpx;
} }
.form-element { .form-element {
flex-grow: 1; flex-grow: 1;
} }
} }
.submit-btn { .submit-btn {
margin-top: 44rpx; margin-top: 44rpx;
border: 4rpx solid #bfdbfe; border: 4rpx solid #bfdbfe;
background-color: #60a5fa; background-color: #60a5fa;
border-radius: 8rpx; border-radius: 8rpx;
font-size: 28rpx; font-size: 28rpx;
color: #ffffff; color: #ffffff;
:hover { :hover {
background-color: #3b82f6; background-color: #3b82f6;
} }
} }
} }
} }
} }
</style> </style>

20
src/pages/notFound/404.vue
View File

@ -8,26 +8,26 @@ const go = ref<string>('');
const router = useRouter(); const router = useRouter();
const redirect = ref<string>(''); const redirect = ref<string>('');
onLoad((query) => { onLoad((query) => {
go.value = query.go || ''; go.value = query.go || '';
redirect.value = query.redirect || ''; redirect.value = query.redirect || '';
}); });
/** /**
* 返回首页 * 返回首页
*/ */
const backHome = () => { const backHome = () => {
router.pushTab(redirect.value); router.pushTab(redirect.value);
}; };
</script> </script>
<template> <template>
<view class="w-screen flex flex-col items-center pt-320rpx"> <view class="w-screen flex flex-col items-center pt-320rpx">
<image class="w-360rpx" mode="widthFix" src="/static/svg/weep.svg" /> <image class="w-360rpx" mode="widthFix" src="/static/svg/weep.svg" />
<view class="mb-40rpx"> <view class="mb-40rpx">
<text>{{ go }} 页面找不到了~</text> <text>{{ go }} 页面找不到了~</text>
</view> </view>
<BasicButton @click="backHome">返回首页</BasicButton> <BasicButton @click="backHome">返回首页</BasicButton>
</view> </view>
</template> </template>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>

2
src/pages/template/index.vue
View File

@ -1,7 +1,7 @@
<script lang="ts" setup></script> <script lang="ts" setup></script>
<template> <template>
<view> 页面模板,新建pages,将此页面内容复制粘贴到新建.vue文件 </view> <view> 页面模板,新建pages,将此页面内容复制粘贴到新建.vue文件 </view>
</template> </template>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>

6
src/pagesA/list/test1/index.vue
View File

@ -4,11 +4,11 @@ import { useRouter } from '@/hooks/router';
const router = useRouter(); const router = useRouter();
const jumpTest2 = () => { const jumpTest2 = () => {
router.push('/pagesA/list/test2/index?id=256'); router.push('/pagesA/list/test2/index?id=256');
}; };
</script> </script>
<template> <template>
<view class="_u_center"> Test1 </view> <view class="_u_center"> Test1 </view>
<view class="_u_center"><BasicButton @click="jumpTest2">Test2 → </BasicButton></view> <view class="_u_center"><BasicButton @click="jumpTest2">Test2 → </BasicButton></view>
</template> </template>
<style scoped></style> <style scoped></style>

10
src/pagesA/list/test2/index.vue
View File

@ -4,13 +4,13 @@ import { useRouter } from '@/hooks/router';
const router = useRouter(); const router = useRouter();
const jumpDetail = () => { const jumpDetail = () => {
router.push('/pagesB/detail/index?page=1&limit=20'); router.push('/pagesB/detail/index?page=1&limit=20');
}; };
</script> </script>
<template> <template>
<view> <view>
<view> Test2 </view> <view> Test2 </view>
<BasicButton @click="jumpDetail">Detail → </BasicButton> <BasicButton @click="jumpDetail">Detail → </BasicButton>
</view> </view>
</template> </template>
<style scoped></style> <style scoped></style>

14
src/services/api/auth.ts
View File

@ -9,23 +9,23 @@ const REFRESH_TOKEN = '/refresh/token';
* @param params * @param params
*/ */
export function login(params: LoginParams) { export function login(params: LoginParams) {
return request.post<LoginModel>(LOGIN, params, { return request.post<LoginModel>(LOGIN, params, {
custom: { custom: {
auth: false, auth: false,
}, },
}); });
} }
/** /**
* 登出 * 登出
*/ */
export function logout() { export function logout() {
return request.post(LOGIN_OUT, {}); return request.post(LOGIN_OUT, {});
} }
/** /**
* 刷新token * 刷新token
*/ */
export function refreshToken() { export function refreshToken() {
return request.post<LoginModel>(REFRESH_TOKEN, {}); return request.post<LoginModel>(REFRESH_TOKEN, {});
} }

3
src/services/api/user.ts
View File

@ -1 +1,2 @@
import { request } from '@/utils/http'; // import { request } from '@/utils/http';
export {};

6
src/services/model/authModel.d.ts vendored
View File

@ -1,7 +1,7 @@
declare interface LoginParams { declare interface LoginParams {
email: string; email: string;
password: string; password: string;
} }
declare interface LoginModel { declare interface LoginModel {
token: string; token: string;
} }

6
src/services/model/baseModel.d.ts vendored
View File

@ -1,5 +1,5 @@
declare interface API<T = any> { declare interface API<T = any> {
code: number; code: number;
data?: T; data?: T;
message: string; message: string;
} }

4
src/settings/encryptionSetting.ts
View File

@ -7,8 +7,8 @@ export const DEFAULT_PREFIX_KEY = `${PREFIX}${getPkgVersion()}`;
// aes encryption key // aes encryption key
export const cacheCipher = { export const cacheCipher = {
key: 'aQ0{gD1@c_0@oH5:', key: 'aQ0{gD1@c_0@oH5:',
iv: 'aF0#gC_$hE1$eA1!', iv: 'aF0#gC_$hE1$eA1!',
}; };
// Whether the system cache is encrypted using aes // Whether the system cache is encrypted using aes

10
src/state/app.ts
View File

@ -1,12 +1,12 @@
import { defineStore } from 'pinia'; import { defineStore } from 'pinia';
interface AppState { interface AppState {
sys?: string | number; sys?: string | number;
} }
export const useAppStore = defineStore({ export const useAppStore = defineStore({
id: 'app-store', id: 'app-store',
state: (): AppState => ({}), state: (): AppState => ({}),
getters: {}, getters: {},
actions: {}, actions: {},
}); });

2
src/state/index.ts
View File

@ -4,7 +4,7 @@ import { createPinia } from 'pinia';
const store = createPinia(); const store = createPinia();
export function setupStore(app: App<Element>) { export function setupStore(app: App<Element>) {
app.use(store); app.use(store);
} }
export { store }; export { store };

110
src/state/modules/auth.ts
View File

@ -4,62 +4,62 @@ import { TOKEN_KEY } from '@/enums/cacheEnum';
import { login, logout, refreshToken } from '@/services/api/auth'; import { login, logout, refreshToken } from '@/services/api/auth';
interface AuthState { interface AuthState {
token?: string; token?: string;
} }
export const useAuthStore = defineStore({ export const useAuthStore = defineStore({
id: 'auth', id: 'auth',
state: (): AuthState => ({ state: (): AuthState => ({
token: undefined, token: undefined,
}), }),
getters: { getters: {
getToken: (state) => state.token, getToken: (state) => state.token,
isLogin: (state): boolean => !!state.token, isLogin: (state): boolean => !!state.token,
}, },
actions: { actions: {
initToken() { initToken() {
this.token = getCache<string>(TOKEN_KEY) || undefined; this.token = getCache<string>(TOKEN_KEY) || undefined;
}, },
setToken(token: string | undefined) { setToken(token: string | undefined) {
setCache(TOKEN_KEY, token); setCache(TOKEN_KEY, token);
this.token = token; this.token = token;
}, },
/** /**
* @description 登录 * @description 登录
*/ */
async login(params: LoginParams): Promise<LoginModel> { async login(params: LoginParams): Promise<LoginModel> {
try { try {
const { data } = await login(params); const { data } = await login(params);
this.setToken(data.token); this.setToken(data.token);
return Promise.resolve(data); return Promise.resolve(data);
} catch (err: any) { } catch (err: any) {
return Promise.reject(err); return Promise.reject(err);
} }
}, },
/** /**
* @description 登出 * @description 登出
*/ */
async loginOut(): Promise<any> { async loginOut(): Promise<any> {
try { try {
const res = await logout(); const res = await logout();
removeCache(TOKEN_KEY); removeCache(TOKEN_KEY);
this.setToken(undefined); this.setToken(undefined);
return Promise.resolve(res); return Promise.resolve(res);
} catch (err: any) { } catch (err: any) {
return Promise.reject(err); return Promise.reject(err);
} }
}, },
/** /**
* @description 刷新token * @description 刷新token
*/ */
async refreshToken(): Promise<LoginModel> { async refreshToken(): Promise<LoginModel> {
try { try {
const { data } = await refreshToken(); const { data } = await refreshToken();
this.setToken(data.token); this.setToken(data.token);
return Promise.resolve(data); return Promise.resolve(data);
} catch (err: any) { } catch (err: any) {
return Promise.reject(err); return Promise.reject(err);
} }
}, },
}, },
}); });

52
src/state/modules/router.ts
View File

@ -3,33 +3,33 @@ import { Route } from '@/types/router/route';
import { pagesMap } from '@/utils/router/routes'; import { pagesMap } from '@/utils/router/routes';
interface routeStore { interface routeStore {
routes: Map<string, Route> | undefined; routes: Map<string, Route> | undefined;
currentRouter: Route | undefined; currentRouter: Route | undefined;
} }
export const useRouterStore = defineStore({ export const useRouterStore = defineStore({
id: 'routerStore', id: 'routerStore',
state: (): routeStore => ({ state: (): routeStore => ({
routes: undefined, routes: undefined,
currentRouter: undefined, currentRouter: undefined,
}), }),
getters: { getters: {
getRoutes(state) { getRoutes(state) {
return state.routes; return state.routes;
}, },
getCurrentRoute(state) { getCurrentRoute(state) {
return state.currentRouter; return state.currentRouter;
}, },
}, },
actions: { actions: {
initialize() { initialize() {
this.setRoutes(); this.setRoutes();
}, },
setRoutes() { setRoutes() {
this.routes = pagesMap; this.routes = pagesMap;
}, },
setCurrentRoute(path: string) { setCurrentRoute(path: string) {
this.currentRouter = this.routes?.get(path) || undefined; this.currentRouter = this.routes?.get(path) || undefined;
}, },
}, },
}); });

10
src/state/modules/user.ts
View File

@ -1,12 +1,12 @@
import { defineStore } from 'pinia'; import { defineStore } from 'pinia';
interface UserState { interface UserState {
id?: string | number; id?: string | number;
} }
export const useUserStore = defineStore({ export const useUserStore = defineStore({
id: 'user', id: 'user',
state: (): UserState => ({}), state: (): UserState => ({}),
getters: {}, getters: {},
actions: {}, actions: {},
}); });

26
src/types/env.d.ts vendored
View File

@ -1,23 +1,23 @@
// / <reference types="vite/client" /> // / <reference types="vite/client" />
declare module '*.vue' { declare module '*.vue' {
import { DefineComponent } from 'vue'; import { DefineComponent } from 'vue';
// eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
const component: DefineComponent<{}, {}, any>; const component: DefineComponent<{}, {}, any>;
export default component; export default component;
} }
interface ImportMetaEnv { interface ImportMetaEnv {
readonly VITE_ENV: string; readonly VITE_ENV: string;
readonly VITE_APP_TITLE: string; readonly VITE_APP_TITLE: string;
readonly VITE_BASE_URL: string; readonly VITE_BASE_URL: string;
readonly VITE_UPLOAD_URL: string; readonly VITE_UPLOAD_URL: string;
readonly VITE_PROD: boolean; readonly VITE_PROD: boolean;
readonly VITE_DEV: boolean; readonly VITE_DEV: boolean;
readonly VITE_APP_CACHE_PREFIX: string; readonly VITE_APP_CACHE_PREFIX: string;
readonly VITE_PORT: number; readonly VITE_PORT: number;
} }
interface ImportMeta { interface ImportMeta {
readonly env: ImportMetaEnv; readonly env: ImportMetaEnv;
} }

46
src/types/router/route.d.ts vendored
View File

@ -1,32 +1,32 @@
import { types } from 'sass'; // import { types } from 'sass';
import Boolean = types.Boolean; // import Boolean = types.Boolean;
export interface Route extends Record<string, any> { export interface Route extends Record<string, any> {
path: string; path: string;
meta?: { meta?: {
ignoreAuth?: boolean; ignoreAuth?: boolean;
tabBar: boolean; tabBar: boolean;
}; };
style: { style: {
navigationBarTitleText: string; navigationBarTitleText: string;
[key: string]: string | boolean; [key: string]: string | boolean;
}; };
} }
export interface SubPackages { export interface SubPackages {
root: string; root: string;
pages: Route[]; pages: Route[];
} }
export interface RouteLocationNormalized { export interface RouteLocationNormalized {
/* 当前页面栈的实例 */ /* 当前页面栈的实例 */
currentPages: Page.PageInstance<AnyObject, {}>[]; currentPages: Page.PageInstance<AnyObject, {}>[];
/* 当前页面的实例 */ /* 当前页面的实例 */
currentPage: Page.PageInstance | undefined; currentPage: Page.PageInstance | undefined;
/* 当前页面在pages.json中的配置 */ /* 当前页面在pages.json中的配置 */
currentRoute?: Route; currentRoute?: Route;
/* 当前页面的path */ /* 当前页面的path */
path?: string; path?: string;
/* 当前页面的url参数 */ /* 当前页面的url参数 */
query: Record<string, string | string[]>; query: Record<string, string | string[]>;
} }

18
src/utils/cache/index.ts vendored
View File

@ -2,27 +2,27 @@ import { createStorage, CreateStorageParams } from './storageCache';
import { cacheCipher, DEFAULT_CACHE_TIME, DEFAULT_PREFIX_KEY, enableStorageEncryption } from '@/settings/encryptionSetting'; import { cacheCipher, DEFAULT_CACHE_TIME, DEFAULT_PREFIX_KEY, enableStorageEncryption } from '@/settings/encryptionSetting';
const options: Partial<CreateStorageParams> = { const options: Partial<CreateStorageParams> = {
prefixKey: DEFAULT_PREFIX_KEY, prefixKey: DEFAULT_PREFIX_KEY,
key: cacheCipher.key, key: cacheCipher.key,
iv: cacheCipher.iv, iv: cacheCipher.iv,
hasEncrypt: enableStorageEncryption, hasEncrypt: enableStorageEncryption,
timeout: DEFAULT_CACHE_TIME, timeout: DEFAULT_CACHE_TIME,
}; };
export const storage = createStorage(options); export const storage = createStorage(options);
export function setCache(key: string, value: any, expire?: number | null): void { export function setCache(key: string, value: any, expire?: number | null): void {
storage.set(key, value, expire); storage.set(key, value, expire);
} }
export function getCache<T = any>(key: string): T { export function getCache<T = any>(key: string): T {
return storage.get<T>(key); return storage.get<T>(key);
} }
export function removeCache(key: string): void { export function removeCache(key: string): void {
return storage.remove(key); return storage.remove(key);
} }
export function clearCache(): void { export function clearCache(): void {
return storage.clear(); return storage.clear();
} }

184
src/utils/cache/storageCache.ts vendored
View File

@ -4,110 +4,110 @@ import { AesEncryption } from '@/utils/cipher';
import { isNullOrUnDef } from '@/utils/is'; import { isNullOrUnDef } from '@/utils/is';
export interface CreateStorageParams extends EncryptionParams { export interface CreateStorageParams extends EncryptionParams {
prefixKey: string; prefixKey: string;
hasEncrypt: boolean; hasEncrypt: boolean;
timeout?: number | null; timeout?: number | null;
} }
export const createStorage = ({ export const createStorage = ({
prefixKey = '', prefixKey = '',
key = cacheCipher.key, key = cacheCipher.key,
iv = cacheCipher.iv, iv = cacheCipher.iv,
timeout = null, timeout = null,
hasEncrypt = true, hasEncrypt = true,
}: Partial<CreateStorageParams> = {}) => { }: Partial<CreateStorageParams> = {}) => {
if (hasEncrypt && [key.length, iv.length].some((item) => item !== 16)) { if (hasEncrypt && [key.length, iv.length].some((item) => item !== 16)) {
throw new Error('When hasEncrypt is true, the key or iv must be 16 bits!'); throw new Error('When hasEncrypt is true, the key or iv must be 16 bits!');
} }
const encryption = new AesEncryption({ key, iv }); const encryption = new AesEncryption({ key, iv });
/** /**
* Cache class * Cache class
* Construction parameters can be passed into sessionStorage, localStorage, * Construction parameters can be passed into sessionStorage, localStorage,
* @class Cache * @class Cache
* @example * @example
*/ */
class Storage { class Storage {
private prefixKey?: string; private prefixKey?: string;
private encryption: AesEncryption; private encryption: AesEncryption;
private hasEncrypt: boolean; private hasEncrypt: boolean;
/** /**
* *
* @param {*} storage * @param {*} storage
*/ */
constructor() { constructor() {
this.prefixKey = prefixKey; this.prefixKey = prefixKey;
this.encryption = encryption; this.encryption = encryption;
this.hasEncrypt = hasEncrypt; this.hasEncrypt = hasEncrypt;
} }
private getKey(key: string) { private getKey(key: string) {
return `${this.prefixKey}${key}`.toUpperCase(); return `${this.prefixKey}${key}`.toUpperCase();
} }
/** /**
* Set cache * Set cache
* @param {string} key * @param {string} key
* @param {*} value * @param {*} value
* @param {*} expire Expiration time in seconds * @param {*} expire Expiration time in seconds
* @memberof Cache * @memberof Cache
*/ */
set(key: string, value: any, expire: number | null = timeout) { set(key: string, value: any, expire: number | null = timeout) {
try { try {
const stringData = JSON.stringify({ const stringData = JSON.stringify({
value, value,
time: Date.now(), time: Date.now(),
expire: !isNullOrUnDef(expire) ? new Date().getTime() + expire * 1000 : null, expire: !isNullOrUnDef(expire) ? new Date().getTime() + expire * 1000 : null,
}); });
const stringifyValue = this.hasEncrypt ? this.encryption.encryptByAES(stringData) : stringData; const stringifyValue = this.hasEncrypt ? this.encryption.encryptByAES(stringData) : stringData;
uni.setStorageSync(this.getKey(key), stringifyValue); uni.setStorageSync(this.getKey(key), stringifyValue);
} catch (err) { } catch (err) {
throw new Error(`setStorageSync error: ${err}`); throw new Error(`setStorageSync error: ${err}`);
} }
} }
/** /**
* Read cache * Read cache
* @param {string} key * @param {string} key
* @param {*} def * @param {*} def
* @memberof Cache * @memberof Cache
*/ */
get<T = any>(key: string, def: any = null): T { get<T = any>(key: string, def: any = null): T {
const val = uni.getStorageSync(this.getKey(key)); const val = uni.getStorageSync(this.getKey(key));
if (!val) return def; if (!val) return def;
try { try {
const decVal = this.hasEncrypt ? this.encryption.decryptByAES(val) : val; const decVal = this.hasEncrypt ? this.encryption.decryptByAES(val) : val;
const data = JSON.parse(decVal); const data = JSON.parse(decVal);
const { value, expire } = data; const { value, expire } = data;
if (isNullOrUnDef(expire) || expire < new Date().getTime()) { if (isNullOrUnDef(expire) || expire < new Date().getTime()) {
this.remove(key); this.remove(key);
return def; return def;
} }
return value; return value;
} catch (e) { } catch (e) {
return def; return def;
} }
} }
/** /**
* Delete cache based on key * Delete cache based on key
* @param {string} key * @param {string} key
* @memberof Cache * @memberof Cache
*/ */
remove(key: string) { remove(key: string) {
uni.removeStorageSync(this.getKey(key)); uni.removeStorageSync(this.getKey(key));
} }
/** /**
* Delete all caches of this instance * Delete all caches of this instance
*/ */
clear(): void { clear(): void {
uni.clearStorageSync(); uni.clearStorageSync();
} }
} }
return new Storage(); return new Storage();
}; };

58
src/utils/cipher.ts
View File

@ -7,43 +7,43 @@ import md5 from 'crypto-js/md5';
import Base64 from 'crypto-js/enc-base64'; import Base64 from 'crypto-js/enc-base64';
export interface EncryptionParams { export interface EncryptionParams {
key: string; key: string;
iv: string; iv: string;
} }
/** /**
* AES 加密解密 * AES 加密解密
*/ */
export class AesEncryption { export class AesEncryption {
private key; private key;
private iv; private iv;
constructor(opt: Partial<EncryptionParams> = {}) { constructor(opt: Partial<EncryptionParams> = {}) {
const { key, iv } = opt; const { key, iv } = opt;
if (key) { if (key) {
this.key = parse(key); this.key = parse(key);
} }
if (iv) { if (iv) {
this.iv = parse(iv); this.iv = parse(iv);
} }
} }
get getOptions() { get getOptions() {
return { return {
mode: ECB, mode: ECB,
padding: pkcs7, padding: pkcs7,
iv: this.iv, iv: this.iv,
}; };
} }
encryptByAES(cipherText: string) { encryptByAES(cipherText: string) {
return encrypt(cipherText, this.key!, this.getOptions).toString(); return encrypt(cipherText, this.key!, this.getOptions).toString();
} }
decryptByAES(cipherText: string) { decryptByAES(cipherText: string) {
return decrypt(cipherText, this.key!, this.getOptions).toString(UTF8); return decrypt(cipherText, this.key!, this.getOptions).toString(UTF8);
} }
} }
/** /**
@ -51,7 +51,7 @@ export class AesEncryption {
* @param cipherText * @param cipherText
*/ */
export function encryptByBase64(cipherText: string) { export function encryptByBase64(cipherText: string) {
return UTF8.parse(cipherText).toString(Base64); return UTF8.parse(cipherText).toString(Base64);
} }
/** /**
@ -59,7 +59,7 @@ export function encryptByBase64(cipherText: string) {
* @param cipherText * @param cipherText
*/ */
export function decodeByBase64(cipherText: string) { export function decodeByBase64(cipherText: string) {
return Base64.parse(cipherText).toString(UTF8); return Base64.parse(cipherText).toString(UTF8);
} }
/** /**
@ -67,5 +67,5 @@ export function decodeByBase64(cipherText: string) {
* @param password * @param password
*/ */
export function encryptByMd5(password: string) { export function encryptByMd5(password: string) {
return md5(password).toString(); return md5(password).toString();
} }

20
src/utils/env.ts
View File

@ -6,7 +6,7 @@ import { PLATFORMS } from '@/enums/platformEnum';
* @description: Generate cache key according to version * @description: Generate cache key according to version
*/ */
export function getPkgVersion() { export function getPkgVersion() {
return `${`__${pkg.version}`}__`.toUpperCase(); return `${`__${pkg.version}`}__`.toUpperCase();
} }
/** /**
@ -25,7 +25,7 @@ export const prodMode = 'production';
* @example: * @example:
*/ */
export function getEnvMode(): string { export function getEnvMode(): string {
return isDevMode() ? devMode : prodMode; return isDevMode() ? devMode : prodMode;
} }
/** /**
@ -34,8 +34,8 @@ export function getEnvMode(): string {
* @example: * @example:
*/ */
export function getEnvValue<T = any>(key: string): T { export function getEnvValue<T = any>(key: string): T {
// @ts-ignore // @ts-ignore
return import.meta.env[key]; return import.meta.env[key];
} }
/** /**
@ -44,7 +44,7 @@ export function getEnvValue<T = any>(key: string): T {
* @example: * @example:
*/ */
export function isDevMode(): boolean { export function isDevMode(): boolean {
return getEnvValue<boolean>('VITE_DEV'); return getEnvValue<boolean>('VITE_DEV');
} }
/** /**
@ -53,7 +53,7 @@ export function isDevMode(): boolean {
* @example: * @example:
*/ */
export function isProdMode(): boolean { export function isProdMode(): boolean {
return getEnvValue<boolean>('VITE_PROD'); return getEnvValue<boolean>('VITE_PROD');
} }
/** /**
@ -62,8 +62,8 @@ export function isProdMode(): boolean {
* @example: * @example:
*/ */
export function getBaseUrl(): string { export function getBaseUrl(): string {
if (judgePlatform(PLATFORMS.H5) && isDevMode()) return '/api'; if (judgePlatform(PLATFORMS.H5) && isDevMode()) return '/api';
return getEnvValue<string>('VITE_BASE_URL'); return getEnvValue<string>('VITE_BASE_URL');
} }
/** /**
@ -72,6 +72,6 @@ export function getBaseUrl(): string {
* @example: * @example:
*/ */
export function getUploadUrl(): string { export function getUploadUrl(): string {
if (judgePlatform(PLATFORMS.H5) && isDevMode()) return '/upload'; if (judgePlatform(PLATFORMS.H5) && isDevMode()) return '/upload';
return getEnvValue<string>('VITE_UPLOAD_URL'); return getEnvValue<string>('VITE_UPLOAD_URL');
} }

74
src/utils/http/index.ts
View File

@ -7,18 +7,18 @@ import { ResultEnum } from '@/enums/httpEnum';
const BASE_URL = getBaseUrl(); const BASE_URL = getBaseUrl();
const HEADER = { const HEADER = {
'Content-Type': 'application/json;charset=UTF-8;', 'Content-Type': 'application/json;charset=UTF-8;',
Accept: 'application/json, text/plain, */*', Accept: 'application/json, text/plain, */*',
}; };
function createRequest() { function createRequest() {
return new Request({ return new Request({
baseURL: BASE_URL, baseURL: BASE_URL,
header: HEADER, header: HEADER,
custom: { custom: {
auth: true, auth: true,
}, },
}); });
} }
const request = createRequest(); const request = createRequest();
@ -26,40 +26,40 @@ const request = createRequest();
* 请求拦截器 * 请求拦截器
*/ */
request.interceptors.request.use( request.interceptors.request.use(
(options) => { (options) => {
if (options.custom?.auth) { if (options.custom?.auth) {
const authStore = useAuthStore(); const authStore = useAuthStore();
if (!authStore.isLogin) { if (!authStore.isLogin) {
Toast('请先登录'); Toast('请先登录');
// token不存在跳转到登录页 // token不存在跳转到登录页
return Promise.reject(options); return Promise.reject(options);
} }
options.header = assign(options.header, { options.header = assign(options.header, {
authorization: `Bearer ${authStore.getToken}`, authorization: `Bearer ${authStore.getToken}`,
}); });
} }
return options; return options;
}, },
(options) => Promise.reject(options) (options) => Promise.reject(options),
); );
/** /**
* 响应拦截器 * 响应拦截器
*/ */
request.interceptors.response.use( request.interceptors.response.use(
async (response) => { async (response) => {
const { data: resData } = response; const { data: resData } = response;
const { code, message } = resData; const { code, message } = resData;
if (code === ResultEnum.SUCCESS) { if (code === ResultEnum.SUCCESS) {
return resData as any; return resData as any;
} }
Toast(message); Toast(message);
return Promise.reject(resData); return Promise.reject(resData);
}, },
(response) => (response) =>
// 请求错误做点什么。可以使用async await 做异步操作 // 请求错误做点什么。可以使用async await 做异步操作
// error('Request Error!'); // error('Request Error!');
Promise.reject(response) Promise.reject(response),
); );
export { request }; export { request };

10
src/utils/index.ts
View File

@ -6,9 +6,9 @@ import { isObject } from '@/utils/is';
* @param target * @param target
*/ */
export function deepMerge<T = any>(src: any = {}, target: any = {}): T { export function deepMerge<T = any>(src: any = {}, target: any = {}): T {
let key: string; let key: string;
for (key in target) { for (key in target) {
src[key] = isObject(src[key]) ? deepMerge(src[key], target[key]) : (src[key] = target[key]); src[key] = isObject(src[key]) ? deepMerge(src[key], target[key]) : (src[key] = target[key]);
} }
return src; return src;
} }

4
src/utils/interceptors/index.ts
View File

@ -1,9 +1,9 @@
import { routerInterceptor, routerRemoveInterceptor } from '@/utils/router/interceptor'; import { routerInterceptor, routerRemoveInterceptor } from '@/utils/router/interceptor';
export function setupInterceptors() { export function setupInterceptors() {
routerInterceptor(); routerInterceptor();
} }
export function removeInterceptor() { export function removeInterceptor() {
routerRemoveInterceptor(); routerRemoveInterceptor();
} }

64
src/utils/is.ts
View File

@ -1,91 +1,91 @@
const { toString } = Object.prototype; const { toString } = Object.prototype;
export function is(val: unknown, type: string) { export function is(val: unknown, type: string) {
return toString.call(val) === `[object ${type}]`; return toString.call(val) === `[object ${type}]`;
} }
export function isDef<T = unknown>(val?: T): val is T { export function isDef<T = unknown>(val?: T): val is T {
return typeof val !== 'undefined'; return typeof val !== 'undefined';
} }
export function isUnDef<T = unknown>(val?: T): val is T { export function isUnDef<T = unknown>(val?: T): val is T {
return !isDef(val); return !isDef(val);
} }
export function isObject(val: any): val is Record<any, any> { export function isObject(val: any): val is Record<any, any> {
return val !== null && is(val, 'Object'); return val !== null && is(val, 'Object');
} }
export function isEmpty<T = unknown>(val: T): val is T { export function isEmpty<T = unknown>(val: T): val is T {
if (isArray(val) || isString(val)) { if (isArray(val) || isString(val)) {
return val.length === 0; return val.length === 0;
} }
if (val instanceof Map || val instanceof Set) { if (val instanceof Map || val instanceof Set) {
return val.size === 0; return val.size === 0;
} }
if (isObject(val)) { if (isObject(val)) {
return Object.keys(val).length === 0; return Object.keys(val).length === 0;
} }
return false; return false;
} }
export function isDate(val: unknown): val is Date { export function isDate(val: unknown): val is Date {
return is(val, 'Date'); return is(val, 'Date');
} }
export function isNull(val: unknown): val is null { export function isNull(val: unknown): val is null {
return val === null; return val === null;
} }
export function isNullAndUnDef(val: unknown): val is null | undefined { export function isNullAndUnDef(val: unknown): val is null | undefined {
return isUnDef(val) && isNull(val); return isUnDef(val) && isNull(val);
} }
export function isNullOrUnDef(val: unknown): val is null | undefined { export function isNullOrUnDef(val: unknown): val is null | undefined {
return isUnDef(val) || isNull(val); return isUnDef(val) || isNull(val);
} }
export function isNumber(val: unknown): val is number { export function isNumber(val: unknown): val is number {
return is(val, 'Number'); return is(val, 'Number');
} }
export function isPromise<T = any>(val: unknown): val is Promise<T> { export function isPromise<T = any>(val: unknown): val is Promise<T> {
return is(val, 'Promise') && isObject(val) && isFunction(val.then) && isFunction(val.catch); return is(val, 'Promise') && isObject(val) && isFunction(val.then) && isFunction(val.catch);
} }
export function isString(val: unknown): val is string { export function isString(val: unknown): val is string {
return is(val, 'String'); return is(val, 'String');
} }
export function isFunction(val: unknown): val is Function { export function isFunction(val: unknown): val is Function {
return typeof val === 'function'; return typeof val === 'function';
} }
export function isBoolean(val: unknown): val is boolean { export function isBoolean(val: unknown): val is boolean {
return is(val, 'Boolean'); return is(val, 'Boolean');
} }
export function isRegExp(val: unknown): val is RegExp { export function isRegExp(val: unknown): val is RegExp {
return is(val, 'RegExp'); return is(val, 'RegExp');
} }
export function isArray(val: any): val is Array<any> { export function isArray(val: any): val is Array<any> {
return val && Array.isArray(val); return val && Array.isArray(val);
} }
export function isWindow(val: any): val is Window { export function isWindow(val: any): val is Window {
return typeof window !== 'undefined' && is(val, 'Window'); return typeof window !== 'undefined' && is(val, 'Window');
} }
export function isElement(val: unknown): val is Element { export function isElement(val: unknown): val is Element {
return isObject(val) && !!val.tagName; return isObject(val) && !!val.tagName;
} }
export function isMap(val: unknown): val is Map<any, any> { export function isMap(val: unknown): val is Map<any, any> {
return is(val, 'Map'); return is(val, 'Map');
} }
export const isServer = typeof window === 'undefined'; export const isServer = typeof window === 'undefined';
@ -93,8 +93,8 @@ export const isServer = typeof window === 'undefined';
export const isClient = !isServer; export const isClient = !isServer;
export function isUrl(path: string): boolean { export function isUrl(path: string): boolean {
// @ts-ignore // @ts-ignore
const reg = const reg =
/^((https|http|ftp|rtsp|mms):\/\/)(([0-9a-zA-Z_!~*'().&=+$%-]+: )?[0-9a-zA-Z_!~*'().&=+$%-]+@)?(([0-9]{1,3}.){3}[0-9]{1,3}|([0-9a-zA-Z_!~*'()-]+.)*([0-9a-zA-Z][0-9a-zA-Z-]{0,61})?[0-9a-zA-Z].[a-zA-Z]{2,6})(:[0-9]{1,4})?((\/?)|(\/[0-9a-zA-Z_!~*'().;?:@&=+$,%#-]+)+\/?)$/; /^((https|http|ftp|rtsp|mms):\/\/)(([0-9a-zA-Z_!~*'().&=+$%-]+: )?[0-9a-zA-Z_!~*'().&=+$%-]+@)?(([0-9]{1,3}.){3}[0-9]{1,3}|([0-9a-zA-Z_!~*'()-]+.)*([0-9a-zA-Z][0-9a-zA-Z-]{0,61})?[0-9a-zA-Z].[a-zA-Z]{2,6})(:[0-9]{1,4})?((\/?)|(\/[0-9a-zA-Z_!~*'().;?:@&=+$,%#-]+)+\/?)$/;
return reg.test(path); return reg.test(path);
} }

4
src/utils/log.ts
View File

@ -3,9 +3,9 @@ import { getEnvValue } from '@/utils/env';
const projectName = getEnvValue<string>('VITE_APP_TITLE'); const projectName = getEnvValue<string>('VITE_APP_TITLE');
export function warn(message: string) { export function warn(message: string) {
console.warn(`[${projectName} warn]:${message}`); console.warn(`[${projectName} warn]:${message}`);
} }
export function error(message: string) { export function error(message: string) {
throw new Error(`[${projectName} error]:${message}`); throw new Error(`[${projectName} error]:${message}`);
} }

244
src/utils/platform.ts
View File

@ -7,136 +7,118 @@ import { PLATFORMS } from '@/enums/platformEnum';
* @return boolean * @return boolean
*/ */
export function judgePlatform(target: PLATFORMS): boolean { export function judgePlatform(target: PLATFORMS): boolean {
let isVue3 = false; let isVue3 = false;
let isAppPlus = false; let isAppPlus = false;
let isAppPlusNvue = false; let isAppPlusNvue = false;
let isAppNvue = false; let isAppNvue = false;
let isH5 = false; let isH5 = false;
let isMp = false; let isMp = false;
let isMpWeinxin = false; let isMpWeinxin = false;
let isMpAlipay = false; let isMpAlipay = false;
let isMpBaidu = false; let isMpBaidu = false;
let isMpToutiao = false; let isMpToutiao = false;
let isMpLark = false; let isMpLark = false;
let isMpQq = false; let isMpQq = false;
let isMpKuaishou = false; let isMpKuaishou = false;
let isMpJd = false; // let isMpJd = false;
let isMp360 = false; let isMp360 = false;
let isQuickAppWebView = false; let isQuickAppWebView = false;
let isQuickAppWebViewUnion = false; let isQuickAppWebViewUnion = false;
let isQuickAppWebViewHuawei = false; let isQuickAppWebViewHuawei = false;
switch (target) { switch (target) {
case PLATFORMS.VUE3: case PLATFORMS.VUE3:
/* #ifdef VUE3 */ /* #ifdef VUE3 */
isVue3 = true; isVue3 = true;
/* #endif */ /* #endif */
return isVue3; return isVue3;
break; case PLATFORMS.APP_PLUS:
case PLATFORMS.APP_PLUS: /* #ifdef APP-PLUS */
/* #ifdef APP-PLUS */ isAppPlus = true;
isAppPlus = true; /* #endif */
/* #endif */ return isAppPlus;
return isAppPlus; case PLATFORMS.APP_PLUS_NVUE:
break; /* #ifdef APP-PLUS-NVUE */
case PLATFORMS.APP_PLUS_NVUE: isAppPlusNvue = true;
/* #ifdef APP-PLUS-NVUE */ /* #endif */
isAppPlusNvue = true; return isAppPlusNvue;
/* #endif */ case PLATFORMS.APP_NVUE:
return isAppPlusNvue; /* #ifdef APP-NVUE */
break; isAppNvue = true;
case PLATFORMS.APP_NVUE: /* #endif */
/* #ifdef APP-NVUE */ return isAppNvue;
isAppNvue = true; case PLATFORMS.H5:
/* #endif */ /* #ifdef H5 */
return isAppNvue; isH5 = true;
break; /* #endif */
case PLATFORMS.H5: return isH5;
/* #ifdef H5 */ case PLATFORMS.MP:
isH5 = true; /* #ifdef MP */
/* #endif */ isMp = true;
return isH5; /* #endif */
break; return isMp;
case PLATFORMS.MP: case PLATFORMS.MP_WEIXIN:
/* #ifdef MP */ /* #ifdef MP-WEIXIN */
isMp = true; isMpWeinxin = true;
/* #endif */ /* #endif */
return isMp; return isMpWeinxin;
break; case PLATFORMS.MP_ALIPAY:
case PLATFORMS.MP_WEIXIN: /* #ifdef MP-ALIPAY */
/* #ifdef MP-WEIXIN */ isMpAlipay = true;
isMpWeinxin = true; /* #endif */
/* #endif */ return isMpAlipay;
return isMpWeinxin; case PLATFORMS.MP_BAIDU:
break; /* #ifdef MP_BAIDU */
case PLATFORMS.MP_ALIPAY: isMpBaidu = true;
/* #ifdef MP-ALIPAY */ /* #endif */
isMpAlipay = true; return isMpBaidu;
/* #endif */ case PLATFORMS.MP_TOUTIAO:
return isMpAlipay; /* #ifdef MP-TOUTIAO */
break; isMpToutiao = true;
case PLATFORMS.MP_BAIDU: /* #endif */
/* #ifdef MP_BAIDU */ return isMpToutiao;
isMpBaidu = true; case PLATFORMS.MP_LARK:
/* #endif */ /* #ifdef MP-LARK */
return isMpBaidu; isMpLark = true;
break; /* #endif */
case PLATFORMS.MP_TOUTIAO: return isMpLark;
/* #ifdef MP-TOUTIAO */ case PLATFORMS.MP_QQ:
isMpToutiao = true; /* #ifdef MP-QQ */
/* #endif */ isMpQq = true;
return isMpToutiao; /* #endif */
break; return isMpQq;
case PLATFORMS.MP_LARK: case PLATFORMS.MP_KUAISHOU:
/* #ifdef MP-LARK */ /* #ifdef MP-KUAISHOU */
isMpLark = true; isMpKuaishou = true;
/* #endif */ /* #endif */
return isMpLark; return isMpKuaishou;
break; // case PLATFORMS.MP_JD:
case PLATFORMS.MP_QQ: // /* #ifdef MP-JD */
/* #ifdef MP-QQ */ // isMpJd = true;
isMpQq = true; // /* #endif */
/* #endif */ // return (isMpJd = true);
return isMpQq; // break;
break; case PLATFORMS.MP_360:
case PLATFORMS.MP_KUAISHOU: /* #ifdef MP-360 */
/* #ifdef MP-KUAISHOU */ isMp360 = true;
isMpKuaishou = true; /* #endif */
/* #endif */ return isMp360;
return isMpKuaishou; case PLATFORMS.QUICKAPP_WEBVIEW:
break; /* #ifdef QUICKAPP-WEBVIEW */
case PLATFORMS.MP_JD: isQuickAppWebView = true;
/* #ifdef MP-JD */ /* #endif */
isMpJd = true; return isQuickAppWebView;
/* #endif */ case PLATFORMS.QUICKAPP_WEBVIEW_UNION:
return (isMpJd = true); /* #ifdef QUICKAPP-WEBVIEW-UNION */
break; isQuickAppWebViewUnion = true;
case PLATFORMS.MP_360: /* #endif */
/* #ifdef MP-360 */ return isQuickAppWebViewUnion;
isMp360 = true; case PLATFORMS.QUICKAPP_WEBVIEW_HUAWEI:
/* #endif */ /* #ifdef QUICKAPP-WEBVIEW-HUAWEI */
return isMp360; isQuickAppWebViewHuawei = true;
break; /* #endif */
case PLATFORMS.QUICKAPP_WEBVIEW: return isQuickAppWebViewHuawei;
/* #ifdef QUICKAPP-WEBVIEW */ default:
isQuickAppWebView = true; return false;
/* #endif */ }
return isQuickAppWebView;
break;
case PLATFORMS.QUICKAPP_WEBVIEW_UNION:
/* #ifdef QUICKAPP-WEBVIEW-UNION */
isQuickAppWebViewUnion = true;
/* #endif */
return isQuickAppWebViewUnion;
break;
case PLATFORMS.QUICKAPP_WEBVIEW_HUAWEI:
/* #ifdef QUICKAPP-WEBVIEW-HUAWEI */
isQuickAppWebViewHuawei = true;
/* #endif */
return isQuickAppWebViewHuawei;
break;
default:
return false;
}
return false;
} }

24
src/utils/router/constant.ts
View File

@ -8,12 +8,12 @@ import { useRouter } from '@/hooks/router';
* @return boolean * @return boolean
*/ */
export function isIgnoreAuth(path: string): boolean { export function isIgnoreAuth(path: string): boolean {
const _path = filterPath(path); const _path = filterPath(path);
const routerStore = useRouterStore(); const routerStore = useRouterStore();
const routes = routerStore.getRoutes; const routes = routerStore.getRoutes;
if (!routes) return false; if (!routes) return false;
const route = routes.get(_path); const route = routes.get(_path);
return route === undefined ? true : !!route?.meta?.ignoreAuth; return route === undefined ? true : !!route?.meta?.ignoreAuth;
} }
/** /**
@ -21,10 +21,10 @@ export function isIgnoreAuth(path: string): boolean {
* @param path * @param path
*/ */
export function jumpLogin(path: string) { export function jumpLogin(path: string) {
const _path = path.startsWith('/') ? path : `/${path}`; const _path = path.startsWith('/') ? path : `/${path}`;
const pathQuery = encodeURIComponent(_path); const pathQuery = encodeURIComponent(_path);
const router = useRouter(); const router = useRouter();
router.push(`${LOGIN_PAGE}?redirect=${pathQuery}`); router.push(`${LOGIN_PAGE}?redirect=${pathQuery}`);
} }
/** /**
@ -33,6 +33,6 @@ export function jumpLogin(path: string) {
* @param prefix * @param prefix
*/ */
export function filterPath(url: string, prefix = '') { export function filterPath(url: string, prefix = '') {
const path = url.split('?')[0]; const path = url.split('?')[0];
return prefix + (path.startsWith('/') ? path.substring(1) : path); return prefix + (path.startsWith('/') ? path.substring(1) : path);
} }

80
src/utils/router/interceptor.ts
View File

@ -9,12 +9,12 @@ import { isIgnoreAuth, jumpLogin } from '@/utils/router/constant';
*/ */
export function routerBeforeEach(path: string): boolean { export function routerBeforeEach(path: string): boolean {
const isIgnore = isIgnoreAuth(path); const isIgnore = isIgnoreAuth(path);
if (isIgnore) return true; if (isIgnore) return true;
const authStore = useAuthStore(); const authStore = useAuthStore();
if (authStore.isLogin) return true; if (authStore.isLogin) return true;
jumpLogin(path); jumpLogin(path);
return false; return false;
} }
/** /**
@ -26,50 +26,50 @@ export function routerBeforeEach(path: string): boolean {
* @export void * @export void
*/ */
function addInterceptor(routerName: string) { function addInterceptor(routerName: string) {
uni.addInterceptor(routerName, { uni.addInterceptor(routerName, {
// 跳转前拦截 // 跳转前拦截
invoke: (args) => { invoke: (args) => {
const flag = routerBeforeEach(args.url); const flag = routerBeforeEach(args.url);
return flag ? args : false; return flag ? args : false;
}, },
// 成功回调拦截 // 成功回调拦截
success: () => {}, success: () => {},
// 失败回调拦截 // 失败回调拦截
fail: (err: any) => { fail: (err: any) => {
let reg: RegExp; let reg: RegExp;
/* #ifdef MP-WEIXIN */ /* #ifdef MP-WEIXIN */
reg = /(.*)?(fail page ")(.*)(" is not found$)/; reg = /(.*)?(fail page ")(.*)(" is not found$)/;
/* #endif */ /* #endif */
/* #ifndef MP-WEIXIN */ /* #ifndef MP-WEIXIN */
reg = /(.*)?(fail page `)(.*)(` is not found$)/; reg = /(.*)?(fail page `)(.*)(` is not found$)/;
/* #endif */ /* #endif */
if (reg.test(err.errMsg)) { if (reg.test(err.errMsg)) {
const go = err.errMsg.replace(reg, '$3') || ''; const go = err.errMsg.replace(reg, '$3') || '';
uni.navigateTo({ uni.navigateTo({
url: `${NOT_FOUND_PAGE}?redirect=${HOME_PAGE}&go=${go}`, url: `${NOT_FOUND_PAGE}?redirect=${HOME_PAGE}&go=${go}`,
}); });
} }
return false; return false;
}, },
// 完成回调拦截 // 完成回调拦截
complete: () => {}, complete: () => {},
}); });
} }
/** /**
* 添加路由拦截器 * 添加路由拦截器
*/ */
export function routerInterceptor() { export function routerInterceptor() {
NAVIGATE_TYPE_LIST.forEach((item) => { NAVIGATE_TYPE_LIST.forEach((item) => {
addInterceptor(item); addInterceptor(item);
}); });
} }
/** /**
* 移除路由拦截器 * 移除路由拦截器
*/ */
export function routerRemoveInterceptor() { export function routerRemoveInterceptor() {
NAVIGATE_TYPE_LIST.forEach((item) => { NAVIGATE_TYPE_LIST.forEach((item) => {
uni.removeInterceptor(item); uni.removeInterceptor(item);
}); });
} }

202
src/utils/router/navigates.ts
View File

@ -7,117 +7,117 @@ import { useRouterStore } from '@/state/modules/router';
import { filterPath } from '@/utils/router/constant'; import { filterPath } from '@/utils/router/constant';
export type NavigateOptions = Partial<Omit<UniApp.NavigateToOptions, 'url'>> & { export type NavigateOptions = Partial<Omit<UniApp.NavigateToOptions, 'url'>> & {
delta?: number; delta?: number;
}; };
export class Navigates { export class Navigates {
private type: string; private type: string;
private readonly options: NavigateOptions; private readonly options: NavigateOptions;
constructor(type?: string, options?: NavigateOptions) { constructor(type?: string, options?: NavigateOptions) {
this.type = type || NAVIGATE_TYPE.NAVIGATE_TO; this.type = type || NAVIGATE_TYPE.NAVIGATE_TO;
this.options = options || {}; this.options = options || {};
} }
navigate(url: string, options?: NavigateOptions) { navigate(url: string, options?: NavigateOptions) {
const navigateOptions = deepMerge(cloneDeep(this.options), options); const navigateOptions = deepMerge(cloneDeep(this.options), options);
const _options = deepMerge({ url }, navigateOptions); const _options = deepMerge({ url }, navigateOptions);
switch (this.type) { switch (this.type) {
case NAVIGATE_TYPE.NAVIGATE_TO: case NAVIGATE_TYPE.NAVIGATE_TO:
uni.navigateTo(_options); uni.navigateTo(_options);
break; break;
case NAVIGATE_TYPE.REDIRECT_TO: case NAVIGATE_TYPE.REDIRECT_TO:
uni.redirectTo(_options); uni.redirectTo(_options);
break; break;
case NAVIGATE_TYPE.RE_LAUNCH: case NAVIGATE_TYPE.RE_LAUNCH:
uni.reLaunch(_options); uni.reLaunch(_options);
break; break;
case NAVIGATE_TYPE.SWITCH_TAB: case NAVIGATE_TYPE.SWITCH_TAB:
uni.switchTab(_options); uni.switchTab(_options);
break; break;
case NAVIGATE_TYPE.NAVIGATE_BACK: case NAVIGATE_TYPE.NAVIGATE_BACK:
uni.navigateBack(navigateOptions); uni.navigateBack(navigateOptions);
break; break;
default: default:
warn('navigate Error'); warn('navigate Error');
break; break;
} }
} }
/** /**
* uni.navigateTo * uni.navigateTo
* @param url * @param url
* @param options * @param options
*/ */
push(url: string, options?: NavigateOptions) { push(url: string, options?: NavigateOptions) {
this.type = NAVIGATE_TYPE.NAVIGATE_TO; this.type = NAVIGATE_TYPE.NAVIGATE_TO;
this.navigate(url, options); this.navigate(url, options);
} }
/** /**
* uni.redirectTo * uni.redirectTo
* @param url * @param url
* @param options * @param options
*/ */
replace(url: string, options?: NavigateOptions) { replace(url: string, options?: NavigateOptions) {
this.type = NAVIGATE_TYPE.REDIRECT_TO; this.type = NAVIGATE_TYPE.REDIRECT_TO;
this.navigate(url, options); this.navigate(url, options);
} }
/** /**
* uni.reLaunch * uni.reLaunch
* @param url * @param url
* @param options * @param options
*/ */
replaceAll(url: string, options?: NavigateOptions) { replaceAll(url: string, options?: NavigateOptions) {
this.type = NAVIGATE_TYPE.RE_LAUNCH; this.type = NAVIGATE_TYPE.RE_LAUNCH;
this.navigate(url, options); this.navigate(url, options);
} }
/** /**
* uni.switchTab * uni.switchTab
* @param url * @param url
* @param options * @param options
*/ */
pushTab(url: string, options?: NavigateOptions) { pushTab(url: string, options?: NavigateOptions) {
// 微信小程序端uni.switchTab拦截无效处理 // 微信小程序端uni.switchTab拦截无效处理
/* #ifdef MP-WEIXIN */ /* #ifdef MP-WEIXIN */
if (!routerBeforeEach(url)) { if (!routerBeforeEach(url)) {
return; return;
} }
/* #endif */ /* #endif */
this.type = NAVIGATE_TYPE.SWITCH_TAB; this.type = NAVIGATE_TYPE.SWITCH_TAB;
this.navigate(url, options); this.navigate(url, options);
} }
/** /**
* uni.navigateBack * uni.navigateBack
* @param options * @param options
*/ */
back(options?: NavigateOptions) { back(options?: NavigateOptions) {
this.type = NAVIGATE_TYPE.NAVIGATE_BACK; this.type = NAVIGATE_TYPE.NAVIGATE_BACK;
this.navigate('', options); this.navigate('', options);
} }
/** /**
* 自动判断跳转页面 (navigateTo|switchTab) * 自动判断跳转页面 (navigateTo|switchTab)
* @param url * @param url
* @param options * @param options
*/ */
go(url: string, options?: NavigateOptions & { replace?: boolean }) { go(url: string, options?: NavigateOptions & { replace?: boolean }) {
const path = filterPath(url); const path = filterPath(url);
const routerStore = useRouterStore(); const routerStore = useRouterStore();
const routes = routerStore.getRoutes; const routes = routerStore.getRoutes;
const route = routes?.get(path); const route = routes?.get(path);
if (route?.meta?.tabBar) { if (route?.meta?.tabBar) {
this.pushTab(url, options); this.pushTab(url, options);
return; return;
} }
if (options?.replace) { if (options?.replace) {
this.replace(url, options); this.replace(url, options);
return; return;
} }
this.push(url, options); this.push(url, options);
} }
} }

44
src/utils/router/routes.ts
View File

@ -8,34 +8,34 @@ const { pages, subPackages, tabBar } = pagesJson;
const pagesMap = new Map<string, Route>(); const pagesMap = new Map<string, Route>();
pages.forEach((page) => { pages.forEach((page) => {
pagesMap.set(page.path, page as Route); pagesMap.set(page.path, page as Route);
}); });
if (Array.isArray(subPackages) && subPackages.length) { if (Array.isArray(subPackages) && subPackages.length) {
subPackages.forEach((el) => { subPackages.forEach((el) => {
const rootPath = el.root; const rootPath = el.root;
el.pages.forEach((page) => { el.pages.forEach((page) => {
page.path = `${rootPath}/${page.path}`; page.path = `${rootPath}/${page.path}`;
pagesMap.set(page.path, page as Route); pagesMap.set(page.path, page as Route);
}); });
}); });
} }
if (tabBar) { if (tabBar) {
const tabBarList = tabBar.list; const tabBarList = tabBar.list;
if (Array.isArray(tabBarList)) { if (Array.isArray(tabBarList)) {
tabBarList.forEach((el) => { tabBarList.forEach((el) => {
if (pagesMap.has(el.pagePath)) { if (pagesMap.has(el.pagePath)) {
const page = pagesMap.get(el.pagePath); const page = pagesMap.get(el.pagePath);
const meta = page?.meta || {}; const meta = page?.meta || {};
// @ts-ignore // @ts-ignore
meta.tabBar = true; meta.tabBar = true;
// @ts-ignore // @ts-ignore
page.meta = assign({}, meta); page.meta = assign({}, meta);
pagesMap.set(el.pagePath, page as Route); pagesMap.set(el.pagePath, page as Route);
} }
}); });
} }
} }
export { pagesMap }; export { pagesMap };

48
src/utils/uniapi/index.ts
View File

@ -5,41 +5,41 @@
* @constructor * @constructor
*/ */
export const SetClipboardData = (data: string, showToast = true) => export const SetClipboardData = (data: string, showToast = true) =>
new Promise((resolve, reject) => { new Promise((resolve, reject) => {
uni.setClipboardData({ uni.setClipboardData({
data, data,
showToast, showToast,
success: (res) => { success: (res) => {
resolve(res); resolve(res);
}, },
fail: (err) => { fail: (err) => {
reject(err); reject(err);
}, },
}); });
}); });
/** /**
* @description 获取系统剪贴板内容 * @description 获取系统剪贴板内容
* @constructor * @constructor
*/ */
export const GetClipboardData = () => export const GetClipboardData = () =>
new Promise((resolve, reject) => { new Promise((resolve, reject) => {
uni.getClipboardData({ uni.getClipboardData({
success: (res) => { success: (res) => {
resolve(res); resolve(res);
}, },
fail: (err) => { fail: (err) => {
reject(err); reject(err);
}, },
}); });
}); });
/** /**
* rpx 换算为 px * rpx 换算为 px
* @param upx * @param upx
*/ */
export const rpx2px = (upx: number) => { export const rpx2px = (upx: number) => {
return uni.upx2px(upx); return uni.upx2px(upx);
}; };
/** /**
@ -47,5 +47,5 @@ export const rpx2px = (upx: number) => {
* @param upx * @param upx
*/ */
export const px2rpx = (px: number) => { export const px2rpx = (px: number) => {
return px / (uni.upx2px(100) / 100); return px / (uni.upx2px(100) / 100);
}; };

72
src/utils/uniapi/prompt.ts
View File

@ -10,20 +10,20 @@
* @constructor * @constructor
*/ */
export function Toast(title: string, options?: Partial<UniApp.ShowToastOptions>) { export function Toast(title: string, options?: Partial<UniApp.ShowToastOptions>) {
uni.showToast({ uni.showToast({
title, title,
duration: 1500, duration: 1500,
icon: 'none', icon: 'none',
mask: true, mask: true,
...options, ...options,
}); });
} }
/** /**
* 隐藏消息提示框 * 隐藏消息提示框
*/ */
export function HideToast() { export function HideToast() {
uni.hideToast(); uni.hideToast();
} }
/** /**
@ -33,18 +33,18 @@ export function HideToast() {
* @constructor * @constructor
*/ */
export function Loading(title: string, options?: Partial<UniApp.ShowLoadingOptions>) { export function Loading(title: string, options?: Partial<UniApp.ShowLoadingOptions>) {
uni.showLoading({ uni.showLoading({
title, title,
mask: true, mask: true,
...options, ...options,
}); });
} }
/** /**
* 隐藏 loading 提示框 * 隐藏 loading 提示框
*/ */
export function HideLoading() { export function HideLoading() {
uni.hideLoading(); uni.hideLoading();
} }
/** /**
@ -53,17 +53,17 @@ export function HideLoading() {
* @constructor * @constructor
*/ */
export function Modal(options: UniApp.ShowModalOptions) { export function Modal(options: UniApp.ShowModalOptions) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
uni.showModal({ uni.showModal({
...options, ...options,
success: (res) => { success: (res) => {
resolve(res); resolve(res);
}, },
fail: (res) => { fail: (res) => {
reject(res); reject(res);
}, },
}); });
}); });
} }
/** /**
@ -72,15 +72,15 @@ export function Modal(options: UniApp.ShowModalOptions) {
* @constructor * @constructor
*/ */
export function ActionSheet(options: UniApp.ShowActionSheetOptions) { export function ActionSheet(options: UniApp.ShowActionSheetOptions) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
uni.showActionSheet({ uni.showActionSheet({
...options, ...options,
success: (res) => { success: (res) => {
resolve(res); resolve(res);
}, },
fail: (res) => { fail: (res) => {
reject(res); reject(res);
}, },
}); });
}); });
} }

75
tsconfig.json
View File

@ -1,54 +1,25 @@
{ {
/* 根选项 */ "compilerOptions": {
"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"], // 指定被编译文件所在的目录 "target": "ESNext", // 目标语言的版本
"exclude": [], // 指定不需要被编译的目录 "useDefineForClassFields": true, //发出符合ECMAScript标准的类字段
//使用小技巧：在填写路径时 ** 表示任意目录， * 表示任意文件。 "module": "ESNext", // 生成代码的模板标准
"moduleResolution": "Node", //指定TypeScript如何从给定的模块说明符中查找文件
/* 项目选项 */ "strict": true, // 开启所有严格的类型检查
"compilerOptions": { "jsx": "preserve", //指定生成什么JSX代码。
"target": "esnext", // 目标语言的版本 "resolveJsonModule": true, //是否解析 JSON 模块
"useDefineForClassFields": true, //发出符合ecmascript标准的类字段 "isolatedModules": true, // 确保每个文件都可以安全地转译，而不依赖于其他导入。
"module": "esnext", // 生成代码的模板标准 "esModuleInterop": true, // 发出额外的JavaScript以简化对导入Common/S模块的支持。这使得allowsyntheticdefaulultimports类型兼容。
"moduleResolution": "node", //指定TypeScript如何从给定的模块说明符中查找文件 "removeComments": true, // 删除注释
"jsx": "preserve", //指定生成什么JSX代码。 "types": ["@dcloudio/types"],
"sourceMap": true, //为发出的JavaScript文件创建源映射文件。 "paths": { "@/*": ["./src/*"] }, //指定一组条目，它们将导入重新映射到其他查找位置。
"esModuleInterop": true, // 允许export=导出，由import from 导入 "lib": ["ESNext", "DOM"], // TS需要引用的库
"lib": ["esnext", "dom"], // TS需要引用的库 "skipLibCheck": true, // 跳过所有.d.ts文件的类型检查
"types": ["@dcloudio/types"], "noEmit": true, // 从编译中禁用发射文件。
// "allowJs": true, // 允许编译器编译JS，JSX文件 "noEmitOnError": true, //有错误时不进行编译
// "checkJs": false, // 允许在JS文件中报错，通常与allowJS一起使用 "forceConsistentCasingInFileNames": true, //是否区分文件系统大小写规则
"removeComments": true, // 删除注释 "experimentalDecorators": true, //是否启用对装饰器的实验性支持，装饰器是一种语言特性，还没有完全被 JavaScript 规范批准
"paths": { "emitDecoratorMetadata": true //为装饰器启用对发出类型元数据的实验性支持
"@/*": ["./src/*"] },
}, //指定一组条目，它们将导入重新映射到其他查找位置。 "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
"references": [{ "path": "./tsconfig.node.json" }] // 引用的项目。要求TypeScript 3.0或更高版本。
/* 严格检查选项 */
"strict": true, // 开启所有严格的类型检查
"alwaysStrict": true, // 在代码中注入'use strict'
"noImplicitAny": true, // 不允许隐式的any类型
"noImplicitThis": true, // 不允许this有隐式的any类型
"strictNullChecks": true, // 在进行类型检查时，请考虑null和undefined。
"strictBindCallApply": true, // 检查bind、call和apply方法的参数是否与原始函数匹配。
"strictFunctionTypes": true, // 在给函数赋值时，要确保参数和返回值是子类型兼容的。
"strictPropertyInitialization": true, // 类的实例属性必须初始化
/* 额外检查 */
"noUnusedLocals": true, //是否检查未使用的局部变量
"noUnusedParameters": true, //是否检查未使用的参数
"noImplicitReturns": true, //检查函数是否不含有隐式返回值
"noImplicitOverride": true, //是否检查子类继承自基类时，其重载的函数命名与基类的函数不同步问题
"noFallthroughCasesInSwitch": true, //检查switch中是否含有case没有使用break跳出
"noUncheckedIndexedAccess": true, //是否通过索引签名来描述对象上有未知键但已知值的对象
"noPropertyAccessFromIndexSignature": false, //是否通过" . “(obj.key) 语法访问字段和"索引”( obj[“key”])， 以及在类型中声明属性的方式之间的一致性
/* 实验选项 */
"experimentalDecorators": true, //是否启用对装饰器的实验性支持，装饰器是一种语言特性，还没有完全被 JavaScript 规范批准
"emitDecoratorMetadata": true, //为装饰器启用对发出类型元数据的实验性支持
/* 高级选项 */
"forceConsistentCasingInFileNames": true, //是否区分文件系统大小写规则
"extendedDiagnostics": false, //是否查看 TS 在编译时花费的时间
"noEmitOnError": true, //有错误时不进行编译
"resolveJsonModule": true //是否解析 JSON 模块
}
} }

9
tsconfig.node.json Normal file
View File

@ -0,0 +1,9 @@
{
"compilerOptions": {
"composite": true,
"module": "ESNext",
"moduleResolution": "Node",
"allowSyntheticDefaultImports": true
},
"include": ["vite.config.*", "vitest.config.*", "cypress.config.*", "playwright.config.*"]
}

97
unocss.config.js
View File

@ -6,61 +6,58 @@
import { defineConfig, presetIcons } from 'unocss'; import { defineConfig, presetIcons } from 'unocss';
import presetWeapp from 'unocss-preset-weapp'; import presetWeapp from 'unocss-preset-weapp';
import { import { transformerAttributify, transformerClass } from 'unocss-preset-weapp/transformer';
transformerAttributify,
transformerClass,
} from 'unocss-preset-weapp/transformer';
const transformRules = { const transformRules = {
'.': '-d111-', '.': '-d111-',
'/': '-s111-', '/': '-s111-',
':': '-c111-', ':': '-c111-',
'%': '-p111-', '%': '-p111-',
'!': '-e111-', '!': '-e111-',
'#': '-w111-', '#': '-w111-',
'(': '-b111l-', '(': '-b111l-',
')': '-b111r-', ')': '-b111r-',
'[': '-f111l-', '[': '-f111l-',
']': '-f111r-', ']': '-f111r-',
$: '-r111-', $: '-r111-',
',': '-r222-', ',': '-r222-',
}; };
const prefix = `_u_`; const prefix = `_u_`;
export default defineConfig({ export default defineConfig({
presets: [ presets: [
// https://github.com/MellowCo/unocss-preset-weapp // https://github.com/MellowCo/unocss-preset-weapp
presetWeapp({ presetWeapp({
nonValuedAttribute: true, nonValuedAttribute: true,
prefix: prefix, prefix: prefix,
whRpx: true, whRpx: true,
transform: true, transform: true,
platform: 'uniapp', platform: 'uniapp',
transformRules, transformRules,
}), }),
presetIcons({ presetIcons({
scale: 1.2, scale: 1.2,
warn: true, warn: true,
}), }),
], ],
shortcuts: [ shortcuts: [
{ {
'border-base': 'border border-gray-500_10', 'border-base': 'border border-gray-500_10',
'_u_z-tar-both': '_u_z-988', '_u_z-tar-both': '_u_z-988',
'_u_head-fixed': '_u_fixed _u_top-0 _u_left-0 _u_w-full _u_z-tar-both', '_u_head-fixed': '_u_fixed _u_top-0 _u_left-0 _u_w-full _u_z-tar-both',
_u_center: '_u_flex _u_justify-center _u_items-center', _u_center: '_u_flex _u_justify-center _u_items-center',
}, },
], ],
theme: {}, theme: {},
transformers: [ transformers: [
transformerAttributify({ transformerAttributify({
classPrefix: prefix, classPrefix: prefix,
transformRules, transformRules,
nonValuedAttribute: true, nonValuedAttribute: true,
}), }),
transformerClass({ transformerClass({
transformRules, transformRules,
}), }),
], ],
}); });

150
vite.config.ts
View File

@ -1,99 +1,61 @@
import { ConfigEnv, UserConfig } from 'vite'; // Vite中文网：https://vitejs.cn/config/
import uni from '@dcloudio/vite-plugin-uni'; import { ConfigEnv, loadEnv, UserConfig } from 'vite';
import eslintPlugin from 'vite-plugin-eslint';
import { resolve } from 'path'; import { resolve } from 'path';
import { loadEnv } from 'vite'; import uni from '@dcloudio/vite-plugin-uni';
import Unocss from 'unocss/vite'; import Unocss from 'unocss/vite';
//发布时动态修改 manifest.json
// if (process.env.NODE_ENV === 'production') {
// // 读取 manifest.json ，修改后重新写入
// const fs = require('fs');
// const manifestPath = './src/manifest.json';
// let Manifest = fs.readFileSync(manifestPath, { encoding: 'utf-8' });
// function replaceManifest(path: string, value: any) {
// const arr = path.split('.');
// const len = arr.length;
// const lastItem = arr[len - 1];
// let i = 0;
// let ManifestArr = Manifest.split(/\n/);
// for (let index = 0; index < ManifestArr.length; index++) {
// const item = ManifestArr[index];
// if (new RegExp(`"${arr[i]}"`).test(item)) ++i;
// if (i === len) {
// const hasComma = /,/.test(item);
// ManifestArr[index] = item.replace(new RegExp(`"${lastItem}"[\\s\\S]*:[\\s\\S]*`), `"${lastItem}": ${value}${hasComma ? ',' : ''}`);
// break;
// }
// }
// Manifest = ManifestArr.join('\n');
// }
// let Data1 = new Date().toLocaleDateString();
// let Data2 = new Date().toLocaleTimeString();
// let Data_ = Data1.replace(/\//g, '-') + ' ' + Data2;
// // 使用
// replaceManifest('description', JSON.stringify(`app平台-${Data_}`));
// replaceManifest(
// 'versionName',
// JSON.stringify(
// String(Number(JSON.parse(Manifest).versionCode) + 1)
// .split('')
// .join('.')
// )
// );
// replaceManifest('versionCode', JSON.stringify(String(Number(JSON.parse(Manifest).versionCode) + 1)));
// fs.writeFileSync(manifestPath, Manifest, { flag: 'w' });
// }
// https://vitejs.cn/config/
export default ({ mode }: ConfigEnv): UserConfig => { export default ({ mode }: ConfigEnv): UserConfig => {
const root = process.cwd(); const root = process.cwd();
const env = loadEnv(mode, root); const env = loadEnv(mode, root);
return { return {
base: './', base: './',
resolve: { // 设置路径别名
alias: { resolve: {
'@': resolve('./src'), alias: {
}, '@': resolve('./src'),
}, },
define: { extensions: ['.js', '.json', '.ts', '.vue'], // 使用路径别名时想要省略的后缀名，可以自己 增减
'process.env': {}, },
}, // 自定义全局变量
server: { define: {
host: true, 'process.env': {},
// open: true, },
port: env.VITE_PORT as any, // 开发服务器配置
proxy: { server: {
'/api': { host: true,
target: env.VITE_BASE_URL, // open: true,
changeOrigin: true, port: env.VITE_PORT as any,
rewrite: (path) => path.replace(/^\/api/, ''), proxy: {
}, '/api': {
'/upload': { target: env.VITE_BASE_URL,
target: env.VITE_BASE_URL, changeOrigin: true,
changeOrigin: true, rewrite: (path) => path.replace(/^\/api/, ''),
rewrite: (path) => path.replace(/^\/upload/, ''), },
}, '/upload': {
}, target: env.VITE_BASE_URL,
}, changeOrigin: true,
plugins: [ rewrite: (path) => path.replace(/^\/upload/, ''),
uni(), },
Unocss(), },
// eslintPlugin({ },
// include: ['src/**/*.js', 'src/**/*.vue', 'src/**/*.ts'], // 构建配置
// exclude: ['./node_modules/**'], build: {
// cache: false, outDir: 'dist',
// }), chunkSizeWarningLimit: 1500,
], rollupOptions: {
css: { output: {
preprocessorOptions: { entryFileNames: `assets/[name].${new Date().getTime()}.js`,
scss: { chunkFileNames: `assets/[name].${new Date().getTime()}.js`,
// additionalData: '@import "@/assets/style/main.scss";', assetFileNames: `assets/[name].${new Date().getTime()}.[ext]`,
}, compact: true,
}, // manualChunks: {
}, // vue: ['vue', 'vue-router', 'vuex'],
}; // echarts: ['echarts'],
// },
},
},
},
// 插件
plugins: [uni(), Unocss()],
};
}; };