import type { ComputedRef } from 'vue';
|
import type { BasicTableProps, TableCustomRecord } from '../types/table';
|
import { unref } from 'vue';
|
import { isFunction } from '@/utils/is';
|
|
export function useTableStyle(propsRef: ComputedRef<BasicTableProps>, prefixCls: string) {
|
function getRowClassName(record: TableCustomRecord, index: number) {
|
const { striped, rowClassName } = unref(propsRef);
|
const classNames: string[] = [];
|
if (striped) {
|
classNames.push((index || 0) % 2 === 1 ? `${prefixCls}-row__striped` : '');
|
}
|
if (rowClassName && isFunction(rowClassName)) {
|
classNames.push(rowClassName(record, index));
|
}
|
return classNames.filter((cls) => !!cls).join(' ');
|
}
|
|
return { getRowClassName };
|
}
|
