vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-07 12:30:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

add new default columns

Browse Source
This commit is contained in:
jeffvli
2025-10-10 11:29:52 -07:00
parent e67a1a6a1b
commit b2dd3ed699
1 changed files with 661 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/item-list/item-table-list/default-columns.ts
+661
View File
@@ -0,0 +1,661 @@
import i18n from '/@/i18n/i18n';
import { TableColumn } from '/@/shared/types/types';
type DefaultTableColumn = {
align: 'center' | 'end' | 'start';
autoSize: boolean;
isEnabled: boolean;
label: string;
pinned: 'left' | 'right' | null;
value: TableColumn;
width: number;
};
export const SONG_TABLE_COLUMNS: DefaultTableColumn[] = [
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.rowIndex', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.ROW_INDEX,
width: 80,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.image', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.IMAGE,
width: 70,
},
{
align: 'start',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.title', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.TITLE,
width: 300,
},
{
align: 'start',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.titleCombined', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.TITLE_COMBINED,
width: 300,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.duration', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.DURATION,
width: 100,
},
{
align: 'start',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.album', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.ALBUM,
width: 300,
},
{
align: 'start',
autoSize: true,
isEnabled: true,
label: i18n.t('table.config.label.albumArtist', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.ALBUM_ARTIST,
width: 300,
},
{
align: 'start',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.artist', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.ARTIST,
width: 300,
},
{
align: 'start',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.genre', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.GENRE,
width: 300,
},
{
align: 'start',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.genreBadge', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.GENRE_BADGE,
width: 300,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.year', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.YEAR,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.releaseDate', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.RELEASE_DATE,
width: 120,
},
{
align: 'center',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.discNumber', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.DISC_NUMBER,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.trackNumber', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.TRACK_NUMBER,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.bitrate', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.BIT_RATE,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.codec', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.CODEC,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.lastPlayed', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.LAST_PLAYED,
width: 150,
},
{
align: 'start',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.note', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.COMMENT,
width: 300,
},
{
align: 'center',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.channels', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.CHANNELS,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.bpm', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.BPM,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.dateAdded', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.DATE_ADDED,
width: 120,
},
{
align: 'start',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.path', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.PATH,
width: 300,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.playCount', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.PLAY_COUNT,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.size', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.SIZE,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.favorite', { postProcess: 'titleCase' }),
pinned: 'right',
value: TableColumn.USER_FAVORITE,
width: 60,
},
{
align: 'center',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.rating', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.USER_RATING,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.actions', { postProcess: 'titleCase' }),
pinned: 'right',
value: TableColumn.ACTIONS,
width: 60,
},
];
export const PLAYLIST_SONG_TABLE_COLUMNS: DefaultTableColumn[] = SONG_TABLE_COLUMNS;
export const ALBUM_TABLE_COLUMNS: DefaultTableColumn[] = [
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.rowIndex', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.ROW_INDEX,
width: 80,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.image', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.IMAGE,
width: 70,
},
{
align: 'start',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.title', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.TITLE,
width: 300,
},
{
align: 'start',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.titleCombined', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.TITLE_COMBINED,
width: 300,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.duration', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.DURATION,
width: 100,
},
{
align: 'start',
autoSize: true,
isEnabled: true,
label: i18n.t('table.config.label.albumArtist', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.ALBUM_ARTIST,
width: 300,
},
{
align: 'start',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.artist', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.ARTIST,
width: 300,
},
{
align: 'center',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.songCount', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.SONG_COUNT,
width: 100,
},
{
align: 'start',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.genre', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.GENRE,
width: 300,
},
{
align: 'start',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.genreBadge', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.GENRE_BADGE,
width: 300,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.year', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.YEAR,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.releaseDate', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.RELEASE_DATE,
width: 120,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.lastPlayed', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.LAST_PLAYED,
width: 150,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.dateAdded', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.DATE_ADDED,
width: 120,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.playCount', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.PLAY_COUNT,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.favorite', { postProcess: 'titleCase' }),
pinned: 'right',
value: TableColumn.USER_FAVORITE,
width: 60,
},
{
align: 'center',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.rating', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.USER_RATING,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.actions', { postProcess: 'titleCase' }),
pinned: 'right',
value: TableColumn.ACTIONS,
width: 60,
},
];
export const ALBUM_ARTIST_TABLE_COLUMNS: DefaultTableColumn[] = [
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.rowIndex', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.ROW_INDEX,
width: 80,
},
{
align: 'start',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.title', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.TITLE,
width: 300,
},
{
align: 'start',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.titleCombined', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.TITLE_COMBINED,
width: 300,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.duration', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.DURATION,
width: 100,
},
{
align: 'start',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.biography', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.BIOGRAPHY,
width: 300,
},
{
align: 'start',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.genre', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.GENRE,
width: 300,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.lastPlayed', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.LAST_PLAYED,
width: 150,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.playCount', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.PLAY_COUNT,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('filter.albumCount', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.ALBUM_COUNT,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.songCount', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.SONG_COUNT,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.favorite', { postProcess: 'titleCase' }),
pinned: 'right',
value: TableColumn.USER_FAVORITE,
width: 60,
},
{
align: 'center',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.rating', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.USER_RATING,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.actions', { postProcess: 'titleCase' }),
pinned: 'right',
value: TableColumn.ACTIONS,
width: 60,
},
];
export const PLAYLIST_TABLE_COLUMNS: DefaultTableColumn[] = [
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.rowIndex', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.ROW_INDEX,
width: 80,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.image', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.IMAGE,
width: 70,
},
{
align: 'start',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.title', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.TITLE,
width: 300,
},
{
align: 'start',
autoSize: false,
isEnabled: false,
label: i18n.t('table.config.label.titleCombined', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.TITLE_COMBINED,
width: 300,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.duration', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.DURATION,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.owner', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.OWNER,
width: 150,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.songCount', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.SONG_COUNT,
width: 100,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.actions', { postProcess: 'titleCase' }),
pinned: 'right',
value: TableColumn.ACTIONS,
width: 60,
},
];
export const GENRE_TABLE_COLUMNS: DefaultTableColumn[] = [
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.rowIndex', { postProcess: 'titleCase' }),
pinned: 'left',
value: TableColumn.ROW_INDEX,
width: 80,
},
{
align: 'start',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.title', { postProcess: 'titleCase' }),
pinned: null,
value: TableColumn.TITLE,
width: 300,
},
{
align: 'center',
autoSize: false,
isEnabled: true,
label: i18n.t('table.config.label.actions', { postProcess: 'titleCase' }),
pinned: 'right',
value: TableColumn.ACTIONS,
width: 60,
},
];
export const pickTableColumns = (columns: DefaultTableColumn[], enabledColumns: TableColumn[]) => {
return columns.map((column) => ({
align: column.align,
autoSize: column.autoSize,
id: column.value,
isEnabled: enabledColumns.includes(column.value),
pinned: column.pinned,
width: column.width,
}));
};