-
+
{{ props.errorCode }}
-
+
{{ props.errorTitle }}
diff --git a/src/@core/components/ExistIcon.vue b/src/@core/components/ExistIcon.vue
index 18a5ae3f..20d7d6df 100644
--- a/src/@core/components/ExistIcon.vue
+++ b/src/@core/components/ExistIcon.vue
@@ -1,12 +1,8 @@
-
-
+
diff --git a/src/@core/components/MoreBtn.vue b/src/@core/components/MoreBtn.vue
index 761d79f2..3ac0f2cd 100644
--- a/src/@core/components/MoreBtn.vue
+++ b/src/@core/components/MoreBtn.vue
@@ -1,18 +1,25 @@
-
-
+
+
diff --git a/src/@core/components/ThemeSwitcher.vue b/src/@core/components/ThemeSwitcher.vue
index f69a535b..91eafb4f 100644
--- a/src/@core/components/ThemeSwitcher.vue
+++ b/src/@core/components/ThemeSwitcher.vue
@@ -1,45 +1,45 @@
diff --git a/src/@core/libs/apex-chart/apexCharConfig.ts b/src/@core/libs/apex-chart/apexCharConfig.ts
index 29d3c463..34e8a8b9 100644
--- a/src/@core/libs/apex-chart/apexCharConfig.ts
+++ b/src/@core/libs/apex-chart/apexCharConfig.ts
@@ -2,7 +2,7 @@ import type { ThemeInstance } from 'vuetify'
import { hexToRgb } from '@layouts/utils'
// 👉 Colors variables
-const colorVariables = (themeColors: ThemeInstance['themes']['value']['colors']) => {
+function colorVariables(themeColors: ThemeInstance['themes']['value']['colors']) {
const themeSecondaryTextColor = `rgba(${hexToRgb(themeColors.colors['on-surface'])},${themeColors.variables['medium-emphasis-opacity']})`
const themeDisabledTextColor = `rgba(${hexToRgb(themeColors.colors['on-surface'])},${themeColors.variables['disabled-opacity']})`
const themeBorderColor = `rgba(${hexToRgb(String(themeColors.variables['border-color']))},${themeColors.variables['border-opacity']})`
@@ -11,7 +11,7 @@ const colorVariables = (themeColors: ThemeInstance['themes']['value']['colors'])
return { themeSecondaryTextColor, themeDisabledTextColor, themeBorderColor, themePrimaryTextColor }
}
-export const getScatterChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
+export function getScatterChartConfig(themeColors: ThemeInstance['themes']['value']['colors']) {
const scatterColors = {
series1: '#ff9f43',
series2: '#7367f0',
@@ -67,7 +67,7 @@ export const getScatterChartConfig = (themeColors: ThemeInstance['themes']['valu
},
}
}
-export const getLineChartSimpleConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
+export function getLineChartSimpleConfig(themeColors: ThemeInstance['themes']['value']['colors']) {
const { themeBorderColor, themeDisabledTextColor } = colorVariables(themeColors)
return {
@@ -94,7 +94,7 @@ export const getLineChartSimpleConfig = (themeColors: ThemeInstance['themes']['v
},
},
tooltip: {
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
custom(data: any) {
return `
${data.series[data.seriesIndex][data.dataPointIndex]}%
@@ -137,7 +137,7 @@ export const getLineChartSimpleConfig = (themeColors: ThemeInstance['themes']['v
}
}
-export const getBarChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
+export function getBarChartConfig(themeColors: ThemeInstance['themes']['value']['colors']) {
const { themeBorderColor, themeDisabledTextColor } = colorVariables(themeColors)
return {
@@ -180,7 +180,7 @@ export const getBarChartConfig = (themeColors: ThemeInstance['themes']['value'][
}
}
-export const getCandlestickChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
+export function getCandlestickChartConfig(themeColors: ThemeInstance['themes']['value']['colors']) {
const candlestickColors = {
series1: '#28c76f',
series2: '#ea5455',
@@ -231,7 +231,7 @@ export const getCandlestickChartConfig = (themeColors: ThemeInstance['themes']['
},
}
}
-export const getRadialBarChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
+export function getRadialBarChartConfig(themeColors: ThemeInstance['themes']['value']['colors']) {
const radialBarColors = {
series1: '#fdd835',
series2: '#32baff',
@@ -282,7 +282,7 @@ export const getRadialBarChartConfig = (themeColors: ThemeInstance['themes']['va
fontSize: '1.125rem',
color: themePrimaryTextColor,
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
+
formatter(w: { globals: { seriesTotals: any[]; series: string | any[] } }) {
const totalValue
= w.globals.seriesTotals.reduce((a: number, b: number) => {
@@ -307,7 +307,7 @@ export const getRadialBarChartConfig = (themeColors: ThemeInstance['themes']['va
}
}
-export const getDonutChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
+export function getDonutChartConfig(themeColors: ThemeInstance['themes']['value']['colors']) {
const donutColors = {
series1: '#fdd835',
series2: '#00d4bd',
@@ -401,7 +401,7 @@ export const getDonutChartConfig = (themeColors: ThemeInstance['themes']['value'
}
}
-export const getAreaChartSplineConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
+export function getAreaChartSplineConfig(themeColors: ThemeInstance['themes']['value']['colors']) {
const areaColors = {
series3: '#e0cffe',
series2: '#b992fe',
@@ -482,7 +482,7 @@ export const getAreaChartSplineConfig = (themeColors: ThemeInstance['themes']['v
}
}
-export const getColumnChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
+export function getColumnChartConfig(themeColors: ThemeInstance['themes']['value']['colors']) {
const columnColors = {
series1: '#826af9',
series2: '#d2b0ff',
@@ -568,7 +568,7 @@ export const getColumnChartConfig = (themeColors: ThemeInstance['themes']['value
}
}
-export const getHeatMapChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
+export function getHeatMapChartConfig(themeColors: ThemeInstance['themes']['value']['colors']) {
const { themeSecondaryTextColor, themeDisabledTextColor } = colorVariables(themeColors)
return {
@@ -627,7 +627,7 @@ export const getHeatMapChartConfig = (themeColors: ThemeInstance['themes']['valu
}
}
-export const getRadarChartConfig = (themeColors: ThemeInstance['themes']['value']['colors']) => {
+export function getRadarChartConfig(themeColors: ThemeInstance['themes']['value']['colors']) {
const radarColors = {
series1: '#9b88fa',
series2: '#ffa1a1',
diff --git a/src/@core/utils/formatters.ts b/src/@core/utils/formatters.ts
index ca24016f..a8de8d7d 100644
--- a/src/@core/utils/formatters.ts
+++ b/src/@core/utils/formatters.ts
@@ -1,6 +1,6 @@
import { isToday } from './index'
-export const avatarText = (value: string) => {
+export function avatarText(value: string) {
if (!value)
return ''
const nameArray = value.split(' ')
@@ -9,7 +9,7 @@ export const avatarText = (value: string) => {
}
// TODO: Try to implement this: https://twitter.com/fireship_dev/status/1565424801216311297
-export const kFormatter = (num: number) => {
+export function kFormatter(num: number) {
const regex = /\B(?=(\d{3})+(?!\d))/g
return Math.abs(num) > 9999 ? `${Math.sign(num) * +((Math.abs(num) / 1000).toFixed(1))}k` : Math.abs(num).toFixed(0).replace(regex, ',')
@@ -22,7 +22,7 @@ export const kFormatter = (num: number) => {
* @param {String} value date to format
* @param {Intl.DateTimeFormatOptions} formatting Intl object to format with
*/
-export const formatDate = (value: string, formatting: Intl.DateTimeFormatOptions = { month: 'short', day: 'numeric', year: 'numeric' }) => {
+export function formatDate(value: string, formatting: Intl.DateTimeFormatOptions = { month: 'short', day: 'numeric', year: 'numeric' }) {
if (!value)
return value
@@ -35,7 +35,7 @@ export const formatDate = (value: string, formatting: Intl.DateTimeFormatOptions
* @param {String} value date to format
* @param {Boolean} toTimeForCurrentDay Shall convert to time if day is today/current
*/
-export const formatDateToMonthShort = (value: string, toTimeForCurrentDay = true) => {
+export function formatDateToMonthShort(value: string, toTimeForCurrentDay = true) {
const date = new Date(value)
let formatting: Record = { month: 'short', day: 'numeric' }
@@ -51,50 +51,47 @@ export const prefixWithPlus = (value: number) => value > 0 ? `+${value}` : value
export const formatSeason = (value: string) => value ? `S${value.padStart(2, '0')}` : ''
// 格式化为xx[TGMK]B
-export const formatFileSize = (bytes: number) => {
- if (bytes < 0) {
- throw new Error("字节数不能为负数。");
- }
+export function formatFileSize(bytes: number) {
+ if (bytes < 0)
+ throw new Error('字节数不能为负数。')
- const units = ["B", "K", "M", "G", "T"];
- let size = bytes;
- let unitIndex = 0;
+ const units = ['B', 'K', 'M', 'G', 'T']
+ let size = bytes
+ let unitIndex = 0
while (size >= 1024 && unitIndex < units.length - 1) {
- size /= 1024;
- unitIndex++;
+ size /= 1024
+ unitIndex++
}
- return `${size.toFixed(2)} ${units[unitIndex]}`;
+ return `${size.toFixed(2)} ${units[unitIndex]}`
}
// 将时间秒格式化为时分秒
-export const formatSeconds = (seconds: number) => {
- const hours = Math.floor(seconds / 3600);
- const minutes = Math.floor((seconds % 3600) / 60);
- const remainingSeconds = seconds % 60;
+export function formatSeconds(seconds: number) {
+ const hours = Math.floor(seconds / 3600)
+ const minutes = Math.floor((seconds % 3600) / 60)
+ const remainingSeconds = seconds % 60
- let formattedTime = '';
+ let formattedTime = ''
- if (hours > 0) {
- formattedTime += `${hours}小时`;
- }
+ if (hours > 0)
+ formattedTime += `${hours}小时`
- if (minutes > 0) {
- formattedTime += `${minutes}分`;
- }
+ if (minutes > 0)
+ formattedTime += `${minutes}分`
- if ((remainingSeconds > 0 || formattedTime === '') && hours <= 0) {
- formattedTime += `${remainingSeconds}秒`;
- }
+ if ((remainingSeconds > 0 || formattedTime === '') && hours <= 0)
+ formattedTime += `${remainingSeconds}秒`
- return formattedTime;
+ return formattedTime
}
-
// YYYY-MM-DD 转化为Date
-export const parseDate = (dateString: string): Date => {
- if (!dateString) return new Date();
- const [year, month, day] = dateString.split('-').map(Number);
- return new Date(year, month - 1, day);
+export function parseDate(dateString: string): Date {
+ if (!dateString)
+ return new Date()
+ const [year, month, day] = dateString.split('-').map(Number)
+
+ return new Date(year, month - 1, day)
}
diff --git a/src/@core/utils/index.ts b/src/@core/utils/index.ts
index ddc03649..2a8ad636 100644
--- a/src/@core/utils/index.ts
+++ b/src/@core/utils/index.ts
@@ -1,5 +1,5 @@
// 👉 IsEmpty
-export const isEmpty = (value: unknown): boolean => {
+export function isEmpty(value: unknown): boolean {
if (value === null || value === undefined || value === '')
return true
@@ -7,20 +7,21 @@ export const isEmpty = (value: unknown): boolean => {
}
// 👉 IsNullOrUndefined
-export const isNullOrUndefined = (value: unknown): value is undefined | null => {
+export function isNullOrUndefined(value: unknown): value is undefined | null {
return value === null || value === undefined
}
// 👉 IsEmptyArray
-export const isEmptyArray = (arr: unknown): boolean => {
+export function isEmptyArray(arr: unknown): boolean {
return Array.isArray(arr) && arr.length === 0
}
// 👉 IsObject
-export const isObject = (obj: unknown): obj is Record =>
- obj !== null && !!obj && typeof obj === 'object' && !Array.isArray(obj)
+export function isObject(obj: unknown): obj is Record {
+ return obj !== null && !!obj && typeof obj === 'object' && !Array.isArray(obj)
+}
-export const isToday = (date: Date) => {
+export function isToday(date: Date) {
const today = new Date()
return (
@@ -33,38 +34,42 @@ export const isToday = (date: Date) => {
}
// 计算时间差，返回xx天xx小时xx分钟
-export const calculateTimeDifference = (inputTime: string): string => {
+export function calculateTimeDifference(inputTime: string): string {
+ if (!inputTime)
+ return ''
- if (!inputTime) {
- return '';
- }
+ const inputDate = new Date(inputTime)
+ const currentDate = new Date()
- const inputDate = new Date(inputTime);
- const currentDate = new Date();
-
- const timeDifference = currentDate.getTime() - inputDate.getTime();
- const secondsDifference = Math.floor(timeDifference / 1000);
+ const timeDifference = currentDate.getTime() - inputDate.getTime()
+ const secondsDifference = Math.floor(timeDifference / 1000)
if (secondsDifference < 60) {
- return `${secondsDifference}秒`;
- } else if (secondsDifference < 3600) {
- const minutes = Math.floor(secondsDifference / 60);
- return `${minutes}分钟`;
- } else if (secondsDifference < 86400) {
- const hours = Math.floor(secondsDifference / 3600);
- return `${hours}小时`;
- } else {
- const days = Math.floor(secondsDifference / 86400);
- return `${days}天`;
+ return `${secondsDifference}秒`
+ }
+ else if (secondsDifference < 3600) {
+ const minutes = Math.floor(secondsDifference / 60)
+
+ return `${minutes}分钟`
+ }
+ else if (secondsDifference < 86400) {
+ const hours = Math.floor(secondsDifference / 3600)
+
+ return `${hours}小时`
+ }
+ else {
+ const days = Math.floor(secondsDifference / 86400)
+
+ return `${days}天`
}
}
// 判断一个数组subArray是不是在另一个数组mainArray中
-export const isContained = (subArray: any[], mainArray: any[]): boolean => {
- return subArray.every(element => mainArray.includes(element));
+export function isContained(subArray: any[], mainArray: any[]): boolean {
+ return subArray.every(element => mainArray.includes(element))
}
// 判断两个数组是否存在交集
-export const isIntersected = (array1: any[], array2: any[]): boolean => {
- return array1.some(element => array2.includes(element));
+export function isIntersected(array1: any[], array2: any[]): boolean {
+ return array1.some(element => array2.includes(element))
}
diff --git a/src/@iconify/build-icons.ts b/src/@iconify/build-icons.ts
index 685bceef..6f04312d 100644
--- a/src/@iconify/build-icons.ts
+++ b/src/@iconify/build-icons.ts
@@ -250,6 +250,7 @@ const target = join(__dirname, 'icons-bundle.js');
// Export to JSON
const content = iconSet.export()
+
bundle += `addCollection(${JSON.stringify(content)});\n`
}
}
@@ -258,7 +259,7 @@ const target = join(__dirname, 'icons-bundle.js');
await fs.writeFile(target, bundle, 'utf8')
console.log(`Saved ${target} (${bundle.length} bytes)`)
-})().catch(err => {
+})().catch((err) => {
console.error(err)
})
@@ -274,7 +275,8 @@ function removeMetaData(iconSet: IconifyJSON) {
'prefixes',
'suffixes',
]
- props.forEach(prop => {
+
+ props.forEach((prop) => {
delete iconSet[prop]
})
}
@@ -284,12 +286,14 @@ function removeMetaData(iconSet: IconifyJSON) {
*/
function organizeIconsList(icons: string[]): Record {
const sorted: Record = Object.create(null)
- icons.forEach(icon => {
+
+ icons.forEach((icon) => {
const item = stringToIcon(icon)
if (!item)
return
const prefix = item.prefix
+
const prefixList = sorted[prefix]
? sorted[prefix]
: (sorted[prefix] = [])
diff --git a/src/@layouts/components.ts b/src/@layouts/components.ts
index 0329e6f7..587fd228 100644
--- a/src/@layouts/components.ts
+++ b/src/@layouts/components.ts
@@ -1,4 +1,3 @@
export { default as VerticalNavLayout } from './components/VerticalNavLayout.vue'
export { default as VerticalNavLink } from './components/VerticalNavLink.vue'
export { default as VerticalNavSectionTitle } from './components/VerticalNavSectionTitle.vue'
-
diff --git a/src/@layouts/components/VerticalNav.vue b/src/@layouts/components/VerticalNav.vue
index 5d30ab27..f125940f 100644
--- a/src/@layouts/components/VerticalNav.vue
+++ b/src/@layouts/components/VerticalNav.vue
@@ -28,12 +28,13 @@ watch(
() => route.path,
() => {
props.toggleIsOverlayNavActive(false)
- })
+ },
+)
const isVerticalNavScrolled = ref(false)
-const updateIsVerticalNavScrolled = (val: boolean) => isVerticalNavScrolled.value = val
+const updateIsVerticalNavScrolled = (val: boolean) => (isVerticalNavScrolled.value = val)
-const handleNavScroll = (evt: Event) => {
+function handleNavScroll(evt: Event) {
isVerticalNavScrolled.value = (evt.target as HTMLElement).scrollTop > 0
}
@@ -54,14 +55,8 @@ const handleNavScroll = (evt: Event) => {