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

add dynamic cell skeleton sizing

Browse Source
This commit is contained in:
jeffvli
2025-11-01 02:35:16 -07:00
parent 0e9f9f2fe1
commit c644224072
16 changed files with 120 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/item-list/item-table-list/item-table-list-column.tsx
+21
View File
@@ -31,6 +31,7 @@ import { TitleCombinedColumn } from '/@/renderer/components/item-list/item-table
import { TableItemProps } from '/@/renderer/components/item-list/item-table-list/item-table-list';
import { ItemControls } from '/@/renderer/components/item-list/types';
import { Icon } from '/@/shared/components/icon/icon';
import { Skeleton } from '/@/shared/components/skeleton/skeleton';
import { Text } from '/@/shared/components/text/text';
import { TableColumn } from '/@/shared/types/types';
@@ -446,3 +447,23 @@ const columnLabelMap: Record<TableColumn, ReactNode | string> = {
}) as string,
[TableColumn.YEAR]: i18n.t('table.column.releaseYear', { postProcess: 'upperCase' }) as string,
};
export const ColumnNullFallback = (props: ItemTableListInnerColumn) => {
return <TableColumnTextContainer {...props}>&nbsp;</TableColumnTextContainer>;
};
export const ColumnSkeletonVariable = (props: ItemTableListInnerColumn) => {
return (
<TableColumnContainer {...props}>
<Skeleton height="1rem" width={`${props.rowIndex % 2 === 0 ? '80%' : '60%'}`} />
</TableColumnContainer>
);
};
export const ColumnSkeletonFixed = (props: ItemTableListInnerColumn) => {
return (
<TableColumnContainer {...props}>
<Skeleton height="1rem" width="80%" />
</TableColumnContainer>
);
};