🦄 refactor(MusicList): 重构播放列表组件

2026-06-22 23:37:29 +08:00 · 2023-12-21 11:26:51 +08:00
parent 7e6788a057
commit 73c915d184
6 changed files with 316 additions and 360 deletions
@@ -1,203 +1,203 @@
-export interface IListDetail {
-  code: number;
-  relatedVideos?: any;
-  playlist: Playlist;
-  urls?: any;
-  privileges: Privilege[];
-  sharedPrivilege?: any;
-  resEntrance?: any;
-}
-
-interface Privilege {
-  id: number;
-  fee: number;
-  payed: number;
-  realPayed: number;
-  st: number;
-  pl: number;
-  dl: number;
-  sp: number;
-  cp: number;
-  subp: number;
-  cs: boolean;
-  maxbr: number;
-  fl: number;
-  pc?: any;
-  toast: boolean;
-  flag: number;
-  paidBigBang: boolean;
-  preSell: boolean;
-  playMaxbr: number;
-  downloadMaxbr: number;
-  rscl?: any;
-  freeTrialPrivilege: FreeTrialPrivilege;
-  chargeInfoList: ChargeInfoList[];
-}
-
-interface ChargeInfoList {
-  rate: number;
-  chargeUrl?: any;
-  chargeMessage?: any;
-  chargeType: number;
-}
-
-interface FreeTrialPrivilege {
-  resConsumable: boolean;
-  userConsumable: boolean;
-}
-
-interface Playlist {
-  id: number;
-  name: string;
-  coverImgId: number;
-  coverImgUrl: string;
-  coverImgId_str: string;
-  adType: number;
-  userId: number;
-  createTime: number;
-  status: number;
-  opRecommend: boolean;
-  highQuality: boolean;
-  newImported: boolean;
-  updateTime: number;
-  trackCount: number;
-  specialType: number;
-  privacy: number;
-  trackUpdateTime: number;
-  commentThreadId: string;
-  playCount: number;
-  trackNumberUpdateTime: number;
-  subscribedCount: number;
-  cloudTrackCount: number;
-  ordered: boolean;
-  description: string;
-  tags: string[];
-  updateFrequency?: any;
-  backgroundCoverId: number;
-  backgroundCoverUrl?: any;
-  titleImage: number;
-  titleImageUrl?: any;
-  englishTitle?: any;
-  officialPlaylistType?: any;
-  subscribers: Subscriber[];
-  subscribed: boolean;
-  creator: Subscriber;
-  tracks: Track[];
-  videoIds?: any;
-  videos?: any;
-  trackIds: TrackId[];
-  shareCount: number;
-  commentCount: number;
-  remixVideo?: any;
-  sharedUsers?: any;
-  historySharedUsers?: any;
-}
-
-interface TrackId {
-  id: number;
-  v: number;
-  t: number;
-  at: number;
-  alg?: any;
-  uid: number;
-  rcmdReason: string;
-}
-
-interface Track {
-  name: string;
-  id: number;
-  pst: number;
-  t: number;
-  ar: Ar[];
-  alia: string[];
-  pop: number;
-  st: number;
-  rt?: string;
-  fee: number;
-  v: number;
-  crbt?: any;
-  cf: string;
-  al: Al;
-  dt: number;
-  h: H;
-  m: H;
-  l?: H;
-  a?: any;
-  cd: string;
-  no: number;
-  rtUrl?: any;
-  ftype: number;
-  rtUrls: any[];
-  djId: number;
-  copyright: number;
-  s_id: number;
-  mark: number;
-  originCoverType: number;
-  originSongSimpleData?: any;
-  single: number;
-  noCopyrightRcmd?: any;
-  mst: number;
-  cp: number;
-  mv: number;
-  rtype: number;
-  rurl?: any;
-  publishTime: number;
-  tns?: string[];
-}
-
-interface H {
-  br: number;
-  fid: number;
-  size: number;
-  vd: number;
-}
-
-interface Al {
-  id: number;
-  name: string;
-  picUrl: string;
-  tns: any[];
-  pic_str?: string;
-  pic: number;
-}
-
-interface Ar {
-  id: number;
-  name: string;
-  tns: any[];
-  alias: any[];
-}
-
-interface Subscriber {
-  defaultAvatar: boolean;
-  province: number;
-  authStatus: number;
-  followed: boolean;
-  avatarUrl: string;
-  accountStatus: number;
-  gender: number;
-  city: number;
-  birthday: number;
-  userId: number;
-  userType: number;
-  nickname: string;
-  signature: string;
-  description: string;
-  detailDescription: string;
-  avatarImgId: number;
-  backgroundImgId: number;
-  backgroundUrl: string;
-  authority: number;
-  mutual: boolean;
-  expertTags?: any;
-  experts?: any;
-  djStatus: number;
-  vipType: number;
-  remarkName?: any;
-  authenticationTypes: number;
-  avatarDetail?: any;
-  backgroundImgIdStr: string;
-  anchor: boolean;
-  avatarImgIdStr: string;
-  avatarImgId_str: string;
-}
+export interface IListDetail {
+  code: number;
+  relatedVideos?: any;
+  playlist: Playlist;
+  urls?: any;
+  privileges: Privilege[];
+  sharedPrivilege?: any;
+  resEntrance?: any;
+}
+
+interface Privilege {
+  id: number;
+  fee: number;
+  payed: number;
+  realPayed: number;
+  st: number;
+  pl: number;
+  dl: number;
+  sp: number;
+  cp: number;
+  subp: number;
+  cs: boolean;
+  maxbr: number;
+  fl: number;
+  pc?: any;
+  toast: boolean;
+  flag: number;
+  paidBigBang: boolean;
+  preSell: boolean;
+  playMaxbr: number;
+  downloadMaxbr: number;
+  rscl?: any;
+  freeTrialPrivilege: FreeTrialPrivilege;
+  chargeInfoList: ChargeInfoList[];
+}
+
+interface ChargeInfoList {
+  rate: number;
+  chargeUrl?: any;
+  chargeMessage?: any;
+  chargeType: number;
+}
+
+interface FreeTrialPrivilege {
+  resConsumable: boolean;
+  userConsumable: boolean;
+}
+
+export interface Playlist {
+  id: number
+  name: string
+  coverImgId: number
+  coverImgUrl: string
+  coverImgId_str: string
+  adType: number
+  userId: number
+  createTime: number
+  status: number
+  opRecommend: boolean
+  highQuality: boolean
+  newImported: boolean
+  updateTime: number
+  trackCount: number
+  specialType: number
+  privacy: number
+  trackUpdateTime: number
+  commentThreadId: string
+  playCount: number
+  trackNumberUpdateTime: number
+  subscribedCount: number
+  cloudTrackCount: number
+  ordered: boolean
+  description: string
+  tags: string[]
+  updateFrequency?: any
+  backgroundCoverId: number
+  backgroundCoverUrl?: any
+  titleImage: number
+  titleImageUrl?: any
+  englishTitle?: any
+  officialPlaylistType?: any
+  subscribers: Subscriber[]
+  subscribed: boolean
+  creator: Subscriber
+  tracks: Track[]
+  videoIds?: any
+  videos?: any
+  trackIds: TrackId[]
+  shareCount: number
+  commentCount: number
+  remixVideo?: any
+  sharedUsers?: any
+  historySharedUsers?: any
+}
+
+interface TrackId {
+  id: number;
+  v: number;
+  t: number;
+  at: number;
+  alg?: any;
+  uid: number;
+  rcmdReason: string;
+}
+
+interface Track {
+  name: string;
+  id: number;
+  pst: number;
+  t: number;
+  ar: Ar[];
+  alia: string[];
+  pop: number;
+  st: number;
+  rt?: string;
+  fee: number;
+  v: number;
+  crbt?: any;
+  cf: string;
+  al: Al;
+  dt: number;
+  h: H;
+  m: H;
+  l?: H;
+  a?: any;
+  cd: string;
+  no: number;
+  rtUrl?: any;
+  ftype: number;
+  rtUrls: any[];
+  djId: number;
+  copyright: number;
+  s_id: number;
+  mark: number;
+  originCoverType: number;
+  originSongSimpleData?: any;
+  single: number;
+  noCopyrightRcmd?: any;
+  mst: number;
+  cp: number;
+  mv: number;
+  rtype: number;
+  rurl?: any;
+  publishTime: number;
+  tns?: string[];
+}
+
+interface H {
+  br: number;
+  fid: number;
+  size: number;
+  vd: number;
+}
+
+interface Al {
+  id: number;
+  name: string;
+  picUrl: string;
+  tns: any[];
+  pic_str?: string;
+  pic: number;
+}
+
+interface Ar {
+  id: number;
+  name: string;
+  tns: any[];
+  alias: any[];
+}
+
+interface Subscriber {
+  defaultAvatar: boolean;
+  province: number;
+  authStatus: number;
+  followed: boolean;
+  avatarUrl: string;
+  accountStatus: number;
+  gender: number;
+  city: number;
+  birthday: number;
+  userId: number;
+  userType: number;
+  nickname: string;
+  signature: string;
+  description: string;
+  detailDescription: string;
+  avatarImgId: number;
+  backgroundImgId: number;
+  backgroundUrl: string;
+  authority: number;
+  mutual: boolean;
+  expertTags?: any;
+  experts?: any;
+  djStatus: number;
+  vipType: number;
+  remarkName?: any;
+  authenticationTypes: number;
+  avatarDetail?: any;
+  backgroundImgIdStr: string;
+  anchor: boolean;
+  avatarImgIdStr: string;
+  avatarImgId_str: string;
+}