45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
import type {
|
|
ColumnType,
|
|
DefaultRecordType,
|
|
ColumnsType,
|
|
TableLayout,
|
|
RenderExpandIcon,
|
|
ExpandableType,
|
|
RowClassName,
|
|
TriggerEventHandler,
|
|
ExpandedRowRender,
|
|
} from '../interface';
|
|
import type { InjectionKey } from 'vue';
|
|
import { inject, provide } from 'vue';
|
|
|
|
export interface BodyContextProps<RecordType = DefaultRecordType> {
|
|
rowClassName: string | RowClassName<RecordType>;
|
|
expandedRowClassName: RowClassName<RecordType>;
|
|
|
|
columns: ColumnsType<RecordType>;
|
|
flattenColumns: readonly ColumnType<RecordType>[];
|
|
|
|
componentWidth: number;
|
|
tableLayout: TableLayout;
|
|
fixHeader: boolean;
|
|
fixColumn: boolean;
|
|
horizonScroll: boolean;
|
|
|
|
indentSize: number;
|
|
expandableType: ExpandableType;
|
|
expandRowByClick: boolean;
|
|
expandedRowRender: ExpandedRowRender<RecordType>;
|
|
expandIcon: RenderExpandIcon<RecordType>;
|
|
onTriggerExpand: TriggerEventHandler<RecordType>;
|
|
expandIconColumnIndex: number;
|
|
}
|
|
export const BodyContextKey: InjectionKey<BodyContextProps> = Symbol('BodyContextProps');
|
|
|
|
export const useProvideBody = (props: BodyContextProps) => {
|
|
provide(BodyContextKey, props);
|
|
};
|
|
|
|
export const useInjectBody = () => {
|
|
return inject(BodyContextKey, {} as BodyContextProps);
|
|
};
|