mirror of
https://github.com/imsyy/SPlayer.git
synced 2025-11-25 03:14:57 +08:00
431 lines
11 KiB
TypeScript
431 lines
11 KiB
TypeScript
import type { SongType, UpdateLogType } from "@/types/main";
|
||
import { NTooltip, SelectOption } from "naive-ui";
|
||
import { h, VNode } from "vue";
|
||
import { useClipboard } from "@vueuse/core";
|
||
import { getCacheData } from "./cache";
|
||
import { updateLog } from "@/api/other";
|
||
import { isEmpty } from "lodash-es";
|
||
import { convertToLocalTime } from "./time";
|
||
import { useSettingStore } from "@/stores";
|
||
import { marked } from "marked";
|
||
import SvgIcon from "@/components/Global/SvgIcon.vue";
|
||
|
||
type AnyObject = { [key: string]: any };
|
||
|
||
// 必要数据
|
||
let imageBlobURL: string = "";
|
||
|
||
// 环境判断
|
||
export const isDev = import.meta.env.MODE === "development" || import.meta.env.DEV;
|
||
|
||
// 系统判断
|
||
const userAgent = window.navigator.userAgent;
|
||
export const isWin = userAgent.includes("Windows");
|
||
export const isMac = userAgent.includes("Macintosh");
|
||
export const isLinux = userAgent.includes("Linux");
|
||
export const isElectron = userAgent.includes("Electron");
|
||
|
||
/**
|
||
* 打开链接
|
||
* @param url 链接地址
|
||
* @param target 打开方式（_self 或 _blank）
|
||
*/
|
||
export const openLink = (url: string, target: "_self" | "_blank" = "_blank") => {
|
||
window.open(url, target);
|
||
};
|
||
|
||
/**
|
||
* 渲染图标
|
||
* @param iconName 图标名称
|
||
* @param option 图标选项（大小和样式）
|
||
* @returns 图标组件
|
||
*/
|
||
export const renderIcon = (
|
||
iconName: string,
|
||
option: {
|
||
size?: number;
|
||
style?: AnyObject;
|
||
} = {},
|
||
) => {
|
||
const { size, style } = option;
|
||
return () => {
|
||
return h(SvgIcon, { name: iconName, size, style });
|
||
};
|
||
};
|
||
|
||
/**
|
||
* 延时函数
|
||
* @param ms 延时时间（毫秒）
|
||
*/
|
||
export const sleep = (ms: number): Promise<void> => {
|
||
return new Promise((resolve) => setTimeout(resolve, ms));
|
||
};
|
||
|
||
/**
|
||
* 渲染选项
|
||
* @param param0 包含节点和选项的对象
|
||
* @returns 包含工具提示的节点
|
||
*/
|
||
export const renderOption = ({ node, option }: { node: VNode; option: SelectOption }) =>
|
||
h(
|
||
NTooltip,
|
||
{ placement: "left" },
|
||
{
|
||
trigger: () => node,
|
||
default: () => option.label,
|
||
},
|
||
);
|
||
|
||
/**
|
||
* 模糊搜索
|
||
* @param keyword 搜索关键词
|
||
* @param data 要搜索的数据数组
|
||
* @returns 包含匹配项的数组
|
||
*/
|
||
export const fuzzySearch = (keyword: string, data: SongType[]): SongType[] => {
|
||
try {
|
||
const result: SongType[] = [];
|
||
const regex = new RegExp(keyword, "i");
|
||
|
||
/**
|
||
* 递归函数：遍历对象及其嵌套属性，过滤包含关键词的对象
|
||
* @param {Object} obj - 要检查的对象
|
||
* @returns {boolean} - 如果找到匹配的属性值，返回 true；否则返回 false
|
||
*/
|
||
const searchInObject = (obj: AnyObject): boolean => {
|
||
for (const key in obj) {
|
||
if (Object.prototype.hasOwnProperty.call(obj, key)) {
|
||
const value = obj[key];
|
||
// 如果属性值是对象，则递归调用
|
||
if (typeof value === "object" && value !== null) {
|
||
if (searchInObject(value)) {
|
||
return true;
|
||
}
|
||
}
|
||
// 检查属性值是否是字符串并包含关键词
|
||
if (value && typeof value === "string" && regex.test(value)) {
|
||
return true;
|
||
}
|
||
}
|
||
}
|
||
return false;
|
||
};
|
||
|
||
if (!data) return [];
|
||
|
||
// 如果传入的是数组，遍历数组
|
||
if (Array.isArray(data)) {
|
||
for (const item of data) {
|
||
if (searchInObject(item)) {
|
||
result.push(item);
|
||
}
|
||
}
|
||
} else {
|
||
// 如果传入的是对象，直接调用递归函数
|
||
if (searchInObject(data)) {
|
||
result.push(data);
|
||
}
|
||
}
|
||
|
||
return result;
|
||
} catch (error) {
|
||
console.error("模糊搜索出现错误：", error);
|
||
return [];
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 将 32 位 ARGB 颜色值转换为 24 位 RGB 颜色值
|
||
*
|
||
* @param {number} x - 32位ARGB颜色值
|
||
* @returns {number[]} - 包含红色、绿色和蓝色分量的24位RGB颜色值数组（0-255）
|
||
*/
|
||
export const argbToRgb = (x: number): number[] => {
|
||
// 提取红色、绿色和蓝色分量
|
||
const r = (x >> 16) & 0xff;
|
||
const g = (x >> 8) & 0xff;
|
||
const b = x & 0xff;
|
||
// 返回24位RGB颜色值数组
|
||
return [r, g, b];
|
||
};
|
||
|
||
/**
|
||
* 封面加载完成时，设置透明度为 1
|
||
* @param e 事件对象
|
||
*/
|
||
export const coverLoaded = (e: Event) => {
|
||
const target = e.target as HTMLElement | null;
|
||
if (target && target.nodeType === Node.ELEMENT_NODE) {
|
||
target.style.opacity = "1";
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 格式化数字
|
||
* @param num 要格式化的数字
|
||
* @returns 格式化后的数字字符串
|
||
*/
|
||
export const formatNumber = (num: number): string => {
|
||
if (num < 10000) {
|
||
return num.toString();
|
||
} else if (num < 100000000) {
|
||
return `${(num / 10000).toFixed(1)}万`;
|
||
} else {
|
||
return `${(num / 100000000).toFixed(1)}亿`;
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 格式化文件大小
|
||
* @param bytes 文件大小（字节）
|
||
* @returns 格式化后的文件大小字符串
|
||
*/
|
||
export const formatFileSize = (bytes: number): string => {
|
||
if (bytes < 1024) {
|
||
return `${bytes} B`;
|
||
} else if (bytes < 1024 * 1024) {
|
||
return `${(bytes / 1024).toFixed(1)} KB`;
|
||
} else if (bytes < 1024 * 1024 * 1024) {
|
||
return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
|
||
} else {
|
||
return `${(bytes / 1024 / 1024 / 1024).toFixed(1)} GB`;
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 将图片链接转为 BlobUrl
|
||
* @param imageUrl 图片链接
|
||
* @returns BlobUrl
|
||
*/
|
||
export const convertImageUrlToBlobUrl = async (imageUrl: string) => {
|
||
const response = await fetch(imageUrl);
|
||
if (!response.ok) {
|
||
throw new Error("Network response was not ok");
|
||
}
|
||
// 将响应数据转换为 Blob 对象
|
||
const blob = await response.blob();
|
||
// 撤销之前生成的对象 URL
|
||
if (imageBlobURL) URL.revokeObjectURL(imageBlobURL);
|
||
// 生成对象 URL
|
||
imageBlobURL = URL.createObjectURL(blob);
|
||
return imageBlobURL;
|
||
};
|
||
|
||
/**
|
||
* 复制数据到剪贴板
|
||
* @param text 要复制的数据
|
||
* @param message 复制成功提示消息（可选）
|
||
* @returns 无
|
||
*/
|
||
export const copyData = async (text: any, message?: string) => {
|
||
const { copy, copied, isSupported } = useClipboard({ legacy: true });
|
||
if (!isSupported.value) {
|
||
window.$message.error("暂时无法使用复制功能");
|
||
return;
|
||
}
|
||
// 开始复制
|
||
try {
|
||
if (!text) return;
|
||
text = typeof text === "string" ? text.trim() : JSON.stringify(text, null, 2);
|
||
await copy(text);
|
||
if (copied.value) {
|
||
window.$message.success(message ?? "已复制到剪贴板");
|
||
} else {
|
||
window.$message.error("复制出错，请重试");
|
||
}
|
||
} catch (error) {
|
||
window.$message.error("复制出错，请重试");
|
||
console.error("复制出错：", error);
|
||
}
|
||
};
|
||
|
||
/*
|
||
* 获取剪贴板内容
|
||
* @returns 剪贴板内容字符串或 null
|
||
*/
|
||
export const getClipboardData = async (): Promise<string | null> => {
|
||
try {
|
||
const text = await navigator.clipboard.readText();
|
||
return text;
|
||
} catch (error) {
|
||
console.error("Failed to read clipboard content:", error);
|
||
return null;
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 格式化为 Electron 快捷键
|
||
* @param shortcut 快捷键
|
||
* @returns Accelerator
|
||
*/
|
||
export const formatForGlobalShortcut = (shortcut: string): string => {
|
||
return shortcut
|
||
.split("+")
|
||
.map((part) => {
|
||
// 字母
|
||
if (part.startsWith("Key")) {
|
||
return part.replace("Key", "");
|
||
}
|
||
// 数字
|
||
if (part.startsWith("Digit")) {
|
||
return part.replace("Digit", "num");
|
||
}
|
||
if (part.startsWith("Numpad")) {
|
||
return part.replace("Numpad", "num");
|
||
}
|
||
// 方向键
|
||
if (part.startsWith("Arrow")) {
|
||
return part.replace("Arrow", "");
|
||
}
|
||
return part;
|
||
})
|
||
.join("+");
|
||
};
|
||
|
||
/**
|
||
* 获取更新日志
|
||
* @returns 更新日志数组
|
||
*/
|
||
export const getUpdateLog = async (): Promise<UpdateLogType[]> => {
|
||
const result = await getCacheData(updateLog, { key: "updateLog", time: 10 });
|
||
if (!result || isEmpty(result)) return [];
|
||
const updateLogs = await Promise.all(
|
||
result.map(async (v: any) => ({
|
||
version: v.tag_name,
|
||
changelog: await marked(v.body),
|
||
time: convertToLocalTime(v.published_at),
|
||
url: v.html_url,
|
||
prerelease: v.prerelease,
|
||
})),
|
||
);
|
||
return updateLogs;
|
||
};
|
||
|
||
/**
|
||
* 获取 更改本地目录 函数
|
||
* @param settingsKey 设置项 key
|
||
* @param includeSubFolders 是否包含子文件夹
|
||
* @param errorConsole 控制台输出的错误信息
|
||
* @param errorMessage 错误信息
|
||
* @param needDefaultMusicPath 是否需要获取默认音乐路径
|
||
*/
|
||
const changeLocalPath =
|
||
(
|
||
settingsKey: string,
|
||
includeSubFolders: boolean,
|
||
errorConsole: string,
|
||
errorMessage: string,
|
||
needDefaultMusicPath: boolean = false,
|
||
) =>
|
||
async (delIndex?: number) => {
|
||
try {
|
||
if (!isElectron) return;
|
||
const settingStore = useSettingStore();
|
||
if (typeof delIndex === "number" && delIndex >= 0) {
|
||
settingStore[settingsKey].splice(delIndex, 1);
|
||
} else {
|
||
const selectedDir = await window.electron.ipcRenderer.invoke("choose-path");
|
||
if (!selectedDir) return;
|
||
// 动态获取默认路径
|
||
let allPath = [...settingStore[settingsKey]];
|
||
if (needDefaultMusicPath) {
|
||
const defaultDir = await window.electron.ipcRenderer.invoke("get-default-dir", "music");
|
||
if (defaultDir) allPath = [defaultDir, ...allPath];
|
||
}
|
||
// 检查是否为子文件夹
|
||
if (includeSubFolders) {
|
||
const isSubfolder = await window.electron.ipcRenderer.invoke(
|
||
"check-if-subfolder",
|
||
allPath,
|
||
selectedDir,
|
||
);
|
||
if (!isSubfolder) {
|
||
settingStore[settingsKey].push(selectedDir);
|
||
} else {
|
||
window.$message.error("添加的目录与现有目录有重叠，请重新选择");
|
||
}
|
||
} else {
|
||
if (allPath.includes(selectedDir)) {
|
||
window.$message.error("添加的目录已存在");
|
||
} else {
|
||
settingStore[settingsKey].push(selectedDir);
|
||
}
|
||
}
|
||
}
|
||
} catch (error) {
|
||
console.error(`${errorConsole}: `, error);
|
||
window.$message.error(errorMessage);
|
||
}
|
||
};
|
||
|
||
/**
|
||
* 更改本地音乐目录
|
||
* @param delIndex 删除文件夹路径的索引
|
||
*/
|
||
export const changeLocalMusicPath = changeLocalPath(
|
||
"localFilesPath",
|
||
true,
|
||
"Error changing local path",
|
||
"更改本地歌曲文件夹出错，请重试",
|
||
true,
|
||
);
|
||
|
||
/**
|
||
* 更改本地歌词目录
|
||
* @param delIndex 删除文件夹路径的索引
|
||
*/
|
||
export const changeLocalLyricPath = changeLocalPath(
|
||
"localLyricPath",
|
||
false,
|
||
"Error changing local lyric path",
|
||
"更改本地歌词文件夹出错，请重试",
|
||
false,
|
||
);
|
||
|
||
/**
|
||
* 洗牌数组（Fisher-Yates）
|
||
*/
|
||
export const shuffleArray = <T>(arr: T[]): T[] => {
|
||
const copy = arr.slice();
|
||
for (let i = copy.length - 1; i > 0; i--) {
|
||
const j = Math.floor(Math.random() * (i + 1));
|
||
[copy[i], copy[j]] = [copy[j], copy[i]];
|
||
}
|
||
return copy;
|
||
};
|
||
|
||
/**
|
||
* 在浏览器空闲时执行任务
|
||
* @param task 要执行的任务
|
||
*/
|
||
export const runIdle = (task: () => void) => {
|
||
try {
|
||
const ric = window?.requestIdleCallback as ((cb: () => void) => number) | undefined;
|
||
if (typeof ric === "function") {
|
||
ric(() => {
|
||
try {
|
||
task();
|
||
} catch {
|
||
/* empty */
|
||
}
|
||
});
|
||
} else {
|
||
setTimeout(() => {
|
||
try {
|
||
task();
|
||
} catch {
|
||
/* empty */
|
||
}
|
||
}, 0);
|
||
}
|
||
} catch {
|
||
setTimeout(() => {
|
||
try {
|
||
task();
|
||
} catch {
|
||
/* empty */
|
||
}
|
||
}, 0);
|
||
}
|
||
};
|