v2.0.0

2022-10-29 11:36:35 +08:00
parent 66b965d9f7
commit e45cee6596
715 changed files with 57096 additions and 31771 deletions
@@ -1,130 +0,0 @@
-module.exports = {
-  windowSizeList: [
-    {
-      id: 0,
-      name: 'smaller',
-      width: 828,
-      height: 530,
-      fontSize: '14px',
-    },
-    {
-      id: 1,
-      name: 'small',
-      width: 920,
-      height: 590,
-      fontSize: '16px',
-    },
-    {
-      id: 2,
-      name: 'medium',
-      width: 1018,
-      height: 650,
-      fontSize: '16px',
-    },
-    {
-      id: 3,
-      name: 'big',
-      width: 1114,
-      height: 708,
-      fontSize: '17px',
-    },
-    {
-      id: 4,
-      name: 'larger',
-      width: 1202,
-      height: 766,
-      fontSize: '17px',
-    },
-    {
-      id: 5,
-      name: 'oversized',
-      width: 1382,
-      height: 886,
-      fontSize: '18px',
-    },
-    {
-      id: 6,
-      name: 'huge',
-      width: 1686,
-      height: 1062,
-      fontSize: '19px',
-    },
-  ],
-  navigationUrlWhiteList: [
-
-  ],
-  themes: [
-    {
-      id: 0,
-      name: '绿意盎然',
-      className: 'green',
-    },
-    {
-      id: 1,
-      name: '蓝田生玉',
-      className: 'blue',
-    },
-    {
-      id: 2,
-      name: '信口雌黄',
-      className: 'yellow',
-    },
-    {
-      id: 3,
-      name: '橙黄橘绿',
-      className: 'orange',
-    },
-    {
-      id: 4,
-      name: '热情似火',
-      className: 'red',
-    },
-    {
-      id: 10,
-      name: '粉装玉琢',
-      className: 'pink',
-    },
-    {
-      id: 5,
-      name: '重斤球紫',
-      className: 'purple',
-    },
-    {
-      id: 6,
-      name: '灰常美丽',
-      className: 'grey',
-    },
-    {
-      id: 11,
-      name: '青出于黑',
-      className: 'ming',
-    },
-    {
-      id: 12,
-      name: '青出于黑',
-      className: 'blue2',
-    },
-    {
-      id: 13,
-      name: '黑灯瞎火',
-      className: 'black',
-    },
-    {
-      id: 7,
-      name: '月里嫦娥',
-      className: 'mid_autumn',
-    },
-    {
-      id: 8,
-      name: '木叶之村',
-      className: 'naruto',
-    },
-    {
-      id: 9,
-      name: '新年快乐',
-      className: 'happy_new_year',
-    },
-  ],
-  themeLights: [0, 1, 2, 3, 4, 10, 5, 6, 11, 12, 7, 8, 9],
-  themeDarks: [13, 7],
-}
@@ -0,0 +1,86 @@
+export interface WindowSize {
+  id: number
+  name: string
+  width: number
+  height: number
+}
+
+export const windowSizeList: WindowSize[] = [
+  {
+    id: 0,
+    name: 'smaller',
+    width: 828,
+    height: 540,
+  },
+  {
+    id: 1,
+    name: 'small',
+    width: 920,
+    height: 600,
+  },
+  {
+    id: 2,
+    name: 'medium',
+    width: 1020,
+    height: 660,
+  },
+  {
+    id: 3,
+    name: 'big',
+    width: 1114,
+    height: 718,
+  },
+  {
+    id: 4,
+    name: 'larger',
+    width: 1202,
+    height: 776,
+  },
+  {
+    id: 5,
+    name: 'oversized',
+    width: 1385,
+    height: 896,
+  },
+  {
+    id: 6,
+    name: 'huge',
+    width: 1700,
+    height: 1070,
+  },
+]
+
+export const navigationUrlWhiteList: RegExp[] = []
+
+// 基础黑白色
+export const commonColorNames = [
+  '--color-000', '--color-050', '--color-100', '--color-200', '--color-300', '--color-400',
+  '--color-500', '--color-600', '--color-700', '--color-800', '--color-900',
+] as const
+export const commonLightColorValues = [
+  'rgb(255, 255, 255)',
+  'rgb(217,217,217)',
+  'rgb(184,184,184)',
+  'rgb(156,156,156)',
+  'rgb(133,133,133)',
+  'rgb(113,113,113)',
+  'rgb(96,96,96)',
+  'rgb(82,82,82)',
+  'rgb(70,70,70)',
+  'rgb(60,60,60)',
+  'rgb(51,51,51)',
+] as const
+export const commonDarkColorValues = [
+  'rgb(11, 11, 11)',
+  'rgb(60,60,60)',
+  'rgb(99,99,99)',
+  'rgb(130,130,130)',
+  'rgb(155,155,155)',
+  'rgb(175,175,175)',
+  'rgb(191,191,191)',
+  'rgb(204,204,204)',
+  'rgb(214,214,214)',
+  'rgb(222,222,222)',
+  'rgb(229,229,229)',
+] as const
+
@@ -0,0 +1,74 @@
+export const URL_SCHEME_RXP = /^lxmusic:\/\//
+
+
+export const STORE_NAMES = {
+  APP_SETTINGS: 'config_v2',
+  DATA: 'data',
+  SYNC: 'sync',
+  HOTKEY: 'hot_key',
+  USER_API: 'user_api',
+  LRC_RAW: 'lyrics',
+  LRC_EDITED: 'lyrics_edited',
+  THEME: 'theme',
+} as const
+
+export const APP_EVENT_NAMES = {
+  winMainName: 'win_main',
+  winLyricName: 'win_lyric',
+  trayName: 'tray',
+} as const
+
+export const LIST_IDS = {
+  DEFAULT: 'default',
+  LOVE: 'love',
+  TEMP: 'temp',
+  DOWNLOAD: 'download',
+} as const
+
+export const DATA_KEYS = {
+  viewPrevState: 'viewPrevState',
+  playInfo: 'playInfo',
+  searchHistoryList: 'searchHistoryList',
+  listScrollPosition: 'listScrollPosition',
+  listPrevSelectId: 'listPrevSelectId',
+  listUpdateInfo: 'listUpdateInfo',
+  ignoreVersion: 'ignoreVersion',
+
+  leaderboardSetting: 'leaderboardSetting',
+  songListSetting: 'songListSetting',
+  searchSetting: 'searchSetting',
+} as const
+
+export const DEFAULT_SETTING = {
+  leaderboard: {
+    source: 'kw',
+    boardId: 'kw__16',
+  },
+
+  songList: {
+    source: 'kg',
+    sortId: '5',
+    tagId: '',
+  },
+
+  search: {
+    temp_source: 'kw',
+    source: 'all',
+    type: 'music',
+  },
+
+  viewPrevState: {
+    url: '/search',
+    query: {},
+  },
+}
+
+export const DOWNLOAD_STATUS = {
+  RUN: 'run',
+  WAITING: 'waiting',
+  PAUSE: 'pause',
+  ERROR: 'error',
+  COMPLETED: 'completed',
+} as const
+
+export const QUALITYS = ['flac24bit', 'flac', 'wav', 'ape', '320k', '192k', '128k'] as const
@@ -1,89 +0,0 @@
-const { player: hotKeyPlayer, common: hotKeyCommon, desktop_lyric: hotKeyDesktopLyric } = require('./hotKey')
-
-module.exports = {
-  local: {
-    enable: true,
-    keys: {
-      'mod+f5': {
-        type: hotKeyPlayer.toggle_play.type,
-        name: hotKeyPlayer.toggle_play.name,
-        action: hotKeyPlayer.toggle_play.action,
-      },
-      'mod+arrowleft': {
-        type: hotKeyPlayer.prev.type,
-        name: hotKeyPlayer.prev.name,
-        action: hotKeyPlayer.prev.action,
-      },
-      'mod+arrowright': {
-        type: hotKeyPlayer.next.type,
-        name: hotKeyPlayer.next.name,
-        action: hotKeyPlayer.next.action,
-      },
-      f1: {
-        type: hotKeyCommon.focusSearchInput.type,
-        name: hotKeyCommon.focusSearchInput.name,
-        action: hotKeyCommon.focusSearchInput.action,
-      },
-    },
-  },
-  global: {
-    enable: false,
-    keys: {
-      MediaPlayPause: {
-        type: hotKeyPlayer.toggle_play.type,
-        name: null,
-        action: hotKeyPlayer.toggle_play.action,
-      },
-      MediaPreviousTrack: {
-        type: hotKeyPlayer.prev.type,
-        name: null,
-        action: hotKeyPlayer.prev.action,
-      },
-      MediaNextTrack: {
-        type: hotKeyPlayer.next.type,
-        name: null,
-        action: hotKeyPlayer.next.action,
-      },
-      'mod+alt+f5': {
-        type: hotKeyPlayer.toggle_play.type,
-        name: hotKeyPlayer.toggle_play.name,
-        action: hotKeyPlayer.toggle_play.action,
-      },
-      'mod+alt+arrowleft': {
-        type: hotKeyPlayer.prev.type,
-        name: hotKeyPlayer.prev.name,
-        action: hotKeyPlayer.prev.action,
-      },
-      'mod+alt+arrowright': {
-        type: hotKeyPlayer.next.type,
-        name: hotKeyPlayer.next.name,
-        action: hotKeyPlayer.next.action,
-      },
-      'mod+alt+arrowup': {
-        type: hotKeyPlayer.volume_up.type,
-        name: hotKeyPlayer.volume_up.name,
-        action: hotKeyPlayer.volume_up.action,
-      },
-      'mod+alt+arrowdown': {
-        type: hotKeyPlayer.volume_down.type,
-        name: hotKeyPlayer.volume_down.name,
-        action: hotKeyPlayer.volume_down.action,
-      },
-      'mod+alt+0': {
-        type: hotKeyDesktopLyric.toggle_visible.type,
-        name: hotKeyDesktopLyric.toggle_visible.name,
-        action: hotKeyDesktopLyric.toggle_visible.action,
-      },
-      'mod+alt+-': {
-        type: hotKeyDesktopLyric.toggle_lock.type,
-        name: hotKeyDesktopLyric.toggle_lock.name,
-        action: hotKeyDesktopLyric.toggle_lock.action,
-      },
-      'mod+alt+=': {
-        type: hotKeyDesktopLyric.toggle_always_top.type,
-        name: hotKeyDesktopLyric.toggle_always_top.name,
-        action: hotKeyDesktopLyric.toggle_always_top.action,
-      },
-    },
-  },
-}
@@ -0,0 +1,93 @@
+import { HOTKEY_PLAYER, HOTKEY_COMMON, HOTKEY_DESKTOP_LYRIC } from './hotKey'
+
+const local: LX.HotKeyConfig = {
+  enable: true,
+  keys: {
+    'mod+f5': {
+      type: HOTKEY_PLAYER.toggle_play.type,
+      name: HOTKEY_PLAYER.toggle_play.name,
+      action: HOTKEY_PLAYER.toggle_play.action,
+    },
+    'mod+arrowleft': {
+      type: HOTKEY_PLAYER.prev.type,
+      name: HOTKEY_PLAYER.prev.name,
+      action: HOTKEY_PLAYER.prev.action,
+    },
+    'mod+arrowright': {
+      type: HOTKEY_PLAYER.next.type,
+      name: HOTKEY_PLAYER.next.name,
+      action: HOTKEY_PLAYER.next.action,
+    },
+    f1: {
+      type: HOTKEY_COMMON.focusSearchInput.type,
+      name: HOTKEY_COMMON.focusSearchInput.name,
+      action: HOTKEY_COMMON.focusSearchInput.action,
+    },
+  },
+}
+
+const global: LX.HotKeyConfig = {
+  enable: false,
+  keys: {
+    MediaPlayPause: {
+      type: HOTKEY_PLAYER.toggle_play.type,
+      name: '',
+      action: HOTKEY_PLAYER.toggle_play.action,
+    },
+    MediaPreviousTrack: {
+      type: HOTKEY_PLAYER.prev.type,
+      name: '',
+      action: HOTKEY_PLAYER.prev.action,
+    },
+    MediaNextTrack: {
+      type: HOTKEY_PLAYER.next.type,
+      name: '',
+      action: HOTKEY_PLAYER.next.action,
+    },
+    'mod+alt+f5': {
+      type: HOTKEY_PLAYER.toggle_play.type,
+      name: HOTKEY_PLAYER.toggle_play.name,
+      action: HOTKEY_PLAYER.toggle_play.action,
+    },
+    'mod+alt+arrowleft': {
+      type: HOTKEY_PLAYER.prev.type,
+      name: HOTKEY_PLAYER.prev.name,
+      action: HOTKEY_PLAYER.prev.action,
+    },
+    'mod+alt+arrowright': {
+      type: HOTKEY_PLAYER.next.type,
+      name: HOTKEY_PLAYER.next.name,
+      action: HOTKEY_PLAYER.next.action,
+    },
+    'mod+alt+arrowup': {
+      type: HOTKEY_PLAYER.volume_up.type,
+      name: HOTKEY_PLAYER.volume_up.name,
+      action: HOTKEY_PLAYER.volume_up.action,
+    },
+    'mod+alt+arrowdown': {
+      type: HOTKEY_PLAYER.volume_down.type,
+      name: HOTKEY_PLAYER.volume_down.name,
+      action: HOTKEY_PLAYER.volume_down.action,
+    },
+    'mod+alt+0': {
+      type: HOTKEY_DESKTOP_LYRIC.toggle_visible.type,
+      name: HOTKEY_DESKTOP_LYRIC.toggle_visible.name,
+      action: HOTKEY_DESKTOP_LYRIC.toggle_visible.action,
+    },
+    'mod+alt+-': {
+      type: HOTKEY_DESKTOP_LYRIC.toggle_lock.type,
+      name: HOTKEY_DESKTOP_LYRIC.toggle_lock.name,
+      action: HOTKEY_DESKTOP_LYRIC.toggle_lock.action,
+    },
+    'mod+alt+=': {
+      type: HOTKEY_DESKTOP_LYRIC.toggle_always_top.type,
+      name: HOTKEY_DESKTOP_LYRIC.toggle_always_top.name,
+      action: HOTKEY_DESKTOP_LYRIC.toggle_always_top.action,
+    },
+  },
+}
+
+export default {
+  local,
+  global,
+}
@@ -1,142 +0,0 @@
-const path = require('path')
-const os = require('os')
-
-const defaultSetting = {
-  version: '1.0.59',
-  player: {
-    togglePlayMethod: 'listLoop',
-    highQuality: false,
-    isShowTaskProgess: true,
-    volume: 1,
-    isMute: false,
-    mediaDeviceId: 'default',
-    isMediaDeviceRemovedStopPlay: false,
-    isShowLyricTranslation: false,
-    isShowLyricRoma: false,
-    isS2t: false, // 是否将歌词从简体转换为繁体
-    isPlayLxlrc: true,
-    isSavePlayTime: false,
-    audioVisualization: false,
-    waitPlayEndStop: true,
-    waitPlayEndStopTime: '',
-    autoSkipOnError: true,
-  },
-  playDetail: {
-    isZoomActiveLrc: true,
-    isShowLyricProgressSetting: false,
-    style: {
-      fontSize: 100,
-      align: 'center',
-    },
-  },
-  desktopLyric: {
-    enable: false,
-    isLock: false,
-    isAlwaysOnTop: false,
-    isAlwaysOnTopLoop: false,
-    width: 450,
-    height: 300,
-    x: null,
-    y: null,
-    theme: 0,
-    isLockScreen: true,
-    isDelayScroll: true,
-    isHoverHide: false,
-    style: {
-      font: '',
-      fontSize: 120,
-      opacity: 95,
-      isZoomActiveLrc: true,
-    },
-  },
-  list: {
-    isClickPlayList: false,
-    isShowAlbumName: true,
-    isShowSource: true,
-    isSaveScrollLocation: true,
-    addMusicLocationType: 'top',
-  },
-  download: {
-    enable: false,
-    savePath: path.join(os.homedir(), 'Desktop'),
-    fileName: '歌名 - 歌手',
-    maxDownloadNum: 3,
-    isDownloadLrc: false,
-    lrcFormat: 'utf8',
-    isEmbedPic: true,
-    isEmbedLyric: false,
-    isUseOtherSource: false,
-  },
-  leaderboard: {
-    source: 'kw',
-    tabId: 'kw__16',
-  },
-  songList: {
-    source: 'kg',
-    sortId: '5',
-    tagInfo: {
-      name: '默认',
-      id: null,
-    },
-  },
-  odc: {
-    isAutoClearSearchInput: false,
-    isAutoClearSearchList: false,
-  },
-  search: {
-    searchSource: 'all',
-    tempSearchSource: 'kw',
-    isShowHotSearch: false,
-    isShowHistorySearch: false,
-    isFocusSearchBox: false,
-  },
-  network: {
-    proxy: {
-      enable: false,
-      host: '',
-      port: '',
-      username: '',
-      password: '',
-    },
-  },
-  tray: {
-    isShow: false,
-    isToTray: false,
-    themeId: 0,
-  },
-  sync: {
-    enable: false,
-    port: '23332',
-  },
-  windowSizeId: 2,
-  startInFullscreen: false,
-  theme: {
-    id: 0,
-    lightId: 0,
-    darkId: 13,
-  },
-  langId: null,
-  sourceId: 'kw',
-  apiSource: 'temp',
-  sourceNameType: 'alias',
-  font: '',
-  isShowAnimation: true,
-  randomAnimate: true,
-  ignoreVersion: null,
-  isAgreePact: false,
-  controlBtnPosition: process.platform === 'darwin' ? 'left' : 'right',
-}
-
-const overwriteSetting = {
-
-}
-
-// 使用新年皮肤
-if (new Date().getMonth() < 2) {
-  defaultSetting.theme.id = 9
-  defaultSetting.desktopLyric.theme = 3
-}
-
-
-exports.defaultSetting = defaultSetting
-exports.overwriteSetting = overwriteSetting
@@ -0,0 +1,120 @@
+import { join } from 'path'
+import { homedir } from 'os'
+
+const defaultSetting: LX.AppSetting = {
+  version: '2.0.0',
+
+  'common.windowSizeId': 2,
+  'common.fontSize': 16,
+  'common.startInFullscreen': false,
+  'common.langId': null,
+  'common.apiSource': 'temp',
+  'common.sourceNameType': 'alias',
+  'common.font': '',
+  'common.isShowAnimation': true,
+  'common.randomAnimate': true,
+  'common.isAgreePact': false,
+  'common.controlBtnPosition': process.platform === 'darwin' ? 'left' : 'right',
+
+  'player.startupAutoPlay': false,
+  'player.togglePlayMethod': 'listLoop',
+  'player.highQuality': false,
+  'player.isShowTaskProgess': true,
+  'player.volume': 1,
+  'player.isMute': false,
+  'player.mediaDeviceId': 'default',
+  'player.isMediaDeviceRemovedStopPlay': false,
+  'player.isShowLyricTranslation': false,
+  'player.isShowLyricRoma': false,
+  'player.isS2t': false,
+  'player.isPlayLxlrc': false,
+  'player.isSavePlayTime': false,
+  'player.audioVisualization': false,
+  'player.waitPlayEndStop': true,
+  'player.waitPlayEndStopTime': '',
+  'player.autoSkipOnError': true,
+
+  'playDetail.isZoomActiveLrc': false,
+  'playDetail.isShowLyricProgressSetting': false,
+  'playDetail.style.fontSize': 100,
+  'playDetail.style.align': 'center',
+
+  'desktopLyric.enable': false,
+  'desktopLyric.isLock': false,
+  'desktopLyric.isAlwaysOnTop': false,
+  'desktopLyric.isAlwaysOnTopLoop': false,
+  'desktopLyric.audioVisualization': false,
+  'desktopLyric.width': 450,
+  'desktopLyric.height': 300,
+  'desktopLyric.x': null,
+  'desktopLyric.y': null,
+  'desktopLyric.isLockScreen': true,
+  'desktopLyric.isDelayScroll': true,
+  'desktopLyric.isHoverHide': false,
+  'desktopLyric.direction': 'horizontal',
+  'desktopLyric.style.align': 'center',
+  'desktopLyric.style.font': '',
+  'desktopLyric.style.fontSize': 20,
+  'desktopLyric.style.lyricUnplayColor': 'rgba(255, 255, 255, 1)',
+  'desktopLyric.style.lyricPlayedColor': 'rgba(7, 197, 86, 1)',
+  'desktopLyric.style.lyricShadowColor': 'rgba(0, 0, 0, 0.14)',
+  // 'desktopLyric.style.fontWeight': false,
+  'desktopLyric.style.opacity': 95,
+  'desktopLyric.style.ellipsis': false,
+  'desktopLyric.style.isZoomActiveLrc': true,
+
+  'list.isClickPlayList': false,
+  'list.isShowSource': true,
+  'list.isSaveScrollLocation': true,
+  'list.addMusicLocationType': 'top',
+  'list.actionButtonsVisible': false,
+
+  'download.enable': false,
+  'download.savePath': join(homedir(), 'Desktop'),
+  'download.fileName': '歌名 - 歌手',
+  'download.maxDownloadNum': 3,
+  'download.isDownloadLrc': false,
+  'download.isDownloadTLrc': false,
+  'download.isDownloadRLrc': false,
+  'download.lrcFormat': 'utf8',
+  'download.isEmbedPic': true,
+  'download.isEmbedLyric': false,
+  'download.isUseOtherSource': false,
+
+  'search.isShowHotSearch': false,
+  'search.isShowHistorySearch': false,
+  'search.isFocusSearchBox': false,
+
+  'network.proxy.enable': false,
+  'network.proxy.host': '',
+  'network.proxy.port': '',
+  'network.proxy.username': '',
+  'network.proxy.password': '',
+
+  'tray.enable': false,
+  // 'tray.isToTray': false,
+  'tray.themeId': 0,
+
+  'sync.enable': false,
+  'sync.port': '23332',
+
+  'theme.id': 'blue_plus',
+  // 'theme.id': 'green',
+  'theme.lightId': 'green',
+  'theme.darkId': 'black',
+
+  'odc.isAutoClearSearchInput': false,
+  'odc.isAutoClearSearchList': false,
+
+}
+
+
+// 使用新年皮肤
+if (new Date().getMonth() < 2) {
+  defaultSetting['theme.id'] = 'happy_new_year'
+  defaultSetting['desktopLyric.style.lyricPlayedColor'] = 'rgba(255, 18, 34, 1)'
+}
+
+
+export default defaultSetting
+
@@ -1,6 +1,12 @@
-const { log } = require('./utils')
+import { log } from './utils'

