@fe6/water-pro
Version:
An enterprise-class UI design language and Vue-based implementation
510 lines (509 loc) • 22.7 kB
TypeScript
/** @format */
import TablePro from './src/table-pro';
export { default as TableAction } from './src/components/table-action';
export { default as EditTableHeaderIcon } from './src/components/edit-table-header-icon';
export { default as TableImage } from './src/components/table-img';
export { default as TableCard } from './src/components/table-card';
export * from './src/types/table';
export * from './src/types/pagination';
export * from './src/types/table-action';
export { useTable } from './src/hooks/use-table';
export type { FormSchema, FormProps } from '../form-pro/src/types/form';
export { TablePro };
declare const _default: {
new (...args: any[]): {
$: import("vue").ComponentInternalInstance;
$data: {};
$props: Partial<{
title: string | ((data: Recordable<any>) => string);
locale: import("./src/types/table").LocaleParams;
prefixCls: string;
scroll: {
x: number | true;
y: number;
};
ellipsis: boolean;
inset: boolean;
maxHeight: number;
loading: boolean;
bordered: boolean;
pagination: any;
rowSelection: any;
dataSource: Recordable<any>[];
columns: import("./src/types/table").BasicColumn[];
rowKey: string | ((record: Recordable<any>) => string);
indentSize: number;
draggable: boolean;
api: (...arg: any[]) => Promise<any>;
immediate: boolean;
fetchSetting: import("./src/types/table").FetchSetting;
showIndexColumn: boolean;
indexColumnProps: any;
isTreeTable: boolean;
actionColumn: any;
clearSelectOnPageChange: boolean;
sortFn: (sortInfo: import("./src/types/table").SorterResult) => any;
filterFn: (data: Partial<Recordable<string[]>>) => any;
searchInfo: any;
beforeFetch: Fn<any, any>;
afterFetch: Fn<any, any>;
useSearchForm: boolean;
resizeHeightOffset: number;
clickToRowSelect: boolean;
striped: boolean;
showTableSetting: boolean;
autoCreateKey: boolean;
summaryFunc: (...arg: any[]) => any[];
summaryData: Recordable<any>[];
showSummary: boolean;
handleSearchInfoFn: Fn<any, any>;
emptyDataIsShowTable: boolean;
formConfig: any;
cardable: boolean;
cardTitle: string;
dragOtions: {
x: number | true;
y: number;
};
formLabelALigin: string;
emptyPlaceholderClassName: (...args: any[]) => any;
}> & Omit<Readonly<{
title: string | ((data: Recordable<any>) => string);
locale: import("./src/types/table").LocaleParams;
prefixCls: string;
scroll: {
x: number | true;
y: number;
};
ellipsis: boolean;
inset: boolean;
maxHeight: number;
loading: boolean;
bordered: boolean;
pagination: any;
rowSelection: any;
dataSource: Recordable<any>[];
columns: import("./src/types/table").BasicColumn[];
rowKey: string | ((record: Recordable<any>) => string);
indentSize: number;
draggable: boolean;
api: (...arg: any[]) => Promise<any>;
immediate: boolean;
fetchSetting: import("./src/types/table").FetchSetting;
showIndexColumn: boolean;
indexColumnProps: any;
isTreeTable: boolean;
actionColumn: any;
clearSelectOnPageChange: boolean;
sortFn: (sortInfo: import("./src/types/table").SorterResult) => any;
filterFn: (data: Partial<Recordable<string[]>>) => any;
searchInfo: any;
beforeFetch: Fn<any, any>;
afterFetch: Fn<any, any>;
useSearchForm: boolean;
resizeHeightOffset: number;
clickToRowSelect: boolean;
striped: boolean;
showTableSetting: boolean;
autoCreateKey: boolean;
summaryFunc: (...arg: any[]) => any[];
summaryData: Recordable<any>[];
showSummary: boolean;
handleSearchInfoFn: Fn<any, any>;
emptyDataIsShowTable: boolean;
formConfig: any;
cardable: boolean;
cardTitle: string;
dragOtions: {
x: number | true;
y: number;
};
formLabelALigin: string;
emptyPlaceholderClassName: (...args: any[]) => any;
} & {
rowClassName?: (record: import("./src/types/table").TableCustomRecord<any>, index: number) => string;
totalRender?: () => any;
canResize?: boolean;
tableSetting?: unknown;
titleHelpMessage?: string | string[];
formLabelCol?: unknown;
formWrapperCol?: unknown;
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "locale" | "prefixCls" | "scroll" | "ellipsis" | "inset" | "maxHeight" | "loading" | "bordered" | "pagination" | "rowSelection" | "dataSource" | "columns" | "rowKey" | "indentSize" | "draggable" | "api" | "immediate" | "fetchSetting" | "showIndexColumn" | "indexColumnProps" | "isTreeTable" | "actionColumn" | "clearSelectOnPageChange" | "sortFn" | "filterFn" | "searchInfo" | "beforeFetch" | "afterFetch" | "useSearchForm" | "resizeHeightOffset" | "clickToRowSelect" | "striped" | "showTableSetting" | "autoCreateKey" | "summaryFunc" | "summaryData" | "showSummary" | "handleSearchInfoFn" | "emptyDataIsShowTable" | "formConfig" | "cardable" | "cardTitle" | "dragOtions" | "formLabelALigin" | "emptyPlaceholderClassName">;
$attrs: {
[x: string]: unknown;
};
$refs: {
[x: string]: unknown;
};
$slots: Readonly<{
[name: string]: import("vue").Slot;
}>;
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
$emit: (event: "register" | "fetch-error" | "fetch-finally" | "fetch-success" | "selection-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "edit-end" | "edit-cancel" | "edit-row-end" | "edit-change" | "drag-end", ...args: any[]) => void;
$el: any;
$options: import("vue").ComponentOptionsBase<Readonly<{
title: string | ((data: Recordable<any>) => string);
locale: import("./src/types/table").LocaleParams;
prefixCls: string;
scroll: {
x: number | true;
y: number;
};
ellipsis: boolean;
inset: boolean;
maxHeight: number;
loading: boolean;
bordered: boolean;
pagination: any;
rowSelection: any;
dataSource: Recordable<any>[];
columns: import("./src/types/table").BasicColumn[];
rowKey: string | ((record: Recordable<any>) => string);
indentSize: number;
draggable: boolean;
api: (...arg: any[]) => Promise<any>;
immediate: boolean;
fetchSetting: import("./src/types/table").FetchSetting;
showIndexColumn: boolean;
indexColumnProps: any;
isTreeTable: boolean;
actionColumn: any;
clearSelectOnPageChange: boolean;
sortFn: (sortInfo: import("./src/types/table").SorterResult) => any;
filterFn: (data: Partial<Recordable<string[]>>) => any;
searchInfo: any;
beforeFetch: Fn<any, any>;
afterFetch: Fn<any, any>;
useSearchForm: boolean;
resizeHeightOffset: number;
clickToRowSelect: boolean;
striped: boolean;
showTableSetting: boolean;
autoCreateKey: boolean;
summaryFunc: (...arg: any[]) => any[];
summaryData: Recordable<any>[];
showSummary: boolean;
handleSearchInfoFn: Fn<any, any>;
emptyDataIsShowTable: boolean;
formConfig: any;
cardable: boolean;
cardTitle: string;
dragOtions: {
x: number | true;
y: number;
};
formLabelALigin: string;
emptyPlaceholderClassName: (...args: any[]) => any;
} & {
rowClassName?: (record: import("./src/types/table").TableCustomRecord<any>, index: number) => string;
totalRender?: () => any;
canResize?: boolean;
tableSetting?: unknown;
titleHelpMessage?: string | string[];
formLabelCol?: unknown;
formWrapperCol?: unknown;
}>, {
tableElRef: import("vue").Ref<{
$el: HTMLDivElement;
}>;
getBindValues: import("vue").ComputedRef<Recordable<any>>;
getLoading: import("vue").ComputedRef<boolean>;
registerForm: import("../form-pro/src/types/form").FormRegisterFn;
handleSearchInfoChange: (info: Recordable<any>) => void;
getEmptyDataIsShowTable: import("vue").ComputedRef<boolean>;
handleTableChange: (pagination: import("./src/types/pagination").PaginationProps, filters: Partial<Recordable<string[]>>, sorter: import("./src/types/table").SorterResult) => void;
getRowClassName: (record: import("./src/types/table").TableCustomRecord<Recordable<any>>, index: number) => string;
clearSelectedRowKeys: () => void;
wrapRef: import("vue").Ref<HTMLDivElement>;
tableAction: import("./src/types/table").TableActionType;
redoHeight: () => void;
getFormProps: import("vue").ComputedRef<Partial<import("../form-pro/src/types/form").FormProps>>;
replaceFormSlotKey: (key: string) => string;
getFormSlotKeys: import("vue").ComputedRef<string[]>;
prefixClsNew: import("vue").ComputedRef<string>;
columns: import("vue").ComputedRef<import("./src/types/table").BasicColumn[]>;
}, unknown, {}, {
moreDisplayCancelSelect(): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("register" | "fetch-error" | "fetch-finally" | "fetch-success" | "selection-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "edit-end" | "edit-cancel" | "edit-row-end" | "edit-change" | "drag-end")[], string, {
title: string | ((data: Recordable<any>) => string);
locale: import("./src/types/table").LocaleParams;
prefixCls: string;
scroll: {
x: number | true;
y: number;
};
ellipsis: boolean;
inset: boolean;
maxHeight: number;
loading: boolean;
bordered: boolean;
pagination: any;
rowSelection: any;
dataSource: Recordable<any>[];
columns: import("./src/types/table").BasicColumn[];
rowKey: string | ((record: Recordable<any>) => string);
indentSize: number;
draggable: boolean;
api: (...arg: any[]) => Promise<any>;
immediate: boolean;
fetchSetting: import("./src/types/table").FetchSetting;
showIndexColumn: boolean;
indexColumnProps: any;
isTreeTable: boolean;
actionColumn: any;
clearSelectOnPageChange: boolean;
sortFn: (sortInfo: import("./src/types/table").SorterResult) => any;
filterFn: (data: Partial<Recordable<string[]>>) => any;
searchInfo: any;
beforeFetch: Fn<any, any>;
afterFetch: Fn<any, any>;
useSearchForm: boolean;
resizeHeightOffset: number;
clickToRowSelect: boolean;
striped: boolean;
showTableSetting: boolean;
autoCreateKey: boolean;
summaryFunc: (...arg: any[]) => any[];
summaryData: Recordable<any>[];
showSummary: boolean;
handleSearchInfoFn: Fn<any, any>;
emptyDataIsShowTable: boolean;
formConfig: any;
cardable: boolean;
cardTitle: string;
dragOtions: {
x: number | true;
y: number;
};
formLabelALigin: string;
emptyPlaceholderClassName: (...args: any[]) => any;
}>;
$forceUpdate: import("vue").ReactiveEffect<any>;
$nextTick: typeof import("vue").nextTick;
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
} & Readonly<{
title: string | ((data: Recordable<any>) => string);
locale: import("./src/types/table").LocaleParams;
prefixCls: string;
scroll: {
x: number | true;
y: number;
};
ellipsis: boolean;
inset: boolean;
maxHeight: number;
loading: boolean;
bordered: boolean;
pagination: any;
rowSelection: any;
dataSource: Recordable<any>[];
columns: import("./src/types/table").BasicColumn[];
rowKey: string | ((record: Recordable<any>) => string);
indentSize: number;
draggable: boolean;
api: (...arg: any[]) => Promise<any>;
immediate: boolean;
fetchSetting: import("./src/types/table").FetchSetting;
showIndexColumn: boolean;
indexColumnProps: any;
isTreeTable: boolean;
actionColumn: any;
clearSelectOnPageChange: boolean;
sortFn: (sortInfo: import("./src/types/table").SorterResult) => any;
filterFn: (data: Partial<Recordable<string[]>>) => any;
searchInfo: any;
beforeFetch: Fn<any, any>;
afterFetch: Fn<any, any>;
useSearchForm: boolean;
resizeHeightOffset: number;
clickToRowSelect: boolean;
striped: boolean;
showTableSetting: boolean;
autoCreateKey: boolean;
summaryFunc: (...arg: any[]) => any[];
summaryData: Recordable<any>[];
showSummary: boolean;
handleSearchInfoFn: Fn<any, any>;
emptyDataIsShowTable: boolean;
formConfig: any;
cardable: boolean;
cardTitle: string;
dragOtions: {
x: number | true;
y: number;
};
formLabelALigin: string;
emptyPlaceholderClassName: (...args: any[]) => any;
} & {
rowClassName?: (record: import("./src/types/table").TableCustomRecord<any>, index: number) => string;
totalRender?: () => any;
canResize?: boolean;
tableSetting?: unknown;
titleHelpMessage?: string | string[];
formLabelCol?: unknown;
formWrapperCol?: unknown;
}> & import("vue").ShallowUnwrapRef<{
tableElRef: import("vue").Ref<{
$el: HTMLDivElement;
}>;
getBindValues: import("vue").ComputedRef<Recordable<any>>;
getLoading: import("vue").ComputedRef<boolean>;
registerForm: import("../form-pro/src/types/form").FormRegisterFn;
handleSearchInfoChange: (info: Recordable<any>) => void;
getEmptyDataIsShowTable: import("vue").ComputedRef<boolean>;
handleTableChange: (pagination: import("./src/types/pagination").PaginationProps, filters: Partial<Recordable<string[]>>, sorter: import("./src/types/table").SorterResult) => void;
getRowClassName: (record: import("./src/types/table").TableCustomRecord<Recordable<any>>, index: number) => string;
clearSelectedRowKeys: () => void;
wrapRef: import("vue").Ref<HTMLDivElement>;
tableAction: import("./src/types/table").TableActionType;
redoHeight: () => void;
getFormProps: import("vue").ComputedRef<Partial<import("../form-pro/src/types/form").FormProps>>;
replaceFormSlotKey: (key: string) => string;
getFormSlotKeys: import("vue").ComputedRef<string[]>;
prefixClsNew: import("vue").ComputedRef<string>;
columns: import("vue").ComputedRef<import("./src/types/table").BasicColumn[]>;
}> & {} & {} & {
moreDisplayCancelSelect(): void;
} & import("vue").ComponentCustomProperties;
__isFragment?: never;
__isTeleport?: never;
__isSuspense?: never;
} & import("vue").ComponentOptionsBase<Readonly<{
title: string | ((data: Recordable<any>) => string);
locale: import("./src/types/table").LocaleParams;
prefixCls: string;
scroll: {
x: number | true;
y: number;
};
ellipsis: boolean;
inset: boolean;
maxHeight: number;
loading: boolean;
bordered: boolean;
pagination: any;
rowSelection: any;
dataSource: Recordable<any>[];
columns: import("./src/types/table").BasicColumn[];
rowKey: string | ((record: Recordable<any>) => string);
indentSize: number;
draggable: boolean;
api: (...arg: any[]) => Promise<any>;
immediate: boolean;
fetchSetting: import("./src/types/table").FetchSetting;
showIndexColumn: boolean;
indexColumnProps: any;
isTreeTable: boolean;
actionColumn: any;
clearSelectOnPageChange: boolean;
sortFn: (sortInfo: import("./src/types/table").SorterResult) => any;
filterFn: (data: Partial<Recordable<string[]>>) => any;
searchInfo: any;
beforeFetch: Fn<any, any>;
afterFetch: Fn<any, any>;
useSearchForm: boolean;
resizeHeightOffset: number;
clickToRowSelect: boolean;
striped: boolean;
showTableSetting: boolean;
autoCreateKey: boolean;
summaryFunc: (...arg: any[]) => any[];
summaryData: Recordable<any>[];
showSummary: boolean;
handleSearchInfoFn: Fn<any, any>;
emptyDataIsShowTable: boolean;
formConfig: any;
cardable: boolean;
cardTitle: string;
dragOtions: {
x: number | true;
y: number;
};
formLabelALigin: string;
emptyPlaceholderClassName: (...args: any[]) => any;
} & {
rowClassName?: (record: import("./src/types/table").TableCustomRecord<any>, index: number) => string;
totalRender?: () => any;
canResize?: boolean;
tableSetting?: unknown;
titleHelpMessage?: string | string[];
formLabelCol?: unknown;
formWrapperCol?: unknown;
}>, {
tableElRef: import("vue").Ref<{
$el: HTMLDivElement;
}>;
getBindValues: import("vue").ComputedRef<Recordable<any>>;
getLoading: import("vue").ComputedRef<boolean>;
registerForm: import("../form-pro/src/types/form").FormRegisterFn;
handleSearchInfoChange: (info: Recordable<any>) => void;
getEmptyDataIsShowTable: import("vue").ComputedRef<boolean>;
handleTableChange: (pagination: import("./src/types/pagination").PaginationProps, filters: Partial<Recordable<string[]>>, sorter: import("./src/types/table").SorterResult) => void;
getRowClassName: (record: import("./src/types/table").TableCustomRecord<Recordable<any>>, index: number) => string;
clearSelectedRowKeys: () => void;
wrapRef: import("vue").Ref<HTMLDivElement>;
tableAction: import("./src/types/table").TableActionType;
redoHeight: () => void;
getFormProps: import("vue").ComputedRef<Partial<import("../form-pro/src/types/form").FormProps>>;
replaceFormSlotKey: (key: string) => string;
getFormSlotKeys: import("vue").ComputedRef<string[]>;
prefixClsNew: import("vue").ComputedRef<string>;
columns: import("vue").ComputedRef<import("./src/types/table").BasicColumn[]>;
}, unknown, {}, {
moreDisplayCancelSelect(): void;
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("register" | "fetch-error" | "fetch-finally" | "fetch-success" | "selection-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "edit-end" | "edit-cancel" | "edit-row-end" | "edit-change" | "drag-end")[], "register" | "fetch-error" | "fetch-finally" | "fetch-success" | "selection-change" | "row-click" | "row-dbClick" | "row-contextmenu" | "row-mouseenter" | "row-mouseleave" | "edit-end" | "edit-cancel" | "edit-row-end" | "edit-change" | "drag-end", {
title: string | ((data: Recordable<any>) => string);
locale: import("./src/types/table").LocaleParams;
prefixCls: string;
scroll: {
x: number | true;
y: number;
};
ellipsis: boolean;
inset: boolean;
maxHeight: number;
loading: boolean;
bordered: boolean;
pagination: any;
rowSelection: any;
dataSource: Recordable<any>[];
columns: import("./src/types/table").BasicColumn[];
rowKey: string | ((record: Recordable<any>) => string);
indentSize: number;
draggable: boolean;
api: (...arg: any[]) => Promise<any>;
immediate: boolean;
fetchSetting: import("./src/types/table").FetchSetting;
showIndexColumn: boolean;
indexColumnProps: any;
isTreeTable: boolean;
actionColumn: any;
clearSelectOnPageChange: boolean;
sortFn: (sortInfo: import("./src/types/table").SorterResult) => any;
filterFn: (data: Partial<Recordable<string[]>>) => any;
searchInfo: any;
beforeFetch: Fn<any, any>;
afterFetch: Fn<any, any>;
useSearchForm: boolean;
resizeHeightOffset: number;
clickToRowSelect: boolean;
striped: boolean;
showTableSetting: boolean;
autoCreateKey: boolean;
summaryFunc: (...arg: any[]) => any[];
summaryData: Recordable<any>[];
showSummary: boolean;
handleSearchInfoFn: Fn<any, any>;
emptyDataIsShowTable: boolean;
formConfig: any;
cardable: boolean;
cardTitle: string;
dragOtions: {
x: number | true;
y: number;
};
formLabelALigin: string;
emptyPlaceholderClassName: (...args: any[]) => any;
}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
export default _default;