yvan/Study
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 使用prettierrc对代码进行格式化

Browse Source
This commit is contained in:
piexlMax(奇淼
2024-11-09 10:32:26 +08:00
parent 87a4ce17e1
commit 7d9af64f6d
139 changed files with 12677 additions and 12656 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/pinia/index.js
+1 -6
View File
@@ -5,9 +5,4 @@ import { useDictionaryStore } from '@/pinia/modules/dictionary'
const store = createPinia()
export {
store,
useAppStore,
useUserStore,
useDictionaryStore
}
export { store, useAppStore, useUserStore, useDictionaryStore }
web/src/pinia/modules/app.js
+31 -36
View File
@@ -1,58 +1,56 @@
import { defineStore } from 'pinia'
import { ref, watchEffect, reactive } from 'vue'
import { setBodyPrimaryColor } from '@/utils/format'
import { setBodyPrimaryColor } from '@/utils/format'
export const useAppStore = defineStore('app', () => {
const device = ref("")
const device = ref('')
const config = reactive({
weakness: false,
grey: false,
primaryColor: '#3b82f6',
showTabs: true,
darkMode: 'auto',
layout_side_width : 256,
layout_side_collapsed_width : 80,
layout_side_item_height : 48,
layout_side_width: 256,
layout_side_collapsed_width: 80,
layout_side_item_height: 48,
show_watermark: true,
side_mode : 'normal'
side_mode: 'normal'
})
const theme = ref( 'auto')
const theme = ref('auto')
const toggleTheme = (dark) => {
if (dark) {
theme.value = 'dark';
theme.value = 'dark'
} else {
theme.value = 'light';
theme.value = 'light'
}
}
const toggleWeakness = (e) => {
config.weakness = e;
config.weakness = e
}
const toggleGrey = (e) => {
config.grey = e;
config.grey = e
}
const togglePrimaryColor = (e) => {
config.primaryColor = e;
config.primaryColor = e
}
const toggleTabs = (e) => {
config.showTabs = e;
config.showTabs = e
}
const toggleDevice = (e) => {
device.value = e;
device.value = e
}
const toggleDarkMode = (e) => {
config.darkMode = e
}
const toggleDarkModeAuto = () =>{
const toggleDarkModeAuto = () => {
// 处理浏览器主题
const darkQuery = window.matchMedia('(prefers-color-scheme: dark)')
const dark = darkQuery.matches
@@ -63,61 +61,59 @@ export const useAppStore = defineStore('app', () => {
}
const toggleConfigSideWidth = (e) => {
config.layout_side_width = e;
config.layout_side_width = e
}
const toggleConfigSideCollapsedWidth = (e) => {
config.layout_side_collapsed_width = e;
config.layout_side_collapsed_width = e
}
const toggleConfigSideItemHeight = (e) => {
config.layout_side_item_height = e;
config.layout_side_item_height = e
}
const toggleConfigWatermark = (e) => {
config.show_watermark = e;
config.show_watermark = e
}
const toggleSideModel= (e) =>{
const toggleSideModel = (e) => {
config.side_mode = e
}
watchEffect(() => {
if (theme.value === 'dark') {
document.documentElement.classList.add('dark');
document.documentElement.classList.remove('light');
document.documentElement.classList.add('dark')
document.documentElement.classList.remove('light')
} else {
document.documentElement.classList.add('light');
document.documentElement.classList.remove('dark');
document.documentElement.classList.add('light')
document.documentElement.classList.remove('dark')
}
})
watchEffect(() => {
// 色弱模式监听处理
if (config.weakness) {
document.documentElement.classList.add('html-weakenss');
document.documentElement.classList.add('html-weakenss')
} else {
document.documentElement.classList.remove('html-weakenss');
document.documentElement.classList.remove('html-weakenss')
}
})
watchEffect(() => {
// 灰色模式监听处理
if (config.grey) {
document.documentElement.classList.add('html-grey');
document.documentElement.classList.add('html-grey')
} else {
document.documentElement.classList.remove('html-grey');
document.documentElement.classList.remove('html-grey')
}
})
watchEffect(() => {
if(config.darkMode === 'auto'){
if (config.darkMode === 'auto') {
toggleDarkModeAuto()
}
if(config.darkMode === 'dark'){
if (config.darkMode === 'dark') {
toggleTheme(true)
}else{
} else {
toggleTheme(false)
}
})
@@ -143,5 +139,4 @@ export const useAppStore = defineStore('app', () => {
toggleConfigWatermark,
toggleSideModel
}
})
web/src/pinia/modules/dictionary.js
+8 -7
View File
@@ -10,7 +10,7 @@ export const useDictionaryStore = defineStore('dictionary', () => {
dictionaryMap.value = { ...dictionaryMap.value, ...dictionaryRes }
}
const getDictionary = async(type) => {
const getDictionary = async (type) => {
if (dictionaryMap.value[type] && dictionaryMap.value[type].length) {
return dictionaryMap.value[type]
} else {
@@ -18,13 +18,14 @@ export const useDictionaryStore = defineStore('dictionary', () => {
if (res.code === 0) {
const dictionaryRes = {}
const dict = []
res.data.resysDictionary.sysDictionaryDetails && res.data.resysDictionary.sysDictionaryDetails.forEach(item => {
dict.push({
label: item.label,
value: item.value,
extend: item.extend
res.data.resysDictionary.sysDictionaryDetails &&
res.data.resysDictionary.sysDictionaryDetails.forEach((item) => {
dict.push({
label: item.label,
value: item.value,
extend: item.extend
})
})
})
dictionaryRes[res.data.resysDictionary.type] = dict
setDictionaryMap(dictionaryRes)
return dictionaryMap.value[type]
web/src/pinia/modules/router.js
+67 -64
View File
@@ -2,43 +2,48 @@ import { asyncRouterHandle } from '@/utils/asyncRouter'
import { emitter } from '@/utils/bus.js'
import { asyncMenu } from '@/api/menu'
import { defineStore } from 'pinia'
import { ref,watchEffect } from 'vue'
import pathInfo from "@/pathInfo.json";
import { ref, watchEffect } from 'vue'
import pathInfo from '@/pathInfo.json'
const notLayoutRouterArr = []
const keepAliveRoutersArr = []
const nameMap = {}
const formatRouter = (routes, routeMap, parent) => {
routes && routes.forEach(item => {
item.parent = parent
item.meta.btns = item.btns
item.meta.hidden = item.hidden
if (item.meta.defaultMenu === true) {
if (!parent) {
item = { ...item, path: `/${item.path}` }
notLayoutRouterArr.push(item)
routes &&
routes.forEach((item) => {
item.parent = parent
item.meta.btns = item.btns
item.meta.hidden = item.hidden
if (item.meta.defaultMenu === true) {
if (!parent) {
item = { ...item, path: `/${item.path}` }
notLayoutRouterArr.push(item)
}
}
}
routeMap[item.name] = item
if (item.children && item.children.length > 0) {
formatRouter(item.children, routeMap, item)
}
})
routeMap[item.name] = item
if (item.children && item.children.length > 0) {
formatRouter(item.children, routeMap, item)
}
})
}
const KeepAliveFilter = (routes) => {
routes && routes.forEach(item => {
// 子菜单中有 keep-alive 的，父菜单也必须 keep-alive，否则无效。这里将子菜单中有 keep-alive 的父菜单也加入。
if ((item.children && item.children.some(ch => ch.meta.keepAlive) || item.meta.keepAlive)) {
const path = item.meta.path
keepAliveRoutersArr.push(pathInfo[path])
nameMap[item.name] = pathInfo[path]
}
if (item.children && item.children.length > 0) {
KeepAliveFilter(item.children)
}
})
routes &&
routes.forEach((item) => {
// 子菜单中有 keep-alive 的，父菜单也必须 keep-alive，否则无效。这里将子菜单中有 keep-alive 的父菜单也加入。
if (
(item.children && item.children.some((ch) => ch.meta.keepAlive)) ||
item.meta.keepAlive
) {
const path = item.meta.path
keepAliveRoutersArr.push(pathInfo[path])
nameMap[item.name] = pathInfo[path]
}
if (item.children && item.children.length > 0) {
KeepAliveFilter(item.children)
}
})
}
export const useRouterStore = defineStore('router', () => {
@@ -46,7 +51,7 @@ export const useRouterStore = defineStore('router', () => {
const asyncRouterFlag = ref(0)
const setKeepAliveRouters = (history) => {
const keepArrTemp = []
history.forEach(item => {
history.forEach((item) => {
if (nameMap[item.name]) {
keepArrTemp.push(nameMap[item.name])
}
@@ -63,64 +68,63 @@ export const useRouterStore = defineStore('router', () => {
const menuMap = {}
const topActive = ref("")
const topActive = ref('')
const setLeftMenu = (name) => {
sessionStorage.setItem('topActive', name)
topActive.value = name
if(menuMap[name]?.children){
if (menuMap[name]?.children) {
leftMenu.value = menuMap[name].children
}
return menuMap[name]?.children
}
watchEffect(()=>{
let topActive = sessionStorage.getItem("topActive")
watchEffect(() => {
let topActive = sessionStorage.getItem('topActive')
let firstHasChildren = ''
asyncRouters.value[0]?.children.forEach((item) => {
if (item.hidden) return;
menuMap[item.name] = item;
if (item.hidden) return
menuMap[item.name] = item
if (!firstHasChildren && item.children && item.children.length > 0) {
firstHasChildren = item.name
}
topMenu.value.push({...item, children: []})
});
topMenu.value.push({ ...item, children: [] })
})
if(!menuMap[topActive]?.children && firstHasChildren){
topActive = firstHasChildren
if (!menuMap[topActive]?.children && firstHasChildren) {
topActive = firstHasChildren
}
setLeftMenu(topActive)
})
const routeMap = ({})
const routeMap = {}
// 从后台获取动态路由
const SetAsyncRouter = async() => {
const SetAsyncRouter = async () => {
asyncRouterFlag.value++
const baseRouter = [{
path: '/layout',
name: 'layout',
component: 'view/layout/index.vue',
meta: {
title: '底层layout'
},
children: []
}]
const baseRouter = [
{
path: '/layout',
name: 'layout',
component: 'view/layout/index.vue',
meta: {
title: '底层layout'
},
children: []
}
]
const asyncRouterRes = await asyncMenu()
const asyncRouter = asyncRouterRes.data.menus
asyncRouter && asyncRouter.push({
path: 'reload',
name: 'Reload',
hidden: true,
meta: {
title: '',
closeTab: true,
},
component: 'view/error/reload.vue'
})
asyncRouter &&
asyncRouter.push({
path: 'reload',
name: 'Reload',
hidden: true,
meta: {
title: '',
closeTab: true
},
component: 'view/error/reload.vue'
})
formatRouter(asyncRouter, routeMap)
baseRouter[0].children = asyncRouter
if (notLayoutRouterArr.length !== 0) {
@@ -144,4 +148,3 @@ export const useRouterStore = defineStore('router', () => {
routeMap
}
})
web/src/pinia/modules/user.js
+20 -16
View File
@@ -7,7 +7,7 @@ import { ref, watch } from 'vue'
import { useRouterStore } from './router'
import cookie from 'js-cookie'
import {useAppStore} from "@/pinia";
import { useAppStore } from '@/pinia'
export const useUserStore = defineStore('user', () => {
const appStore = useAppStore()
@@ -17,13 +17,15 @@ export const useUserStore = defineStore('user', () => {
uuid: '',
nickName: '',
headerImg: '',
authority: {},
authority: {}
})
const token = ref(window.localStorage.getItem('token') || cookie.get('x-token') || '')
const token = ref(
window.localStorage.getItem('token') || cookie.get('x-token') || ''
)
const setUserInfo = (val) => {
userInfo.value = val
if(val.originSetting){
Object.keys(appStore.config).forEach(key => {
if (val.originSetting) {
Object.keys(appStore.config).forEach((key) => {
appStore.config[key] = val.originSetting[key]
})
}
@@ -36,7 +38,7 @@ export const useUserStore = defineStore('user', () => {
const NeedInit = async () => {
token.value = ''
window.localStorage.removeItem('token')
await router.push({name: 'Init', replace: true})
await router.push({ name: 'Init', replace: true })
}
const ResetUserInfo = (value = {}) => {
@@ -46,7 +48,7 @@ export const useUserStore = defineStore('user', () => {
}
}
/* 获取用户信息*/
const GetUserInfo = async() => {
const GetUserInfo = async () => {
const res = await getUserInfo()
if (res.code === 0) {
setUserInfo(res.data.userInfo)
@@ -54,10 +56,10 @@ export const useUserStore = defineStore('user', () => {
return res
}
/* 登录*/
const LoginIn = async(loginInfo) => {
const LoginIn = async (loginInfo) => {
loadingInstance.value = ElLoading.service({
fullscreen: true,
text: '登录中，请稍候...',
text: '登录中，请稍候...'
})
const res = await login(loginInfo)
@@ -78,7 +80,7 @@ export const useUserStore = defineStore('user', () => {
const asyncRouters = routerStore.asyncRouters
// 注册到路由表里
asyncRouters.forEach(asyncRouter => {
asyncRouters.forEach((asyncRouter) => {
router.addRoute(asyncRouter)
})
@@ -95,13 +97,12 @@ export const useUserStore = defineStore('user', () => {
window.localStorage.setItem('osType', 'MAC')
}
// 全部操作均结束，关闭loading并返回
loadingInstance.value.close()
return true
}
/* 登出*/
const LoginOut = async() => {
const LoginOut = async () => {
const res = await jsonInBlacklist()
// 登出失败
@@ -116,7 +117,7 @@ export const useUserStore = defineStore('user', () => {
window.location.reload()
}
/* 清理数据 */
const ClearStorage = async() => {
const ClearStorage = async () => {
token.value = ''
sessionStorage.clear()
window.localStorage.removeItem('token')
@@ -124,9 +125,12 @@ export const useUserStore = defineStore('user', () => {
localStorage.removeItem('originSetting')
}
watch(() => token.value, () => {
window.localStorage.setItem('token', token.value)
})
watch(
() => token.value,
() => {
window.localStorage.setItem('token', token.value)
}
)
return {
userInfo,