@dcodegroup-au/dsg-vue
Version:
Front-end Vue/Tailwind DSG for UntitledUI.
521 lines (520 loc) • 30.3 kB
TypeScript
import { DsgTableSearchFacet } from './DsgTableFilter.vue';
/**
* ------------------------------------------------
* # Setup: Component/Props
* ------------------------------------------------
*/
export interface DsgTableProps {
getUrl: string;
fields: any;
loadOnStart?: boolean;
displayPaginationInfo?: boolean;
reloadOnChangeTimer?: boolean;
selectable?: boolean;
trackBy?: string;
title?: string;
filters?: DsgTableSearchFacet[];
filterEntity?: string;
filterEndpoint?: string;
filterSearchEndpoint?: string;
tableLayout?: "fixed" | "auto";
}
declare function __VLS_template(): {
attrs: Partial<{}>;
slots: Partial<Record<string, (_: {
rowData: any;
rowField: import('./DsgTableComponent.vue').DsgTableField;
rowIndex: number;
}) => any>> & {
'dsg-table--pre-header'?(_: {}): any;
'dsg-table--page-title'?(_: {
data: null;
title: string;
}): any;
'dsg-table--page-actions'?(_: {
data: null;
}): any;
'dsg-table--search-header'?(_: {
data: null;
}): any;
'dsg-table--search-actions'?(_: {
data: null;
}): any;
'dsg-table--search-navigation'?(_: {}): any;
'dsg-table-actions'?(_: {
data: {
rowData: any;
rowIndex: number;
rowField: import('./DsgTableComponent.vue').DsgTableField;
};
}): any;
'dsg-table--footer-left'?(_: {
data: null;
perPage: {
perPage: number;
change: Function;
};
}): any;
'dsg-table--footer-left-extras'?(_: {
data: null;
perPage: {
perPage: number;
change: Function;
};
}): any;
'dsg-table--footer-center'?(_: {
data: null;
perPage: {
perPage: number;
change: Function;
};
}): any;
'dsg-table--footer-center-extras'?(_: {
data: null;
perPage: {
perPage: number;
change: Function;
};
}): any;
'dsg-table--footer-right'?(_: {
data: null;
perPage: {
perPage: number;
change: Function;
};
}): any;
'dsg-table--footer-right-extras'?(_: {
data: null;
perPage: {
perPage: number;
change: Function;
};
}): any;
};
refs: {
dsgTable: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly filterParams?: any;
readonly perPage?: any;
readonly fields: Array<any>;
readonly isDraggable?: boolean | undefined;
readonly dragApi?: string | undefined;
readonly loadOnStart?: boolean | undefined;
readonly apiUrl?: string | undefined;
readonly httpMethod?: "get" | "post" | undefined;
readonly reactiveApiUrl?: boolean | undefined;
readonly apiMode?: boolean | undefined;
readonly data?: (Array<any> | null) | undefined;
readonly dataManager?: (Function | null) | undefined;
readonly dataPath?: string | undefined;
readonly tableLayout?: "fixed" | "auto" | undefined;
readonly paginationPath?: string | undefined;
readonly queryParams?: import('./DsgTableComponent.vue').DsgTableComponentQueryParams | undefined;
readonly httpOptions?: {
[key: string]: any;
} | undefined | undefined;
readonly hasDetailRow?: boolean | undefined;
readonly showExpandDetail?: boolean | undefined;
readonly initialPage?: number | undefined;
readonly firstPage?: number | undefined;
readonly sortOrder?: Array<any> | undefined;
readonly multiSort?: boolean | undefined;
readonly tableHeight?: string | null | undefined;
readonly multiSortKey?: string | undefined;
readonly rowClass?: (string | Function) | undefined;
readonly detailRowComponent?: (string | Object) | undefined;
readonly detailRowTransition?: string | undefined;
readonly detailRowClass?: (string | Function) | undefined;
readonly detailRowOptions?: Object | undefined;
readonly trackBy?: string | undefined;
readonly css?: import('./DsgTableComponent.vue').DsgTableCustomCss | undefined;
readonly minRows?: number | undefined;
readonly noDataTemplate?: string | undefined;
readonly showSortIcons?: boolean | undefined;
readonly headerRows?: Array<any> | undefined;
readonly transform?: (Function | null) | undefined;
readonly sortParams?: (Function | null) | undefined;
readonly fieldPrefix?: string | undefined;
readonly eventPrefix?: string | undefined;
readonly selectable?: boolean | undefined;
readonly "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
readonly "onDsg-table:loaded"?: (() => any) | undefined;
readonly "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
readonly "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
readonly "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
readonly "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
readonly "onUpdate:filterParams"?: ((value: any) => any) | undefined;
readonly "onUpdate:perPage"?: ((value: any) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
dsgTableBodyWrapper: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void);
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<{
filterParams?: any;
perPage?: any;
} & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{
"onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
"onDsg-table:loaded"?: (() => any) | undefined;
"onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
"onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
"onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
"onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
"onUpdate:filterParams"?: ((value: any) => any) | undefined;
"onUpdate:perPage"?: ((value: any) => any) | undefined;
}>, {
changePage: (page: "next" | "prev" | number) => void;
reload: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:filterParams": (value: any) => any;
"update:perPage": (value: any) => any;
} & {
"dsg-table:loading": (loading: boolean) => any;
"dsg-table:loaded": () => any;
"dsg-table:load-success": (response: import('axios').AxiosResponse<any, any>) => any;
"dsg-table:load-error": (response: import('axios').AxiosResponse<any, any>) => any;
"dsg-table:pagination-data": (paginationData: any) => any;
"dsg-table:rows-selected": (rows: any) => any;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{}> & Omit<Readonly<{
filterParams?: any;
perPage?: any;
} & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{
"onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
"onDsg-table:loaded"?: (() => any) | undefined;
"onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
"onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
"onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
"onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
"onUpdate:filterParams"?: ((value: any) => any) | undefined;
"onUpdate:perPage"?: ((value: any) => any) | undefined;
}>, "changePage" | "reload"> & import('vue').ShallowUnwrapRef<{
changePage: (page: "next" | "prev" | number) => void;
reload: () => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Partial<Record<string, (_: {
rowData: any;
rowIndex: number;
rowField: import('./DsgTableComponent.vue').DsgTableField;
}) => any>> & {
tableHeader?(_: {
fields: import('./DsgTableComponent.vue').DsgTableField[];
}): any;
'dsg-table-loading'?(_: {}): any;
'dsg-table-detail-row'?(_: {
rowData: any;
rowIndex: number;
options: Object;
}): any;
'dsg-table-empty-result'?(_: {}): any;
'dsg-table-footer'?(_: {
fields: import('./DsgTableComponent.vue').DsgTableField[];
data: any[] | null;
}): any;
};
}) | null;
paginationInfoStart: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
pagination?: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null;
} & import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{
"onUpdate:pagination"?: ((value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:pagination": (value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
pagination?: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null;
} & import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{
"onUpdate:pagination"?: ((value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined;
}>, {}, {}, {}, {}, {}> | null;
pagination: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
pagination?: import('./DsgTablePagination.vue').DsgTablePagination | null;
} & import('./DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{
"onDsg-table:change-page"?: ((page: import('./DsgTablePagination.vue').Page) => any) | undefined;
"onUpdate:pagination"?: ((value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined;
}>, {
loadPage: (page: import('./DsgTablePagination.vue').Page) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:pagination": (value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any;
} & {
"dsg-table:change-page": (page: import('./DsgTablePagination.vue').Page) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
pagination?: import('./DsgTablePagination.vue').DsgTablePagination | null;
} & import('./DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{
"onDsg-table:change-page"?: ((page: import('./DsgTablePagination.vue').Page) => any) | undefined;
"onUpdate:pagination"?: ((value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined;
}>, {
loadPage: (page: import('./DsgTablePagination.vue').Page) => void;
}, {}, {}, {}, {}> | null;
};
rootEl: HTMLDivElement;
};
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
declare const __VLS_component: import('vue').DefineComponent<DsgTableProps, {
reloadTable: () => void;
updateRowTable: (rowData: any) => void;
termChanged: (term: string | null) => void;
setFilters: (filters: any) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
"dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
"dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any;
"dsg-table:action-delete": (ev: Event, rowData: Record<string, any>) => any;
"dsg-table:link-clicked": (ev: Event, actionId: string | number, rowData: Record<string, any>) => any;
"dsg-table:rows-selected": (rows: any) => any;
}, string, import('vue').PublicProps, Readonly<DsgTableProps> & Readonly<{
"onDsg-table:action-edit"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:action-view"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:action-delete"?: ((ev: Event, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:link-clicked"?: ((ev: Event, actionId: string | number, rowData: Record<string, any>) => any) | undefined;
"onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
dsgTable: ({
$: import('vue').ComponentInternalInstance;
$data: {};
$props: {
readonly filterParams?: any;
readonly perPage?: any;
readonly fields: Array<any>;
readonly isDraggable?: boolean | undefined;
readonly dragApi?: string | undefined;
readonly loadOnStart?: boolean | undefined;
readonly apiUrl?: string | undefined;
readonly httpMethod?: "get" | "post" | undefined;
readonly reactiveApiUrl?: boolean | undefined;
readonly apiMode?: boolean | undefined;
readonly data?: (Array<any> | null) | undefined;
readonly dataManager?: (Function | null) | undefined;
readonly dataPath?: string | undefined;
readonly tableLayout?: "fixed" | "auto" | undefined;
readonly paginationPath?: string | undefined;
readonly queryParams?: import('./DsgTableComponent.vue').DsgTableComponentQueryParams | undefined;
readonly httpOptions?: {
[key: string]: any;
} | undefined | undefined;
readonly hasDetailRow?: boolean | undefined;
readonly showExpandDetail?: boolean | undefined;
readonly initialPage?: number | undefined;
readonly firstPage?: number | undefined;
readonly sortOrder?: Array<any> | undefined;
readonly multiSort?: boolean | undefined;
readonly tableHeight?: string | null | undefined;
readonly multiSortKey?: string | undefined;
readonly rowClass?: (string | Function) | undefined;
readonly detailRowComponent?: (string | Object) | undefined;
readonly detailRowTransition?: string | undefined;
readonly detailRowClass?: (string | Function) | undefined;
readonly detailRowOptions?: Object | undefined;
readonly trackBy?: string | undefined;
readonly css?: import('./DsgTableComponent.vue').DsgTableCustomCss | undefined;
readonly minRows?: number | undefined;
readonly noDataTemplate?: string | undefined;
readonly showSortIcons?: boolean | undefined;
readonly headerRows?: Array<any> | undefined;
readonly transform?: (Function | null) | undefined;
readonly sortParams?: (Function | null) | undefined;
readonly fieldPrefix?: string | undefined;
readonly eventPrefix?: string | undefined;
readonly selectable?: boolean | undefined;
readonly "onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
readonly "onDsg-table:loaded"?: (() => any) | undefined;
readonly "onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
readonly "onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
readonly "onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
readonly "onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
readonly "onUpdate:filterParams"?: ((value: any) => any) | undefined;
readonly "onUpdate:perPage"?: ((value: any) => any) | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
} & {
dsgTableBodyWrapper: HTMLDivElement;
};
$slots: Readonly<{
[name: string]: import('vue').Slot<any> | undefined;
}>;
$root: import('vue').ComponentPublicInstance | null;
$parent: import('vue').ComponentPublicInstance | null;
$host: Element | null;
$emit: ((event: "dsg-table:loading", loading: boolean) => void) & ((event: "dsg-table:loaded") => void) & ((event: "dsg-table:load-success", response: import('axios').AxiosResponse<any, any>) => void) & ((event: "dsg-table:load-error", response: import('axios').AxiosResponse<any, any>) => void) & ((event: "dsg-table:pagination-data", paginationData: any) => void) & ((event: "dsg-table:rows-selected", rows: any) => void) & ((event: "update:filterParams", value: any) => void) & ((event: "update:perPage", value: any) => void);
$el: HTMLDivElement;
$options: import('vue').ComponentOptionsBase<Readonly<{
filterParams?: any;
perPage?: any;
} & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{
"onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
"onDsg-table:loaded"?: (() => any) | undefined;
"onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
"onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
"onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
"onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
"onUpdate:filterParams"?: ((value: any) => any) | undefined;
"onUpdate:perPage"?: ((value: any) => any) | undefined;
}>, {
changePage: (page: "next" | "prev" | number) => void;
reload: () => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:filterParams": (value: any) => any;
"update:perPage": (value: any) => any;
} & {
"dsg-table:loading": (loading: boolean) => any;
"dsg-table:loaded": () => any;
"dsg-table:load-success": (response: import('axios').AxiosResponse<any, any>) => any;
"dsg-table:load-error": (response: import('axios').AxiosResponse<any, any>) => any;
"dsg-table:pagination-data": (paginationData: any) => any;
"dsg-table:rows-selected": (rows: any) => any;
}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
beforeCreate?: (() => void) | (() => void)[];
created?: (() => void) | (() => void)[];
beforeMount?: (() => void) | (() => void)[];
mounted?: (() => void) | (() => void)[];
beforeUpdate?: (() => void) | (() => void)[];
updated?: (() => void) | (() => void)[];
activated?: (() => void) | (() => void)[];
deactivated?: (() => void) | (() => void)[];
beforeDestroy?: (() => void) | (() => void)[];
beforeUnmount?: (() => void) | (() => void)[];
destroyed?: (() => void) | (() => void)[];
unmounted?: (() => void) | (() => void)[];
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
};
$forceUpdate: () => void;
$nextTick: typeof import('vue').nextTick;
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
} & Readonly<{}> & Omit<Readonly<{
filterParams?: any;
perPage?: any;
} & import('./DsgTableComponent.vue').DsgTableComponentProp> & Readonly<{
"onDsg-table:loading"?: ((loading: boolean) => any) | undefined;
"onDsg-table:loaded"?: (() => any) | undefined;
"onDsg-table:load-success"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
"onDsg-table:load-error"?: ((response: import('axios').AxiosResponse<any, any>) => any) | undefined;
"onDsg-table:pagination-data"?: ((paginationData: any) => any) | undefined;
"onDsg-table:rows-selected"?: ((rows: any) => any) | undefined;
"onUpdate:filterParams"?: ((value: any) => any) | undefined;
"onUpdate:perPage"?: ((value: any) => any) | undefined;
}>, "changePage" | "reload"> & import('vue').ShallowUnwrapRef<{
changePage: (page: "next" | "prev" | number) => void;
reload: () => void;
}> & {} & import('vue').ComponentCustomProperties & {} & {
$slots: Partial<Record<string, (_: {
rowData: any;
rowIndex: number;
rowField: import('./DsgTableComponent.vue').DsgTableField;
}) => any>> & {
tableHeader?(_: {
fields: import('./DsgTableComponent.vue').DsgTableField[];
}): any;
'dsg-table-loading'?(_: {}): any;
'dsg-table-detail-row'?(_: {
rowData: any;
rowIndex: number;
options: Object;
}): any;
'dsg-table-empty-result'?(_: {}): any;
'dsg-table-footer'?(_: {
fields: import('./DsgTableComponent.vue').DsgTableField[];
data: any[] | null;
}): any;
};
}) | null;
paginationInfoStart: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
pagination?: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null;
} & import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{
"onUpdate:pagination"?: ((value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined;
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:pagination": (value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
pagination?: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null;
} & import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfoProps> & Readonly<{
"onUpdate:pagination"?: ((value: import('./DsgTablePaginationInfo.vue').DsgTablePaginationInfo | null) => any) | undefined;
}>, {}, {}, {}, {}, {}> | null;
pagination: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
pagination?: import('./DsgTablePagination.vue').DsgTablePagination | null;
} & import('./DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{
"onDsg-table:change-page"?: ((page: import('./DsgTablePagination.vue').Page) => any) | undefined;
"onUpdate:pagination"?: ((value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined;
}>, {
loadPage: (page: import('./DsgTablePagination.vue').Page) => void;
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
"update:pagination": (value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any;
} & {
"dsg-table:change-page": (page: import('./DsgTablePagination.vue').Page) => any;
}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
P: {};
B: {};
D: {};
C: {};
M: {};
Defaults: {};
}, Readonly<{
pagination?: import('./DsgTablePagination.vue').DsgTablePagination | null;
} & import('./DsgTablePagination.vue').DsgTablePaginationInfoProps> & Readonly<{
"onDsg-table:change-page"?: ((page: import('./DsgTablePagination.vue').Page) => any) | undefined;
"onUpdate:pagination"?: ((value: import('./DsgTablePagination.vue').DsgTablePagination | null) => any) | undefined;
}>, {
loadPage: (page: import('./DsgTablePagination.vue').Page) => void;
}, {}, {}, {}, {}> | null;
}, HTMLDivElement>;
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
export default _default;
type __VLS_WithTemplateSlots<T, S> = T & {
new (): {
$slots: S;
};
};