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

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
+3 -6
View File
@@ -2,9 +2,9 @@ const viewModules = import.meta.glob('../view/**/*.vue')
const pluginModules = import.meta.glob('../plugin/**/*.vue')
export const asyncRouterHandle = (asyncRouter) => {
asyncRouter.forEach(item => {
asyncRouter.forEach((item) => {
if (item.component && typeof item.component === 'string') {
item.meta.path = "/src/"+item.component
item.meta.path = '/src/' + item.component
if (item.component.split('/')[0] === 'view') {
item.component = dynamicImport(viewModules, item.component)
} else if (item.component.split('/')[0] === 'plugin') {
@@ -17,10 +17,7 @@ export const asyncRouterHandle = (asyncRouter) => {
})
}
function dynamicImport(
dynamicViewsModules,
component
) {
function dynamicImport(dynamicViewsModules, component) {
const keys = Object.keys(dynamicViewsModules)
const matchKeys = keys.filter((key) => {
const k = key.replace('../', '')
-2
View File
@@ -1,6 +1,4 @@
// using ES6 modules
import mitt from 'mitt'
export const emitter = mitt()
+14 -4
View File
@@ -3,7 +3,7 @@
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
// (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18
Date.prototype.Format = function(fmt) {
Date.prototype.Format = function (fmt) {
const o = {
'M+': this.getMonth() + 1, // 月份
'd+': this.getDate(), // 日
@@ -11,11 +11,21 @@ Date.prototype.Format = function(fmt) {
'm+': this.getMinutes(), // 分
's+': this.getSeconds(), // 秒
'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
'S': this.getMilliseconds() // 毫秒
S: this.getMilliseconds() // 毫秒
}
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(
RegExp.$1,
(this.getFullYear() + '').substr(4 - RegExp.$1.length)
)
}
if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length)) }
for (const k in o) {
if (new RegExp('(' + k + ')').test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))) }
if (new RegExp('(' + k + ')').test(fmt)) {
fmt = fmt.replace(
RegExp.$1,
RegExp.$1.length === 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length)
)
}
}
return fmt
}
+5 -6
View File
@@ -1,7 +1,7 @@
import { useDictionaryStore } from '@/pinia/modules/dictionary'
import { getSysParam } from '@/api/sysParams'
// 获取字典方法 使用示例 getDict('sex').then(res) 或者 async函数下 const res = await getDict('sex')
export const getDict = async(type) => {
export const getDict = async (type) => {
const dictionaryStore = useDictionaryStore()
await dictionaryStore.getDictionary(type)
return dictionaryStore.dictionaryMap[type]
@@ -18,7 +18,7 @@ export const showDictLabel = (
return ''
}
const dictMap = {}
dict.forEach(item => {
dict.forEach((item) => {
if (Reflect.has(item, keyCode) && Reflect.has(item, valueCode)) {
dictMap[item[keyCode]] = item[valueCode]
}
@@ -26,10 +26,9 @@ export const showDictLabel = (
return Reflect.has(dictMap, code) ? dictMap[code] : ''
}
export const getParams = async (key)=>{
const res = await getSysParam({key})
if(res.code === 0){
export const getParams = async (key) => {
const res = await getSysParam({ key })
if (res.code === 0) {
return res.data.value
}
}
+3 -2
View File
@@ -1,7 +1,8 @@
export const downloadImage = (imgsrc, name) => { // 下载图片地址和图片名
export const downloadImage = (imgsrc, name) => {
// 下载图片地址和图片名
var image = new Image()
image.setAttribute('crossOrigin', 'anonymous')
image.onload = function() {
image.onload = function () {
var canvas = document.createElement('canvas')
canvas.width = image.width
canvas.height = image.height
+4 -16
View File
@@ -1,29 +1,17 @@
export function addEventListen(
target,
event,
handler,
capture = false
) {
export function addEventListen(target, event, handler, capture = false) {
if (
target.addEventListener &&
typeof target.addEventListener === 'function'
) {
target.addEventListener(event, handler, capture);
target.addEventListener(event, handler, capture)
}
}
export function removeEventListen(
target,
event,
handler,
capture = false
) {
export function removeEventListen(target, event, handler, capture = false) {
if (
target.removeEventListener &&
typeof target.removeEventListener === 'function'
) {
target.removeEventListener(event, handler, capture);
target.removeEventListener(event, handler, capture)
}
}
+49 -42
View File
@@ -1,6 +1,6 @@
import { formatTimeToStr } from '@/utils/date'
import { getDict } from '@/utils/dictionary'
import {ref} from "vue";
import { ref } from 'vue'
export const formatBoolean = (bool) => {
if (bool !== null) {
@@ -19,30 +19,32 @@ export const formatDate = (time) => {
}
export const filterDict = (value, options) => {
const rowLabel = options && options.filter(item => item.value === value)
const rowLabel = options && options.filter((item) => item.value === value)
return rowLabel && rowLabel[0] && rowLabel[0].label
}
export const filterDataSource = (dataSource, value) => {
if (Array.isArray(value)) {
return value.map(item => {
const rowLabel = dataSource && dataSource.find(i => i.value === item)
return value.map((item) => {
const rowLabel = dataSource && dataSource.find((i) => i.value === item)
return rowLabel?.label
})
}
const rowLabel = dataSource && dataSource.find(item => item.value === value)
const rowLabel = dataSource && dataSource.find((item) => item.value === value)
return rowLabel?.label
}
export const getDictFunc = async(type) => {
export const getDictFunc = async (type) => {
const dicts = await getDict(type)
return dicts
}
const path = import.meta.env.VITE_BASE_PATH + ':' + import.meta.env.VITE_SERVER_PORT + '/'
const path =
import.meta.env.VITE_BASE_PATH + ':' + import.meta.env.VITE_SERVER_PORT + '/'
export const ReturnArrImg = (arr) => {
const imgArr = []
if (arr instanceof Array) { // 如果是数组类型
if (arr instanceof Array) {
// 如果是数组类型
for (const arrKey in arr) {
if (arr[arrKey].slice(0, 4) !== 'http') {
imgArr.push(path + arr[arrKey])
@@ -50,7 +52,8 @@ export const ReturnArrImg = (arr) => {
imgArr.push(arr[arrKey])
}
}
} else { // 如果不是数组类型
} else {
// 如果不是数组类型
if (arr.slice(0, 4) !== 'http') {
imgArr.push(path + arr)
} else {
@@ -65,65 +68,69 @@ export const returnArrImg = ReturnArrImg
export const onDownloadFile = (url) => {
window.open(path + url)
}
const colorToHex = u=>{
let e = u.replace("#", "").match(/../g);
for (let t = 0; t < 3; t++)
e[t] = parseInt(e[t], 16);
const colorToHex = (u) => {
let e = u.replace('#', '').match(/../g)
for (let t = 0; t < 3; t++) e[t] = parseInt(e[t], 16)
return e
}
const hexToColor = (u,e,t)=>{
let a = [u.toString(16), e.toString(16), t.toString(16)];
for (let n = 0; n < 3; n++)
a[n].length === 1 && (a[n] = `0${a[n]}`);
return `#${a.join("")}`
const hexToColor = (u, e, t) => {
let a = [u.toString(16), e.toString(16), t.toString(16)]
for (let n = 0; n < 3; n++) a[n].length === 1 && (a[n] = `0${a[n]}`)
return `#${a.join('')}`
}
const generateAllColors = (u,e)=> {
let t = colorToHex(u);
const target = [10, 10, 30];
for (let a = 0; a < 3; a++)
t[a] = Math.floor(t[a] * (1 - e) + target[a] * e);
const generateAllColors = (u, e) => {
let t = colorToHex(u)
const target = [10, 10, 30]
for (let a = 0; a < 3; a++) t[a] = Math.floor(t[a] * (1 - e) + target[a] * e)
return hexToColor(t[0], t[1], t[2])
}
const generateAllLightColors = (u, e) => {
let t = colorToHex(u);
const target = [240, 248, 255]; // RGB for blue white color
for (let a = 0; a < 3; a++)
t[a] = Math.floor(t[a] * (1 - e) + target[a] * e);
return hexToColor(t[0], t[1], t[2]);
let t = colorToHex(u)
const target = [240, 248, 255] // RGB for blue white color
for (let a = 0; a < 3; a++) t[a] = Math.floor(t[a] * (1 - e) + target[a] * e)
return hexToColor(t[0], t[1], t[2])
}
function addOpacityToColor(u, opacity) {
let t = colorToHex(u);
return `rgba(${t[0]}, ${t[1]}, ${ t[2]}, ${opacity})`;
let t = colorToHex(u)
return `rgba(${t[0]}, ${t[1]}, ${t[2]}, ${opacity})`
}
export const setBodyPrimaryColor = (primaryColor, darkMode) =>{
export const setBodyPrimaryColor = (primaryColor, darkMode) => {
let fmtColorFunc = generateAllColors
if (darkMode === 'light') {
fmtColorFunc = generateAllLightColors
}
document.documentElement.style.setProperty('--el-color-primary', primaryColor)
document.documentElement.style.setProperty('--el-color-primary-bg', addOpacityToColor(primaryColor, 0.4))
document.documentElement.style.setProperty(
'--el-color-primary-bg',
addOpacityToColor(primaryColor, 0.4)
)
for (let times = 1; times <= 2; times++) {
document.documentElement.style.setProperty(`--el-color-primary-dark-${times}`, fmtColorFunc(primaryColor, times / 10))
document.documentElement.style.setProperty(
`--el-color-primary-dark-${times}`,
fmtColorFunc(primaryColor, times / 10)
)
}
for (let times = 1; times <= 10; times++) {
document.documentElement.style.setProperty(`--el-color-primary-light-${times}`, fmtColorFunc(primaryColor, times / 10))
document.documentElement.style.setProperty(
`--el-color-primary-light-${times}`,
fmtColorFunc(primaryColor, times / 10)
)
}
document.documentElement.style.setProperty(`--el-menu-hover-bg-color`, addOpacityToColor(primaryColor, 0.2))
document.documentElement.style.setProperty(
`--el-menu-hover-bg-color`,
addOpacityToColor(primaryColor, 0.2)
)
}
const baseUrl = ref(import.meta.env.VITE_BASE_API)
export const getBaseUrl = () => {
return baseUrl.value === "/" ? "" : baseUrl.value
return baseUrl.value === '/' ? '' : baseUrl.value
}
export const CreateUUID = () => {
@@ -132,8 +139,8 @@ export const CreateUUID = () => {
d += performance.now()
}
return '00000000-0000-0000-0000-000000000000'.replace(/0/g, (c) => {
const r = (d + Math.random() * 16) % 16 | 0 // d是随机种子
const r = (d + Math.random() * 16) % 16 | 0 // d是随机种子
d = Math.floor(d / 16)
return (c === '0' ? r : (r & 0x3 | 0x8)).toString(16)
return (c === '0' ? r : (r & 0x3) | 0x8).toString(16)
})
}
+22 -13
View File
@@ -9,7 +9,7 @@ export default class ImageCompress {
// 压缩
const fileType = this.file.type
const fileSize = this.file.size / 1024
return new Promise(resolve => {
return new Promise((resolve) => {
const reader = new FileReader()
reader.readAsDataURL(this.file)
reader.onload = () => {
@@ -26,7 +26,7 @@ export default class ImageCompress {
ctx.clearRect(0, 0, canvas.width, canvas.height)
ctx.drawImage(img, 0, 0, canvas.width, canvas.height)
const newImgData = canvas.toDataURL(fileType, 0.90)
const newImgData = canvas.toDataURL(fileType, 0.9)
// 压缩宽高后的图像大小
const newImgSize = this.fileSizeKB(newImgData)
@@ -69,7 +69,7 @@ export default class ImageCompress {
fileSizeKB(dataURL) {
let sizeKB = 0
sizeKB = Math.round((dataURL.split(',')[1].length * 3 / 4) / 1024)
sizeKB = Math.round((dataURL.split(',')[1].length * 3) / 4 / 1024)
return sizeKB
}
@@ -93,21 +93,30 @@ export default class ImageCompress {
const path = import.meta.env.VITE_FILE_API
export const getUrl = (url) => {
if (url && url.slice(0, 4) !== 'http'){
if (path === "/"){
return url
if (url && url.slice(0, 4) !== 'http') {
if (path === '/') {
return url
}
if (url.slice(0, 1) === "/"){
return path + url
if (url.slice(0, 1) === '/') {
return path + url
}
return path + "/" + url
}else{
return path + '/' + url
} else {
return url
}
}
export const isVideoExt = (url) => url.endsWith('.mp4') || url.endsWith('.mov') || url.endsWith('.webm') || url.endsWith('.ogg');
export const isVideoExt = (url) =>
url.endsWith('.mp4') ||
url.endsWith('.mov') ||
url.endsWith('.webm') ||
url.endsWith('.ogg')
export const isVideoMime = (type) => type == 'video/mp4' || type == 'video/webm' || type == 'video/ogg';
export const isVideoMime = (type) =>
type == 'video/mp4' || type == 'video/webm' || type == 'video/ogg'
export const isImageMime = (type) => type == 'image/jpeg' || type == 'image/png' || type == 'image/webp' || type == 'image/svg+xml';
export const isImageMime = (type) =>
type == 'image/jpeg' ||
type == 'image/png' ||
type == 'image/webp' ||
type == 'image/svg+xml'
+59 -43
View File
@@ -11,9 +11,11 @@ const service = axios.create({
let activeAxios = 0
let timer
let loadingInstance
const showLoading = (option = {
target: null,
}) => {
const showLoading = (
option = {
target: null
}
) => {
const loadDom = document.getElementById('gva-base-load-dom')
activeAxios++
if (timer) {
@@ -36,7 +38,7 @@ const closeLoading = () => {
}
// http request 拦截器
service.interceptors.request.use(
config => {
(config) => {
if (!config.donNotShowLoading) {
showLoading(config.loadingOption)
}
@@ -49,7 +51,7 @@ service.interceptors.request.use(
}
return config
},
error => {
(error) => {
if (!error.config.donNotShowLoading) {
closeLoading()
}
@@ -64,7 +66,7 @@ service.interceptors.request.use(
// http response 拦截器
service.interceptors.response.use(
response => {
(response) => {
const userStore = useUserStore()
if (!response.config.donNotShowLoading) {
closeLoading()
@@ -86,67 +88,81 @@ service.interceptors.response.use(
return response.data.msg ? response.data : response
}
},
error => {
(error) => {
if (!error.config.donNotShowLoading) {
closeLoading()
}
if (!error.response) {
ElMessageBox.confirm(`
ElMessageBox.confirm(
`
<p>检测到请求错误</p>
<p>${error}</p>
`, '请求报错', {
dangerouslyUseHTMLString: true,
distinguishCancelAndClose: true,
confirmButtonText: '稍后重试',
cancelButtonText: '取消'
})
`,
'请求报错',
{
dangerouslyUseHTMLString: true,
distinguishCancelAndClose: true,
confirmButtonText: '稍后重试',
cancelButtonText: '取消'
}
)
return
}
switch (error.response.status) {
case 500:
ElMessageBox.confirm(`
ElMessageBox.confirm(
`
<p>检测到接口错误${error}</p>
<p>错误码<span style="color:red"> 500 </span>:此类错误内容常见于后台panic,请先查看后台日志,如果影响您正常使用可强制登出清理缓存</p>
`, '接口报错', {
dangerouslyUseHTMLString: true,
distinguishCancelAndClose: true,
confirmButtonText: '清理缓存',
cancelButtonText: '取消'
`,
'接口报错',
{
dangerouslyUseHTMLString: true,
distinguishCancelAndClose: true,
confirmButtonText: '清理缓存',
cancelButtonText: '取消'
}
).then(() => {
const userStore = useUserStore()
userStore.ClearStorage()
router.push({ name: 'Login', replace: true })
})
.then(() => {
const userStore = useUserStore()
userStore.ClearStorage()
router.push({ name: 'Login', replace: true })
})
break
case 404:
ElMessageBox.confirm(`
ElMessageBox.confirm(
`
<p>检测到接口错误${error}</p>
<p>错误码<span style="color:red"> 404 </span>:此类错误多为接口未注册(或未重启)或者请求路径(方法)与api路径(方法)不符--如果为自动化代码请检查是否存在空格</p>
`, '接口报错', {
dangerouslyUseHTMLString: true,
distinguishCancelAndClose: true,
confirmButtonText: '我知道了',
cancelButtonText: '取消'
})
`,
'接口报错',
{
dangerouslyUseHTMLString: true,
distinguishCancelAndClose: true,
confirmButtonText: '我知道了',
cancelButtonText: '取消'
}
)
break
case 401:
ElMessageBox.confirm(`
ElMessageBox.confirm(
`
<p>无效的令牌</p>
<p>错误码:<span style="color:red"> 401 </span>错误信息:${error}</p>
`, '身份信息', {
dangerouslyUseHTMLString: true,
distinguishCancelAndClose: true,
confirmButtonText: '重新登录',
cancelButtonText: '取消'
`,
'身份信息',
{
dangerouslyUseHTMLString: true,
distinguishCancelAndClose: true,
confirmButtonText: '重新登录',
cancelButtonText: '取消'
}
).then(() => {
const userStore = useUserStore()
userStore.ClearStorage()
router.push({ name: 'Login', replace: true })
})
.then(() => {
const userStore = useUserStore()
userStore.ClearStorage()
router.push({ name: 'Login', replace: true })
})
break
}
+16 -16
View File
@@ -1,29 +1,29 @@
/* eslint-disable */
export const toUpperCase = (str) => {
if (str[0]) {
return str.replace(str[0], str[0].toUpperCase())
} else {
return ''
}
if (str[0]) {
return str.replace(str[0], str[0].toUpperCase())
} else {
return ''
}
}
export const toLowerCase = (str) => {
if (str[0]) {
return str.replace(str[0], str[0].toLowerCase())
} else {
return ''
}
if (str[0]) {
return str.replace(str[0], str[0].toLowerCase())
} else {
return ''
}
}
// 驼峰转换下划线
export const toSQLLine = (str) => {
if (str === 'ID') return 'ID'
return str.replace(/([A-Z])/g, "_$1").toLowerCase();
if (str === 'ID') return 'ID'
return str.replace(/([A-Z])/g, '_$1').toLowerCase()
}
// 下划线转换驼峰
export const toHump = (name) => {
return name.replace(/\_(\w)/g, function(all, letter) {
return letter.toUpperCase();
});
}
return name.replace(/\_(\w)/g, function (all, letter) {
return letter.toUpperCase()
})
}