-process.on('uncaughtException', function(err) {
+const ignoreErrorMessage = [
+  'Possible side-effect in debug-evaluate',
+  'Unexpected end of input',
+]
+
+process.on('uncaughtException', err => {
+  if (ignoreErrorMessage.includes(err.message)) return
  console.error('An uncaught error occurred!')
  console.error(err)
  log.error(err)
@@ -1,84 +1,101 @@
-const names = require('@main/events/_name')
+import { APP_EVENT_NAMES } from './constants'
+
+
+const keyName = {
+  common: APP_EVENT_NAMES.winMainName,
+  player: APP_EVENT_NAMES.winMainName,
+  desktop_lyric: APP_EVENT_NAMES.winLyricName,
+}
+
 const hotKey = {
  common: {
    min: {
      name: 'min',
      action: 'min',
+      type: '',
    },
    min_toggle: {
      name: 'toggle_min',
      action: 'toggle_min',
+      type: '',
    },
    hide_toggle: {
      name: 'toggle_hide',
      action: 'toggle_hide',
+      type: '',
    },
    close: {
      name: 'toggle_close',
      action: 'toggle_close',
+      type: '',
    },
    focusSearchInput: {
      name: 'focus_search_input',
      action: 'focus_search_input',
+      type: '',
    },
  },
  player: {
    toggle_play: {
      name: 'toggle_play',
      action: 'toggle_play',
+      type: '',
    },
    next: {
      name: 'next',
      action: 'next',
+      type: '',
    },
    prev: {
      name: 'prev',
      action: 'prev',
+      type: '',
    },
    volume_up: {
      name: 'volume_up',
      action: 'volume_up',
+      type: '',
    },
    volume_down: {
      name: 'volume_down',
      action: 'volume_down',
+      type: '',
    },
    volume_mute: {
      name: 'volume_mute',
      action: 'volume_mute',
+      type: '',
    },
  },
  desktop_lyric: {
    toggle_visible: {
      name: 'toggle_visible',
      action: 'toggle_visible',
+      type: '',
    },
    toggle_lock: {
      name: 'toggle_lock',
      action: 'toggle_lock',
+      type: '',
    },
    toggle_always_top: {
      name: 'toggle_always_top',
      action: 'toggle_always_top',
+      type: '',
    },
  },
 }

-const keyName = {
-  common: names.mainWindow.name,
-  player: names.mainWindow.name,
-  desktop_lyric: names.winLyric.name,
-}
-
-for (const type of Object.keys(hotKey)) {
-  let item = hotKey[type]
-  for (const key of Object.keys(item)) {
-    item[key].action = `${type}_${item[key].action}`
-    item[key].name = `${type}_${item[key].name}`
-    item[key].type = keyName[type]
+for (const type of Object.keys(hotKey) as Array<keyof typeof hotKey>) {
+  let keys = hotKey[type]
+  for (const key of Object.keys(keys) as Array<keyof typeof keys>) {
+    const keyInfo: LX.HotKey = keys[key]
+    keyInfo.action = `${type}_${keyInfo.action}`
+    keyInfo.name = `${type}_${keyInfo.name}`
+    keyInfo.type = keyName[type] as keyof typeof hotKey
  }
 }

-exports.common = hotKey.common
-exports.player = hotKey.player
-exports.desktop_lyric = hotKey.desktop_lyric
+export const HOTKEY_COMMON = hotKey.common
+export const HOTKEY_PLAYER = hotKey.player
+export const HOTKEY_DESKTOP_LYRIC = hotKey.desktop_lyric
@@ -1,52 +0,0 @@
-const { ipcMain, ipcRenderer } = require('electron')
-const names = require('./ipcNames')
-
-
-exports.mainOn = (name, callback) => {
-  ipcMain.on(name, callback)
-}
-exports.mainOnce = (name, callback) => {
-  ipcMain.once(name, callback)
-}
-exports.mainOff = (name, callback) => {
-  ipcMain.removeListener(name, callback)
-}
-exports.mainOffAll = name => {
-  ipcMain.removeAllListeners(name)
-}
-
-exports.mainHandle = (name, callback) => {
-  ipcMain.handle(name, callback)
-}
-exports.mainHandleOnce = (name, callback) => {
-  ipcMain.handleOnce(name, callback)
-}
-exports.mainHandleRemove = name => {
-  ipcMain.removeListener(name)
-}
-
-exports.mainSend = (window, name, params) => {
-  window.webContents.send(name, params)
-}
-
-exports.rendererSend = (name, params) => {
-  ipcRenderer.send(name, params)
-}
-exports.rendererSendSync = (name, params) => ipcRenderer.sendSync(name, params)
-
-exports.rendererInvoke = (name, params) => ipcRenderer.invoke(name, params)
-
-exports.rendererOn = (name, callback) => {
-  ipcRenderer.on(name, callback)
-}
-exports.rendererOnce = (name, callback) => {
-  ipcRenderer.once(name, callback)
-}
-exports.rendererOff = (name, callback) => {
-  ipcRenderer.removeListener(name, callback)
-}
-exports.rendererOffAll = name => {
-  ipcRenderer.removeAllListeners(name)
-}
-
-exports.NAMES = names
@@ -1,126 +0,0 @@
-const names = {
-  mainWindow: {
-    focus: 'focus',
-    close: 'close',
-    min: 'min',
-    max: 'max',
-    fullscreen: 'fullscreen',
-    set_app_name: 'set_app_name',
-    clear_cache: 'clear_cache',
-    get_cache_size: 'get_cache_size',
-    get_env_params: 'get_env_params',
-    clear_env_params_deeplink: 'clear_env_params_deeplink',
-    wait: 'wait',
-    wait_cancel: 'wait_cancel',
-    interval: 'interval',
-    interval_callback: 'interval_callback',
-    interval_cancel: 'interval_cancel',
-    open_dev_tools: 'open_dev_tools',
-    system_theme_change: 'system_theme_change',
-
-    set_music_meta: 'set_music_meta',
-    progress: 'progress',
-    change_tray: 'change_tray',
-    quit_update: 'quit_update',
-    update_available: 'update_available',
-    update_error: 'update_error',
-    update_progress: 'update_progress',
-    update_downloaded: 'update_downloaded',
-    update_not_available: 'update_not_available',
-    set_ignore_mouse_events: 'set_ignore_mouse_events',
-    set_app_setting: 'set_app_setting',
-    set_window_size: 'set_window_size',
-    show_save_dialog: 'show_save_dialog',
-    get_system_fonts: 'get_system_fonts',
-
-    handle_request: 'handle_request',
-    cancel_request: 'cancel_request',
-
-    handle_xm_verify_open: 'handle_xm_verify_open',
-    handle_xm_verify_close: 'handle_xm_verify_close',
-    select_dir: 'select_dir',
-
-    restart_window: 'restart_window',
-
-    lang_s2t: 'lang_s2t',
-
-    handle_kw_decode_lyric: 'handle_kw_decode_lyric',
-    get_lyric_info: 'get_lyric_info',
-    set_lyric_info: 'set_lyric_info',
-    set_config: 'set_config',
-    set_hot_key_config: 'set_hot_key_config',
-    key_down: 'key_down',
-    quit: 'quit',
-    min_toggle: 'min_toggle',
-    hide_toggle: 'hide_toggle',
-    get_data_path: 'get_data_path',
-    show_dialog: 'show_dialog',
-
-    get_setting: 'get_setting',
-    get_playlist: 'get_playlist',
-    save_playlist: 'save_playlist',
-    get_data: 'get_data',
-    save_data: 'save_data',
-    get_hot_key: 'get_hot_key',
-
-    import_user_api: 'import_user_api',
-    remove_user_api: 'remove_user_api',
-    set_user_api: 'set_user_api',
-    get_user_api_list: 'get_user_api_list',
-    request_user_api: 'request_user_api',
-    request_user_api_cancel: 'request_user_api_cancel',
-    get_user_api_status: 'get_user_api_status',
-    user_api_status: 'user_api_status',
-    user_api_show_update_alert: 'user_api_show_update_alert',
-    user_api_set_allow_update_alert: 'user_api_set_allow_update_alert',
-
-    get_lyric: 'get_lyric',
-    save_lyric: 'save_lyric',
-    clear_lyric: 'clear_lyric',
-    get_lyric_raw: 'get_lyric_raw',
-    save_lyric_raw: 'save_lyric_raw',
-    clear_lyric_raw: 'clear_lyric_raw',
-    get_lyric_edited: 'get_lyric_edited',
-    save_lyric_edited: 'save_lyric_edited',
-    remove_lyric_edited: 'remove_lyric_edited',
-    get_music_url: 'get_music_url',
-    save_music_url: 'save_music_url',
-    clear_music_url: 'clear_music_url',
-
-    sync_enable: 'sync_enable',
-    sync_status: 'sync_status',
-    sync_get_status: 'sync_get_status',
-    sync_generate_code: 'sync_generate_code',
-    sync_action_list: 'sync_action_list',
-    sync_list: 'sync_list',
-
-    taskbar_set_thumbar_buttons: 'taskbar_set_thumbar_buttons',
-    taskbar_set_thumbnail_clip: 'taskbar_set_thumbnail_clip',
-    taskbar_on_thumbar_button_click: 'taskbar_on_thumbar_button_click',
-  },
-  winLyric: {
-    close: 'close',
-    set_lyric_info: 'set_lyric_info',
-    get_lyric_info: 'get_lyric_info',
-    set_lyric_config: 'set_lyric_config',
-    get_lyric_config: 'get_lyric_config',
-    set_win_bounds: 'set_win_bounds',
-    key_down: 'key_down',
-  },
-  hotKey: {
-    enable: 'enable',
-    status: 'status',
-    set_config: 'set_config',
-  },
-}
-
-for (const item of Object.keys(names)) {
-  let name = names[item]
-  for (const key of Object.keys(name)) {
-    name[key] = `${item}_${name[key]}`
-  }
-}
-
-exports.mainWindow = names.mainWindow
-exports.winLyric = names.winLyric
-exports.hotKey = names.hotKey
@@ -0,0 +1,177 @@
+const modules = {
+  common: {
+    get_env_params: 'get_env_params',
+    deeplink: 'deeplink',
+    clear_env_params_deeplink: 'clear_env_params_deeplink',
+    system_theme_change: 'system_theme_change',
+    theme_change: 'theme_change',
+    get_system_fonts: 'get_system_fonts',
+    get_app_setting: 'get_app_setting',
+    set_app_setting: 'set_app_setting',
+  },
+  player: {
+    invoke_play_music: 'play_music',
+    invoke_play_next: 'play_next',
+    invoke_play_prev: 'play_prev',
+    invoke_toggle_play: 'toggle_play',
+    player_play: 'player_play',
+    player_pause: 'player_pause',
+    player_stop: 'player_stop',
+    player_error: 'player_error',
+
+    list_data_overwire: 'list_data_overwire',
+    list_get: 'list_get',
+    list_add: 'list_add',
+    list_remove: 'list_remove',
+    list_update: 'list_update',
+    list_update_position: 'list_update_position',
+    list_music_get: 'list_music_get',
+    list_music_add: 'list_music_add',
+    list_music_move: 'list_music_move',
+    list_music_remove: 'list_music_remove',
+    list_music_update: 'list_music_update',
+    list_music_update_position: 'list_music_update_position',
+    list_music_overwrite: 'list_music_overwrite',
+    list_music_clear: 'list_music_clear',
+    list_music_check_exist: 'list_music_check_exist',
+    list_music_get_list_ids: 'list_music_get_list_ids',
+  },
+  winMain: {
+    focus: 'focus',
+    close: 'close',
+    min: 'min',
+    max: 'max',
+    fullscreen: 'fullscreen',
+    set_app_name: 'set_app_name',
+    clear_cache: 'clear_cache',
+    get_cache_size: 'get_cache_size',
+    inited: 'inited',
+    show_save_dialog: 'show_save_dialog',
+    show_select_dialog: 'show_select_dialog',
+    show_dialog: 'show_dialog',
+    open_dev_tools: 'open_dev_tools',
+
+    progress: 'progress',
+    change_tray: 'change_tray',
+    quit_update: 'quit_update',
+    update_check: 'update_check',
+    update_available: 'update_available',
+    update_error: 'update_error',
+    update_progress: 'update_progress',
+    update_downloaded: 'update_downloaded',
+    update_not_available: 'update_not_available',
+    set_ignore_mouse_events: 'set_ignore_mouse_events',
+    set_window_size: 'set_window_size',
+
+    handle_request: 'handle_request',
+    cancel_request: 'cancel_request',
+
+
+    restart_window: 'restart_window',
+
+    // lang_s2t: 'lang_s2t',
+
+    handle_kw_decode_lyric: 'handle_kw_decode_lyric',
+    get_lyric_info: 'get_lyric_info',
+    set_lyric_info: 'set_lyric_info',
+    set_config: 'set_config',
+    set_hot_key_config: 'set_hot_key_config',
+    on_config_change: 'on_config_change',
+    key_down: 'key_down',
+    quit: 'quit',
+    min_toggle: 'min_toggle',
+    hide_toggle: 'hide_toggle',
+
+    get_other_source: 'get_other_source',
+    save_other_source: 'save_other_source',
+    clear_other_source: 'clear_other_source',
+    get_other_source_count: 'get_other_source_count',
+    get_data: 'get_data',
+    save_data: 'save_data',
+    get_hot_key: 'get_hot_key',
+
+    import_user_api: 'import_user_api',
+    remove_user_api: 'remove_user_api',
+    set_user_api: 'set_user_api',
+    get_user_api_list: 'get_user_api_list',
+    request_user_api: 'request_user_api',
+    request_user_api_cancel: 'request_user_api_cancel',
+    get_user_api_status: 'get_user_api_status',
+    user_api_status: 'user_api_status',
+    user_api_show_update_alert: 'user_api_show_update_alert',
+    user_api_set_allow_update_alert: 'user_api_set_allow_update_alert',
+
+    get_palyer_lyric: 'get_lyric',
+    // save_lyric: 'save_lyric',
+    // clear_lyric: 'clear_lyric',
+    get_lyric_raw: 'get_lyric_raw',
+    save_lyric_raw: 'save_lyric_raw',
+    clear_lyric_raw: 'clear_lyric_raw',
+    get_lyric_raw_count: 'get_lyric_raw_count',
+    get_lyric_edited: 'get_lyric_edited',
+    save_lyric_edited: 'save_lyric_edited',
+    remove_lyric_edited: 'remove_lyric_edited',
+    clear_lyric_edited: 'clear_lyric_edited',
+    get_lyric_edited_count: 'get_lyric_edited_count',
+    get_music_url: 'get_music_url',
+    save_music_url: 'save_music_url',
+    clear_music_url: 'clear_music_url',
+    get_music_url_count: 'get_music_url_count',
+
+    sync_action: 'sync_action',
+
+    process_new_desktop_lyric_client: 'process_new_desktop_lyric_client',
+
+    player_action_set_buttons: 'player_action_set_buttons',
+    // player_action_set_thumbnail_clip: 'player_action_set_thumbnail_clip',
+    player_action_on_button_click: 'player_action_on_button_click',
+
+    get_themes: 'get_themes',
+    save_theme: 'save_theme',
+    remove_theme: 'remove_theme',
+
+    download_list_get: 'download_list_get',
+    download_list_add: 'download_list_add',
+    download_list_update: 'download_list_update',
+    download_list_remove: 'download_list_remove',
+    download_list_clear: 'download_list_clear',
+  },
+  winLyric: {
+    close: 'close',
+    set_config: 'set_config',
+    get_config: 'get_config',
+    on_config_change: 'on_config_change',
+    main_window_inited: 'main_window_inited',
+    set_win_bounds: 'set_win_bounds',
+    key_down: 'key_down',
+    request_main_window_channel: 'request_main_window_channel',
+    provide_main_window_channel: 'provide_main_window_channel',
+  },
+  hotKey: {
+    enable: 'enable',
+    status: 'status',
+    set_config: 'set_config',
+  },
+}
+
+
+for (const moduleName of Object.keys(modules) as Array<keyof typeof modules>) {
+  let eventNames = modules[moduleName]
+  for (const eventName of Object.keys(eventNames) as Array<keyof typeof eventNames>) {
+    eventNames[eventName] = `${moduleName}_${eventName as string}` as never
+  }
+}
+
+// for (const moduleName of Object.keys(modules) as Array<keyof typeof modules>) {
+//   let eventNames = modules[moduleName]
+//   for (const eventName of Object.keys(eventNames)) {
+//     eventNames[eventName] = `${moduleName}_${eventName}`
+//   }
+// }
+
+
+export const CMMON_EVENT_NAME = modules.common
+export const PLAYER_EVENT_NAME = modules.player
+export const WIN_MAIN_RENDERER_EVENT_NAME = modules.winMain
+export const WIN_LYRIC_RENDERER_EVENT_NAME = modules.winLyric
+export const HOTKEY_RENDERER_EVENT_NAME = modules.hotKey
@@ -0,0 +1,54 @@
+import { ipcMain } from 'electron'
+
+export function mainOn(name: string, listener: LX.IpcMainEventListener): void
+export function mainOn<T>(name: string, listener: LX.IpcMainEventListenerParams<T>): void
+export function mainOn<T>(name: string, listener: LX.IpcMainEventListenerParams<T>): void {
+  ipcMain.on(name, (event, params) => {
+    listener({ event, params })
+  })
+}
+
+export function mainOnce(name: string, listener: LX.IpcMainEventListener): void
+export function mainOnce<T>(name: string, listener: LX.IpcMainEventListenerParams<T>): void
+export function mainOnce<T>(name: string, listener: LX.IpcMainEventListenerParams<T>): void {
+  ipcMain.once(name, (event, params) => {
+    listener({ event, params })
+  })
+}
+
+export const mainOff = (name: string, listener: (...args: any[]) => void) => {
+  ipcMain.removeListener(name, listener)
+}
+
+export const mainOffAll = (name: string) => {
+  ipcMain.removeAllListeners(name)
+}
+
+export function mainHandle(name: string, listener: LX.IpcMainInvokeEventListener): void
+export function mainHandle<T>(name: string, listener: LX.IpcMainInvokeEventListenerParams<T>): void
+export function mainHandle<V>(name: string, listener: LX.IpcMainInvokeEventListenerValue<V>): void
+export function mainHandle<T, V>(name: string, listener: LX.IpcMainInvokeEventListenerParamsValue<T, V>): void
+export function mainHandle<T, V>(name: string, listener: LX.IpcMainInvokeEventListenerParamsValue<T, V>): void {
+  ipcMain.handle(name, async(event, params) => {
+    return await listener({ event, params })
+  })
+}
+
+export function mainHandleOnce(name: string, listener: LX.IpcMainInvokeEventListener): void
+export function mainHandleOnce<T>(name: string, listener: LX.IpcMainInvokeEventListenerParams<T>): void
+export function mainHandleOnce<V>(name: string, listener: LX.IpcMainInvokeEventListenerValue<V>): void
+export function mainHandleOnce<T, V>(name: string, listener: LX.IpcMainInvokeEventListenerParamsValue<T, V>): void
+export function mainHandleOnce<T, V>(name: string, listener: LX.IpcMainInvokeEventListenerParamsValue<T, V>): void {
+  ipcMain.handleOnce(name, async(event, params) => {
+    return await listener({ event, params })
+  })
+}
+export const mainHandleRemove = (name: string) => {
+  ipcMain.removeHandler(name)
+}
+
+export function mainSend(window: Electron.BrowserWindow, name: string): void
+export function mainSend<T>(window: Electron.BrowserWindow, name: string, params: T): void
+export function mainSend<T>(window: Electron.BrowserWindow, name: string, params?: T): void {
+  window.webContents.send(name, params)
+}
@@ -0,0 +1,45 @@
+import { ipcRenderer } from 'electron'
+
+export function rendererSend(name: string): void
+export function rendererSend<T>(name: string, params: T): void
+export function rendererSend<T>(name: string, params?: T): void {
+  ipcRenderer.send(name, params)
+}
+
+export function rendererSendSync(name: string): void
+export function rendererSendSync<T>(name: string, params: T): void
+export function rendererSendSync<T>(name: string, params?: T): void {
+  ipcRenderer.sendSync(name, params)
+}
+
+export async function rendererInvoke(name: string): Promise<void>
+export async function rendererInvoke<V>(name: string): Promise<V>
+export async function rendererInvoke<T>(name: string, params: T): Promise<void>
+export async function rendererInvoke<T, V>(name: string, params: T): Promise<V>
+export async function rendererInvoke <T, V>(name: string, params?: T): Promise<V> {
+  return await ipcRenderer.invoke(name, params)
+}
+
+export function rendererOn(name: string, listener: LX.IpcRendererEventListener): void
+export function rendererOn<T>(name: string, listener: LX.IpcRendererEventListenerParams<T>): void
+export function rendererOn<T>(name: string, listener: LX.IpcRendererEventListenerParams<T>): void {
+  ipcRenderer.on(name, (event, params) => {
+    listener({ event, params })
+  })
+}
+
+export function rendererOnce(name: string, listener: LX.IpcRendererEventListener): void
+export function rendererOnce<T>(name: string, listener: LX.IpcRendererEventListenerParams<T>): void
+export function rendererOnce<T>(name: string, listener: LX.IpcRendererEventListenerParams<T>): void {
+  ipcRenderer.once(name, (event, params) => {
+    listener({ event, params })
+  })
+}
+
+export const rendererOff = (name: string, listener: (...args: any[]) => any) => {
+  ipcRenderer.removeListener(name, listener)
+}
+
+export const rendererOffAll = (name: string) => {
+  ipcRenderer.removeAllListeners(name)
+}
@@ -1,42 +0,0 @@
-const Store = require('electron-store')
-const { dialog, app, shell } = require('electron')
-const path = require('path')
-const fs = require('fs')
-const log = require('electron-log')
-
-const stores = {}
-
-/**
- * 获取 Store 对象
- * @param {*} name store 名
- * @param {*} isIgnoredError 是否忽略错误
- * @param {*} isShowErrorAlert 是否显示错误弹窗
- * @returns Store
- */
-module.exports = (name, isIgnoredError = true, isShowErrorAlert = true) => {
-  if (stores[name]) return stores[name]
-  let store
-  try {
-    store = stores[name] = new Store({ name, clearInvalidConfig: false })
-  } catch (error) {
-    log.error(error)
-
-    if (!isIgnoredError) throw error
-
-
-    const backPath = path.join(app.getPath('userData'), name + '.json.bak')
-    fs.copyFileSync(path.join(app.getPath('userData'), name + '.json'), backPath)
-    if (isShowErrorAlert) {
-      dialog.showMessageBoxSync({
-        type: 'error',
-        message: name + ' data load error',
-        detail: `We have helped you back up the old ${name} file to: ${backPath}\nYou can try to repair and restore it manually\n\nError detail: ${error.message}`,
-      })
-      shell.showItemInFolder(backPath)
-    }
-
-
-    store = new Store({ name, clearInvalidConfig: true })
-  }
-  return store
-}
@@ -0,0 +1,73 @@
+/* eslint-disable */
+// https://github.com/PimpTrizkit/PJs/wiki/12.-Shade,-Blend-and-Convert-a-Web-Color-(pSBC.js)#micro-functions-version-4
+
+/**
+ * Blend color (Lighten or Darken)
+ * @param {number} p 混合百分比 范围 0.0 - 1.0
+ * @param {string} c0 rgb(a) color1
+ * @param {string} c1 rgb(a) color2
+ * @returns color
+ */
+exports.RGB_Linear_Blend=(p,c0,c1)=>{
+	var i=parseInt,r=Math.round,P=1-p,[a,b,c,d]=c0.split(","),[e,f,g,h]=c1.split(","),x=d||h,j=x?","+(!d?h:!h?d:r((parseFloat(d)*P+parseFloat(h)*p)*1000)/1000+")"):")";
+	return"rgb"+(x?"a(":"(")+r(i(a[3]=="a"?a.slice(5):a.slice(4))*P+i(e[3]=="a"?e.slice(5):e.slice(4))*p)+","+r(i(b)*P+i(f)*p)+","+r(i(c)*P+i(g)*p)+j;
+}
+
+/**
+ * Blend color (Lighten or Darken)
+ * @param {number} p 混合百分比 范围 0.0 - 1.0
+ * @param {string} c0 rgb(a) color1
+ * @param {string} c1 rgb(a) color2
+ * @returns color
+ */
+exports.RGB_Log_Blend=(p,c0,c1)=>{
+	var i=parseInt,r=Math.round,P=1-p,[a,b,c,d]=c0.split(","),[e,f,g,h]=c1.split(","),x=d||h,j=x?","+(!d?h:!h?d:r((parseFloat(d)*P+parseFloat(h)*p)*1000)/1000+")"):")";
+	return"rgb"+(x?"a(":"(")+r((P*i(a[3]=="a"?a.slice(5):a.slice(4))**2+p*i(e[3]=="a"?e.slice(5):e.slice(4))**2)**0.5)+","+r((P*i(b)**2+p*i(f)**2)**0.5)+","+r((P*i(c)**2+p*i(g)**2)**0.5)+j;
+}
+
+
+/**
+ * Shade color (Lighten or Darken)
+ * @param {number} p Shade 百分比范围为 -1.0 - 1.0 负为黑色，正为白色
+ * @param {string} c0 rgb(a) color
+ * @returns color
+ */
+exports.RGB_Linear_Shade=(p,c0)=>{
+	var i=parseInt,r=Math.round,[a,b,c,d]=c0.split(","),n=p<0,t=n?0:255*p,P=n?1+p:1-p;
+	return"rgb"+(d?"a(":"(")+r(i(a[3]=="a"?a.slice(5):a.slice(4))*P+t)+","+r(i(b)*P+t)+","+r(i(c)*P+t)+(d?","+d:")");
+}
+
+
+/**
+ * Shade color (Lighten or Darken)
+ * @param {number} p Shade 百分比范围为 -1.0 - 1.0 负为黑色，正为白色
+ * @param {string} c0 rgb(a) color
+ * @returns color
+ */
+exports.RGB_Log_Shade=(p,c0)=>{
+	var i=parseInt,r=Math.round,[a,b,c,d]=c0.split(","),n=p<0,t=n?0:p*255**2,P=n?1+p:1-p;
+	return"rgb"+(d?"a(":"(")+r((P*i(a[3]=="a"?a.slice(5):a.slice(4))**2+t)**0.5)+","+r((P*i(b)**2+t)**0.5)+","+r((P*i(c)**2+t)**0.5)+(d?","+d:")");
+}
+
+
+/**
+ * 修改透明度
+ * @param {number} p 透明度 -1.0 - 1.0
+ * @param {string} color
+ * @returns color
+ */
+exports.RGB_Alpha_Shade = (p, color) => {
+  var i = parseInt
+  var n = p < 0
+  var [r, g, b, a] = color.split(",")
+  r = r[3] == 'a' ? r.slice(5) : r.slice(4)
+  if (a) {
+    a = parseFloat(a)
+    a = a - (n ? (1 - a) * p : a * p)
+    a = n ? Math.max(0, a) : Math.min(1, a)
+  } else {
+    a = 1 - p
+    a = Math.min(1, a)
+  }
+  return `rgba(${i(r)}, ${i(g)}, ${i(b)}, ${a.toFixed(2)})`
+}
@@ -0,0 +1,331 @@
+//! 更新默认主题配置后，需要执行 npm run build:theme 重新构建index.json
+
+const fs = require('fs')
+const path = require('path')
+const { createThemeColors } = require('./utils')
+
+const defaultThemes = [
+  {
+    id: 'green',
+    name: '绿意盎然',
+    isDark: false,
+    config: {
+      primary: 'rgb(77, 175, 124)',
+      '--color-app-background': 'var(--color-primary-light-600-alpha-700)',
+      '--color-main-background': 'rgba(255, 255, 255, 1)',
+      '--color-nav-font': 'var(--color-primary)',
+      '--background-image': 'none',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': 'var(--color-primary)',
+      '--color-badge-secondary': '#4baed5',
+      '--color-badge-tertiary': '#e7aa36',
+    },
+  },
+  {
+    id: 'blue',
+    name: '蓝田生玉',
+    isDark: false,
+    config: {
+      primary: 'rgb(52, 152, 219)',
+      '--color-app-background': 'var(--color-primary-light-600-alpha-700)',
+      '--color-main-background': 'rgba(255, 255, 255, 1)',
+      '--color-nav-font': 'var(--color-primary)',
+      '--background-image': 'none',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': 'var(--color-primary)',
+      '--color-badge-secondary': '#5cbf9b',
+      '--color-badge-tertiary': '#5cbf9b',
+    },
+  },
+  {
+    id: 'blue_plus',
+    name: '蛋雅深蓝',
+    isDark: false,
+    config: {
+      primary: 'rgb(77, 131, 175)',
+      '--color-app-background': 'var(--color-primary-light-600-alpha-600)',
+      '--color-main-background': 'rgba(255, 255, 255, 1)',
+      '--color-nav-font': 'var(--color-primary)',
+      '--background-image': 'none',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': 'var(--color-primary)',
+      '--color-badge-secondary': 'rgba(66.6, 150.7, 171, 1)',
+      '--color-badge-tertiary': 'rgba(54, 196, 231, 1)',
+    },
+  },
+  {
+    id: 'orange',
+    name: '橙黄橘绿',
+    isDark: false,
+    config: {
+      primary: 'rgb(245, 171, 53)',
+      '--color-app-background': 'var(--color-primary-light-600-alpha-700)',
+      '--color-main-background': 'rgba(255, 255, 255, 1)',
+      '--color-nav-font': 'var(--color-primary)',
+      '--background-image': 'none',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': 'var(--color-primary)',
+      '--color-badge-secondary': '#9ed458',
+      '--color-badge-tertiary': '#9ed458',
+    },
+  },
+  {
+    id: 'red',
+    name: '热情似火',
+    isDark: false,
+    config: {
+      primary: 'rgb(214, 69, 65)',
+      '--color-app-background': 'var(--color-primary-light-600-alpha-700)',
+      '--color-main-background': 'rgba(255, 255, 255, 1)',
+      '--color-nav-font': 'var(--color-primary)',
+      '--background-image': 'none',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': 'var(--color-primary)',
+      '--color-badge-secondary': '#dfbb6b',
+      '--color-badge-tertiary': '#dfbb6b',
+    },
+  },
+  {
+    id: 'pink',
+    name: '粉装玉琢',
+    isDark: false,
+    config: {
+      primary: 'rgb(241, 130, 141)',
+      '--color-app-background': 'var(--color-primary-light-600-alpha-700)',
+      '--color-main-background': 'rgba(255, 255, 255, 1)',
+      '--color-nav-font': 'var(--color-primary)',
+      '--background-image': 'none',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': 'var(--color-primary)',
+      '--color-badge-secondary': '#f5b684',
+      '--color-badge-tertiary': '#f5b684',
+    },
+  },
+  {
+    id: 'purple',
+    name: '重斤球紫',
+    isDark: false,
+    config: {
+      primary: 'rgb(155, 89, 182)',
+      '--color-app-background': 'var(--color-primary-light-600-alpha-700)',
+      '--color-main-background': 'rgba(255, 255, 255, 1)',
+      '--color-nav-font': 'var(--color-primary)',
+      '--background-image': 'none',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': 'var(--color-primary)',
+      '--color-badge-secondary': '#e5a39f',
+      '--color-badge-tertiary': '#e5a39f',
+    },
+  },
+  {
+    id: 'grey',
+    name: '灰常美丽',
+    isDark: false,
+    config: {
+      primary: 'rgb(108, 122, 137)',
+      '--color-app-background': 'var(--color-primary-light-600-alpha-700)',
+      '--color-main-background': 'rgba(255, 255, 255, 1)',
+      '--color-nav-font': 'var(--color-primary)',
+      '--background-image': 'none',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': 'var(--color-primary)',
+      '--color-badge-secondary': '#b19b9f',
+      '--color-badge-tertiary': '#b19b9f',
+    },
+  },
+  {
+    id: 'ming',
+    name: '青出于黑',
+    isDark: false,
+    config: {
+      primary: 'rgb(51, 110, 123)',
+      '--color-app-background': 'var(--color-primary-light-600-alpha-700)',
+      '--color-main-background': 'rgba(255, 255, 255, 1)',
+      '--color-nav-font': 'var(--color-primary)',
+      '--background-image': 'none',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': 'var(--color-primary)',
+      '--color-badge-secondary': '#6376a2',
+      '--color-badge-tertiary': '#6376a2',
+    },
+  },
+  {
+    id: 'blue2',
+    name: '清热板蓝',
+    isDark: false,
+    config: {
+      primary: 'rgb(79, 98, 208)',
+      '--color-app-background': 'var(--color-primary-light-600-alpha-700)',
+      '--color-main-background': 'rgba(255, 255, 255, 1)',
+      '--color-nav-font': 'var(--color-primary)',
+      '--background-image': 'none',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': 'var(--color-primary)',
+      '--color-badge-secondary': '#b080db',
+      '--color-badge-tertiary': '#b080db',
+    },
+  },
+  {
+    id: 'black',
+    name: '黑灯瞎火',
+    isDark: true,
+    config: {
+      primary: 'rgb(150, 150, 150)',
+      '--color-app-background': 'rgba(0, 0, 0, 0)',
+      '--color-main-background': 'rgba(19, 19, 19, 0.9)',
+      '--color-nav-font': 'var(--color-primary)',
+      '--background-image': 'url(./theme_images/landingMoon.png)',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': 'var(--color-primary-dark-200)',
+      '--color-badge-secondary': 'var(--color-primary)',
+      '--color-badge-tertiary': 'var(--color-primary-dark-300)',
+    },
+  },
+  {
+    id: 'mid_autumn',
+    name: '月里嫦娥',
+    isDark: false,
+    config: {
+      primary: 'rgb(74, 55, 82)',
+      '--color-app-background': 'rgba(255, 255, 255, 0)',
+      '--color-main-background': 'rgba(255, 255, 255, 0.9)',
+      '--color-nav-font': 'var(--color-primary-light-600)',
+      '--background-image': 'url(./theme_images/jqbg.jpg)',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': 'var(--color-primary)',
+      '--color-badge-secondary': '#af9479',
+      '--color-badge-tertiary': '#af9479',
+    },
+  },
+  {
+    id: 'naruto',
+    name: '木叶之村',
+    isDark: false,
+    config: {
+      primary: 'rgb(87, 144, 167)',
+      '--color-app-background': 'rgba(255, 255, 255, 0.15)',
+      '--color-main-background': 'rgba(255, 255, 255, 0.8)',
+      '--color-nav-font': 'var(--color-primary)',
+      '--background-image': 'url(./theme_images/myzcbg.jpg)',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': 'var(--color-primary)',
+      '--color-badge-secondary': 'var(--color-primary-light-100)',
+      '--color-badge-tertiary': 'var(--color-primary-light-100)',
+    },
+  },
+  {
+    id: 'happy_new_year',
+    name: '新年快乐',
+    isDark: false,
+    config: {
+      primary: 'rgb(192, 57, 43)',
+      '--color-app-background': 'rgba(255, 255, 255, 0.15)',
+      '--color-main-background': 'rgba(255, 255, 255, 0.8)',
+      '--color-nav-font': 'var(--color-primary)',
+      '--background-image': 'url(./theme_images/xnkl.png)',
+      '--background-image-position': 'center',
+      '--background-image-size': 'cover',
+
+      '--color-btn-hide': '#3bc2b2',
+      '--color-btn-min': '#85c43b',
+      '--color-btn-close': '#fab4a0',
+
+      '--color-badge-primary': '#7fb575',
+      '--color-badge-secondary': '#dfbb6b',
+      '--color-badge-tertiary': 'var(--color-primary-light-100)',
+    },
+  },
+]
+
+const themes = defaultThemes.map(({ config: { primary, ...extInfo }, ...themeInfo }) => {
+  return {
+    ...themeInfo,
+    isCustom: false,
+    config: {
+      themeColors: createThemeColors(primary, themeInfo.isDark),
+      extInfo,
+    },
+  }
+})
+
+fs.writeFileSync(path.join(__dirname, 'index.json'), JSON.stringify(themes, null, 2))
+
@@ -0,0 +1,42 @@
+const { RGB_Linear_Shade, RGB_Alpha_Shade } = require('./colorUtils')
+
+exports.createThemeColors = (rgbaColor, isDark) => {
+  const colors = {
+    '--color-primary': rgbaColor,
+  }
+
+  let preColor = rgbaColor
+  for (let i = 1; i < 11; i += 1) {
+    preColor = RGB_Linear_Shade(isDark ? 0.2 : -0.1, preColor)
+    colors[`--color-primary-dark-${i * 100}`] = preColor
+    for (let j = 1; j < 10; j += 1) {
+      colors[`--color-primary-dark-${i * 100}-alpha-${j * 100}`] = RGB_Alpha_Shade(0.1 * j, preColor)
+      colors[`--color-primary-alpha-${j * 100}`] = RGB_Alpha_Shade(0.1 * j, rgbaColor)
+    }
+  }
+  preColor = rgbaColor
+  for (let i = 1; i < 10; i += 1) {
+    preColor = RGB_Linear_Shade(isDark ? -0.1 : 0.2, preColor)
+    colors[`--color-primary-light-${i * 100}`] = preColor
+    for (let j = 1; j < 10; j += 1) {
+      colors[`--color-primary-light-${i * 100}-alpha-${j * 100}`] = RGB_Alpha_Shade(0.1 * j, preColor)
+    }
+  }
+  preColor = RGB_Linear_Shade(isDark ? -0.2 : 1, preColor)
+  colors[`--color-primary-light-${1000}`] = preColor
+  for (let j = 1; j < 10; j += 1) {
+    colors[`--color-primary-light-${1000}-alpha-${j * 100}`] = RGB_Alpha_Shade(0.1 * j, preColor)
+  }
+
+  colors['--color-theme'] = isDark ? colors['--color-primary-light-900'] : rgbaColor
+
+  return colors
+}
+
+// rgb(238, 238, 238)
+// let prec = 'rgb(255, 255, 255)'
+// let colors = [prec]
+// for (let j = 1; j < 11; j += 1) {
+//   colors.push(prec = RGB_Linear_Shade(-0.15, prec))
+// }
+// console.log(colors)
@@ -0,0 +1,16 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "module": "esnext",
+    "moduleResolution": "nodenext",
+    "typeRoots": [                                       /* Specify multiple folders that act like './node_modules/@types'. */
+      "./types"
+    ],
+  },
+  // "include": [
+	//   "**/*.ts",
+	//   "**/*.js",
+	//   "**/*.vue",
+	//   "**/*.json",
+	// ],
+}
@@ -0,0 +1,456 @@
+
+
+declare namespace LX {
+  type AddMusicLocationType = 'top' | 'bottom'
+
+  interface AppSetting {
+    version: string
+
+    /**
+     * 窗口大小id
+     */
+    'common.windowSizeId': number
+
+    /**
+     * 窗口大小id
+     */
+    'common.fontSize': number
+
+    /**
+     * 是否以全屏启动
+     */
+    'common.startInFullscreen': boolean
+
+    /**
+     * 语言id
+     */
+    'common.langId': string | null
+
+    /**
+     * api id
+     */
+    'common.apiSource': string
+
+    /**
+     * 音源名称类型，原名、别名
+     */
+    'common.sourceNameType': 'alias' | 'real'
+
+    /**
+     * 显示的字体
+     */
+    'common.font': string
+
+    /**
+     * 是否启用动画
+     */
+    'common.isShowAnimation': boolean
+
+    /**
+     * 是否启用随机弹窗动画
+     */
+    'common.randomAnimate': boolean
+
+    /**
+     * 是否同意软件协议
+     */
+    'common.isAgreePact': boolean
+
+    /**
+     * 控制按钮位置，左边、右边
+     */
+    'common.controlBtnPosition': 'left' | 'right'
+
+    /**
+     * 启动时自动播放歌曲
+     */
+    'player.startupAutoPlay': boolean
+
+    /**
+     * 切歌模式
+     */
+    'player.togglePlayMethod': 'listLoop' | 'random' | 'list' | 'singleLoop' | 'none'
+
+    /**
+     * 是否优先播放320k音质
+     */
+    'player.highQuality': boolean
+
+    /**
+     * 是否显示任务栏进度条
+     */
+    'player.isShowTaskProgess': boolean
+
+    /**
+     * 音量大小
+     */
+    'player.volume': number
+
+    /**
+     * 是否静音
+     */
+    'player.isMute': boolean
+
+    /**
+     * 音频输出设备id
+     */
+    'player.mediaDeviceId': string
+
+    /**
+     * 是否在音频输出设备更改时暂停播放
+     */
+    'player.isMediaDeviceRemovedStopPlay': boolean
+
+    /**
+     * 是否显示歌词翻译
+     */
+    'player.isShowLyricTranslation': boolean
+
+    /**
+     * 是否显示歌词罗马音
+     */
+    'player.isShowLyricRoma': boolean
+
+    /**
+     * 是否将歌词从简体转换为繁体
+     */
+    'player.isS2t': boolean
+
+    /**
+     * 是否播放卡拉OK歌词
+     */
+    'player.isPlayLxlrc': boolean
+
+    /**
+     * 启动软件时是否恢复上次播放进度
+     */
+    'player.isSavePlayTime': boolean
+
+    /**
+     * 是否启用音频可视化
+     */
+    'player.audioVisualization': boolean
+
+    /**
+     * 定时暂停播放-是否等待歌曲播放完毕再暂停
+     */
+    'player.waitPlayEndStop': boolean
+
+    /**
+     * 定时暂停播放-倒计时时间
+     */
+    'player.waitPlayEndStopTime': string
+
+    /**
+     * 是否启用音频加载失败时自动切歌
+     */
+    'player.autoSkipOnError': boolean
+
+    /**
+     * 播放详情页-是否缩放当前播放的歌词行
+     */
+    'playDetail.isZoomActiveLrc': boolean
+
+    /**
+     * 播放详情页-是否允许通过歌词调整播放进度
+     */
+    'playDetail.isShowLyricProgressSetting': boolean
+
+    /**
+     * 播放详情页-歌词字体大小
+     */
+    'playDetail.style.fontSize': number
+
+    /**
+     * 播放详情页-歌词对齐方式
+     */
+    'playDetail.style.align': 'center' | 'left' | 'right'
+
+
+    /**
+     * 是否启用桌面歌词
+     */
+    'desktopLyric.enable': boolean
+
+    /**
+     * 是否锁定桌面歌词
+     */
+    'desktopLyric.isLock': boolean
+
+    /**
+     * 是在置顶桌面
+     */
+    'desktopLyric.isAlwaysOnTop': boolean
+
+    /**
+     * 是否自动刷新歌词置顶
+     */
+    'desktopLyric.isAlwaysOnTopLoop': boolean
+
+    /**
+     * 是否启用音频可视化
+     */
+    'desktopLyric.audioVisualization': boolean
+
+    /**
+     * 桌面歌词窗口宽度
+     */
+    'desktopLyric.width': number
+
+    /**
+     * 桌面歌词窗口高度
+     */
+    'desktopLyric.height': number
+
+    /**
+     * 桌面歌词窗口x坐标
+     */
+    'desktopLyric.x': number | null
+
+    /**
+     * 桌面歌词窗口y坐标
+     */
+    'desktopLyric.y': number | null
+
+    /**
+     * 是否允许桌面歌词窗口拖出主屏幕之外
+     */
+    'desktopLyric.isLockScreen': boolean
+
+    /**
+     * 是否延迟桌面歌词滚动
+     */
+    'desktopLyric.isDelayScroll': boolean
+
+    /**
+     * 是否在鼠标划过桌面歌词窗口时降低歌词透明度
+     */
+    'desktopLyric.isHoverHide': boolean
+
+    /**
+     * 歌词方向
+     */
+    'desktopLyric.direction': 'horizontal' | 'vertical'
+
+    /**
+     * 是否在鼠标划过桌面歌词窗口时降低歌词透明度
+     */
+    'desktopLyric.style.align': 'center' | 'left' | 'right'
+
+    /**
+     * 桌面歌词字体
+     */
+    'desktopLyric.style.font': string
+
+    /**
+     * 桌面歌词字体大小
+     */
+    'desktopLyric.style.fontSize': number
+
+    /**
+     * 桌面歌词未播放字体颜色
+     */
+    'desktopLyric.style.lyricUnplayColor': string
+
+    /**
+     * 桌面歌词已播放字体颜色
+     */
+    'desktopLyric.style.lyricPlayedColor': string
+
+    /**
+     * 桌面歌词字体阴影颜色
+     */
+    'desktopLyric.style.lyricShadowColor': string
+
+    /**
+     * 桌面歌词加粗字体
+     */
+    // 'desktopLyric.style.fontWeight': boolean
+
+    /**
+     * 桌面歌词字体透明度
+     */
+    'desktopLyric.style.opacity': number
+
+    /**
+     * 桌面歌词是否允许换行
+     */
+    'desktopLyric.style.ellipsis': boolean
+
+    /**
+     * 是否缩放当前正在播放的桌面歌词
+     */
+    'desktopLyric.style.isZoomActiveLrc': boolean
+
+    /**
+     * 是否启用双击列表里的歌曲时自动切换到当前列表播放（仅对歌单、排行榜有效）
+     */
+    'list.isClickPlayList': boolean
+
+    /**
+     * 是否显示歌曲来源（仅对我的列表有效）
+     */
+    'list.isShowSource': boolean
+
+    /**
+     * 是否自动恢复列表滚动位置（仅对我的列表有效）
+     */
+    'list.isSaveScrollLocation': boolean
+
+    /**
+     * 添加歌曲到我的列表时的方式
+     */
+    'list.addMusicLocationType': LX.AddMusicLocationType
+
+    /**
+     * 是否显示列表操作按钮列
+     */
+    'list.actionButtonsVisible': boolean
+
+    /**
+     * 是否启用下载功能
+     */
+    'download.enable': boolean
+
+    /**
+     * 下载路径
+     */
+    'download.savePath': string
+
+    /**
+     * 文件命名方式
+     */
+    'download.fileName': '歌名 - 歌手' | '歌手 - 歌名' | '歌名'
+
+    /**
+     * 最大并发下载数
+     */
+    'download.maxDownloadNum': number
+
+    /**
+     * 是否下载lrc文件
+     */
+    'download.isDownloadLrc': boolean
+
+    /**
+     * 是否下载翻译歌词文件
+     */
+    'download.isDownloadTLrc': boolean
+
+    /**
+     * 是否下载罗马音歌词文件
+     */
+    'download.isDownloadRLrc': boolean
+
+    /**
+     * 保存lrc时的文本编码格式
+     */
+    'download.lrcFormat': 'utf8' | 'gbk'
+
+    /**
+     * 是否在音频文件中嵌入歌曲封面
+     */
+    'download.isEmbedPic': boolean
+
+    /**
+     * 是否在音频文件中嵌入歌词
+     */
+    'download.isEmbedLyric': boolean
+
+    /**
+     * 歌曲源不可用时，是否启用换源下载
+     */
+    'download.isUseOtherSource': boolean
+
+    /**
+     * 主题id
+     */
+    'theme.id': string
+
+    /**
+     * 亮色主题id
+     */
+    'theme.lightId': string
+
+    /**
+     * 暗色主题id
+     */
+    'theme.darkId': string
+
+    /**
+     * 是否显示热门搜索
+     */
+    'search.isShowHotSearch': boolean
+
+    /**
+     * 是否显示搜索历史
+     */
+    'search.isShowHistorySearch': boolean
+
+    /**
+     * 软件启动时是否自动聚焦搜索框
+     */
+    'search.isFocusSearchBox': boolean
+
+    /**
+     * 是否启用代理
+     */
+    'network.proxy.enable': boolean
+
+    /**
+     * 代理服务器地址
+     */
+    'network.proxy.host': string
+
+    /**
+     * 代理服务器端口号
+     */
+    'network.proxy.port': string
+
+    /**
+     * 代理服务器用户名
+     */
+    'network.proxy.username': string
+
+    /**
+     * 代理服务器密码
+     */
+    'network.proxy.password': string
+
+    /**
+     * 是否启用托盘
+     */
+    'tray.enable': boolean
+
+    /**
+     * 是否关闭时是否最小化到托盘
+     */
+    // 'tray.isToTray': boolean
+
+    /**
+     * 托盘主题id
+     */
+    'tray.themeId': number
+
+    /**
+     * 是否启用同步服务
+     */
+    'sync.enable': boolean
+
+    /**
+     * 同步服务端口号
+     */
+    'sync.port': '23332' | string
+
+    /**
+     * 是否在离开搜索界面时自动清空搜索框
+     */
+    'odc.isAutoClearSearchInput': boolean
+
+    /**
+     * 是否在离开搜索界面时自动清空搜索结果列表
+     */
+    'odc.isAutoClearSearchList': boolean
+  }
+}
+
@@ -0,0 +1,122 @@
+// import './app_setting'
+
+declare namespace LX {
+  interface CmdParams {
+    /**
+     * 搜索，启动软件时自动在搜索框搜索指定的内容，例如：-search="突然的自我 - 伍佰"
+     */
+    search?: string
+
+    /**
+     * 禁用硬件加速启动
+     */
+    dha?: boolean
+
+    /**
+     * 以非透明模式启动
+     */
+    dt?: boolean
+
+    /**
+     * 禁用硬件媒体密钥处理
+     */
+    dhmkh?: boolean
+
+    /**
+     * 设置代理服务器，代理应用的所有流量，例：-proxy-server="127.0.0.1:1081"（不支持设置账号密码，v1.17.0起新增）。注：应用内“设置-网络-代理设置”仅代理接口请求的流量，优先级更高
+     */
+    'proxy-server'?: string
+
+    /**
+     * 以分号分隔的主机列表绕过代理服务器，例：-proxy-bypass-list="<local>;*.google.com;*foo.com;1.2.3.4:5678"（与-proxy-server一起使用才有效，v1.17.0起新增）。注：此设置对应用内接口请求无效
+     */
+    'proxy-bypass-list'?: string
+
+    /**
+     * 启动时播放指定列表的音乐
+     */
+    play?: string
+
+    [key: string]: boolean | number | string
+  }
+
+  type OnlineSource = 'kw' | 'kg' | 'tx' | 'wy' | 'mg'
+  type Source = OnlineSource | 'local'
+  type Quality = '128k' | '320k' | 'flac' | 'flac24bit' | '192k' | 'ape' | 'wav'
+
+  type QualityList = Partial<Record<LX.Source, LX.Quality[]>>
+
+  interface EnvParams {
+    deeplink?: string | null
+    cmdParams: CmdParams
+    workAreaSize?: Electron.Size
+  }
+
+  interface HotKey {
+    name: string
+    action: string
+    type: keyof typeof keyName
+  }
+
+  interface HotKeyDownInfo {
+    type: 'local' | 'global'
+    key: string
+  }
+
+  interface HotKeyConfig {
+    enable: boolean
+    keys: {
+      [key: string]: HotKey
+    }
+  }
+  interface HotKeyConfigAll {
+    local: HotKeyConfig
+    global: HotKeyConfig
+  }
+  interface RegisterKeyInfo {
+    key: string
+    info: HotKey
+  }
+  type HotKeyState = Map<string, {
+    status: boolean
+    info: HotKey
+  }>
+  interface HotKeyActionWrap<T, D> {
+    action: T
+    data: D
+    source?: string
+  }
+  type HotKeyActions = HotKeyActionWrap<'config', HotKeyConfigAll>
+  | HotKeyActionWrap<'enable', boolean>
+  | HotKeyActionWrap<'register', RegisterKeyInfo>
+  | HotKeyActionWrap<'unregister', string>
+
+  interface HotKeyEvent {
+    type: string
+    key: string
+  }
+
+  interface TaskBarButtonFlags {
+    empty: boolean
+    collect: boolean
+    play: boolean
+    next: boolean
+    prev: boolean
+  }
+
+  interface Wait {
+    time: number
+    id: string
+  }
+  type WaitCancel = string
+  interface Interval {
+    time: number
+    id: string
+  }
+  type IntervalCancel = string
+
+  interface VersionInfo {
+    version: string
+    desc: string
+  }
+}
@@ -0,0 +1,9 @@
+declare namespace LX {
+  namespace ConfigFile {
+    interface MyListInfoPart {
+      type: 'playListPart_v2'
+      data: LX.List.MyDefaultListInfoFull | LX.List.MyLoveListInfoFull | LX.List.UserListInfoFull
+    }
+
+  }
+}
@@ -0,0 +1,82 @@
+declare namespace LX {
+  namespace DesktopLyric {
+    interface Config {
+      'desktopLyric.enable': LX.AppSetting['desktopLyric.enable']
+      'desktopLyric.isLock': LX.AppSetting['desktopLyric.isLock']
+      'desktopLyric.isAlwaysOnTop': LX.AppSetting['desktopLyric.isAlwaysOnTop']
+      'desktopLyric.isAlwaysOnTopLoop': LX.AppSetting['desktopLyric.isAlwaysOnTopLoop']
+      'desktopLyric.audioVisualization': LX.AppSetting['desktopLyric.audioVisualization']
+      'desktopLyric.width': LX.AppSetting['desktopLyric.width']
+      'desktopLyric.height': LX.AppSetting['desktopLyric.height']
+      'desktopLyric.x': LX.AppSetting['desktopLyric.x']
+      'desktopLyric.y': LX.AppSetting['desktopLyric.y']
+      'desktopLyric.isLockScreen': LX.AppSetting['desktopLyric.isLockScreen']
+      'desktopLyric.isDelayScroll': LX.AppSetting['desktopLyric.isDelayScroll']
+      'desktopLyric.isHoverHide': LX.AppSetting['desktopLyric.isHoverHide']
+      'desktopLyric.direction': LX.AppSetting['desktopLyric.direction']
+      'desktopLyric.style.align': LX.AppSetting['desktopLyric.style.align']
+      'desktopLyric.style.font': LX.AppSetting['desktopLyric.style.font']
+      'desktopLyric.style.fontSize': LX.AppSetting['desktopLyric.style.fontSize']
+      'desktopLyric.style.lyricUnplayColor': LX.AppSetting['desktopLyric.style.lyricUnplayColor']
+      'desktopLyric.style.lyricPlayedColor': LX.AppSetting['desktopLyric.style.lyricPlayedColor']
+      'desktopLyric.style.lyricShadowColor': LX.AppSetting['desktopLyric.style.lyricShadowColor']
+      // 'desktopLyric.style.fontWeight': LX.AppSetting['desktopLyric.style.fontWeight']
+      'desktopLyric.style.opacity': LX.AppSetting['desktopLyric.style.opacity']
+      'desktopLyric.style.ellipsis': LX.AppSetting['desktopLyric.style.ellipsis']
+      'desktopLyric.style.isZoomActiveLrc': LX.AppSetting['desktopLyric.style.isZoomActiveLrc']
+      'common.langId': LX.AppSetting['common.langId']
+      'player.isShowLyricTranslation': LX.AppSetting['player.isShowLyricTranslation']
+      'player.isShowLyricRoma': LX.AppSetting['player.isShowLyricRoma']
+      'player.isPlayLxlrc': LX.AppSetting['player.isPlayLxlrc']
+    }
+
+    type WinMainActions = 'get_info' | 'get_status' | 'get_analyser_data_array'
+
+    interface LyricActionBase <A> {
+      action: A
+    }
+    interface LyricActionData<A, D> extends LyricActionBase<A> {
+      data: D
+    }
+    type LyricAction<A, D = undefined> = D extends undefined ? LyricActionBase<A> : LyricActionData<A, D>
+
+    type LyricActions = LyricAction<'set_info', {
+      id: string | null
+      singer: string
+      name: string
+      album: string
+      lrc: string | null
+      tlrc: string | null
+      rlrc: string | null
+      lxlrc: string | null
+      // pic: string | null
+      isPlay: boolean
+      line: number
+      played_time: number
+    }>
+    | LyricAction<'set_status', {
+      isPlay: boolean
+      line: number
+      played_time: number
+    }>
+    | LyricAction<'set_lyric', {
+      lrc: string | null
+      tlrc: string | null
+      rlrc: string | null
+      lxlrc: string | null
+    }>
+    | LyricAction<'set_offset', number>
+    | LyricAction<'set_play', number>
+    | LyricAction<'set_pause'>
+    | LyricAction<'set_stop'>
+    | LyricAction<'send_analyser_data_array', Uint8Array>
+
+
+    interface NewBounds {
+      x?: number | null
+      y?: number
+      w: number
+      h: number
+    }
+  }
+}
@@ -0,0 +1,66 @@
+
+// interface DownloadList {
+
+// }
+
+
+declare namespace LX {
+  namespace Download {
+    type DownloadTaskStatus = 'run'
+    | 'waiting'
+    | 'pause'
+    | 'error'
+    | 'completed'
+
+    type FileExt = 'mp3' | 'flac' | 'wav' | 'ape'
+
+    interface ProgressInfo {
+      progress: number
+      speed: string
+      downloaded: number
+      total: number
+    }
+
+    interface DownloadTaskActionBase <A> {
+      action: A
+    }
+    interface DownloadTaskActionData<A, D> extends DownloadTaskActionBase<A> {
+      data: D
+    }
+    type DownloadTaskAction<A, D = undefined> = D extends undefined ? DownloadTaskActionBase<A> : DownloadTaskActionData<A, D>
+
+    type DownloadTaskActions = DownloadTaskAction<'start'>
+    | DownloadTaskAction<'complete'>
+    | DownloadTaskAction<'refreshUrl'>
+    | DownloadTaskAction<'statusText', string>
+    | DownloadTaskAction<'progress', ProgressInfo>
+    | DownloadTaskAction<'error', {
+      error?: string
+      message?: string
+    }>
+
+    interface ListItem {
+      id: string
+      isComplate: boolean
+      status: DownloadTaskStatus
+      statusText: string
+      downloaded: number
+      total: number
+      progress: number
+      speed: string
+      metadata: {
+        musicInfo: LX.Music.MusicInfoOnline
+        url: string | null
+        quality: LX.Quality
+        ext: FileExt
+        fileName: string
+        filePath: string
+      }
+    }
+
+    interface saveDownloadMusicInfo {
+      list: ListItem[]
+      addMusicLocationType: LX.AddMusicLocationType
+    }
+  }
+}
@@ -0,0 +1,24 @@
+declare namespace LX {
+  interface IpcMainEvent {
+    event: Electron.IpcMainEvent
+  }
+  interface IpcMainEventParams<T> {
+    event: Electron.IpcMainEvent
+    params: T
+  }
+  type IpcMainEventListener = (params: LX.IpcMainEvent) => void
+  type IpcMainEventListenerParams<T> = (params: LX.IpcMainEventParams<T>) => void
+
+  interface IpcMainInvokeEvent {
+    event: Electron.IpcMainInvokeEvent
+  }
+  interface IpcMainInvokeEventParams<T> {
+    event: Electron.IpcMainInvokeEvent
+    params: T
+  }
+
+  type IpcMainInvokeEventListener = (params: LX.IpcMainInvokeEvent) => Promise<void>
+  type IpcMainInvokeEventListenerParams<T> = (params: LX.IpcMainInvokeEventParams<T>) => Promise<void>
+  type IpcMainInvokeEventListenerValue<V> = (params: LX.IpcMainInvokeEvent) => Promise<V>
+  type IpcMainInvokeEventListenerParamsValue<T, V> = (params: LX.IpcMainInvokeEventParams<T>) => Promise<V>
+}
@@ -0,0 +1,11 @@
+declare namespace LX {
+  interface IpcRendererEvent {
+    event: Electron.IpcRendererEvent
+  }
+  interface IpcRendererEventParams<T> {
+    event: Electron.IpcRendererEvent
+    params: T
+  }
+  type IpcRendererEventListener = (params: LX.IpcRendererEvent) => any
+  type IpcRendererEventListenerParams<T> = (params: LX.IpcRendererEventParams<T>) => any
+}
@@ -0,0 +1,142 @@
+declare namespace LX {
+  namespace List {
+    interface UserListInfo {
+      id: string
+      name: string
+      // list: LX.Music.MusicInfo[]
+      source?: LX.Source
+      sourceListId?: string
+      // position?: number
+      locationUpdateTime: number | null
+    }
+
+    interface MyDefaultListInfo {
+      id: 'default'
+      name: '试听列表'
+      // list: LX.Music.MusicInfo[]
+    }
+
+    interface MyLoveListInfo {
+      id: 'love'
+      name: '我的收藏'
+      // list: LX.Music.MusicInfo[]
+    }
+
+    interface MyTempListInfo {
+      id: 'temp'
+      name: '临时列表'
+      // list: LX.Music.MusicInfo[]
+      // TODO: save default lists info
+      meta: {
+        id?: string
+      }
+    }
+
+    type MyListInfo = MyDefaultListInfo | MyLoveListInfo | UserListInfo
+
+    interface MyAllList {
+      defaultList: MyDefaultListInfo
+      loveList: MyLoveListInfo
+      userList: UserListInfo[]
+      tempList: MyTempListInfo
+    }
+
+
+    type SearchHistoryList = string[]
+    type ListPositionInfo = Record<string, number>
+    type ListUpdateInfo = Record<string, {
+      updateTime: number
+      isAutoUpdate: boolean
+    }>
+
+    type ListSaveType = 'myList' | 'downloadList'
+    type ListSaveInfo = {
+      type: 'myList'
+      data: Partial<MyAllList>
+    } | {
+      type: 'downloadList'
+      data: LX.Download.ListItem[]
+    }
+
+
+    type ListActionDataOverwrite = MakeOptional<LX.List.ListDataFull, 'tempList'>
+    interface ListActionAdd {
+      position: number
+      listInfos: UserListInfo[]
+    }
+    type ListActionRemove = string[]
+    type ListActionUpdate = UserListInfo[]
+    interface ListActionUpdatePosition {
+      /**
+       * 列表id
+       */
+      ids: string[]
+      /**
+       * 位置
+       */
+      position: number
+    }
+
+    interface ListActionMusicAdd {
+      id: string
+      musicInfos: LX.Music.MusicInfo[]
+      addMusicLocationType: LX.AddMusicLocationType
+    }
+
+    interface ListActionMusicMove {
+      fromId: string
+      toId: string
+      musicInfos: LX.Music.MusicInfo[]
+      addMusicLocationType: LX.AddMusicLocationType
+    }
+
+    interface ListActionCheckMusicExistList {
+      listId: string
+      musicInfoId: string
+    }
+
+    interface ListActionMusicRemove {
+      listId: string
+      ids: string[]
+    }
+
+    type ListActionMusicUpdate = Array<{
+      id: string
+      musicInfo: LX.Music.MusicInfo
+    }>
+
+    interface ListActionMusicUpdatePosition {
+      listId: string
+      position: number
+      ids: string[]
+    }
+
+    interface ListActionMusicOverwrite {
+      listId: string
+      musicInfos: LX.Music.MusicInfo[]
+    }
+
+    type ListActionMusicClear = string
+
+    interface MyDefaultListInfoFull extends MyDefaultListInfo {
+      list: LX.Music.MusicInfo[]
+    }
+    interface MyLoveListInfoFull extends MyLoveListInfo {
+      list: LX.Music.MusicInfo[]
+    }
+    interface UserListInfoFull extends UserListInfo {
+      list: LX.Music.MusicInfo[]
+    }
+    interface MyTempListInfoFull extends MyTempListInfo {
+      list: LX.Music.MusicInfo[]
+    }
+
+    interface ListDataFull {
+      defaultList: LX.Music.MusicInfo[]
+      loveList: LX.Music.MusicInfo[]
+      userList: UserListInfoFull[]
+      tempList: LX.Music.MusicInfo[]
+    }
+
+  }
+}
@@ -0,0 +1,121 @@
+declare namespace LX {
+  namespace Music {
+    interface MusicQualityType { // {"type": "128k", size: "3.56M"}
+      type: LX.Quality
+      size: string | null
+    }
+    interface MusicQualityTypeKg { // {"type": "128k", size: "3.56M"}
+      type: LX.Quality
+      size: string | null
+      hash: string
+    }
+    type _MusicQualityType = Record<Quality, {
+      size: string | null
+    }>
+    type _MusicQualityTypeKg = Record<Quality, {
+      size: string | null
+      hash: string
+    }>
+
+
+    interface MusicInfoMetaBase {
+      songId: string | number // 歌曲ID，mg源为copyrightId，local为文件路径
+      albumName: string // 歌曲专辑名称
+      picUrl?: string | null // 歌曲图片链接
+    }
+
+    interface MusicInfoMeta_online extends MusicInfoMetaBase {
+      qualitys: MusicQualityType[]
+      _qualitys: _MusicQualityType
+      albumId?: string | number // 歌曲专辑ID
+    }
+
+    interface MusicInfoMeta_local extends MusicInfoMetaBase {
+      filePath: string
+      ext: string
+    }
+
+
+    interface MusicInfoBase<S = LX.Source> {
+      id: string
+      name: string // 歌曲名
+      singer: string // 艺术家名
+      source: S // 源
+      interval: string | null // 格式化后的歌曲时长，例：03:55
+      meta: MusicInfoMetaBase
+    }
+
+    interface MusicInfoLocal extends MusicInfoBase<'local'> {
+      meta: MusicInfoMeta_local
+    }
+
+    interface MusicInfo_online_common extends MusicInfoBase<'kw' | 'wy'> {
+      meta: MusicInfoMeta_online
+    }
+
+    interface MusicInfoMeta_kg extends MusicInfoMeta_online {
+      qualitys: MusicQualityTypeKg[]
+      _qualitys: _MusicQualityTypeKg
+      hash: string // 歌曲hash
+    }
+    interface MusicInfo_kg extends MusicInfoBase<'kg'> {
+      meta: MusicInfoMeta_kg
+    }
+
+    interface MusicInfoMeta_tx extends MusicInfoMeta_online {
+      strMediaMid: string // 歌曲strMediaMid
+      albumMid?: string // 歌曲albumMid
+    }
+    interface MusicInfo_tx extends MusicInfoBase<'tx'> {
+      meta: MusicInfoMeta_tx
+    }
+
+    interface MusicInfoMeta_mg extends MusicInfoMeta_online {
+      copyrightId: string // 歌曲copyrightId
+      lrcUrl?: string // 歌曲lrcUrl
+      mrcUrl?: string // 歌曲mrcUrl
+      trcUrl?: string // 歌曲trcUrl
+    }
+    interface MusicInfo_mg extends MusicInfoBase<'mg'> {
+      meta: MusicInfoMeta_mg
+    }
+
+    type MusicInfoOnline = MusicInfo_online_common | MusicInfo_kg | MusicInfo_tx | MusicInfo_mg
+    type MusicInfo = MusicInfoOnline | MusicInfoLocal
+
+    interface LyricInfo {
+      // 歌曲歌词
+      lyric: string
+      // 翻译歌词
+      tlyric?: string | null
+      // 罗马音歌词
+      rlyric?: string | null
+      // 逐字歌词
+      lxlyric?: string | null
+    }
+
+    interface LyricInfoSave {
+      id: string
+      lyrics: LyricInfo
+    }
+
+    interface MusicFileMeta {
+      title: string
+      artist: string | null
+      album: string | null
+      APIC: string | null
+      lyrics: string | null
+    }
+
+    interface MusicUrlInfo {
+      id: string
+      url: string
+    }
+
+    interface MusicInfoOtherSourceSave {
+      id: string
+      list: MusicInfoOnline[]
+    }
+
+  }
+}
@@ -0,0 +1,11 @@
+import {
+  IAudioMetadata as iAudioMetadata,
+} from 'music-metadata'
+
+declare global {
+  namespace LX {
+    namespace MusicMetadataModule {
+      type IAudioMetadata = iAudioMetadata
+    }
+  }
+}
@@ -0,0 +1,19 @@
+declare namespace LX {
+  namespace Player {
+    interface ProgressBarOptions {
+      progress: number
+      mode?: Electron.ProgressBarOptions['mode']
+    }
+
+    type StatusButtonActions = 'unCollect'
+    | 'collect'
+    | 'prev'
+    | 'pause'
+    | 'play'
+    | 'next'
+
+    interface LyricInfo extends LX.Music.LyricInfo {
+      rawlrcInfo: LX.Music.LyricInfo
+    }
+  }
+}
@@ -0,0 +1,10 @@
+// declare module '*.vue' {
+//   import { App } from 'vue'
+//   export default App.Component
+// }
+
+declare module '*.vue' {
+  import { Component } from 'vue'
+  const component: Component
+  export default component
+}
@@ -0,0 +1,73 @@
+declare namespace LX {
+  namespace Sync {
+
+    interface Enable {
+      enable: boolean
+      port: string
+    }
+
+    interface SyncActionBase <A> {
+      action: A
+    }
+    interface SyncActionData<A, D> extends SyncActionBase<A> {
+      data: D
+    }
+    type SyncAction<A, D = undefined> = D extends undefined ? SyncActionBase<A> : SyncActionData<A, D>
+
+    type SyncMainWindowActions = SyncAction<'select_mode', KeyInfo>
+    | SyncAction<'close_select_mode'>
+    | SyncAction<'status', Status>
+
+    type SyncServiceActions = SyncAction<'select_mode', Mode>
+    | SyncAction<'get_status'>
+    | SyncAction<'generate_code'>
+    | SyncAction<'enable', Enable>
+
+    type ActionList = SyncAction<'list_data_overwrite', LX.List.ListActionDataOverwrite>
+    | SyncAction<'list_create', LX.List.ListActionAdd>
+    | SyncAction<'list_remove', LX.List.ListActionRemove>
+    | SyncAction<'list_update', LX.List.ListActionUpdate>
+    | SyncAction<'list_update_position', LX.List.ListActionUpdatePosition>
+    | SyncAction<'list_music_add', LX.List.ListActionMusicAdd>
+    | SyncAction<'list_music_move', LX.List.ListActionMusicMove>
+    | SyncAction<'list_music_remove', LX.List.ListActionMusicRemove>
+    | SyncAction<'list_music_update', LX.List.ListActionMusicUpdate>
+    | SyncAction<'list_music_update_position', LX.List.ListActionMusicUpdatePosition>
+    | SyncAction<'list_music_overwrite', LX.List.ListActionMusicOverwrite>
+    | SyncAction<'list_music_clear', LX.List.ListActionMusicClear>
+
+
+    interface List {
+      action: string
+      data: any
+    }
+
+    interface Status {
+      status: boolean
+      message: string
+      address: string[]
+      code: string
+      devices: KeyInfo[]
+    }
+
+    interface KeyInfo {
+      clientId: string
+      key: string
+      iv: string
+      deviceName: string
+      connectionTime?: number
+    }
+
+    type ListData = Omit<LX.List.ListDataFull, 'tempList'>
+
+    type Mode = 'merge_local_remote'
+    | 'merge_remote_local'
+    | 'overwrite_local_remote'
+    | 'overwrite_remote_local'
+    | 'overwrite_local_remote_full'
+    | 'overwrite_remote_local_full'
+    | 'none'
+    | 'cancel'
+
+  }
+}
@@ -0,0 +1,293 @@
+declare namespace LX {
+
+  interface ThemeColors {
+    // '--color-000': string
+    // '--color-050': string
+    // '--color-100': string
+    // '--color-200': string
+    // '--color-300': string
+    // '--color-400': string
+    // '--color-500': string
+    // '--color-600': string
+    // '--color-700': string
+    // '--color-800': string
+    // '--color-900': string
+    '--color-theme': string
+
+    '--color-primary': string
+    '--color-primary-alpha-100': string
+    '--color-primary-alpha-200': string
+    '--color-primary-alpha-300': string
+    '--color-primary-alpha-400': string
+    '--color-primary-alpha-500': string
+    '--color-primary-alpha-600': string
+    '--color-primary-alpha-700': string
+    '--color-primary-alpha-800': string
+    '--color-primary-alpha-900': string
+
+    '--color-primary-dark-100': string
+    '--color-primary-dark-100-alpha-100': string
+    '--color-primary-dark-100-alpha-200': string
+    '--color-primary-dark-100-alpha-300': string
+    '--color-primary-dark-100-alpha-400': string
+    '--color-primary-dark-100-alpha-500': string
+    '--color-primary-dark-100-alpha-600': string
+    '--color-primary-dark-100-alpha-700': string
+    '--color-primary-dark-100-alpha-800': string
+    '--color-primary-dark-100-alpha-900': string
+
+    '--color-primary-dark-200': string
+    '--color-primary-dark-200-alpha-100': string
+    '--color-primary-dark-200-alpha-200': string
+    '--color-primary-dark-200-alpha-300': string
+    '--color-primary-dark-200-alpha-400': string
+    '--color-primary-dark-200-alpha-500': string
+    '--color-primary-dark-200-alpha-600': string
+    '--color-primary-dark-200-alpha-700': string
+    '--color-primary-dark-200-alpha-800': string
+    '--color-primary-dark-200-alpha-900': string
+
+    '--color-primary-dark-300': string
+    '--color-primary-dark-300-alpha-100': string
+    '--color-primary-dark-300-alpha-200': string
+    '--color-primary-dark-300-alpha-300': string
+    '--color-primary-dark-300-alpha-400': string
+    '--color-primary-dark-300-alpha-500': string
+    '--color-primary-dark-300-alpha-600': string
+    '--color-primary-dark-300-alpha-700': string
+    '--color-primary-dark-300-alpha-800': string
+    '--color-primary-dark-300-alpha-900': string
+
+    '--color-primary-dark-400': string
+    '--color-primary-dark-400-alpha-100': string
+    '--color-primary-dark-400-alpha-200': string
+    '--color-primary-dark-400-alpha-300': string
+    '--color-primary-dark-400-alpha-400': string
+    '--color-primary-dark-400-alpha-500': string
+    '--color-primary-dark-400-alpha-600': string
+    '--color-primary-dark-400-alpha-700': string
+    '--color-primary-dark-400-alpha-800': string
+    '--color-primary-dark-400-alpha-900': string
+
+    '--color-primary-dark-500': string
+    '--color-primary-dark-500-alpha-100': string
+    '--color-primary-dark-500-alpha-200': string
+    '--color-primary-dark-500-alpha-300': string
+    '--color-primary-dark-500-alpha-400': string
+    '--color-primary-dark-500-alpha-500': string
+    '--color-primary-dark-500-alpha-600': string
+    '--color-primary-dark-500-alpha-700': string
+    '--color-primary-dark-500-alpha-800': string
+    '--color-primary-dark-500-alpha-900': string
+
+    '--color-primary-dark-600': string
+    '--color-primary-dark-600-alpha-100': string
+    '--color-primary-dark-600-alpha-200': string
+    '--color-primary-dark-600-alpha-300': string
+    '--color-primary-dark-600-alpha-400': string
+    '--color-primary-dark-600-alpha-500': string
+    '--color-primary-dark-600-alpha-600': string
+    '--color-primary-dark-600-alpha-700': string
+    '--color-primary-dark-600-alpha-800': string
+    '--color-primary-dark-600-alpha-900': string
+
+    '--color-primary-dark-700': string
+    '--color-primary-dark-700-alpha-100': string
+    '--color-primary-dark-700-alpha-200': string
+    '--color-primary-dark-700-alpha-300': string
+    '--color-primary-dark-700-alpha-400': string
+    '--color-primary-dark-700-alpha-500': string
+    '--color-primary-dark-700-alpha-600': string
+    '--color-primary-dark-700-alpha-700': string
+    '--color-primary-dark-700-alpha-800': string
+    '--color-primary-dark-700-alpha-900': string
+
+    '--color-primary-dark-800': string
+    '--color-primary-dark-800-alpha-100': string
+    '--color-primary-dark-800-alpha-200': string
+    '--color-primary-dark-800-alpha-300': string
+    '--color-primary-dark-800-alpha-400': string
+    '--color-primary-dark-800-alpha-500': string
+    '--color-primary-dark-800-alpha-600': string
+    '--color-primary-dark-800-alpha-700': string
+    '--color-primary-dark-800-alpha-800': string
+    '--color-primary-dark-800-alpha-900': string
+
+    '--color-primary-dark-900': string
+    '--color-primary-dark-900-alpha-100': string
+    '--color-primary-dark-900-alpha-200': string
+    '--color-primary-dark-900-alpha-300': string
+    '--color-primary-dark-900-alpha-400': string
+    '--color-primary-dark-900-alpha-500': string
+    '--color-primary-dark-900-alpha-600': string
+    '--color-primary-dark-900-alpha-700': string
+    '--color-primary-dark-900-alpha-800': string
+    '--color-primary-dark-900-alpha-900': string
+
+    '--color-primary-dark-1000': string
+    '--color-primary-dark-1000-alpha-100': string
+    '--color-primary-dark-1000-alpha-200': string
+    '--color-primary-dark-1000-alpha-300': string
+    '--color-primary-dark-1000-alpha-400': string
+    '--color-primary-dark-1000-alpha-500': string
+    '--color-primary-dark-1000-alpha-600': string
+    '--color-primary-dark-1000-alpha-700': string
+    '--color-primary-dark-1000-alpha-800': string
+    '--color-primary-dark-1000-alpha-900': string
+
+    '--color-primary-light-100': string
+    '--color-primary-light-100-alpha-100': string
+    '--color-primary-light-100-alpha-200': string
+    '--color-primary-light-100-alpha-300': string
+    '--color-primary-light-100-alpha-400': string
+    '--color-primary-light-100-alpha-500': string
+    '--color-primary-light-100-alpha-600': string
+    '--color-primary-light-100-alpha-700': string
+    '--color-primary-light-100-alpha-800': string
+    '--color-primary-light-100-alpha-900': string
+
+    '--color-primary-light-200': string
+    '--color-primary-light-200-alpha-100': string
+    '--color-primary-light-200-alpha-200': string
+    '--color-primary-light-200-alpha-300': string
+    '--color-primary-light-200-alpha-400': string
+    '--color-primary-light-200-alpha-500': string
+    '--color-primary-light-200-alpha-600': string
+    '--color-primary-light-200-alpha-700': string
+    '--color-primary-light-200-alpha-800': string
+    '--color-primary-light-200-alpha-900': string
+
+    '--color-primary-light-300': string
+    '--color-primary-light-300-alpha-100': string
+    '--color-primary-light-300-alpha-200': string
+    '--color-primary-light-300-alpha-300': string
+    '--color-primary-light-300-alpha-400': string
+    '--color-primary-light-300-alpha-500': string
+    '--color-primary-light-300-alpha-600': string
+    '--color-primary-light-300-alpha-700': string
+    '--color-primary-light-300-alpha-800': string
+    '--color-primary-light-300-alpha-900': string
+
+    '--color-primary-light-400': string
+    '--color-primary-light-400-alpha-100': string
+    '--color-primary-light-400-alpha-200': string
+    '--color-primary-light-400-alpha-300': string
+    '--color-primary-light-400-alpha-400': string
+    '--color-primary-light-400-alpha-500': string
+    '--color-primary-light-400-alpha-600': string
+    '--color-primary-light-400-alpha-700': string
+    '--color-primary-light-400-alpha-800': string
+    '--color-primary-light-400-alpha-900': string
+
+    '--color-primary-light-500': string
+    '--color-primary-light-500-alpha-100': string
+    '--color-primary-light-500-alpha-200': string
+    '--color-primary-light-500-alpha-300': string
+    '--color-primary-light-500-alpha-400': string
+    '--color-primary-light-500-alpha-500': string
+    '--color-primary-light-500-alpha-600': string
+    '--color-primary-light-500-alpha-700': string
+    '--color-primary-light-500-alpha-800': string
+    '--color-primary-light-500-alpha-900': string
+
+    '--color-primary-light-600': string
+    '--color-primary-light-600-alpha-100': string
+    '--color-primary-light-600-alpha-200': string
+    '--color-primary-light-600-alpha-300': string
+    '--color-primary-light-600-alpha-400': string
+    '--color-primary-light-600-alpha-500': string
+    '--color-primary-light-600-alpha-600': string
+    '--color-primary-light-600-alpha-700': string
+    '--color-primary-light-600-alpha-800': string
+    '--color-primary-light-600-alpha-900': string
+
+    '--color-primary-light-700': string
+    '--color-primary-light-700-alpha-100': string
+    '--color-primary-light-700-alpha-200': string
+    '--color-primary-light-700-alpha-300': string
+    '--color-primary-light-700-alpha-400': string
+    '--color-primary-light-700-alpha-500': string
+    '--color-primary-light-700-alpha-600': string
+    '--color-primary-light-700-alpha-700': string
+    '--color-primary-light-700-alpha-800': string
+    '--color-primary-light-700-alpha-900': string
+
+    '--color-primary-light-800': string
+    '--color-primary-light-800-alpha-100': string
+    '--color-primary-light-800-alpha-200': string
+    '--color-primary-light-800-alpha-300': string
+    '--color-primary-light-800-alpha-400': string
+    '--color-primary-light-800-alpha-500': string
+    '--color-primary-light-800-alpha-600': string
+    '--color-primary-light-800-alpha-700': string
+    '--color-primary-light-800-alpha-800': string
+    '--color-primary-light-800-alpha-900': string
+
+    '--color-primary-light-900': string
+    '--color-primary-light-900-alpha-100': string
+    '--color-primary-light-900-alpha-200': string
+    '--color-primary-light-900-alpha-300': string
+    '--color-primary-light-900-alpha-400': string
+    '--color-primary-light-900-alpha-500': string
+    '--color-primary-light-900-alpha-600': string
+    '--color-primary-light-900-alpha-700': string
+    '--color-primary-light-900-alpha-800': string
+    '--color-primary-light-900-alpha-900': string
+
+    '--color-primary-light-1000': string
+    '--color-primary-light-1000-alpha-100': string
+    '--color-primary-light-1000-alpha-200': string
+    '--color-primary-light-1000-alpha-300': string
+    '--color-primary-light-1000-alpha-400': string
+    '--color-primary-light-1000-alpha-500': string
+    '--color-primary-light-1000-alpha-600': string
+    '--color-primary-light-1000-alpha-700': string
+    '--color-primary-light-1000-alpha-800': string
+    '--color-primary-light-1000-alpha-900': string
+  }
+
+  interface Theme {
+    id: string
+    name: string
+    isDark: boolean
+    isCustom: boolean
+    config: {
+      themeColors: ThemeColors
+      extInfo: {
+        '--color-app-background': string
+        '--color-main-background': string
+        '--color-nav-font': string
+        '--background-image': string
+        '--background-image-position': string
+        '--background-image-size': string
+
+        // 关闭按钮颜色
+        '--color-btn-hide': string
+        '--color-btn-min': string
+        '--color-btn-close': string
+
+        // 徽章颜色
+        '--color-badge-primary': string
+        '--color-badge-secondary': string
+        '--color-badge-tertiary': string
+
+      }
+    }
+  }
+
+  interface ThemeInfo {
+    themes: LX.Theme[]
+    userThemes: LX.Theme[]
+    dataPath: string
+  }
+
+  interface ThemeSetting {
+    shouldUseDarkColors: boolean
+    theme: {
+      id: string
+      name: string
+      isDark: boolean
+      colors: Record<string, string>
+    }
+  }
+}
@@ -0,0 +1,56 @@
+declare namespace LX {
+  namespace UserApi {
+    type UserApiSourceInfoType = 'music'
+    type UserApiSourceInfoActions = 'musicUrl'
+
+    interface UserApiSourceInfo {
+      name: string
+      type: UserApiSourceInfoType
+      actions: UserApiSourceInfoActions[]
+      qualitys: LX.Quality[]
+    }
+
+    type UserApiSources = Record<LX.Source, UserApiSourceInfo>
+
+
+    interface UserApiInfo {
+      id: string
+      name: string
+      description: string
+      script: string
+      allowShowUpdateAlert: boolean
+      sources?: UserApiSources
+    }
+
+    interface UserApiStatus {
+      status: boolean
+      message?: string
+      apiInfo?: UserApiInfo
+    }
+
+    interface UserApiUpdateInfo {
+      name: string
+      description: string
+      log: string
+      updateUrl?: string
+    }
+
+    interface UserApiRequestParams {
+      requestKey: string
+      data: any
+    }
+    type UserApiRequestCancelParams = string
+    type UserApiSetApiParams = string
+
+    interface UserApiSetAllowUpdateAlertParams {
+      id: string
+      enable: boolean
+    }
+
+    interface ImportUserApi {
+      apiInfo: UserApiInfo
+      apiList: UserApiInfo[]
+    }
+
+  }
+}
@@ -0,0 +1,7 @@
+type MakeOptional<Type, Key extends keyof Type> = Omit<Type, Key> & Partial<Pick<Type, Key>>
+
+type DeepPartial<T> = {
+  [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+}
+
+type Modify<T, R> = Omit<T, keyof R> & R
@@ -1,222 +0,0 @@
-const log = require('electron-log')
-const { defaultSetting, overwriteSetting } = require('./defaultSetting')
-// const apiSource = require('../renderer/utils/music/api-source-info')
-const getStore = require('./store')
-const defaultHotKey = require('./defaultHotKey')
-
-exports.isLinux = process.platform == 'linux'
-exports.isWin = process.platform == 'win32'
-exports.isMac = process.platform == 'darwin'
-
-
-/**
- * 生成节流函数
- * @param {*} fn
- * @param {*} delay
- */
-exports.throttle = (fn, delay = 100) => {
-  let timer = null
-  let _args = null
-  return function(...args) {
-    _args = args
-    if (timer) return
-    timer = setTimeout(() => {
-      timer = null
-      fn.apply(this, _args)
-    }, delay)
-  }
-}
-
-/**
- * 生成防抖函数
- * @param {*} fn
- * @param {*} delay
- */
-exports.debounce = (fn, delay = 100) => {
-  let timer = null
-  let _args = null
-  return function(...args) {
-    _args = args
-    if (timer) clearTimeout(timer)
-    timer = setTimeout(() => {
-      timer = null
-      fn.apply(this, _args)
-    }, delay)
-  }
-}
-
-
-exports.log = log
-
-// https://stackoverflow.com/a/53387532
-exports.compareVer = (currentVer, targetVer) => {
-  // treat non-numerical characters as lower version
-  // replacing them with a negative number based on charcode of each character
-  const fix = s => `.${s.toLowerCase().charCodeAt(0) - 2147483647}.`
-
-  currentVer = ('' + currentVer).replace(/[^0-9.]/g, fix).split('.')
-  targetVer = ('' + targetVer).replace(/[^0-9.]/g, fix).split('.')
-  let c = Math.max(currentVer.length, targetVer.length)
-  for (let i = 0; i < c; i++) {
-    // convert to integer the most efficient way
-    currentVer[i] = ~~currentVer[i]
-    targetVer[i] = ~~targetVer[i]
-    if (currentVer[i] > targetVer[i]) return 1
-    else if (currentVer[i] < targetVer[i]) return -1
-  }
-  return 0
-}
-
-exports.isObject = item => item && typeof item === 'object' && !Array.isArray(item)
-
-/**
- * 对象深度合并
- * @param  {} target 要合并源对象
- * @param  {} source 要合并目标对象
- */
-exports.objectDeepMerge = (target, source, mergedObj) => {
-  if (!mergedObj) {
-    mergedObj = new Set()
-    mergedObj.add(target)
-  }
-  let base = {}
-  Object.keys(source).forEach(item => {
-    if (exports.isObject(source[item])) {
-      if (mergedObj.has(source[item])) return
-      if (!exports.isObject(target[item])) target[item] = {}
-      mergedObj.add(source[item])
-      exports.objectDeepMerge(target[item], source[item], mergedObj)
-      return
-    }
-    base[item] = source[item]
-  })
-  Object.assign(target, base)
-}
-
-exports.mergeSetting = (setting, version) => {
-  let defaultSettingCopy = JSON.parse(JSON.stringify(defaultSetting))
-  let overwriteSettingCopy = JSON.parse(JSON.stringify(overwriteSetting))
-  const defaultVersion = defaultSettingCopy.version
-  if (!version) {
-    if (setting) {
-      version = setting.version
-      delete setting.version
-    }
-  }
-
-  if (!setting) {
-    setting = defaultSettingCopy
-  } else if (exports.compareVer(version, defaultVersion) < 0) {
-    exports.objectDeepMerge(defaultSettingCopy, setting)
-    exports.objectDeepMerge(defaultSettingCopy, overwriteSettingCopy)
-    setting = defaultSettingCopy
-  }
-
-  // if (!apiSource.some(api => api.id === setting.apiSource && !api.disabled)) {
-  //   let api = apiSource.find(api => !api.disabled)
-  //   if (api) setting.apiSource = api.id
-  // }
-
-  return { setting, version: defaultVersion }
-}
-
-/**
- * 初始化设置
- * @param {*} setting
- * @param {*} isShowErrorAlert
- */
-exports.initSetting = isShowErrorAlert => {
-  const electronStore_list = getStore('playList', true, isShowErrorAlert)
-  const electronStore_config = getStore('config')
-  const electronStore_downloadList = getStore('downloadList')
-
-  let setting = electronStore_config.get('setting')
-  if (setting) {
-    let version = electronStore_config.get('version')
-    if (!version) { // 迁移配置
-      version = electronStore_config.get('setting.version')
-      electronStore_config.set('version', version)
-      electronStore_config.delete('setting.version')
-      const list = electronStore_config.get('list')
-      if (list) {
-        if (list.defaultList) electronStore_list.set('defaultList', list.defaultList)
-        if (list.loveList) electronStore_list.set('loveList', list.loveList)
-        electronStore_config.delete('list')
-      }
-      const downloadList = electronStore_config.get('download')
-      if (downloadList) {
-        if (downloadList.list) electronStore_downloadList.set('list', downloadList.list)
-        electronStore_config.delete('download')
-      }
-    }
-
-    // 迁移列表滚动位置设置 ~0.18.3
-    if (setting.list.scroll) {
-      let scroll = setting.list.scroll
-      electronStore_config.delete('setting.list.scroll')
-      electronStore_config.set('setting.list.isSaveScrollLocation', scroll.enable)
-      delete setting.list.scroll
-    }
-  }
-
-  // 从我的列表分离下载列表 v1.7.0 后
-  let downloadList = electronStore_list.get('downloadList')
-  if (downloadList) {
-    electronStore_downloadList.set('list', downloadList)
-    electronStore_list.delete('downloadList')
-  }
-
-  const { version: settingVersion, setting: newSetting } = exports.mergeSetting(setting, electronStore_config.get('version'))
-
-  // 修正拼写问题 v1.8.2 及以前
-  if (newSetting.player.isShowLyricTransition != null) {
-    newSetting.player.isShowLyricTranslation = newSetting.player.isShowLyricTransition
-    delete newSetting.player.isShowLyricTransition
-  }
-
-  // 迁移v1.19.0之前的主题设置
-  if (newSetting.themeId != null) {
-    newSetting.theme.id = newSetting.themeId
-    delete newSetting.themeId
-  }
-
-  // 重置 ^0.18.2 排行榜ID
-  if (!newSetting.leaderboard.tabId.includes('__')) newSetting.leaderboard.tabId = 'kw__16'
-
-  // newSetting.controlBtnPosition = 'right'
-  electronStore_config.set({ version: settingVersion, setting: newSetting })
-  return { version: settingVersion, setting: newSetting }
-}
-
-/**
- * 初始化快捷键设置
- */
-exports.initHotKey = () => {
-  const electronStore_hotKey = getStore('hotKey')
-
-  let localConfig = electronStore_hotKey.get('local')
-  if (!localConfig) {
-    localConfig = defaultHotKey.local
-    electronStore_hotKey.set('local', localConfig)
-  }
-
-  let globalConfig = electronStore_hotKey.get('global')
-
-  // 移除v1.0.1及之前设置的全局声音媒体快捷键接管
-  if (globalConfig && globalConfig.keys.VolumeUp) {
-    delete globalConfig.keys.VolumeUp
-    delete globalConfig.keys.VolumeDown
-    delete globalConfig.keys.VolumeMute
-    electronStore_hotKey.set('global', globalConfig)
-  }
-
-  if (!globalConfig) {
-    globalConfig = defaultHotKey.global
-    electronStore_hotKey.set('global', globalConfig)
-  }
-
-  return {
-    global: globalConfig,
-    local: localConfig,
-  }
-}
@@ -0,0 +1,175 @@
+// 非业务工具方法
+
+/**
+ * 获取两个数之间的随机整数，大于等于min，小于max
+ * @param {*} min
+ * @param {*} max
+ */
+export const getRandom = (min: number, max: number): number => Math.floor(Math.random() * (max - min)) + min
+
+
+export const sizeFormate = (size: number): string => {
+  // https://gist.github.com/thomseddon/3511330
+  if (!size) return '0 B'
+  let units = ['B', 'KB', 'MB', 'GB', 'TB']
+  let number = Math.floor(Math.log(size) / Math.log(1024))
+  return `${(size / Math.pow(1024, Math.floor(number))).toFixed(2)} ${units[number]}`
+}
+
+const numFix = (n: number): string => n < 10 ? (`0${n}`) : n.toString()
+/**
+    * 日期格式化
+    * @param {*} date 时间
+    * @param {String} format 时间格式，默认YYYY-MM-DD hh:mm:ss
+    */
+export const dateFormat = (date: string | number | Date, format = 'YYYY-MM-DD hh:mm:ss') => {
+  if (typeof date != 'object') date = new Date(date)
+  return format
+    .replace('YYYY', date.getFullYear().toString())
+    .replace('MM', numFix(date.getMonth() + 1).toString())
+    .replace('DD', numFix(date.getDate()))
+    .replace('hh', numFix(date.getHours()))
+    .replace('mm', numFix(date.getMinutes()))
+    .replace('ss', numFix(date.getSeconds()))
+}
+
+
+export const formatPlayTime = (time: number) => {
+  let m = Math.trunc(time / 60)
+  let s = Math.trunc(time % 60)
+  return m == 0 && s == 0 ? '--/--' : numFix(m) + ':' + numFix(s)
+}
+
+export const formatPlayTime2 = (time: number) => {
+  let m = Math.trunc(time / 60)
+  let s = Math.trunc(time % 60)
+  return numFix(m) + ':' + numFix(s)
+}
+
+
+const encodeNames = {
+  '&nbsp;': ' ',
+  '&amp;': '&',
+  '&lt;': '<',
+  '&gt;': '>',
+  '&quot;': '"',
+  '&apos;': "'",
+  '&#039;': "'",
+} as const
+export const decodeName = (str: string | null = '') => {
+  return str?.replace(/(?:&amp;|&lt;|&gt;|&quot;|&apos;|&#039;|&nbsp;)/gm, (s: string) => encodeNames[s as keyof typeof encodeNames]) ?? ''
+}
+
+// 解析URL参数为对象
+export const parseUrlParams = (str: string): Record<string, string> => {
+  const params: Record<string, string> = {}
+  if (typeof str !== 'string') return params
+  const paramsArr = str.split('&')
+  for (const param of paramsArr) {
+    let [key, value] = param.split('=')
+    params[key] = value
+  }
+  return params
+}
+
+/**
+ * 生成节流函数
+ * @param fn 回调
+ * @param delay 延迟
+ * @returns
+ */
+export function throttle<Args extends any[]>(fn: (...args: Args) => void | Promise<void>, delay = 100) {
+  let timer: NodeJS.Timeout | null = null
+  let _args: Args
+  return (...args: Args) => {
+    _args = args
+    if (timer) return
+    timer = setTimeout(() => {
+      timer = null
+      void fn(..._args)
+    }, delay)
+  }
+}
+
+/**
+ * 生成防抖函数
+ * @param fn 回调
+ * @param delay 延迟
+ * @returns
+ */
+export function debounce<Args extends any[]>(fn: (...args: Args) => void | Promise<void>, delay = 100) {
+  let timer: NodeJS.Timeout | null = null
+  let _args: Args
+  return (...args: Args) => {
+    _args = args
+    if (timer) clearTimeout(timer)
+    timer = setTimeout(() => {
+      timer = null
+      void fn(..._args)
+    }, delay)
+  }
+}
+
+const fileNameRxp = /[\\/:*?#"<>|]/g
+export const filterFileName = (name: string): string => name.replace(fileNameRxp, '')
+
+
+// https://blog.csdn.net/xcxy2015/article/details/77164126#comments
+/**
+ *
+ * @param a
+ * @param b
+ */
+export const similar = (a: string, b: string) => {
+  if (!a || !b) return 0
+  if (a.length > b.length) { // 保证 a <= b
+    let t = b
+    b = a
+    a = t
+  }
+  let al = a.length
+  let bl = b.length
+  let mp = [] // 一个表
+  let i, j, ai, lt, tmp // ai：字符串a的第i个字符。 lt：左上角的值。 tmp：暂存新的值。
+  for (i = 0; i <= bl; i++) mp[i] = i
+  for (i = 1; i <= al; i++) {
+    ai = a.charAt(i - 1)
+    lt = mp[0]
+    mp[0] = mp[0] + 1
+    for (j = 1; j <= bl; j++) {
+      tmp = Math.min(mp[j] + 1, mp[j - 1] + 1, lt + (ai == b.charAt(j - 1) ? 0 : 1))
+      lt = mp[j]
+      mp[j] = tmp
+    }
+  }
+  return 1 - (mp[bl] / bl)
+}
+
+/**
+ * 排序字符串
+ * @param arr
+ * @param data
+ */
+export const sortInsert = (arr: Array<{ num: number, data: any }>, data: { num: number, data: any }) => {
+  let key = data.num
+  let left = 0
+  let right = arr.length - 1
+
+  while (left <= right) {
+    let middle = Math.trunc((left + right) / 2)
+    if (key == arr[middle].num) {
+      left = middle
+      break
+    } else if (key < arr[middle].num) {
+      right = middle - 1
+    } else {
+      left = middle + 1
+    }
+  }
+  while (left > 0) {
+    if (arr[left - 1].num != key) break
+    left--
+  }
+
+  arr.splice(left, 0, data)
+}
@@ -0,0 +1,183 @@
+// https://github.com/tholman/cursor-effects/blob/master/src/bubbleCursor.js
+
+class Particle {
+  constructor(x, y, fillStyle, strokeStyle) {
+    const lifeSpan = Math.floor(Math.random() * 60 + 60)
+    this.initialLifeSpan = lifeSpan //
+    this.lifeSpan = lifeSpan // ms
+    this.velocity = {
+      x: (Math.random() < 0.5 ? -1 : 1) * (Math.random() / 10),
+      y: -0.4 + Math.random() * -1,
+    }
+    this.position = { x, y }
+    this.fillStyle = fillStyle
+    this.strokeStyle = strokeStyle
+
+    this.baseDimension = 4
+  }
+
+  update(context, width) {
+    this.position.x += this.velocity.x
+    this.position.y += this.velocity.y
+
+    this.velocity.x += ((Math.random() < 0.5 ? -1 : 1) * 2) / 75
+    this.velocity.y -= Math.random() / 600
+    if (this.position.x >= width - 2 || this.position.x <= 2) this.lifeSpan = 0
+    else if (this.position.y <= 5) this.lifeSpan = 0
+    this.lifeSpan--
+
+    const scale =
+      0.2 + (this.initialLifeSpan - this.lifeSpan) / this.initialLifeSpan
+
+    context.fillStyle = this.fillStyle
+    context.strokeStyle = this.strokeStyle
+    context.beginPath()
+    context.arc(
+      this.position.x - (this.baseDimension / 2) * scale,
+      this.position.y - this.baseDimension / 2,
+      this.baseDimension * scale,
+      0,
+      2 * Math.PI,
+    )
+
+    context.stroke()
+    context.fill()
+
+    context.closePath()
+  }
+}
+
+
+export default class BubbleCursor {
+  constructor({ element, fillStyle = 'rgba(77, 175, 124, 0.1)', strokeStyle = 'rgba(77, 175, 124, 0.3)' } = {}) {
+    this.hasWrapperEl = element
+    this.element = this.hasWrapperEl || document.body
+
+    this.width = window.innerWidth
+    this.height = window.innerHeight
+    this.cursor = { x: this.width / 2, y: this.width / 2 }
+    this.particles = []
+    this.canvas = null
+    this.context = null
+    this.fillStyle = fillStyle
+    this.strokeStyle = strokeStyle
+
+    this.init()
+  }
+
+  init() {
+    this.canvas = document.createElement('canvas')
+    this.context = this.canvas.getContext('2d')
+
+    this.canvas.style.top = '0px'
+    this.canvas.style.left = '0px'
+    this.canvas.style.pointerEvents = 'none'
+    this.canvas.style.zIndex = 100
+
+    if (this.hasWrapperEl) {
+      this.canvas.style.position = 'absolute'
+      this.element.appendChild(this.canvas)
+      this.canvas.width = this.element.clientWidth
+      this.canvas.height = this.element.clientHeight
+    } else {
+      this.canvas.style.position = 'fixed'
+      document.body.appendChild(this.canvas)
+      this.canvas.width = this.width
+      this.canvas.height = this.height
+    }
+
+    this.bindEvents()
+    this.loop()
+  }
+
+  bindEvents() {
+    this.element.addEventListener('mousemove', this.onMouseMove)
+    this.element.addEventListener('touchmove', this.onTouchMove, { passive: true })
+    this.element.addEventListener('touchstart', this.onTouchMove, { passive: true })
+    window.addEventListener('resize', this.onWindowResize)
+  }
+
+
+  onWindowResize = (e) => {
+    this.width = window.innerWidth
+    this.height = window.innerHeight
+
+    if (this.hasWrapperEl) {
+      this.canvas.width = this.element.clientWidth
+      this.canvas.height = this.element.clientHeight
+    } else {
+      this.canvas.width = this.width
+      this.canvas.height = this.height
+    }
+  }
+
+  onTouchMove = (e) => {
+    if (e.touches.length > 0) {
+      for (let i = 0; i < e.touches.length; i++) {
+        this.addParticle(
+          e.touches[i].clientX,
+          e.touches[i].clientY,
+        )
+      }
+    }
+  }
+
+  onMouseMove = (e) => {
+    if (this.hasWrapperEl) {
+      const boundingRect = this.element.getBoundingClientRect()
+      this.cursor.x = e.clientX - boundingRect.left
+      this.cursor.y = e.clientY - boundingRect.top
+    } else {
+      this.cursor.x = e.clientX
+      this.cursor.y = e.clientY
+    }
+
+    this.addParticle(this.cursor.x, this.cursor.y)
+  }
+
+  addParticle(x, y) {
+    this.particles.push(new Particle(x, y, this.fillStyle, this.strokeStyle))
+  }
+
+  updateParticles() {
+    this.context.clearRect(0, 0, this.width, this.height)
+
+    // Update
+    for (let i = 0; i < this.particles.length; i++) {
+      this.particles[i].update(this.context, this.width)
+    }
+
+    // Remove dead particles
+    for (let i = this.particles.length - 1; i >= 0; i--) {
+      if (this.particles[i].lifeSpan < 0) {
+        this.particles.splice(i, 1)
+      }
+    }
+  }
+
+  loop = () => {
+    this.updateParticles()
+    window.requestAnimationFrame(this.loop)
+  }
+
+  setColor(fillStyle, strokeStyle) {
+    this.fillStyle = fillStyle
+    this.strokeStyle = strokeStyle
+  }
+
+  destroy() {
+    this.element.removeEventListener('mousemove', this.onMouseMove)
+    this.element.removeEventListener('touchmove', this.onTouchMove, { passive: true })
+    this.element.removeEventListener('touchstart', this.onTouchMove, { passive: true })
+    window.removeEventListener('resize', this.onWindowResize)
+
+    if (this.hasWrapperEl) {
+      this.element.removeChild(this.canvas)
+    } else {
+      document.body.removeChild(this.canvas)
+    }
+
+    this.canvas = null
+    this.context = null
+  }
+}
@@ -0,0 +1,358 @@
+import fs from 'fs'
+import path from 'path'
+import { EventEmitter } from 'events'
+import { performance } from 'perf_hooks'
+import { STATUS } from './util'
+import http from 'http'
+import { request, Options as RequestOptions } from './request'
+
+export interface Options {
+  forceResume: boolean
+  requestOptions: RequestOptions
+}
+
+const defaultChunkInfo = {
+  path: '',
+  startByte: '0',
+  endByte: '',
+}
+
+const defaultRequestOptions: Options['requestOptions'] = {
+  method: 'get',
+  headers: {},
+}
+const defaultOptions: Options = {
+  forceResume: true,
+  requestOptions: { ...defaultRequestOptions },
+}
+
+class Task extends EventEmitter {
+  resumeLastChunk: Buffer | null
+  downloadUrl: string
+  chunkInfo: { path: string, startByte: string, endByte: string }
+  status: typeof STATUS[keyof typeof STATUS]
+  options: Options
+  requestOptions: Options['requestOptions']
+  ws: fs.WriteStream | null = null
+  progress = { total: 0, downloaded: 0, speed: 0, progress: 0 }
+  statsEstimate = { time: 0, bytes: 0, prevBytes: 0 }
+  requestInstance: http.ClientRequest | null = null
+
+
+  constructor(url: string, savePath: string, filename: string, options: Partial<Options> = {}) {
+    super()
+
+    this.resumeLastChunk = null
+    this.downloadUrl = url
+    this.chunkInfo = Object.assign({}, defaultChunkInfo, {
+      path: path.join(savePath, filename),
+      startByte: '0',
+    })
+    // if (!this.chunkInfo.endByte) this.chunkInfo.endByte = ''
+
+    this.options = Object.assign({}, defaultOptions, options)
+    this.requestOptions = Object.assign({}, defaultRequestOptions, this.options.requestOptions || {})
+    this.requestOptions.headers = this.requestOptions.headers ? { ...this.requestOptions.headers } : {}
+
+    this.status = STATUS.idle
+  }
+
+  async __init() {
+    const { path, startByte, endByte } = this.chunkInfo
+    this.progress.downloaded = 0
+    this.progress.progress = 0
+    this.progress.speed = 0
+    if (startByte) this.requestOptions.headers!.range = `bytes=${startByte}-${endByte}`
+
+    if (!path) return
+    return new Promise<void>((resolve, reject) => {
+      fs.stat(path, (errStat, stats) => {
+        if (errStat) {
+          // console.log(errStat.code)
+          if (errStat.code !== 'ENOENT') {
+            this.__handleError(errStat)
+            reject(errStat)
+            return
+          }
+        } else if (stats.size >= 10) {
+          fs.open(path, 'r', (errOpen, fd) => {
+            if (errOpen) {
+              this.__handleError(errOpen)
+              reject(errOpen)
+              return
+            }
+            fs.read(fd, Buffer.alloc(10), 0, 10, stats.size - 10, (errRead, bytesRead, buffer) => {
+              if (errRead) {
+                this.__handleError(errRead)
+                reject(errRead)
+                return
+              }
+              fs.close(fd, errClose => {
+                if (errClose) {
+                  this.__handleError(errClose)
+                  reject(errClose)
+                  return
+                }
+
+                // resume download
+                // console.log(buffer)
+                this.resumeLastChunk = buffer
+                this.progress.downloaded = stats.size
+                this.requestOptions.headers!.range = `bytes=${stats.size - 10}-${endByte || ''}`
+                resolve()
+              })
+            })
+          })
+          return
+        }
+        resolve()
+      })
+    })
+  }
+
+  __httpFetch(url: string, options: Options['requestOptions']) {
+    // console.log(options)
+    this.requestInstance = request(url, options)
+      .on('response', response => {
+        if (response.statusCode !== 200 && response.statusCode !== 206) {
+          if (response.statusCode == 416) {
+            fs.unlink(this.chunkInfo.path, (err) => {
+              this.__handleError(new Error(response.statusMessage))
+              this.chunkInfo.startByte = '0'
+              this.resumeLastChunk = null
+              this.progress.downloaded = 0
+              if (err) this.__handleError(err)
+            })
+            return
+          }
+          this.status = STATUS.failed
+          this.emit('fail', response)
+          this.__closeRequest()
+          void this.__closeWriteStream()
+          return
+        }
+        this.emit('response', response)
+        try {
+          this.__initDownload(response)
+        } catch (error: any) {
+          return this.__handleError(error)
+        }
+        this.status = STATUS.running
+        response
+          .on('data', this.__handleWriteData.bind(this))
+          .on('error', err => this.__handleError(err))
+          .on('end', () => {
+            if (response.complete) {
+              this.__handleComplete()
+            } else {
+              // this.__handleError(new Error('The connection was terminated while the message was still being sent'))
+              void this.stop()
+            }
+          })
+      })
+      .on('error', err => this.__handleError(err))
+      .on('close', () => {
+        void this.__closeWriteStream()
+      })
+      .end()
+  }
+
+  __initDownload(response: http.IncomingMessage) {
+    this.progress.total = response.headers['content-length'] ? parseInt(response.headers['content-length']) : 0
+    if (!this.progress.total) return this.__handleError(new Error('Content length is 0'))
+    let options: any = {}
+    let isResumable = this.options.forceResume ||
+      response.headers['accept-ranges'] !== 'none' ||
+      (typeof response.headers['accept-ranges'] == 'string' &&
+        parseInt(response.headers['accept-ranges'].replace(/^bytes=(\d+)/, '$1')) > 0)
+
+    if (isResumable) {
+      options.flags = 'a'
+      if (this.progress.downloaded) this.progress.total -= 10
+    } else {
+      if (this.chunkInfo.startByte != '0') return this.__handleError(new Error('The resource cannot be resumed download.'))
+    }
+    this.progress.total += this.progress.downloaded
+    this.statsEstimate.prevBytes = this.progress.downloaded
+    if (!this.chunkInfo.path) return this.__handleError(new Error('Chunk save Path is not set.'))
+    this.ws = fs.createWriteStream(this.chunkInfo.path, options)
+
+    this.ws.on('finish', () => {
+      void this.__closeWriteStream()
+    })
+    this.ws.on('error', err => {
+      fs.unlink(this.chunkInfo.path, (unlinkErr: any) => {
+        this.__handleError(err)
+        this.chunkInfo.startByte = '0'
+        this.resumeLastChunk = null
+        this.progress.downloaded = 0
+        if (unlinkErr && unlinkErr.code !== 'ENOENT') this.__handleError(unlinkErr)
+      })
+    })
+  }
+
+  __handleComplete() {
+    if (this.status == STATUS.error) return
+    void this.__closeWriteStream().then(() => {
+      if (this.progress.downloaded == this.progress.total) {
+        this.status = STATUS.completed
+        this.emit('completed')
+      } else {
+        this.status = STATUS.stopped
+        this.emit('stop')
+      }
+    })
+    // console.log('end')
+  }
+
+  __handleError(error: Error) {
+    if (this.status == STATUS.error) return
+    this.status = STATUS.error
+    this.__closeRequest()
+    void this.__closeWriteStream()
+    if (error.message == 'aborted') return
+    this.emit('error', error)
+  }
+
+  async __closeWriteStream() {
+    return new Promise<void>((resolve, reject) => {
+      if (!this.ws) return resolve()
+      // console.log('close write stream')
+      this.ws.close(err => {
+        if (err) {
+          this.status = STATUS.error
+          this.emit('error', err)
+          reject(err)
+          return
+        }
+        this.ws = null
+        resolve()
+      })
+    })
+  }
+
+  __closeRequest() {
+    if (!this.requestInstance || this.requestInstance.destroyed) return
+    // console.log('close request')
+    this.requestInstance.destroy()
+    this.requestInstance = null
+  }
+
+  __handleWriteData(chunk: Buffer) {
+    if (this.resumeLastChunk) {
+      const result = this.__handleDiffChunk(chunk)
+      if (result) chunk = result
+      else {
+        this.__handleStop().finally(() => {
+          // this.__handleError(new Error('Resume failed, response chunk does not match.'))
+          // Resume failed, response chunk does not match, remove file and restart download
+          console.log('Resume failed, response chunk does not match.')
+          fs.unlink(this.chunkInfo.path, (unlinkErr: any) => {
+            // this.__handleError(err)
+            this.chunkInfo.startByte = '0'
+            this.resumeLastChunk = null
+            if (unlinkErr && unlinkErr.code !== 'ENOENT') return this.__handleError(unlinkErr)
+            void this.start()
+          })
+        })
+        return
+      }
+    }
+    // console.log('data', chunk)
+    if (this.status == STATUS.stopped || this.ws == null) return console.log('cancel write')
+    this.__calculateProgress(chunk.length)
+    this.ws.write(chunk, err => {
+      if (!err) return
+      console.log(err)
+      this.__handleError(err)
+      void this.stop()
+    })
+  }
+
+  __handleDiffChunk(chunk: Buffer): Buffer | null {
+    // console.log('diff', chunk)
+    let resumeLastChunkLen = this.resumeLastChunk!.length
+    let chunkLen = chunk.length
+    let isOk
+    if (chunkLen >= resumeLastChunkLen) {
+      isOk = chunk.slice(0, resumeLastChunkLen).toString('hex') === this.resumeLastChunk!.toString('hex')
+      if (!isOk) return null
+
+      this.resumeLastChunk = null
+      return chunk.slice(resumeLastChunkLen)
+    } else {
+      isOk = chunk.slice(0, chunkLen).toString('hex') === this.resumeLastChunk!.slice(0, chunkLen).toString('hex')
+      if (!isOk) return null
+      this.resumeLastChunk = this.resumeLastChunk!.slice(chunkLen)
+      return chunk.slice(chunkLen)
+    }
+  }
+
+  async __handleStop() {
+    return new Promise<void>((resolve, reject) => {
+      this.__closeRequest()
+      if (this.ws) {
+        this.ws.close(err => {
+          if (err) {
+            reject(err)
+            this.emit('error', err)
+            return
+          }
+          this.ws = null
+          resolve()
+        })
+      } else {
+        resolve()
+      }
+    })
+  }
+
+  __calculateProgress(receivedBytes: number) {
+    const currentTime = performance.now()
+    const elaspsedTime = currentTime - this.statsEstimate.time
+
+    const progress = this.progress
+    progress.downloaded += receivedBytes
+    progress.progress = progress.total ? (progress.downloaded / progress.total) * 100 : -1
+
+
+    // emit the progress every second or if finished
+    if (progress.downloaded === progress.total || elaspsedTime > 1000) {
+      this.statsEstimate.time = currentTime
+      this.statsEstimate.bytes = progress.downloaded - this.statsEstimate.prevBytes
+      this.statsEstimate.prevBytes = progress.downloaded
+      this.emit('progress', {
+        total: progress.total,
+        downloaded: progress.downloaded,
+        progress: progress.progress,
+        speed: this.statsEstimate.bytes,
+      })
+    }
+  }
+
+  async start() {
+    this.status = STATUS.init
+    await this.__init()
+    if (this.status !== STATUS.init) return
+    this.status = STATUS.running
+    this.__httpFetch(this.downloadUrl, this.requestOptions)
+    this.emit('start')
+  }
+
+  async stop() {
+    if (this.status == STATUS.stopped || this.status == STATUS.completed) return
+    this.status = STATUS.stopped
+    await this.__handleStop()
+    this.emit('stop')
+  }
+
+  refreshUrl(url: string) {
+    this.downloadUrl = url
+  }
+
+  updateSaveInfo(filePath: string, fileName: string) {
+    this.chunkInfo.path = path.join(filePath, fileName)
+  }
+}
+
+export default Task
@@ -0,0 +1,100 @@
+import Downloader, { Options as DownloaderOptions } from './Downloader'
+import { getRequestAgent } from './util'
+import { sizeFormate } from '@common/utils'
+import http from 'http'
+
+// these are the default options
+// const options = {
+//   method: 'GET', // Request Method Verb
+//   // Custom HTTP Header ex: Authorization, User-Agent
+//   headers: {},
+//   fileName: '', // Custom filename when saved
+//   override: false, // if true it will override the file, otherwise will append '(number)' to the end of file
+//   forceResume: false, // If the server does not return the "accept-ranges" header, can be force if it does support it
+//   // httpRequestOptions: {}, // Override the http request options
+//   // httpsRequestOptions: {}, // Override the https request options, ex: to add SSL Certs
+// }
+
+export interface Options {
+  url: string
+  path: string
+  fileName: string
+  method?: DownloaderOptions['requestOptions']['method']
+  headers?: DownloaderOptions['requestOptions']['headers']
+  forceResume?: boolean
+  proxy?: { host: string, port: number }
+  onCompleted?: () => void
+  onError?: (error: Error) => void
+  onFail?: (response: http.IncomingMessage) => void
+  onStart?: () => void
+  onStop?: () => void
+  onProgress?: (progress: LX.Download.ProgressInfo) => void
+}
+const noop = () => {}
+export const createDownload = ({
+  url,
+  path,
+  fileName,
+  method = 'get',
+  forceResume,
+  proxy,
+  // resumeTime = 5000,
+  onCompleted = noop,
+  onError = noop,
+  onFail = noop,
+  onStart = noop,
+  onStop = noop,
+  onProgress = noop,
+}: Options) => {
+  const dl = new Downloader(url, path, fileName, {
+    requestOptions: {
+      method,
+      headers: {
+        'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36',
+      },
+      agent: getRequestAgent(url, proxy),
+      timeout: 60 * 1000,
+    },
+
+    forceResume,
+  })
+
+  dl.on('completed', () => {
+    onCompleted()
+  }).on('error', (err: any) => {
+    if (err.message === 'socket hang up') return
+    onError(err)
+  }).on('start', () => {
+    onStart()
+    // pauseResumeTimer(dl, resumeTime)
+  }).on('progress', (stats) => {
+    const speed = sizeFormate(stats.speed)
+    onProgress({
+      progress: parseInt(stats.progress.toFixed(2)),
+      speed,
+      downloaded: stats.downloaded,
+      total: stats.total,
+    })
+    // if (debugDownload) {
+    //   const downloaded = sizeFormate(stats.downloaded)
+    //   const total = sizeFormate(stats.total)
+    //   console.log(`${speed}/s - ${progress}% [${downloaded}/${total}]`)
+    // }
+  }).on('stop', () => {
+    onStop()
+    // debugDownload && console.log('paused')
+  }).on('fail', resp => {
+    onFail(resp)
+    // debugDownload && console.log('fail')
+  })
+
+  // debugDownload && console.log('Downloading: ', url)
+
+  dl.start().catch(err => {
+    onError(err)
+  })
+
+  return dl
+}
+
+export type DownloaderType = Downloader
@@ -0,0 +1,73 @@
+import { URL } from 'url'
+import http from 'http'
+import https from 'https'
+
+export interface Options {
+  method: 'get' | 'head' | 'delete' | 'patch' | 'post' | 'put'
+  params?: Record<string, string>
+  // body?: Record<string, string>
+  headers?: Record<string, string>
+  timeout?: number
+  agent?: http.Agent
+}
+
+const defaultOptions: Options = {
+  method: 'get',
+}
+
+type HttpCallback = (res: http.IncomingMessage) => void
+
+const sendRequest = (url: string, options: Options, callback?: HttpCallback) => {
+  const urlParse = new URL(url)
+  const httpOptions: http.RequestOptions | https.RequestOptions = {
+    host: urlParse.hostname,
+    port: urlParse.port,
+    path: urlParse.pathname + urlParse.search,
+    method: options.method,
+  }
+
+  if (options.params) {
+    (httpOptions.path as string) += `${urlParse.search ? '&' : '?'}${Object.entries(options.params)
+      .map(([key, value]) => `${key}=${encodeURIComponent(value)}`)
+      .join('&')}`
+  }
+
+  if (options.headers) httpOptions.headers = { ...options.headers }
+
+  if (options.agent) httpOptions.agent = options.agent
+
+  return urlParse.protocol == 'https:'
+    ? https.request(httpOptions, callback)
+    : http.request(httpOptions, callback)
+}
+
+const applyTimeout = (request: http.ClientRequest, time: number) => {
+  let timeout: NodeJS.Timeout | null = setTimeout(() => {
+    timeout = null
+    if (request.destroyed) return
+    request.destroy(new Error('Request timeout'))
+  }, time)
+  request.on('response', () => {
+    if (!timeout) return
+    clearTimeout(timeout)
+    timeout = null
+  })
+}
+
+// const isRequireRedirect = (response: http.IncomingMessage) => {
+//   return response.statusCode &&
+//     response.statusCode > 300 &&
+//     response.statusCode < 400 &&
+//     Object.hasOwn(response.headers, 'location') &&
+//     response.headers.location
+// }
+
+// export function request(url: string, callback: HttpCallback)
+// export function request(url: string, options: Partial<Options>, callback: HttpCallback)
+export function request(url: string, _options: Partial<Options>, callback?: HttpCallback) {
+  let options: Options = { ...defaultOptions, ..._options }
+  const request = sendRequest(url, options, callback)
+  if (options.timeout) applyTimeout(request, options.timeout)
+  return request
+}
+
@@ -0,0 +1,26 @@
+import { httpOverHttp, httpsOverHttp } from 'tunnel'
+
+export const STATUS = {
+  idle: 'IDLE',
+  init: 'INIT',
+  running: 'RUNNING',
+  paused: 'PAUSED',
+  stopped: 'STOPPED',
+  completed: 'COMPLETED',
+  error: 'ERROR',
+  failed: 'FAILED',
+} as const
+
+const httpsRxp = /^https:/
+export const getRequestAgent = (url: string, proxy?: { host: string, port: number }) => {
+  let options
+  if (proxy) {
+    options = {
+      proxy: {
+        host: proxy.host,
+        port: proxy.port,
+      },
+    }
+  }
+  return options ? (httpsRxp.test(url) ? httpsOverHttp : httpOverHttp)(options) : undefined
+}
@@ -0,0 +1,38 @@
+import { shell, clipboard } from 'electron'
+
+
+/**
+ * 在资源管理器中打开目录
+ * @param {string} dir
+ */
+export const openDirInExplorer = (dir: string) => {
+  shell.showItemInFolder(dir)
+}
+
+
+/**
+ * 在浏览器打开URL
+ * @param {*} url
+ */
+export const openUrl = async(url: string) => {
+  if (!/^https?:\/\//.test(url)) return
+  await shell.openExternal(url)
+}
+
+
+/**
+ * 复制文本到剪贴板
+ * @param str
+ */
+export const clipboardWriteText = (str: string) => {
+  clipboard.writeText(str)
+}
+
+/**
+ * 从剪贴板读取文本
+ * @returns
+ */
+export const clipboardReadText = (): string => {
+  return clipboard.readText()
+}
+
@@ -0,0 +1,40 @@
+import log from 'electron-log'
+
+log.transports.file.level = 'info'
+
+export const isLinux = process.platform == 'linux'
+export const isWin = process.platform == 'win32'
+export const isMac = process.platform == 'darwin'
+export const isProd = process.env.NODE_ENV == 'production'
+
+
+// https://stackoverflow.com/a/53387532
+export function compareVer(currentVer: string, targetVer: string): -1 | 0 | 1 {
+  // treat non-numerical characters as lower version
+  // replacing them with a negative number based on charcode of each character
+  const fix = (s: string) => `.${s.toLowerCase().charCodeAt(0) - 2147483647}.`
+
+  const currentVerArr: Array<string | number> = ('' + currentVer).replace(/[^0-9.]/g, fix).split('.')
+  const targetVerArr: Array<string | number> = ('' + targetVer).replace(/[^0-9.]/g, fix).split('.')
+  let c = Math.max(currentVerArr.length, targetVerArr.length)
+  for (let i = 0; i < c; i++) {
+    // convert to integer the most efficient way
+    currentVerArr[i] = ~~currentVerArr[i]
+    targetVerArr[i] = ~~targetVerArr[i]
+    if (currentVerArr[i] > targetVerArr[i]) return 1
+    else if (currentVerArr[i] < targetVerArr[i]) return -1
+  }
+  return 0
+}
+
+export const encodePath = (path: string) => {
+  // https://github.com/lyswhut/lx-music-desktop/issues/963
+  return path.replaceAll('%', '%25')
+}
+
+
+export {
+  log,
+}
+
+export * from './common'
@@ -0,0 +1,356 @@
+const { getNow, TimeoutTools } = require('./utils')
+
+// const fontFormateRxp = /(?=<\d+,\d+>).*?/g
+const fontSplitRxp = /(?=<\d+,\d+>).*?/g
+const timeRxpAll = /<(\d+),(\d+)>/g
+const timeRxp = /<(\d+),(\d+)>/
+
+
+// Create animation
+const createAnimation = (dom, duration, isVertical) => new window.Animation(new window.KeyframeEffect(dom, isVertical
+  ? [
+      { backgroundSize: '100% 0' },
+      { backgroundSize: '100% 100%' },
+    ]
+  : [
+      { backgroundSize: '0 100%' },
+      { backgroundSize: '100% 100%' },
+    ], {
+  duration,
+  easing: 'linear',
+},
+), document.timeline)
+
+
+// https://jsfiddle.net/ceqpnbky/
+// https://jsfiddle.net/ceqpnbky/1/
+
+module.exports = class FontPlayer {
+  constructor({
+    time = 0,
+    lyric = '',
+    lineContentClassName = 'line-content',
+    lineClassName = 'line',
+    shadowClassName = 'shadow',
+    fontModeClassName = 'font-mode',
+    lineModeClassName = 'line-mode',
+    fontLrcClassName = 'font-lrc',
+    extendedLrcClassName = 'extended',
+    shadowContent = false,
+    extendedLyrics = [],
+    isVertical = false,
+  }) {
+    this.time = time
+    this.lyric = lyric
+
+    this.isVertical = isVertical
+
+    this.lineContentClassName = lineContentClassName
+    this.lineClassName = lineClassName
+
+    this.shadowContent = shadowContent
+    this.shadowClassName = shadowClassName
+
+    this.extendedLyrics = extendedLyrics
+    this.fontModeClassName = fontModeClassName
+    this.fontLrcClassName = fontLrcClassName
+    this.extendedLrcClassName = extendedLrcClassName
+    this.lineModeClassName = lineModeClassName
+
+
+    this.isPlay = false
+    this.curFontNum = 0
+    this.maxFontNum = 0
+    this._performanceTime = 0
+    this._startTime = 0
+
+    this.lineContent = null
+
+    this.timeoutTools = new TimeoutTools(80)
+    this.waitPlayTimeout = new TimeoutTools(80)
+
+    this._init()
+  }
+
+  _init() {
+    if (this.lyric == null) this.lyric = ''
+
+    this.isLineMode = false
+
+    this.lineContent = document.createElement('div')
+    this.lineContent.time = this.time
+    this.lineContent.className = this.lineContentClassName
+
+    this.line = document.createElement('div')
+    this.line.style = 'position:relative;display:inline-block;'
+    this.line.className = this.lineClassName
+    this.lineContent.appendChild(this.line)
+
+    this.lrcContent = document.createElement('div')
+    this.lrcContent.className = this.fontLrcClassName
+    // if (this.shadowContent) {
+    //   this.lrcShadowContent = document.createElement('div')
+    //   this.lrcShadowContent.style = 'position:absolute;top:0;left:0;width:100%;z-index:-1;'
+    //   this.lrcShadowContent.className = this.shadowClassName
+    //   this.line.appendChild(this.lrcShadowContent)
+    // }
+    this.line.appendChild(this.lrcContent)
+
+    for (const lrc of this.extendedLyrics) {
+      const extendedLrcContent = document.createElement('div')
+      extendedLrcContent.style = 'position:relative;display:inline-block;'
+      extendedLrcContent.className = this.extendedLrcClassName
+      this.lineContent.appendChild(document.createElement('br'))
+      this.lineContent.appendChild(extendedLrcContent)
+
+
+      // if (this.shadowContent) {
+      //   const extendedLrcShadowContent = document.createElement('div')
+      //   extendedLrcShadowContent.style = 'position:absolute;top:0;left:0;width:100%;z-index:-1;'
+      //   extendedLrcShadowContent.className = this.shadowClassName
+      //   extendedLrcShadowContent.textContent = lrc
+      //   extendedLrcContent.appendChild(extendedLrcShadowContent)
+      // }
+
+      const lineContent = document.createElement('div')
+      lineContent.className = this.fontLrcClassName
+      lineContent.textContent = lrc.replace(timeRxpAll, '')
+      extendedLrcContent.appendChild(lineContent)
+    }
+    this._parseLyric()
+  }
+
+  _parseLyric() {
+    const fonts = this.lyric.split(fontSplitRxp)
+    // console.log(fonts)
+
+    this.maxFontNum = fonts.length - 1
+    this.fonts = []
+    let text
+    // let lineText = ''
+    let lrcShadowContent
+    for (const font of fonts) {
+      text = font.replace(timeRxp, '')
+      if (RegExp.$2 == '') return this._handleLineParse()
+      const time = parseInt(RegExp.$2)
+
+      const dom = document.createElement('span')
+      dom.textContent = text
+      const animation = createAnimation(dom, time, this.isVertical)
+      this.lrcContent.appendChild(dom)
+      // lineText += text
+
+      if (this.shadowContent) {
+        if (!lrcShadowContent) lrcShadowContent = document.createElement('div')
+        const shadowDom = document.createElement('span')
+        shadowDom.textContent = text
+        lrcShadowContent.appendChild(shadowDom)
+      }
+      // dom.style = shadowDom.style = this.fontStyle
+      // dom.className = shadowDom.className = this.fontClassName
+
+      this.fonts.push({
+        text,
+        startTime: parseInt(RegExp.$1),
+        time,
+        dom,
+        animation,
+      })
+    }
+
+    if (this.shadowContent && lrcShadowContent) {
+      lrcShadowContent.style = 'position:absolute;top:0;left:0;width:100%;z-index:-1;'
+      lrcShadowContent.className = this.shadowClassName
+      this.line.appendChild(lrcShadowContent)
+    }
+
+    this.line.appendChild(this.lrcContent)
+    this.fonts.at(-1)?.animation.addEventListener('finish', () => {
+      this.lineContent.classList.add('played')
+      this.isPlay = false
+    })
+    this.lineContent.classList.add(this.fontModeClassName)
+    // if (this.shadowContent) this.lrcShadowContent.textContent = lineText
+    // console.log(this.fonts)
+  }
+
+  _handleLineParse() {
+    this.isLineMode = true
+    this.lineContent.classList.add(this.lineModeClassName)
+    this.lrcContent.textContent = this.lyric
+
+    // if (this.shadowContent) this.lrcShadowContent.textContent = this.lyric
+    this.fonts.push({
+      text: this.lyric,
+    })
+  }
+
+  _currentTime() {
+    return getNow() - this._performanceTime + this._startTime
+  }
+
+  _findcurFontNum(curTime, startIndex = 0) {
+    const length = this.fonts.length
+    for (let index = startIndex; index < length; index++) if (curTime < this.fonts[index].startTime) return index == 0 ? 0 : index - 1
+    return length - 1
+  }
+
+  _handlePlayMaxFontNum() {
+    let curFont = this.fonts[this.curFontNum]
+    // console.log(curFont.text)
+    const currentTime = this._currentTime()
+    const driftTime = currentTime - curFont.startTime
+    if (currentTime > curFont.startTime + curFont.time) {
+      this._handlePlayFont(curFont, driftTime, true)
+      this.lineContent.classList.add('played')
+      this.isPlay = false
+      this.pause()
+    } else {
+      this._handlePlayFont(curFont, driftTime)
+    }
+  }
+
+  _handlePlayFont(font, currentTime, toFinishe) {
+    switch (font.animation.playState) {
+      case 'finished':
+        break
+      case 'idle':
+        font.dom.style.backgroundSize = '100% 100%'
+        if (!toFinishe) font.animation.play()
+        break
+      default:
+        if (toFinishe) {
+          font.animation.cancel()
+        } else {
+          font.animation.currentTime = currentTime
+          font.animation.play()
+        }
+        break
+    }
+  }
+
+  _handlePlayLine(isPlayed) {
+    this.isPlay = false
+    if (isPlayed) {
+      this.lineContent.classList.add('played')
+    } else {
+      this.lineContent.classList.remove('played')
+    }
+    // this.fonts[0].dom.style.backgroundSize = isPlayed ? '100% 100%' : '100% 0'
+  }
+
+  _handlePauseFont(font) {
+    if (font.animation.playState == 'running') font.animation.pause()
+  }
+
+  _refresh() {
+    this.curFontNum++
+    // console.log('curFontNum time', this.fonts[this.curFontNum].time)
+    if (this.curFontNum >= this.maxFontNum) return this._handlePlayMaxFontNum()
+    let curFont = this.fonts[this.curFontNum]
+    // console.log(curFont, nextFont, this.curFontNum, this.maxFontNum)
+    const currentTime = this._currentTime()
+    // console.log(curFont.text)
+    const driftTime = currentTime - curFont.startTime
+
+    // console.log(currentTime, driftTime)
+
+    if (driftTime >= 0 || this.curFontNum == 0) {
+      let nextFont = this.fonts[this.curFontNum + 1]
+      this.delay = nextFont.startTime - curFont.startTime - driftTime
+      if (this.delay > 0) {
+        if (this.isPlay) {
+          this.timeoutTools.start(() => {
+            if (!this.isPlay) return
+            this._refresh()
+          }, this.delay)
+        }
+        this._handlePlayFont(curFont, driftTime)
+        return
+      } else {
+        let newCurLineNum = this._findcurFontNum(currentTime, this.curFontNum + 1)
+        if (newCurLineNum > this.curFontNum) this.curFontNum = newCurLineNum - 1
+        for (let i = 0; i <= this.curFontNum; i++) this._handlePlayFont(this.fonts[i], 0, true)
+        this._refresh()
+        return
+      }
+    } else if (this.curFontNum == 0) {
+      this.curFontNum--
+      if (this.isPlay) {
+        this.waitPlayTimeout.start(() => {
+          if (!this.isPlay) return
+          this._refresh()
+        }, -driftTime)
+      }
+      return
+    }
+
+    this.curFontNum = this._findcurFontNum(currentTime, this.curFontNum) - 1
+    for (let i = 0; i <= this.curFontNum; i++) this._handlePlayFont(this.fonts[i], 0, true)
+    // this.curFontNum--
+    this._refresh()
+  }
+
+  play(curTime = 0) {
+    // console.log('play', curTime)
+    if (!this.fonts.length) return
+    this.pause()
+
+    if (this.isLineMode) return this._handlePlayLine(true)
+    this.lineContent.classList.remove('played')
+    this.isPlay = true
+    this._performanceTime = getNow()
+    this._startTime = curTime
+
+    this.curFontNum = this._findcurFontNum(curTime)
+
+    for (let i = this.curFontNum; i > -1; i--) {
+      this._handlePlayFont(this.fonts[i], 0, true)
+    }
+    for (let i = this.curFontNum, len = this.fonts.length; i < len; i++) {
+      let font = this.fonts[i]
+      font.animation.cancel()
+      font.dom.style.backgroundSize = '0 100%'
+    }
+
+    this.curFontNum--
+
+    this._refresh()
+  }
+
+  pause() {
+    if (!this.isPlay) return
+    this.isPlay = false
+    this.timeoutTools.clear()
+    this.waitPlayTimeout.clear()
+    this._handlePauseFont(this.fonts[this.curFontNum])
+    if (this.curFontNum === this.maxLine) return
+    const curFontNum = this._findcurFontNum(this._currentTime())
+    if (this.curFontNum === curFontNum) return
+    for (let i = 0; i < this.curFontNum; i++) this._handlePlayFont(this.fonts[i], 0, true)
+  }
+
+  finish() {
+    this.pause()
+    if (this.isLineMode) return this._handlePlayLine(true)
+    this.lineContent.classList.add('played')
+
+    for (const font of this.fonts) {
+      font.animation.cancel()
+      font.dom.style.backgroundSize = '100% 100%'
+    }
+    this.curFontNum = this.maxFontNum
+  }
+
+  reset() {
+    this.pause()
+    if (this.isLineMode) return this._handlePlayLine(false)
+    this.lineContent.classList.remove('played')
+    for (const font of this.fonts) {
+      font.animation.cancel()
+      font.dom.style.backgroundSize = '0 100%'
+    }
+    this.curFontNum = 0
+  }
+}
+
@@ -0,0 +1,212 @@
+const LinePlayer = require('./line-player')
+const FontPlayer = require('./font-player')
+
+const fontTimeExp = /<(\d+),(\d+)>/g
+
+module.exports = class Lyric {
+  constructor({
+    lyric = '',
+    extendedLyrics = [],
+    offset = 0,
+    lineContentClassName = 'line-content',
+    lineClassName = 'line',
+    shadowClassName = 'shadow',
+    fontModeClassName = 'font-mode',
+    lineModeClassName = 'line-mode',
+    fontLrcClassName = 'font-lrc',
+    extendedLrcClassName = 'extended',
+    activeLineClassName = 'active',
+    shadowContent = false,
+    isVertical = false,
+    onPlay = function(line, text) { },
+    onSetLyric = function(lines, offset) { },
+    onUpdateLyric = function(lines) { },
+  }) {
+    this.lyric = lyric
+    this.extendedLyrics = extendedLyrics
+    this.offset = offset
+    this.onPlay = onPlay
+    this.onSetLyric = onSetLyric
+    this.onUpdateLyric = onUpdateLyric
+
+    this.lineContentClassName = lineContentClassName
+    this.lineClassName = lineClassName
+    this.shadowClassName = shadowClassName
+    this.fontModeClassName = fontModeClassName
+    this.lineModeClassName = lineModeClassName
+    this.fontLrcClassName = fontLrcClassName
+    this.extendedLrcClassName = extendedLrcClassName
+    this.activeLineClassName = activeLineClassName
+    this.shadowContent = shadowContent
+
+    this.isVertical = isVertical
+    this.playingLineNum = -1
+    this.isLineMode = false
+
+    this.initInfo = {
+      lines: [],
+      offset: 0,
+    }
+
+    this.linePlayer = new LinePlayer({
+      offset: this.offset,
+      onPlay: this._handleLinePlayerOnPlay,
+      onSetLyric: this._handleLinePlayerOnSetLyric,
+    })
+  }
+
+  _init() {
+    this.playingLineNum = -1
+    this.isLineMode = false
+
+    this.linePlayer.setLyric(this.lyric, this.extendedLyrics)
+  }
+
+  _handleLinePlayerOnPlay = (num, text, curTime) => {
+    if (this.isLineMode) {
+      if (num < this.playingLineNum + 1) {
+        for (let i = this.playingLineNum; i > num - 1; i--) {
+          const font = this._lineFonts[i]
+          font.reset()
+          font.lineContent.classList.remove(this.activeLineClassName)
+        }
+      } else if (num > this.playingLineNum) {
+        for (let i = Math.max(this.playingLineNum, 0); i < num; i++) {
+          const font = this._lineFonts[i]
+          font.reset()
+          font.lineContent.classList.remove(this.activeLineClassName)
+        }
+      } else if (this.playingLineNum > -1) {
+        const font = this._lineFonts[this.playingLineNum]
+        font.reset()
+        font.lineContent.classList.remove(this.activeLineClassName)
+      }
+    } else {
+      if (num < this.playingLineNum + 1) {
+        for (let i = this.playingLineNum; i > num - 1; i--) {
+          const font = this._lineFonts[i]
+          font.lineContent.classList.remove(this.activeLineClassName)
+          font.reset()
+        }
+      } else if (num > this.playingLineNum) {
+        for (let i = Math.max(this.playingLineNum, 0); i < num; i++) {
+          const font = this._lineFonts[i]
+          font.lineContent.classList.remove(this.activeLineClassName)
+          font.finish()
+        }
+      } else if (this.playingLineNum > -1) {
+        const font = this._lineFonts[this.playingLineNum]
+        font.lineContent.classList.remove(this.activeLineClassName)
+      }
+    }
+    this.playingLineNum = num
+    const font = this._lineFonts[num]
+    font.lineContent.classList.add(this.activeLineClassName)
+    font.play(curTime - this._lines[num].time)
+    this.onPlay(num, this._lines[num].text)
+  }
+
+  _initLines = (lyricLines, offset, isUpdate) => {
+    // console.log(lyricLines)
+    // this._lines = lyricsLines
+    this.isLineMode = lyricLines.length && !/^<\d+,\d+>/.test(lyricLines[0].text)
+
+    this._lineFonts = []
+    if (this.isLineMode) {
+      this._lines = lyricLines.map(line => {
+        const fontPlayer = new FontPlayer({
+          time: line.time,
+          lyric: line.text,
+          extendedLyrics: line.extendedLyrics,
+          lineContentClassName: this.lineContentClassName,
+          lineClassName: this.lineClassName,
+          shadowClassName: this.shadowClassName,
+          fontModeClassName: this.fontModeClassName,
+          lineModeClassName: this.lineModeClassName,
+          fontLrcClassName: this.fontLrcClassName,
+          extendedLrcClassName: this.extendedLrcClassName,
+          shadowContent: this.shadowContent,
+          isVertical: this.isVertical,
+        })
+
+        this._lineFonts.push(fontPlayer)
+        return {
+          text: line.text,
+          time: line.time,
+          extendedLyrics: line.extendedLyrics,
+          dom_line: fontPlayer.lineContent,
+        }
+      })
+    } else {
+      this._lines = lyricLines.map(line => {
+        const fontPlayer = new FontPlayer({
+          time: line.time,
+          lyric: line.text,
+          extendedLyrics: line.extendedLyrics,
+          lineContentClassName: this.lineContentClassName,
+          lineClassName: this.lineClassName,
+          shadowClassName: this.shadowClassName,
+          fontModeClassName: this.fontModeClassName,
+          lineModeClassName: this.lineModeClassName,
+          fontLrcClassName: this.fontLrcClassName,
+          extendedLrcClassName: this.extendedLrcClassName,
+          shadowContent: this.shadowContent,
+          isVertical: this.isVertical,
+        })
+
+        this._lineFonts.push(fontPlayer)
+        return {
+          text: line.text.replace(fontTimeExp, ''),
+          time: line.time,
+          extendedLyrics: line.extendedLyrics,
+          dom_line: fontPlayer.lineContent,
+        }
+      })
+    }
+
+    // 如果是逐行歌词，则添加 60ms 的偏移
+    let newOffset = this.isLineMode ? this.offset + 60 : this.offset
+    offset = offset - this.linePlayer.offset + newOffset
+    this.linePlayer.offset = newOffset
+    if (isUpdate) this.onUpdateLyric(this._lines)
+    else this.onSetLyric(this._lines, offset)
+  }
+
+  _handleLinePlayerOnSetLyric = (lyricLines, offset) => {
+    this._initLines(lyricLines, offset, false)
+    this.playingLineNum = 0
+    this.initInfo.lines = lyricLines
+    this.initInfo.offset = offset
+  }
+
+  play(curTime) {
+    if (!this.linePlayer) return
+    this.linePlayer.play(curTime)
+  }
+
+  pause() {
+    if (!this.linePlayer) return
+    this.linePlayer.pause()
+    if (this.playingLineNum > -1) this._lineFonts[this.playingLineNum]?.pause()
+  }
+
+  setOffset(offset) {
+    this.linePlayer.offset = offset
+  }
+
+  setLyric(lyric, extendedLyrics) {
+    this.lyric = lyric
+    this.extendedLyrics = extendedLyrics
+    this._init()
+  }
+
+  setVertical(isVertical) {
+    this.isVertical = isVertical
+    this._initLines(this.initInfo.lines, this.initInfo.offset, true)
+    if (this.linePlayer.isPlay) {
+      const num = this.playingLineNum
+      this.playingLineNum = 0
+      this._handleLinePlayerOnPlay(num, '', this.linePlayer._currentTime())
+    } else this.playingLineNum = 0
+  }
+}
@@ -0,0 +1,199 @@
+const { getNow, TimeoutTools } = require('./utils')
+
+const timeFieldExp = /^(?:\[[\d:.]+\])+/g
+const timeExp = /[\d:.]+/g
+const tagRegMap = {
+  title: 'ti',
+  artist: 'ar',
+  album: 'al',
+  offset: 'offset',
+  by: 'by',
+}
+
+const timeoutTools = new TimeoutTools()
+
+const parseExtendedLyric = (lrcLinesMap, extendedLyric) => {
+  const extendedLines = extendedLyric.split(/\r\n|\n|\r/)
+  for (let i = 0; i < extendedLines.length; i++) {
+    const line = extendedLines[i].trim()
+    let result = timeFieldExp.exec(line)
+    if (result) {
+      const timeField = result[0]
+      const text = line.replace(timeFieldExp, '').trim()
+      if (text) {
+        const times = timeField.match(timeExp)
+        if (times == null) continue
+        for (const time of times) {
+          const timeStr = time.replace(/(\.\d\d)0$/, '$1')
+          const targetLine = lrcLinesMap[timeStr]
+          if (targetLine) targetLine.extendedLyrics.push(text)
+        }
+      }
+    }
+  }
+}
+
+module.exports = class LinePlayer {
+  constructor({ offset = 0, onPlay = function() { }, onSetLyric = function() { } } = {}) {
+    this.tags = {}
+    this.lines = null
+    this.onPlay = onPlay
+    this.onSetLyric = onSetLyric
+    this.isPlay = false
+    this.curLineNum = 0
+    this.maxLine = 0
+    this.offset = offset
+    this._performanceTime = 0
+    this._startTime = 0
+  }
+
+  _init() {
+    if (this.lyric == null) this.lyric = ''
+    if (this.extendedLyrics == null) this.extendedLyrics = []
+    this._initTag()
+    this._initLines()
+    this.onSetLyric(this.lines, this.tags.offset + this.offset)
+  }
+
+  _initTag() {
+    this.tags = {}
+    for (let tag in tagRegMap) {
+      const matches = this.lyric.match(new RegExp(`\\[${tagRegMap[tag]}:([^\\]]*)]`, 'i'))
+      this.tags[tag] = (matches && matches[1]) || ''
+    }
+    if (this.tags.offset) {
+      let offset = parseInt(this.tags.offset)
+      this.tags.offset = Number.isNaN(offset) ? 0 : offset
+    } else {
+      this.tags.offset = 0
+    }
+  }
+
+  _initLines() {
+    this.lines = []
+    const lines = this.lyric.split(/\r\n|\r|\n/)
+    const linesMap = {}
+    for (let i = 0; i < lines.length; i++) {
+      const line = lines[i].trim()
+      let result = timeFieldExp.exec(line)
+      if (result) {
+        const timeField = result[0]
+        const text = line.replace(timeFieldExp, '').trim()
+        if (text) {
+          const times = timeField.match(timeExp)
+          if (times == null) continue
+          for (const time of times) {
+            const timeStr = time.replace(/(\.\d\d)0$/, '$1')
+            if (linesMap[timeStr]) {
+              linesMap[timeStr].extendedLyrics.push(text)
+              continue
+            }
+            const timeArr = timeStr.split(':')
+            if (timeArr.length < 3) timeArr.unshift(0)
+            if (timeArr[2].indexOf('.') > -1) {
+              timeArr.push(...timeArr[2].split('.'))
+              timeArr.splice(2, 1)
+            }
+            linesMap[timeStr] = {
+              time: parseInt(timeArr[0]) * 60 * 60 * 1000 + parseInt(timeArr[1]) * 60 * 1000 + parseInt(timeArr[2]) * 1000 + parseInt(timeArr[3] || 0),
+              text,
+              extendedLyrics: [],
+            }
+          }
+        }
+      }
+    }
+
+    for (const lrc of this.extendedLyrics) parseExtendedLyric(linesMap, lrc)
+    this.lines = Object.values(linesMap)
+    this.lines.sort((a, b) => {
+      return a.time - b.time
+    })
+    this.maxLine = this.lines.length - 1
+  }
+
+  _currentTime() {
+    return getNow() - this._performanceTime + this._startTime
+  }
+
+  _findCurLineNum(curTime, startIndex = 0) {
+    if (curTime <= 0) return 0
+    const length = this.lines.length
+    for (let index = startIndex; index < length; index++) if (curTime <= this.lines[index].time) return index === 0 ? 0 : index - 1
+    return length - 1
+  }
+
+  _handleMaxLine() {
+    this.onPlay(this.curLineNum, this.lines[this.curLineNum].text, this._currentTime())
+    this.pause()
+  }
+
+  _refresh() {
+    this.curLineNum++
+    // console.log('curLineNum time', this.lines[this.curLineNum].time)
+    if (this.curLineNum >= this.maxLine) return this._handleMaxLine()
+
+    let curLine = this.lines[this.curLineNum]
+
+    const currentTime = this._currentTime()
+    const driftTime = currentTime - curLine.time
+
+    if (driftTime >= 0 || this.curLineNum === 0) {
+      let nextLine = this.lines[this.curLineNum + 1]
+      this.delay = nextLine.time - curLine.time - driftTime
+
+      if (this.delay > 0) {
+        if (this.isPlay) {
+          timeoutTools.start(() => {
+            if (!this.isPlay) return
+            this._refresh()
+          }, this.delay)
+        }
+        this.onPlay(this.curLineNum, curLine.text, currentTime)
+        return
+      } else {
+        let newCurLineNum = this._findCurLineNum(currentTime, this.curLineNum + 1)
+        if (newCurLineNum > this.curLineNum) this.curLineNum = newCurLineNum - 1
+        this._refresh()
+        return
+      }
+    }
+
+    this.curLineNum = this._findCurLineNum(currentTime, this.curLineNum) - 1
+    this._refresh()
+  }
+
+  play(curTime = 0) {
+    if (!this.lines.length) return
+    this.pause()
+    this.isPlay = true
+
+    this._performanceTime = getNow() - parseInt(this.tags.offset + this.offset)
+    this._startTime = curTime
+
+    this.curLineNum = this._findCurLineNum(this._currentTime()) - 1
+
+    this._refresh()
+  }
+
+  pause() {
+    if (!this.isPlay) return
+    this.isPlay = false
+    timeoutTools.clear()
+    if (this.curLineNum === this.maxLine) return
+    const currentTime = this._currentTime()
+    const curLineNum = this._findCurLineNum(currentTime)
+    if (this.curLineNum !== curLineNum) {
+      this.curLineNum = curLineNum
+      this.onPlay(curLineNum, this.lines[curLineNum].text, currentTime)
+    }
+  }
+
+  setLyric(lyric, extendedLyrics) {
+    // console.log(extendedLyrics)
+    if (this.isPlay) this.pause()
+    this.lyric = lyric
+    this.extendedLyrics = extendedLyrics
+    this._init()
+  }
+}
@@ -0,0 +1,50 @@
+
+const getNow = exports.getNow = typeof performance == 'object' && window.performance.now ? window.performance.now.bind(window.performance) : Date.now.bind(Date)
+
+exports.TimeoutTools = class TimeoutTools {
+  constructor(thresholdTime = 200) {
+    this.invokeTime = 0
+    this.animationFrameId = null
+    this.timeoutId = null
+    this.callback = null
+    this.thresholdTime = thresholdTime
+  }
+
+  run() {
+    this.animationFrameId = window.requestAnimationFrame(() => {
+      this.animationFrameId = null
+      let diff = this.invokeTime - getNow()
+      // console.log('diff', diff)
+      if (diff > 0) {
+        if (diff < this.thresholdTime) return this.run()
+        return this.timeoutId = window.setTimeout(() => {
+          this.timeoutId = null
+          this.run()
+        }, diff - this.thresholdTime)
+      }
+
+      // console.log('diff', diff)
+      this.callback(diff)
+    })
+  }
+
+  start(callback = () => {}, timeout = 0) {
+    // console.log(timeout)
+    this.callback = callback
+    this.invokeTime = getNow() + timeout
+
+    this.run()
+  }
+
+  clear() {
+    if (this.animationFrameId) {
+      window.cancelAnimationFrame(this.animationFrameId)
+      this.animationFrameId = null
+    }
+    if (this.timeoutId) {
+      window.clearTimeout(this.timeoutId)
+      this.timeoutId = null
+    }
+  }
+}
+
@@ -0,0 +1,139 @@
+import { compareVer } from './index'
+
+const oldThemeMap = {
+  0: 'green',
+  1: 'blue',
+  2: 'yellow',
+  3: 'orange',
+  4: 'red',
+  10: 'pink',
+  5: 'purple',
+  6: 'grey',
+  11: 'ming',
+  12: 'blue2',
+  13: 'black',
+  7: 'mid_autumn',
+  8: 'naruto',
+  9: 'happy_new_year',
+} as const
+
+export default (setting: any): Partial<LX.AppSetting> => {
+  setting = { ...setting }
+
+  // 迁移 v2 之前的配置
+  if (compareVer(setting.version, '2.0.0') < 0) {
+    // 迁移列表滚动位置设置 ~0.18.3
+    if (setting.list.scroll) {
+      let scroll = setting.list.scroll
+      if (setting.list?.isSaveScrollLocation) setting.list.isSaveScrollLocation = scroll.enable
+      delete setting.list.scroll
+    }
+
+    // 修正拼写问题 v1.8.2 及以前
+    if (setting.player.isShowLyricTransition != null) {
+      setting.player.isShowLyricTranslation = setting.player.isShowLyricTransition
+      delete setting.player.isShowLyricTransition
+    }
+
+    // 迁移v1.19.0之前的主题设置
+    if (setting.themeId != null) {
+      setting.theme = {
+        id: setting.themeId,
+      }
+      delete setting.themeId
+    }
+
+    setting.tray.enable = setting.tray.isShow
+
+    setting['common.windowSizeId'] = setting.windowSizeId
+    setting['common.startInFullscreen'] = setting.startInFullscreen
+    setting['common.langId'] = setting.langId
+    setting['common.apiSource'] = setting.apiSource
+    setting['common.sourceNameType'] = setting.sourceNameType
+    setting['common.font'] = setting.font
+    setting['common.isShowAnimation'] = setting.isShowAnimation
+    setting['common.randomAnimate'] = setting.randomAnimate
+    setting['common.isAgreePact'] = setting.isAgreePact
+    setting['common.controlBtnPosition'] = setting.controlBtnPosition
+
+    setting['player.togglePlayMethod'] = setting.player.togglePlayMethod
+    setting['player.highQuality'] = setting.player.highQuality
+    setting['player.isShowTaskProgess'] = setting.player.isShowTaskProgess
+    setting['player.volume'] = setting.player.volume
+    setting['player.isMute'] = setting.player.isMute
+    setting['player.mediaDeviceId'] = setting.player.mediaDeviceId
+    setting['player.isMediaDeviceRemovedStopPlay'] = setting.player.isMediaDeviceRemovedStopPlay
+    setting['player.isShowLyricTranslation'] = setting.player.isShowLyricTranslation
+    setting['player.isShowLyricRoma'] = setting.player.isShowLyricRoma
+    setting['player.isS2t'] = setting.player.isS2t
+    setting['player.isPlayLxlrc'] = setting.player.isPlayLxlrc
+    setting['player.isSavePlayTime'] = setting.player.isSavePlayTime
+    setting['player.audioVisualization'] = setting.player.audioVisualization
+    setting['player.waitPlayEndStop'] = setting.player.waitPlayEndStop
+    setting['player.waitPlayEndStopTime'] = setting.player.waitPlayEndStopTime
+    setting['player.autoSkipOnError'] = setting.player.autoSkipOnError
+
+    setting['playDetail.isZoomActiveLrc'] = setting.playDetail.isZoomActiveLrc
+    setting['playDetail.isShowLyricProgressSetting'] = setting.playDetail.isShowLyricProgressSetting
+    setting['playDetail.style.fontSize'] = setting.playDetail.style.fontSize
+    setting['playDetail.style.align'] = setting.playDetail.style.align
+
+    setting['desktopLyric.enable'] = setting.desktopLyric.enable
+    setting['desktopLyric.isLock'] = setting.desktopLyric.isLock
+    setting['desktopLyric.isAlwaysOnTop'] = setting.desktopLyric.isAlwaysOnTop
+    setting['desktopLyric.isAlwaysOnTopLoop'] = setting.desktopLyric.isAlwaysOnTopLoop
+    setting['desktopLyric.width'] = setting.desktopLyric.width
+    setting['desktopLyric.height'] = setting.desktopLyric.height
+    setting['desktopLyric.x'] = setting.desktopLyric.x
+    setting['desktopLyric.y'] = setting.desktopLyric.y
+    setting['desktopLyric.isLockScreen'] = setting.desktopLyric.isLockScreen
+    setting['desktopLyric.isDelayScroll'] = setting.desktopLyric.isDelayScroll
+    setting['desktopLyric.isHoverHide'] = setting.desktopLyric.isHoverHide
+    setting['desktopLyric.style.font'] = setting.desktopLyric.style.font
+    setting['desktopLyric.style.fontSize'] = setting.desktopLyric.style.fontSize / 100 * 16
+    setting['desktopLyric.style.opacity'] = setting.desktopLyric.style.opacity
+    setting['desktopLyric.style.isZoomActiveLrc'] = setting.desktopLyric.style.isZoomActiveLrc
+
+    setting['list.isClickPlayList'] = setting.list.isClickPlayList
+    setting['list.isShowAlbumName'] = setting.list.isShowAlbumName
+    setting['list.isShowSource'] = setting.list.isShowSource
+    setting['list.isSaveScrollLocation'] = setting.list.isSaveScrollLocation
+    setting['list.addMusicLocationType'] = setting.list.addMusicLocationType
+
+    setting['download.enable'] = setting.download.enable
+    setting['download.savePath'] = setting.download.savePath
+    setting['download.fileName'] = setting.download.fileName
+    setting['download.maxDownloadNum'] = setting.download.maxDownloadNum
+    setting['download.isDownloadLrc'] = setting.download.isDownloadLrc
+    setting['download.lrcFormat'] = setting.download.lrcFormat
+    setting['download.isEmbedPic'] = setting.download.isEmbedPic
+    setting['download.isEmbedLyric'] = setting.download.isEmbedLyric
+    setting['download.isUseOtherSource'] = setting.download.isUseOtherSource
+
+    setting['search.isShowHotSearch'] = setting.search.isShowHotSearch
+    setting['search.isShowHistorySearch'] = setting.search.isShowHistorySearch
+    setting['search.isFocusSearchBox'] = setting.search.isFocusSearchBox
+
+    setting['network.proxy.enable'] = setting.network.proxy.enable
+    setting['network.proxy.host'] = setting.network.proxy.host
+    setting['network.proxy.port'] = setting.network.proxy.port
+    setting['network.proxy.username'] = setting.network.proxy.username
+    setting['network.proxy.password'] = setting.network.proxy.password
+
+    setting['tray.enable'] = setting.tray.enable
+    setting['tray.themeId'] = setting.tray.themeId
+
+
+    setting['sync.enable'] = setting.sync.enable
+    setting['sync.port'] = setting.sync.port
+
+    setting['theme.id'] = oldThemeMap[setting.theme.id as keyof typeof oldThemeMap]
+    setting['theme.lightId'] = oldThemeMap[setting.theme.lightId as keyof typeof oldThemeMap]
+    setting['theme.darkId'] = oldThemeMap[setting.theme.darkId as keyof typeof oldThemeMap]
+
+    setting['odc.isAutoClearSearchInput'] = setting.odc.isAutoClearSearchInput
+    setting['odc.isAutoClearSearchList'] = setting.odc.isAutoClearSearchList
+  }
+
+  return setting
+}
@@ -0,0 +1,71 @@
+const http = require('http')
+const https = require('https')
+const fs = require('fs')
+
+const sendRequest = (url) => {
+  const urlParse = new URL(url)
+  const httpOptions = {
+    method: 'get',
+    host: urlParse.hostname,
+    port: urlParse.port,
+    path: urlParse.pathname + urlParse.search,
+    headers: {
+      'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36',
+    },
+  }
+
+  // console.log(httpOptions)
+  return url.protocol === 'https:'
+    ? https.request(httpOptions)
+    : http.request(httpOptions)
+}
+
+module.exports = (url, filePath) => {
+  return new Promise((resolve) => {
+    sendRequest(url)
+      .on('response', response => {
+        // console.log(response.statusCode)
+        if (response.statusCode !== 200 && response.statusCode != 206) {
+          response.destroy(new Error('failed'))
+          return
+        }
+        response
+          .pipe(fs.createWriteStream(filePath))
+          .on('finish', () => {
+            // console.log('finish')
+            if (response.complete) {
+              // console.log('complete')
+              // meta.APIC = picPath
+              // handleWriteMeta(meta, filePath)
+              resolve(true)
+            } else {
+              resolve(false)
+              fs.unlink(filePath, err => {
+                if (err) console.log(err.message)
+              })
+            }
+          }).on('error', err => {
+            // console.log('response error')
+            if (err) console.log(err.message)
+            fs.unlink(filePath, err => {
+              if (err) console.log(err.message)
+            })
+            resolve(false)
+          })
+      })
+      .on('error', err => {
+        if (err) console.log(err.message)
+        // delete meta.APIC
+        // handleWriteMeta(meta, filePath)
+        resolve(false)
+      })
+      .end()
+  })
+}
+
+// const url = 'https://y.gtimg.cn/music/photo_new/T002R500x500M000000nfgwP0D6qxd.jpg'
+// // const url = 'http://p4.music.126.net/-U2K8GKlASCSXK0cRre1gA==/109951163188718762.jpg'
+// const picPath = require('path').join(__dirname, 'test.jpg')
+// module.exports(url, picPath).then((sucee) => {
+//   console.log(sucee)
+// })
@@ -0,0 +1,281 @@
+// Fork from https://github.com/claus/flac-metadata
+// 在 flac-metadata 的基础上修复与改进标签与封面写入逻辑
+
+
+const Transform = require('stream').Transform
+
+const MetaDataBlock = require('./lib/MetaDataBlock')
+const MetaDataBlockStreamInfo = require('./lib/MetaDataBlockStreamInfo')
+const MetaDataBlockVorbisComment = require('./lib/MetaDataBlockVorbisComment')
+const MetaDataBlockPicture = require('./lib/MetaDataBlockPicture')
+
+const STATE_IDLE = 0
+const STATE_MARKER = 1
+const STATE_MDB_HEADER = 2
+const STATE_MDB = 3
+const STATE_PASS_THROUGH = 4
+
+class Processor extends Transform {
+  constructor(options) {
+    super(options)
+    // MDB types
+    this.MDB_TYPE_STREAMINFO = 0
+    this.MDB_TYPE_PADDING = 1
+    this.MDB_TYPE_APPLICATION = 2
+    this.MDB_TYPE_SEEKTABLE = 3
+    this.MDB_TYPE_VORBIS_COMMENT = 4
+    this.MDB_TYPE_CUESHEET = 5
+    this.MDB_TYPE_PICTURE = 6
+    this.MDB_TYPE_INVALID = 127
+
+    this.state = STATE_IDLE
+
+    this.isFlac = false
+
+    this.buf = null
+    this.bufPos = 0
+
+    this.mdb = null
+    this.mdbLen = 0
+    this.mdbLast = false
+    this.mdbPush = false
+    this.mdbLastWritten = false
+
+    this.parseMetaDataBlocks = false
+
+    this.waitWriteVorbis = null
+    this.waitWritePicture = null
+    this.tasks = 0
+
+    if (!(this instanceof Processor)) return new Processor(options)
+    if (options && !!options.parseMetaDataBlocks) { this.parseMetaDataBlocks = true }
+  }
+
+  writeMeta({ vorbis, picture }) {
+    if (vorbis != null) {
+      this.waitWriteVorbis = vorbis
+      this.tasks++
+    }
+    if (picture != null) {
+      this.waitWritePicture = picture
+      this.tasks++
+    }
+  }
+
+  // clearMeta() {
+  //   this.mdbLastWritten = true
+  // }
+
+  readMeta(callback) {
+    this.parseMetaDataBlocks = true
+    this.readCallBack = callback
+  }
+
+  _transform(chunk, enc, done) {
+    let chunkPos = 0
+    let chunkLen = chunk.length
+    let isChunkProcessed = false
+    let _this = this
+
+    function _safePush(minCapacity, persist, validate) {
+      let slice
+      let chunkAvailable = chunkLen - chunkPos
+      let isDone = (chunkAvailable + this.bufPos >= minCapacity)
+      validate = (typeof validate === 'function') ? validate : function() { return true }
+      if (isDone) {
+        // Enough data available
+        if (persist) {
+          // Persist the entire block so it can be parsed
+          if (this.bufPos > 0) {
+            // Part of this block's data is in backup buffer, copy rest over
+            chunk.copy(this.buf, this.bufPos, chunkPos, chunkPos + minCapacity - this.bufPos)
+            slice = this.buf.slice(0, minCapacity)
+          } else {
+            // Entire block fits in current chunk
+            slice = chunk.slice(chunkPos, chunkPos + minCapacity)
+          }
+        } else {
+          slice = chunk.slice(chunkPos, chunkPos + minCapacity - this.bufPos)
+        }
+        // Push block after validation
+        validate(slice, isDone) && _this.push(slice)
+        chunkPos += minCapacity - this.bufPos
+        this.bufPos = 0
+        this.buf = null
+      } else {
+        // Not enough data available
+        if (persist) {
+          // Copy/append incomplete block to backup buffer
+          this.buf = this.buf || Buffer.alloc(minCapacity)
+          chunk.copy(this.buf, this.bufPos, chunkPos, chunkLen)
+        } else {
+          // Push incomplete block after validation
+          slice = chunk.slice(chunkPos, chunkLen)
+          validate(slice, isDone) && _this.push(slice)
+        }
+        this.bufPos += chunkLen - chunkPos
+      }
+      return isDone
+    };
+    let safePush = _safePush.bind(this)
+
+    while (!isChunkProcessed) {
+      switch (this.state) {
+        case STATE_IDLE:
+          this.state = STATE_MARKER
+          break
+        case STATE_MARKER:
+          if (safePush(4, true, this._validateMarker.bind(this))) {
+            this.state = this.isFlac ? STATE_MDB_HEADER : STATE_PASS_THROUGH
+          } else {
+            isChunkProcessed = true
+          }
+          break
+        case STATE_MDB_HEADER:
+          if (safePush(4, true, this._validateMDBHeader.bind(this))) {
+            this.state = STATE_MDB
+          } else {
+            isChunkProcessed = true
+          }
+          break
+        case STATE_MDB:
+          if (safePush(this.mdbLen, this.parseMetaDataBlocks, this._validateMDB.bind(this))) {
+            if (this.mdb.isLast) {
+              // This MDB has the isLast flag set to true.
+              // Ignore all following MDBs.
+              this.mdbLastWritten = true
+            }
+            this.readCallBack && this.readCallBack(this.mdb)
+            if (this.mdbLast) {
+              this._writeVorbisComment()
+              this._writePicture()
+              this.state = STATE_PASS_THROUGH
+            } else {
+              this.state = STATE_MDB_HEADER
+            }
+          } else {
+            isChunkProcessed = true
+          }
+          break
+        case STATE_PASS_THROUGH:
+          safePush(chunkLen - chunkPos, false)
+          isChunkProcessed = true
+          break
+      }
+    }
+
+    done()
+  }
+
+  _validateMarker(slice, isDone) {
+    this.isFlac = (slice.toString('utf8', 0) === 'fLaC')
+    // TODO: completely bail out if file is not a FLAC?
+    return true
+  }
+
+  _validateMDBHeader(slice, isDone) {
+    // Parse MDB header
+    let header = slice.readUInt32BE(0)
+    let type = (header >>> 24) & 0x7f
+    this.mdbLast = (((header >>> 24) & 0x80) !== 0)
+    this.mdbLen = header & 0xffffff
+    // Create appropriate MDB object
+    // (data is injected later in _validateMDB, if parseMetaDataBlocks option is set to true)
+    switch (type) {
+      case this.MDB_TYPE_STREAMINFO:
+        this.mdb = new MetaDataBlockStreamInfo(this.mdbLast)
+        break
+      case this.MDB_TYPE_VORBIS_COMMENT:
+        if (this.waitWriteVorbis) {
+          this._writeVorbisComment(slice, header)
+          this.mdbPush = false
+          return this.mdbPush
+        } else {
+          this.mdb = new MetaDataBlockVorbisComment(this.mdbLast)
+          this.readCallback && this.readCallback(this.mdb)
+        }
+        break
+      case this.MDB_TYPE_PICTURE:
+        if (this.waitWritePicture) {
+          this._writePicture(slice, header)
+          this.mdbPush = false
+          return this.mdbPush
+        } else {
+          this.mdb = new MetaDataBlockPicture(this.mdbLast)
+          this.readCallback && this.readCallback(this.mdb)
+        }
+        break
+      case this.MDB_TYPE_PADDING:
+      case this.MDB_TYPE_APPLICATION:
+      case this.MDB_TYPE_SEEKTABLE:
+      case this.MDB_TYPE_CUESHEET:
+      case this.MDB_TYPE_INVALID:
+      default:
+        this.mdb = new MetaDataBlock(this.mdbLast, type)
+        break
+    }
+
+    // this.emit('preprocess', this.mdb)
+
+    if (this.mdbLastWritten) {
+      // A previous MDB had the isLast flag set to true.
+      // Ignore all following MDBs.
+      this.mdb.remove()
+    } else {
+      if (this.mdbLast && this.tasks > 0) {
+        header &= 0x7fffffff
+        slice.writeUInt32BE(header >>> 0, 0)
+      }
+      // The consumer may change the MDB's isLast flag in the preprocess handler.
+      // Here that flag is updated in the MDB header.
+    }
+    this.mdbPush = !this.mdb.removed
+    return this.mdbPush
+  }
+
+  _validateMDB(slice, isDone) {
+    // Parse the MDB if parseMetaDataBlocks option is set to true
+    if (this.parseMetaDataBlocks && isDone) {
+      this.mdb.parse(slice)
+    }
+    return this.mdbPush
+  }
+
+  _flush(done) {
+    // All chunks have been processed
+    // Clean up
+    this.state = STATE_IDLE
+    this.mdbLastWritten = false
+    this.isFlac = false
+    this.bufPos = 0
+    this.buf = null
+    this.mdb = null
+    done()
+  }
+
+  _writeVorbisComment() {
+    if (this.waitWriteVorbis == null) return
+    let isLast = this.mdbLast && this.tasks === 1
+    this.tasks--
+    this.push(MetaDataBlockVorbisComment.create(isLast, this.waitWriteVorbis.vendor, this.waitWriteVorbis.comments).publish())
+    this.waitWriteVorbis = null
+  }
+
+  _writePicture() {
+    if (this.waitWritePicture == null) return
+    let isLast = this.mdbLast && this.tasks === 1
+    this.tasks--
+    this.push(
+      MetaDataBlockPicture.create(
+        isLast, this.waitWritePicture.pictureType,
+        this.waitWritePicture.mimeType, this.waitWritePicture.description,
+        this.waitWritePicture.width, this.waitWritePicture.height,
+        this.waitWritePicture.bitsPerPixel, this.waitWritePicture.colors,
+        this.waitWritePicture.pictureData,
+      ).publish(),
+    )
+    this.waitWritePicture = null
+  }
+}
+
+module.exports = Processor
@@ -0,0 +1,25 @@
+class MetaDataBlock {
+  constructor(isLast, type) {
+    this.isLast = isLast
+    this.type = type
+    this.error = null
+    this.hasData = false
+    this.removed = false
+  }
+
+  remove() {
+    this.removed = true
+  }
+
+  parse(buffer) {
+  }
+
+  toString() {
+    let str = '[MetaDataBlock]'
+    str += ' type: ' + this.type
+    str += ', isLast: ' + this.isLast
+    return str
+  }
+}
+
+module.exports = MetaDataBlock
@@ -0,0 +1,130 @@
+const MetaDataBlock = require('./MetaDataBlock')
+
+class MetaDataBlockPicture extends MetaDataBlock {
+  constructor(isLast) {
+    super(isLast, 6)
+
+    this.pictureType = 0
+    this.mimeType = ''
+    this.description = ''
+    this.width = 0
+    this.height = 0
+    this.bitsPerPixel = 0
+    this.colors = 0
+    this.pictureData = null
+  }
+
+  static create(isLast, pictureType, mimeType, description, width, height, bitsPerPixel, colors, pictureData) {
+    let mdb = new MetaDataBlockPicture(isLast)
+    mdb.pictureType = pictureType
+    mdb.mimeType = mimeType
+    mdb.description = description
+    mdb.width = width
+    mdb.height = height
+    mdb.bitsPerPixel = bitsPerPixel
+    mdb.colors = colors
+    mdb.pictureData = pictureData
+    mdb.hasData = true
+    return mdb
+  }
+
+
+  parse(buffer) {
+    try {
+      let pos = 0
+
+      this.pictureType = buffer.readUInt32BE(pos)
+      pos += 4
+
+      let mimeTypeLength = buffer.readUInt32BE(pos)
+      this.mimeType = buffer.toString('utf8', pos + 4, pos + 4 + mimeTypeLength)
+      pos += 4 + mimeTypeLength
+
+      let descriptionLength = buffer.readUInt32BE(pos)
+      this.description = buffer.toString('utf8', pos + 4, pos + 4 + descriptionLength)
+      pos += 4 + descriptionLength
+
+      this.width = buffer.readUInt32BE(pos)
+      this.height = buffer.readUInt32BE(pos + 4)
+      this.bitsPerPixel = buffer.readUInt32BE(pos + 8)
+      this.colors = buffer.readUInt32BE(pos + 12)
+      pos += 16
+
+      let pictureDataLength = buffer.readUInt32BE(pos)
+      this.pictureData = Buffer.alloc(pictureDataLength)
+      buffer.copy(this.pictureData, 0, pos + 4, pictureDataLength)
+
+      this.hasData = true
+    } catch (e) {
+      this.error = e
+      this.hasData = false
+    }
+  }
+
+  publish() {
+    let pos = 0
+    let size = this.getSize()
+    let buffer = Buffer.alloc(4 + size)
+
+    let header = size
+    header |= (this.type << 24)
+    header |= (this.isLast ? 0x80000000 : 0)
+    buffer.writeUInt32BE(header >>> 0, pos)
+    pos += 4
+
+    buffer.writeUInt32BE(this.pictureType, pos)
+    pos += 4
+
+    let mimeTypeLen = Buffer.byteLength(this.mimeType)
+    buffer.writeUInt32BE(mimeTypeLen, pos)
+    buffer.write(this.mimeType, pos + 4)
+    pos += 4 + mimeTypeLen
+
+    let descriptionLen = Buffer.byteLength(this.description)
+    buffer.writeUInt32BE(descriptionLen, pos)
+    buffer.write(this.description, pos + 4)
+    pos += 4 + descriptionLen
+
+    buffer.writeUInt32BE(this.width, pos)
+    buffer.writeUInt32BE(this.height, pos + 4)
+    buffer.writeUInt32BE(this.bitsPerPixel, pos + 8)
+    buffer.writeUInt32BE(this.colors, pos + 12)
+    pos += 16
+
+    buffer.writeUInt32BE(this.pictureData.length, pos)
+    this.pictureData.copy(buffer, pos + 4)
+
+    return buffer
+  }
+
+  getSize() {
+    let size = 4
+    size += 4 + Buffer.byteLength(this.mimeType)
+    size += 4 + Buffer.byteLength(this.description)
+    size += 16
+    size += 4 + this.pictureData.length
+    return size
+  }
+
+  toString() {
+    let str = '[MetaDataBlockPicture]'
+    str += ' type: ' + this.type
+    str += ', isLast: ' + this.isLast
+    if (this.error) {
+      str += '\n  ERROR: ' + this.error
+    }
+    if (this.hasData) {
+      str += '\n  pictureType: ' + this.pictureType
+      str += '\n  mimeType: ' + this.mimeType
+      str += '\n  description: ' + this.description
+      str += '\n  width: ' + this.width
+      str += '\n  height: ' + this.height
+      str += '\n  bitsPerPixel: ' + this.bitsPerPixel
+      str += '\n  colors: ' + this.colors
+      str += '\n  pictureData: ' + (this.pictureData ? this.pictureData.length : '<null>')
+    }
+    return str
+  }
+}
+
+module.exports = MetaDataBlockPicture
@@ -0,0 +1,84 @@
+const MetaDataBlock = require('./MetaDataBlock')
+
+function pad(n, width) {
+  n = '' + n
+  return (n.length >= width) ? n : new Array(width - n.length + 1).join('0') + n
+}
+
+class MetaDataBlockStreamInfo extends MetaDataBlock {
+  constructor(isLast) {
+    super(isLast, 0)
+
+    this.minBlockSize = 0
+    this.maxBlockSize = 0
+    this.minFrameSize = 0
+    this.maxFrameSize = 0
+    this.sampleRate = 0
+    this.channels = 0
+    this.bitsPerSample = 0
+    this.samples = 0
+    this.checksum = null
+    this.duration = 0
+    this.durationStr = '0:00.000'
+  }
+
+  remove() {
+    console.error("WARNING: Can't remove StreamInfo block!")
+  }
+
+  parse(buffer) {
+    try {
+      let pos = 0
+
+      this.minBlockSize = buffer.readUInt16BE(pos)
+      this.maxBlockSize = buffer.readUInt16BE(pos + 2)
+      this.minFrameSize = (buffer.readUInt8(pos + 4) << 16) | buffer.readUInt16BE(pos + 5)
+      this.maxFrameSize = (buffer.readUInt8(pos + 7) << 16) | buffer.readUInt16BE(pos + 8)
+
+      let tmp = buffer.readUInt32BE(pos + 10)
+      this.sampleRate = tmp >>> 12
+      this.channels = (tmp >>> 9) & 0x07
+      this.bitsPerSample = (tmp >>> 4) & 0x1f
+      this.samples = +((tmp & 0x0f) << 4) + buffer.readUInt32BE(pos + 14)
+
+      this.checksum = Buffer.alloc(16)
+      buffer.copy(this.checksum, 0, 18, 34)
+
+      this.duration = this.samples / this.sampleRate
+
+      let minutes = '' + Math.floor(this.duration / 60)
+      let seconds = pad(Math.floor(this.duration % 60), 2)
+      let milliseconds = pad(Math.round(((this.duration % 60) - Math.floor(this.duration % 60)) * 1000), 3)
+      this.durationStr = minutes + ':' + seconds + '.' + milliseconds
+
+      this.hasData = true
+    } catch (e) {
+      this.error = e
+      this.hasData = false
+    }
+  }
+
+  toString() {
+    let str = '[MetaDataBlockStreamInfo]'
+    str += ' type: ' + this.type
+    str += ', isLast: ' + this.isLast
+    if (this.error) {
+      str += '\n  ERROR: ' + this.error
+    }
+    if (this.hasData) {
+      str += '\n  minBlockSize: ' + this.minBlockSize
+      str += '\n  maxBlockSize: ' + this.maxBlockSize
+      str += '\n  minFrameSize: ' + this.minFrameSize
+      str += '\n  maxFrameSize: ' + this.maxFrameSize
+      str += '\n  samples: ' + this.samples
+      str += '\n  sampleRate: ' + this.sampleRate
+      str += '\n  channels: ' + (this.channels + 1)
+      str += '\n  bitsPerSample: ' + (this.bitsPerSample + 1)
+      str += '\n  duration: ' + this.durationStr
+      str += '\n  checksum: ' + (this.checksum ? this.checksum.toString('hex') : '<null>')
+    }
+    return str
+  }
+}
+
+module.exports = MetaDataBlockStreamInfo
@@ -0,0 +1,105 @@
+const MetaDataBlock = require('./MetaDataBlock')
+
+class MetaDataBlockVorbisComment extends MetaDataBlock {
+  constructor(isLast) {
+    super(isLast, 4)
+
+    this.vendor = ''
+    this.comments = []
+  }
+
+  static create(isLast, vendor, comments) {
+    let mdb = new MetaDataBlockVorbisComment(isLast)
+    mdb.vendor = vendor
+    mdb.comments = comments
+    mdb.hasData = true
+    return mdb
+  }
+
+  parse(buffer) {
+    try {
+      let pos = 0
+
+      let vendorLen = buffer.readUInt32LE(pos)
+      let vendor = buffer.toString('utf8', pos + 4, pos + 4 + vendorLen)
+      this.vendor = vendor
+      pos += 4 + vendorLen
+
+      let commentCount = buffer.readUInt32LE(pos)
+      pos += 4
+
+      while (commentCount-- > 0) {
+        let commentLen = buffer.readUInt32LE(pos)
+        let comment = buffer.toString('utf8', pos + 4, pos + 4 + commentLen)
+        this.comments.push(comment)
+        pos += 4 + commentLen
+      }
+
+      this.hasData = true
+    } catch (e) {
+      this.error = e
+      this.hasData = false
+    }
+  }
+
+  publish() {
+    let pos = 0
+    let size = this.getSize()
+    let buffer = Buffer.alloc(4 + size)
+
+    let header = size
+    header |= (this.type << 24)
+    header |= (this.isLast ? 0x80000000 : 0)
+    buffer.writeUInt32BE(header >>> 0, pos)
+    pos += 4
+    let vendorLen = Buffer.byteLength(this.vendor)
+    buffer.writeUInt32LE(vendorLen, pos)
+    buffer.write(this.vendor, pos + 4)
+    pos += 4 + vendorLen
+
+    let commentCount = this.comments.length
+    buffer.writeUInt32LE(commentCount, pos)
+    pos += 4
+
+    for (let i = 0; i < commentCount; i++) {
+      let comment = this.comments[i]
+      let commentLen = Buffer.byteLength(comment)
+      buffer.writeUInt32LE(commentLen, pos)
+      buffer.write(comment, pos + 4)
+      pos += 4 + commentLen
+    }
+
+    return buffer
+  }
+
+  getSize() {
+    let size = 8 + Buffer.byteLength(this.vendor)
+    for (let i = 0; i < this.comments.length; i++) {
+      size += 4 + Buffer.byteLength(this.comments[i])
+    }
+    return size
+  }
+
+  toString() {
+    let str = '[MetaDataBlockVorbisComment]'
+    str += ' type: ' + this.type
+    str += ', isLast: ' + this.isLast
+    if (this.error) {
+      str += '\n  ERROR: ' + this.error
+    }
+    if (this.hasData) {
+      str += '\n  vendor: ' + this.vendor
+      if (this.comments.length) {
+        str += '\n  comments:'
+        for (let i = 0; i < this.comments.length; i++) {
+          str += '\n    ' + this.comments[i].split('=').join(': ')
+        }
+      } else {
+        str += '\n  comments: none'
+      }
+    }
+    return str
+  }
+}
+
+module.exports = MetaDataBlockVorbisComment
@@ -0,0 +1,80 @@
+const fs = require('fs')
+const fsPromises = fs.promises
+const path = require('path')
+const getImgSize = require('image-size')
+const download = require('./downloader')
+
+const FlacProcessor = require('./flac-metadata/index')
+
+const extReg = /^(\.(?:jpe?g|png)).*$/
+const vendor = 'reference libFLAC 1.2.1 20070917'
+
+const writeMeta = async(filePath, meta, picPath) => {
+  const comments = Object.keys(meta).map(key => `${key.toUpperCase()}=${meta[key] || ''}`)
+  const data = {
+    vorbis: {
+      vendor,
+      comments,
+    },
+  }
+  if (picPath) {
+    const apicData = await fsPromises.readFile(picPath)
+    let imgSize = getImgSize(apicData)
+    let mime_type
+    let bitsPerPixel
+    if (apicData[0] == 0xff && apicData[1] == 0xd8 && apicData[2] == 0xff) {
+      mime_type = 'image/jpeg'
+      bitsPerPixel = 24
+    } else {
+      mime_type = 'image/png'
+      bitsPerPixel = 32
+    }
+    data.picture = {
+      pictureType: 3,
+      mimeType: mime_type,
+      description: '',
+      width: imgSize.width,
+      height: imgSize.height,
+      bitsPerPixel,
+      colors: 0,
+      pictureData: apicData,
+    }
+  }
+
+  const reader = fs.createReadStream(filePath)
+  const tempPath = filePath + '.lxmtemp'
+  const writer = fs.createWriteStream(tempPath)
+  const flacProcessor = new FlacProcessor()
+  flacProcessor.writeMeta(data)
+
+  reader.pipe(flacProcessor).pipe(writer).on('finish', () => {
+    fs.unlink(filePath, err => {
+      if (err) return console.log(err.message)
+      fs.rename(tempPath, filePath, err => {
+        if (err) console.log(err.message)
+      })
+    })
+  })
+}
+
+module.exports = (filePath, meta) => {
+  if (!meta.APIC) return writeMeta(filePath, meta)
+  const picUrl = meta.APIC
+  delete meta.APIC
+  if (!/^http/.test(picUrl)) {
+    return writeMeta(filePath, meta)
+  }
+  let ext = path.extname(picUrl)
+  let picPath = filePath.replace(/\.flac$/, '') + (ext ? ext.replace(extReg, '$1') : '.jpg')
+
+  download(picUrl, picPath).then(success => {
+    if (success) {
+      writeMeta(filePath, meta, picPath).finally(() => {
+        fs.unlink(picPath, err => {
+          if (err) console.log(err.message)
+        })
+      })
+    } else writeMeta(filePath, meta)
+  })
+}
+
@@ -0,0 +1,8 @@
+export interface MusicMeta {
+  title: string
+  artist: string | null
+  album: string | null
+  APIC: string | null
+  lyrics: string | null
+}
+export function setMeta(filePath: string, meta: MusicMeta): void
@@ -0,0 +1,14 @@
+const path = require('path')
+const mp3Meta = require('./mp3Meta')
+const flacMeta = require('./flacMeta')
+
+exports.setMeta = (filePath, meta) => {
+  switch (path.extname(filePath)) {
+    case '.mp3':
+      mp3Meta(filePath, meta)
+      break
+    case '.flac':
+      flacMeta(filePath, meta)
+      break
+  }
+}
@@ -0,0 +1,38 @@
+const NodeID3 = require('node-id3')
+const path = require('path')
+const fs = require('fs')
+const download = require('./downloader')
+const extReg = /^(\.(?:jpe?g|png)).*$/
+
+const handleWriteMeta = (meta, filePath) => {
+  if (meta.lyrics) {
+    meta.unsynchronisedLyrics = {
+      language: 'zho',
+      text: meta.lyrics,
+    }
+    delete meta.lyrics
+  }
+  NodeID3.write(meta, filePath)
+}
+
+module.exports = (filePath, meta) => {
+  if (!meta.APIC) return handleWriteMeta(meta, filePath)
+  if (!/^http/.test(meta.APIC)) {
+    delete meta.APIC
+    return handleWriteMeta(meta, filePath)
+  }
+  let ext = path.extname(meta.APIC)
+  let picPath = filePath.replace(/\.mp3$/, '') + (ext ? ext.replace(extReg, '$1') : '.jpg')
+  download(meta.APIC, picPath).then(success => {
+    if (success) {
+      meta.APIC = picPath
+      handleWriteMeta(meta, filePath)
+      fs.unlink(picPath, err => {
+        if (err) console.log(err.message)
+      })
+    } else {
+      delete meta.APIC
+      handleWriteMeta(meta, filePath)
+    }
+  })
+}
@@ -0,0 +1,159 @@
+import fs from 'fs'
+import crypto from 'crypto'
+import { gzip, gunzip } from 'zlib'
+import { log } from '@common/utils'
+import path from 'path'
+
+export const joinPath = (...paths: string[]): string => path.join(...paths)
+
+export const extname = (p: string): string => path.extname(p)
+export const basename = (p: string, ext?: string): string => path.basename(p, ext)
+export const dirname = (p: string): string => path.dirname(p)
+
+/**
+ * 检查路径是否存在
+ * @param {*} path 路径
+ */
+export const checkPath = async(path: string): Promise<boolean> => {
+  return await new Promise(resolve => {
+    fs.access(path, fs.constants.F_OK, err => {
+      if (err) return resolve(false)
+      resolve(true)
+    })
+  })
+}
+
+export const getFileStats = async(path: string): Promise<fs.Stats | null> => {
+  return await new Promise(resolve => {
+    fs.stat(path, (err, stats) => {
+      if (err) return resolve(null)
+      resolve(stats)
+    })
+  })
+}
+
+/**
+ * 检查路径并创建目录
+ * @param path
+ * @returns
+ */
+export const createDir = async(path: string): Promise<void> => {
+  return await new Promise((resolve, reject) => {
+    fs.access(path, fs.constants.F_OK | fs.constants.W_OK, err => {
+      if (err) {
+        if (err.code === 'ENOENT') {
+          fs.mkdir(path, { recursive: true }, err => {
+            if (err) return reject(err)
+            resolve()
+          })
+          return
+        }
+        return reject(err)
+      }
+      resolve()
+    })
+  })
+}
+
+export const removeFile = async(path: string) => new Promise<void>((resolve, reject) => {
+  fs.access(path, fs.constants.F_OK, err => {
+    if (err) return err.code == 'ENOENT' ? resolve() : reject(err)
+    fs.unlink(path, err => {
+      if (err) return reject(err)
+      resolve()
+    })
+  })
+})
+
+export const readFile = async(path: string) => fs.promises.readFile(path)
+
+
+/**
+ * 创建 MD5 hash
+ * @param {*} str
+ */
+export const toMD5 = (str: string) => crypto.createHash('md5').update(str).digest('hex')
+
+export const gzipData = async(str: string): Promise<Buffer> => {
+  return await new Promise((resolve, reject) => {
+    gzip(str, (err, result) => {
+      if (err) return reject(err)
+      resolve(result)
+    })
+  })
+}
+
+export const gunzipData = async(buf: Buffer): Promise<string> => {
+  return await new Promise((resolve, reject) => {
+    gunzip(buf, (err, result) => {
+      if (err) return reject(err)
+      resolve(result.toString())
+    })
+  })
+}
+
+/**
+ * 保存lx配置文件
+ * @param path 保存路径
+ * @param data 数据
+ */
+export const saveLxConfigFile = async(path: string, data: any) => {
+  if (!path.endsWith('.lxmc')) path += '.lxmc'
+  fs.writeFile(path, await gzipData(JSON.stringify(data)), 'binary', err => {
+    console.log(err)
+  })
+}
+
+/**
+ * 读取lx配置文件
+ * @param path 文件路径
+ * @returns 数据
+ */
+export const readLxConfigFile = async(path: string): Promise<any> => {
+  let isJSON = path.endsWith('.json')
+  let data: string | Buffer = await fs.promises.readFile(path, isJSON ? 'utf8' : 'binary')
+  if (!data || isJSON) return data
+  data = await gunzipData(Buffer.from(data, 'binary'))
+  data = JSON.parse(data)
+
+  // 修复v1.14.0出现的导出数据被序列化两次的问题
+  if (typeof data != 'object') {
+    try {
+      data = JSON.parse(data)
+    } catch (err) {
+      return data
+    }
+  }
+
+  return data
+}
+
+export const saveStrToFile = async(path: string, str: string | Buffer): Promise<void> => {
+  await new Promise<void>((resolve, reject) => {
+    fs.writeFile(path, str, err => {
+      if (err) {
+        log.error(err)
+        reject(err)
+        return
+      }
+      resolve()
+    })
+  })
+}
+
+export const b64DecodeUnicode = (str: string): string => {
+  // Going backwards: from bytestream, to percent-encoding, to original string.
+  // return decodeURIComponent(window.atob(str).split('').map(function(c) {
+  //   return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2)
+  // }).join(''))
+
+  return Buffer.from(str, 'base64').toString()
+}
+
+export const copyFile = async(sourcePath: string, distPath: string) => {
+  return fs.promises.copyFile(sourcePath, distPath)
+}
+
+export const moveFile = async(sourcePath: string, distPath: string) => {
+  return fs.promises.rename(sourcePath, distPath)
+}
@@ -0,0 +1,68 @@
+const fs = require('fs').promises
+const path = require('path')
+
+const sourceFilePath = path.join(__dirname, './kMandarin_8105.txt')
+const distFilePath = path.join(__dirname, './pinyin.txt')
+
+const yuanyin = [
+  ['ā', 'a'],
+  ['á', 'a'],
+  ['ǎ', 'a'],
+  ['à', 'a'],
+  ['ē', 'e'],
+  ['é', 'e'],
+  ['ě', 'e'],
+  ['è', 'e'],
+  ['ī', 'i'],
+  ['í', 'i'],
+  ['ǐ', 'i'],
+  ['ì', 'i'],
+  ['ō', 'o'],
+  ['ó', 'o'],
+  ['ǒ', 'o'],
+  ['ò', 'o'],
+  ['ū', 'u'],
+  ['ú', 'u'],
+  ['ǔ', 'u'],
+  ['ù', 'u'],
+  ['ǖ', 'v'],
+  ['ǘ', 'v'],
+  ['ǚ', 'v'],
+  ['ǜ', 'v'],
+]
+
+const parse = async() => {
+  let datas = (await fs.readFile(sourceFilePath)).toString()
+  datas = datas.replace(/ +=> +(\w|\+)+ */gm, ' ')
+  for (const [y1, y2] of yuanyin) datas = datas.replaceAll(y1, y2)
+  // console.log(datas)
+  const lines = datas.split('\n')
+  const dict = {}
+  for (let line of lines) {
+    if (!line || line.startsWith('#')) continue
+    line = line.trim().replace(/^[\w+]+: */, '')
+    let [p1, comment] = line.split('#')
+    let [z, ps] = comment.split(/(?: *\? *-> *| *-> *)/)
+    const ys = new Set([p1.trim()])
+    if (ps != null) ps.split(/(?: +| *, *)/).forEach(y => ys.add(y.trim()))
+    dict[z.trim()] = Array.from(ys)
+  }
+
+  fs.writeFile(distFilePath, JSON.stringify(dict))
+}
+
+
+parse()
+
+// let dict = {}
+// let line = 'U+2CBBF: qi  # 𬮿 ?-> gai,ai'
+
+// line = line.trim().replace(/^[\w+]+: */, '')
+// let [p1, comment] = line.split('#')
+// let [z, ps] = comment.split(/ *\? *-> */)
+// const ys = dict[z.trim()] = [p1.trim()]
+// console.log(ps)
+// if (ps != null) ys.push(...ps.split(/(?: +| *, *)/).map(y => y.trim()))
+// console.log(dict)
+
+
@@ -0,0 +1,241 @@
+
+const easeInOutQuad = (t: number, b: number, c: number, d: number): number => {
+  t /= d / 2
+  if (t < 1) return (c / 2) * t * t + b
+  t--
+  return (-c / 2) * (t * (t - 2) - 1) + b
+}
+
+type Noop = () => void
+const noop: Noop = () => {}
+
+const handleScrollY = (element: HTMLElement, to: number, duration = 300, fn = noop): Noop => {
+  if (!element) {
+    fn()
+    return noop
+  }
+  // @ts-expect-error
+  const start = element.scrollTop ?? element.scrollY ?? 0
+  let cancel = false
+  if (to > start) {
+    let maxScrollTop = element.scrollHeight - element.clientHeight
+    if (to > maxScrollTop) to = maxScrollTop
+  } else if (to < start) {
+    if (to < 0) to = 0
+  } else {
+    fn()
+    return noop
+  }
+  const change = to - start
+  const increment = 10
+  if (!change) {
+    fn()
+    return noop
+  }
+
+  let currentTime = 0
+  let val
+
+  const animateScroll = () => {
+    currentTime += increment
+    val = Math.trunc(easeInOutQuad(currentTime, start, change, duration))
+    if (element.scrollTo) {
+      element.scrollTo(0, val)
+    } else {
+      element.scrollTop = val
+    }
+    if (currentTime < duration) {
+      if (cancel) return fn()
+      window.setTimeout(animateScroll, increment)
+    } else {
+      fn()
+    }
+  }
+  animateScroll()
+  return () => {
+    cancel = true
+  }
+}
+/**
+  * 设置滚动条位置
+  * @param {*} element 要设置滚动的容器 dom
+  * @param {*} to 滚动的目标位置
+  * @param {*} duration 滚动完成时间 ms
+  * @param {*} fn 滚动完成后的回调
+  * @param {*} delay 延迟执行时间
+  */
+export const scrollTo = (element: HTMLElement, to: number, duration = 300, fn = () => {}, delay = 0): () => void => {
+  let cancelFn: () => void
+  let timeout: number | null
+  if (delay) {
+    let scrollCancelFn: Noop
+    cancelFn = () => {
+      timeout == null ? scrollCancelFn?.() : clearTimeout(timeout)
+    }
+    timeout = window.setTimeout(() => {
+      timeout = null
+      scrollCancelFn = handleScrollY(element, to, duration, fn)
+    }, delay)
+  } else {
+    cancelFn = handleScrollY(element, to, duration, fn) ?? noop
+  }
+  return cancelFn
+}
+const handleScrollX = (element: HTMLElement, to: number, duration = 300, fn = () => {}): () => void => {
+  if (!element) {
+    fn()
+    return noop
+  }
+  // @ts-expect-error
+  const start = element.scrollLeft || element.scrollX || 0
+  let cancel = false
+  if (to > start) {
+    let maxScrollLeft = element.scrollWidth - element.clientWidth
+    if (to > maxScrollLeft) to = maxScrollLeft
+  } else if (to < start) {
+    if (to < 0) to = 0
+  } else {
+    fn()
+    return noop
+  }
+  const change = to - start
+  const increment = 10
+  if (!change) {
+    fn()
+    return noop
+  }
+
+  let currentTime = 0
+  let val
+
+  const animateScroll = () => {
+    currentTime += increment
+    val = Math.trunc(easeInOutQuad(currentTime, start, change, duration))
+    if (element.scrollTo) {
+      element.scrollTo(val, 0)
+    } else {
+      element.scrollLeft = val
+    }
+    if (currentTime < duration) {
+      if (cancel) return fn()
+      window.setTimeout(animateScroll, increment)
+    } else {
+      fn()
+    }
+  }
+  animateScroll()
+  return () => {
+    cancel = true
+  }
+}
+/**
+  * 设置滚动条位置
+  * @param {*} element 要设置滚动的容器 dom
+  * @param {*} to 滚动的目标位置
+  * @param {*} duration 滚动完成时间 ms
+  * @param {*} fn 滚动完成后的回调
+  * @param {*} delay 延迟执行时间
+  */
+export const scrollXTo = (element: HTMLElement, to: number, duration = 300, fn = () => {}, delay = 0): () => void => {
+  let cancelFn: Noop
+  let timeout: number | null
+  if (delay) {
+    let scrollCancelFn: Noop
+    cancelFn = () => {
+      timeout == null ? scrollCancelFn?.() : clearTimeout(timeout)
+    }
+    timeout = window.setTimeout(() => {
+      timeout = null
+      scrollCancelFn = handleScrollX(element, to, duration, fn)
+    }, delay)
+  } else {
+    cancelFn = handleScrollX(element, to, duration, fn)
+  }
+  return cancelFn
+}
+
+const handleScrollXR = (element: HTMLElement, to: number, duration = 300, fn = () => {}): () => void => {
+  if (!element) {
+    fn()
+    return noop
+  }
+  // @ts-expect-error
+  const start = element.scrollLeft || element.scrollX as number || 0
+  let cancel = false
+  if (to < start) {
+    let maxScrollLeft = -element.scrollWidth + element.clientWidth
+    if (to < maxScrollLeft) to = maxScrollLeft
+  } else if (to > start) {
+    if (to > 0) to = 0
+  } else {
+    fn()
+    return noop
+  }
+
+  const change = to - start
+  const increment = 10
+  if (!change) {
+    fn()
+    return noop
+  }
+
+  let currentTime = 0
+  let val
+
+  const animateScroll = () => {
+    currentTime += increment
+    val = Math.trunc(easeInOutQuad(currentTime, start, change, duration))
+
+    if (element.scrollTo) {
+      element.scrollTo(val, 0)
+    } else {
+      element.scrollLeft = val
+    }
+    if (currentTime < duration) {
+      if (cancel) return fn()
+      window.setTimeout(animateScroll, increment)
+    } else {
+      fn()
+    }
+  }
+  animateScroll()
+  return () => {
+    cancel = true
+  }
+}
+/**
+  * 设置滚动条位置 （writing-mode: vertical-rl 专用）
+  * @param element 要设置滚动的容器 dom
+  * @param to 滚动的目标位置
+  * @param duration 滚动完成时间 ms
+  * @param fn 滚动完成后的回调
+  * @param delay 延迟执行时间
+  */
+export const scrollXRTo = (element: HTMLElement, to: number, duration = 300, fn = () => {}, delay = 0): () => void => {
+  let cancelFn: Noop
+  let timeout: number | null
+  if (delay) {
+    let scrollCancelFn: Noop
+    cancelFn = () => {
+      timeout == null ? scrollCancelFn?.() : clearTimeout(timeout)
+    }
+    timeout = window.setTimeout(() => {
+      timeout = null
+      scrollCancelFn = handleScrollXR(element, to, duration, fn)
+    }, delay)
+  } else {
+    cancelFn = handleScrollXR(element, to, duration, fn)
+  }
+  return cancelFn
+}
+
+
+/**
+  * 设置标题
+  */
+let dom_title = document.getElementsByTagName('title')[0]
+export const setTitle = (title: string | null) => {
+  if (!title) title = '洛雪音乐助手'
+  dom_title.innerText = title
+}
+
@@ -0,0 +1,102 @@
+// 业务工具方法
+
+export const toNewMusicInfo = (oldMusicInfo: any): LX.Music.MusicInfoOnline => {
+  const meta: Record<string, any> = {
+    songId: oldMusicInfo.songmid, // 歌曲ID，mg源为copyrightId，local为文件路径
+    albumName: oldMusicInfo.albumName, // 歌曲专辑名称
+    albumId: oldMusicInfo.albumId,
+    picUrl: oldMusicInfo.img, // 歌曲图片链接
+    qualitys: oldMusicInfo.types,
+    _qualitys: oldMusicInfo._types,
+  }
+  if (meta._qualitys.flac32bit && !meta._qualitys.flac24bit) {
+    meta._qualitys.flac24bit = meta._qualitys.flac32bit
+    delete meta._qualitys.flac32bit
+
+    meta.qualitys = (meta.qualitys as any[]).map(quality => {
+      if (quality.type == 'flac32bit') quality.type = 'flac24bit'
+      return quality
+    })
+  }
+
+  switch (oldMusicInfo.source) {
+    case 'kg':
+      meta.hash = oldMusicInfo.hash
+      break
+    case 'tx':
+      meta.strMediaMid = oldMusicInfo.strMediaMid
+      meta.albumMid = oldMusicInfo.albumMid
+      break
+    case 'mg':
+      meta.copyrightId = oldMusicInfo.copyrightId
+      meta.lrcUrl = oldMusicInfo.lrcUrl
+      meta.mrcUrl = oldMusicInfo.mrcUrl
+      meta.trcUrl = oldMusicInfo.trcUrl
+      break
+  }
+  return {
+    id: `${oldMusicInfo.source as string}_${oldMusicInfo.songmid as string}`,
+    name: oldMusicInfo.name,
+    singer: oldMusicInfo.singer,
+    source: oldMusicInfo.source,
+    interval: oldMusicInfo.interval,
+    meta: meta as LX.Music.MusicInfoOnline['meta'],
+  }
+}
+
+export const toOldMusicInfo = (minfo: LX.Music.MusicInfoOnline) => {
+  const oInfo: Record<string, any> = {
+    name: minfo.name,
+    singer: minfo.singer,
+    source: minfo.source,
+    songmid: minfo.meta.songId,
+    albumId: minfo.meta.albumId,
+    interval: minfo.interval,
+    albumName: minfo.meta.albumName,
+    img: minfo.meta.picUrl,
+    types: minfo.meta.qualitys,
+    _types: minfo.meta._qualitys,
+    typeUrl: {},
+  }
+  switch (minfo.source) {
+    case 'kg':
+      oInfo.hash = minfo.meta.hash
+      break
+    case 'tx':
+      oInfo.strMediaMid = minfo.meta.strMediaMid
+      oInfo.albumMid = minfo.meta.albumMid
+      break
+    case 'mg':
+      oInfo.copyrightId = minfo.meta.copyrightId
+      oInfo.lrcUrl = minfo.meta.lrcUrl
+      oInfo.mrcUrl = minfo.meta.mrcUrl
+      oInfo.trcUrl = minfo.meta.trcUrl
+      break
+  }
+
+  return oInfo
+}
+
+/**
+ * 修复2.0.0-dev.8之前的新列表数据音质
+ * @param musicInfo
+ */
+export const fixNewMusicInfoQuality = (musicInfo: LX.Music.MusicInfo) => {
+  if (musicInfo.source == 'local') return musicInfo
+
+  // @ts-expect-error
+  if (musicInfo.meta._qualitys.flac32bit && !musicInfo.meta._qualitys.flac24bit) {
+    // @ts-expect-error
+    musicInfo.meta._qualitys.flac24bit = musicInfo.meta._qualitys.flac32bit
+    // @ts-expect-error
+    delete musicInfo.meta._qualitys.flac32bit
+
+    musicInfo.meta.qualitys = musicInfo.meta.qualitys.map(quality => {
+      // @ts-expect-error
+      if (quality.type == 'flac32bit') quality.type = 'flac24bit'
+      return quality
+    })
+  }
+
+  return musicInfo
+}
@@ -0,0 +1,2 @@
+export { useRouter, useRoute, onBeforeRouteUpdate, onBeforeRouteLeave } from 'vue-router'
+
@@ -0,0 +1,85 @@
+import {
+  ref,
+  reactive,
+  computed,
+  watch,
+  watchEffect,
+  nextTick,
+  onMounted,
+  onBeforeUnmount,
+  toRaw,
+  useCssModule,
+  toRef,
+  toRefs,
+  shallowRef,
+  unref,
+  markRaw,
+  ComputedRef,
+  Ref,
+  ShallowRef,
+  defineProps,
+  defineEmits,
+  defineComponent,
+  shallowReactive,
+  defineExpose,
+} from 'vue'
+// import { useStore } from 'vuex'
+
+// export const useState = name => {
+//   const store = useStore()
+//   return store.state[name]
+// }
+// export const useGetter = (...names) => {
+//   const store = useStore()
+//   return store.getters[names.join('/')]
+// }
+// export const useRefGetter = (...names) => {
+//   const store = useStore()
+//   return computed(() => store.getters[names.join('/')])
+// }
+
+// export const useAction = (...names) => {
+//   const store = useStore()
+//   return params => {
+//     return store.dispatch(names.join('/'), params)
+//   }
+// }
+// export const useCommit = (...names) => {
+//   const store = useStore()
+//   return params => {
+//     return store.commit(names.join('/'), params)
+//   }
+// }
+
+export const markRawList = <T extends any[]>(list: T) => {
+  for (const item of list) {
+    markRaw(item)
+  }
+  return list
+}
+
+export {
+  nextTick,
+  onBeforeUnmount,
+  ref,
+  toRaw,
+  reactive,
+  watch,
+  watchEffect,
+  computed,
+  useCssModule,
+  toRef,
+  toRefs,
+  shallowRef,
+  unref,
+  onMounted,
+  markRaw,
+  ComputedRef,
+  Ref,
+  ShallowRef,
+  defineProps,
+  defineEmits,
+  defineComponent,
+  shallowReactive,
+  defineExpose,
+}
				`@@ -0,0 +1,2 @@`
				`export { useRouter, useRoute, onBeforeRouteUpdate, onBeforeRouteLeave } from 'vue-router'`