vexip-ui
Version:
A Vue 3 UI library, Highly customizability, full TypeScript, performance pretty good
136 lines (135 loc) • 6.39 kB
TypeScript
import { Data } from './symbol';
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
idKey: import('vue').PropType<string | number>;
name: import('vue').PropType<string>;
accessor: import('vue').PropType<import('./symbol').Accessor>;
fixed: import('vue').PropType<boolean | "right" | "left">;
class: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
style: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
attrs: import('vue').PropType<any>;
type: import('vue').PropType<"drag" | "order" | "expand" | "selection">;
width: import('vue').PropType<number | `${number}%`>;
minWidth: import('vue').PropType<number>;
maxWidth: import('vue').PropType<number>;
filter: import('vue').PropType<{
able?: boolean;
custom?: false;
options?: (string | {
value: any;
label?: string;
active?: boolean;
})[] | undefined;
multiple?: false;
active?: any;
method?: ((active: any, data: any) => boolean) | null | undefined;
meta?: any;
} | {
able?: boolean;
custom?: false;
options?: (string | {
value: any;
label?: string;
active?: boolean;
})[] | undefined;
multiple: true;
active?: any[] | null | undefined;
method?: ((active: any[], data: any) => boolean) | null | undefined;
meta?: any;
} | {
able?: boolean;
custom: true;
options?: never;
multiple?: false;
active?: any;
method?: ((active: any, data: any) => boolean) | null | undefined;
meta?: any;
}>;
sorter: import('vue').PropType<boolean | import('./symbol').TableSorterOptions<any>>;
renderer: import('vue').PropType<import('./symbol').ColumnRenderFn>;
headRenderer: import('vue').PropType<import('./symbol').HeadRenderFn>;
filterRenderer: import('vue').PropType<import('./symbol').FilterRenderFn>;
order: import('vue').PropType<number>;
ellipsis: import('vue').PropType<boolean>;
checkboxSize: import('vue').PropType<"default" | "small" | "large">;
selectionSize: import('vue').PropType<"default" | "small" | "large">;
disableRow: import('vue').PropType<(data: Data) => boolean>;
truthIndex: import('vue').PropType<boolean>;
orderLabel: import('vue').PropType<(index: number) => string | number>;
meta: import('vue').PropType<any>;
textAlign: import('vue').PropType<"center" | "right" | "left">;
headSpan: import('vue').PropType<number>;
cellSpan: import('vue').PropType<import('./symbol').ColumnCellSpanFn>;
noSummary: import('vue').PropType<boolean>;
summaryRenderer: import('vue').PropType<import('./symbol').ColumnSummaryRenderFn>;
indented: import('vue').PropType<boolean>;
formatter: import('vue').PropType<(value: any) => unknown>;
singleSelect: import('vue').PropType<boolean>;
}>, () => null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
inherit: import('vue').PropType<boolean>;
idKey: import('vue').PropType<string | number>;
name: import('vue').PropType<string>;
accessor: import('vue').PropType<import('./symbol').Accessor>;
fixed: import('vue').PropType<boolean | "right" | "left">;
class: import('vue').PropType<string | Record<string, any> | (string | Record<string, any>)[]>;
style: import('vue').PropType<string | import('vue').CSSProperties | (string | import('vue').CSSProperties)[]>;
attrs: import('vue').PropType<any>;
type: import('vue').PropType<"drag" | "order" | "expand" | "selection">;
width: import('vue').PropType<number | `${number}%`>;
minWidth: import('vue').PropType<number>;
maxWidth: import('vue').PropType<number>;
filter: import('vue').PropType<{
able?: boolean;
custom?: false;
options?: (string | {
value: any;
label?: string;
active?: boolean;
})[] | undefined;
multiple?: false;
active?: any;
method?: ((active: any, data: any) => boolean) | null | undefined;
meta?: any;
} | {
able?: boolean;
custom?: false;
options?: (string | {
value: any;
label?: string;
active?: boolean;
})[] | undefined;
multiple: true;
active?: any[] | null | undefined;
method?: ((active: any[], data: any) => boolean) | null | undefined;
meta?: any;
} | {
able?: boolean;
custom: true;
options?: never;
multiple?: false;
active?: any;
method?: ((active: any, data: any) => boolean) | null | undefined;
meta?: any;
}>;
sorter: import('vue').PropType<boolean | import('./symbol').TableSorterOptions<any>>;
renderer: import('vue').PropType<import('./symbol').ColumnRenderFn>;
headRenderer: import('vue').PropType<import('./symbol').HeadRenderFn>;
filterRenderer: import('vue').PropType<import('./symbol').FilterRenderFn>;
order: import('vue').PropType<number>;
ellipsis: import('vue').PropType<boolean>;
checkboxSize: import('vue').PropType<"default" | "small" | "large">;
selectionSize: import('vue').PropType<"default" | "small" | "large">;
disableRow: import('vue').PropType<(data: Data) => boolean>;
truthIndex: import('vue').PropType<boolean>;
orderLabel: import('vue').PropType<(index: number) => string | number>;
meta: import('vue').PropType<any>;
textAlign: import('vue').PropType<"center" | "right" | "left">;
headSpan: import('vue').PropType<number>;
cellSpan: import('vue').PropType<import('./symbol').ColumnCellSpanFn>;
noSummary: import('vue').PropType<boolean>;
summaryRenderer: import('vue').PropType<import('./symbol').ColumnSummaryRenderFn>;
indented: import('vue').PropType<boolean>;
formatter: import('vue').PropType<(value: any) => unknown>;
singleSelect: import('vue').PropType<boolean>;
}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;