mirror of
https://github.com/1Panel-dev/MaxKB.git
synced 2025-12-26 10:12:51 +00:00
158 lines
4.3 KiB
TypeScript
158 lines
4.3 KiB
TypeScript
/**
|
||
* 数字处理
|
||
*/
|
||
export function toThousands(num: any) {
|
||
return num?.toString().replace(/\d+/, function (n: any) {
|
||
return n.replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')
|
||
})
|
||
}
|
||
export function numberFormat(num: number) {
|
||
return num < 1000 ? toThousands(num) : toThousands((num / 1000).toFixed(1)) + 'k'
|
||
}
|
||
|
||
export function filesize(size: number) {
|
||
if (!size) return ''
|
||
/* byte */
|
||
const num = 1024.0
|
||
|
||
if (size < num) return size + 'B'
|
||
if (size < Math.pow(num, 2)) return (size / num).toFixed(2) + 'K' //kb
|
||
if (size < Math.pow(num, 3)) return (size / Math.pow(num, 2)).toFixed(2) + 'M' //M
|
||
if (size < Math.pow(num, 4)) return (size / Math.pow(num, 3)).toFixed(2) + 'G' //G
|
||
return (size / Math.pow(num, 4)).toFixed(2) + 'T' //T
|
||
}
|
||
|
||
// 头像
|
||
export const defaultIcon = '/${window.MaxKB.prefix}/favicon.ico'
|
||
export function isAppIcon(url: string | undefined) {
|
||
return url === defaultIcon ? '' : url
|
||
}
|
||
|
||
export function isFunction(fn: any) {
|
||
return typeof fn === 'function'
|
||
}
|
||
|
||
/*
|
||
随机id
|
||
*/
|
||
export const randomId = function () {
|
||
return Math.floor(Math.random() * 10000) + ''
|
||
}
|
||
|
||
/*
|
||
获取文件后缀
|
||
*/
|
||
export function fileType(name: string) {
|
||
const suffix = name.split('.')
|
||
return suffix[suffix.length - 1]
|
||
}
|
||
|
||
/*
|
||
获得文件对应图片
|
||
*/
|
||
const typeList: any = {
|
||
txt: ['txt', 'pdf', 'docx', 'md', 'html', 'zip', 'xlsx', 'xls', 'csv'],
|
||
table: ['xlsx', 'xls', 'csv'],
|
||
QA: ['xlsx', 'csv', 'xls', 'zip'],
|
||
}
|
||
|
||
export function getImgUrl(name: string) {
|
||
const list = Object.values(typeList).flat()
|
||
|
||
const type = list.includes(fileType(name).toLowerCase())
|
||
? fileType(name).toLowerCase()
|
||
: 'unknown'
|
||
return new URL(`../assets/fileType/${type}-icon.svg`, import.meta.url).href
|
||
}
|
||
// 是否是白名单后缀
|
||
export function isRightType(name: string, type: string) {
|
||
return typeList[type].includes(fileType(name).toLowerCase())
|
||
}
|
||
|
||
// 下载
|
||
export function downloadByURL(url: string, name: string) {
|
||
const a = document.createElement('a')
|
||
a.setAttribute('href', url)
|
||
a.setAttribute('target', '_blank')
|
||
a.setAttribute('download', name)
|
||
document.body.appendChild(a)
|
||
a.click()
|
||
document.body.removeChild(a)
|
||
}
|
||
|
||
// 截取文件名
|
||
export function cutFilename(filename: string, num: number) {
|
||
const lastIndex = filename.lastIndexOf('.')
|
||
const suffix = lastIndex === -1 ? '' : filename.substring(lastIndex + 1)
|
||
return filename.substring(0, num - suffix.length - 1) + '.' + suffix
|
||
}
|
||
|
||
interface LoadScriptOptions {
|
||
jsId?: string // 自定义脚本 ID
|
||
forceReload?: boolean // 是否强制重新加载（默认 false）
|
||
}
|
||
|
||
export const loadScript = (url: string, options: LoadScriptOptions = {}): Promise<void> => {
|
||
const { jsId, forceReload = false } = options
|
||
const scriptId = jsId || `script-${btoa(url).slice(0, 12)}` // 生成唯一 ID
|
||
|
||
return new Promise((resolve, reject) => {
|
||
// 检查是否已存在且无需强制加载
|
||
const existingScript = document.getElementById(scriptId) as HTMLScriptElement | null
|
||
if (existingScript && !forceReload) {
|
||
if (existingScript.src === url) {
|
||
existingScript.onload = () => resolve() // 复用现有脚本
|
||
return
|
||
}
|
||
// URL 不同则移除旧脚本
|
||
existingScript.parentElement?.removeChild(existingScript)
|
||
}
|
||
|
||
// 创建新脚本
|
||
const script = document.createElement('script')
|
||
script.id = scriptId
|
||
script.src = url
|
||
script.async = true // 明确启用异步加载
|
||
|
||
// 成功回调
|
||
script.onload = () => {
|
||
resolve()
|
||
}
|
||
|
||
// 错误处理（兼容性增强）
|
||
script.onerror = () => {
|
||
reject(new Error(`Failed to load script: ${url}`))
|
||
cleanupScript(script)
|
||
}
|
||
|
||
// 插入到 <head> 确保加载顺序
|
||
document.head.appendChild(script)
|
||
})
|
||
}
|
||
|
||
// 清理脚本（可选）
|
||
const cleanupScript = (script: HTMLScriptElement) => {
|
||
script.onload = null
|
||
script.onerror = null
|
||
script.parentElement?.removeChild(script)
|
||
}
|
||
|
||
export function getNormalizedUrl(url: string) {
|
||
if (url && !url.endsWith('/') && !/\.[^/]+$/.test(url)) {
|
||
return url + '/'
|
||
}
|
||
return url
|
||
}
|
||
export function getFileUrl(fileId?: string) {
|
||
if (fileId) {
|
||
return `${window.MaxKB.prefix}/oss/file/${fileId}`
|
||
}
|
||
return ''
|
||
}
|
||
export const resetUrl = (url: string, defaultUrl?: string) => {
|
||
if (url && url.startsWith('./')) {
|
||
return `${window.MaxKB.prefix}/${url.substring(2)}`
|
||
}
|
||
return url ? url : defaultUrl ? defaultUrl : ''
|
||
}
|