@heartlee/element-components
Version:
a component library for Vue 3 base on element-plus. Forked from element-pro-components. 根据业务需求自用,如需使用,请移步官方仓库使用
621 lines (620 loc) • 22.7 kB
TypeScript
import { VNode } from 'vue';
import type { IComponentSize, StringObject, ITableIndexColumns } from '../types/index';
declare const _default: import("vue").DefineComponent<{
columns: {
type: import("vue").PropType<import("../types/crud").ICrudColumns<any>>;
default: undefined;
};
addColumns: {
type: import("vue").PropType<import("../types/form").IFormColumns<any>>;
default: undefined;
};
editColumns: {
type: import("vue").PropType<import("../types/form").IFormColumns<any>>;
default: undefined;
};
formColumns: {
type: import("vue").PropType<import("../types/form").IFormColumns<any>>;
default: undefined;
};
searchColumns: {
type: import("vue").PropType<import("../types/form").IFormColumns<any>>;
default: undefined;
};
tableColumns: {
type: import("vue").PropType<import("../types/table").ITableColumns<any>>;
default: undefined;
};
menu: {
type: import("vue").PropType<boolean | import("../types/crud").ICrudMenuColumns<any>>;
default: undefined;
};
search: {
type: ObjectConstructor;
default: undefined;
};
searchRules: {
type: import("vue").PropType<import("element-plus/lib/components/form/src/form.type").FormRulesMap>;
default: undefined;
};
beforeOpen: {
type: import("vue").PropType<import("../types/crud").ICrudBeforeOpen<any>>;
default: undefined;
};
beforeClose: {
type: import("vue").PropType<import("../types/crud").ICrudBeforeClose>;
default: undefined;
};
appendToBody: {
type: BooleanConstructor;
default: boolean;
};
destroyOnClose: {
type: BooleanConstructor;
default: boolean;
};
center: {
type: BooleanConstructor;
default: boolean;
};
customClass: {
type: StringConstructor;
default: undefined;
};
closeOnClickModal: {
type: BooleanConstructor;
default: boolean;
};
closeOnPressEscape: {
type: BooleanConstructor;
default: boolean;
};
fullscreen: {
type: BooleanConstructor;
default: boolean;
};
lockScroll: {
type: BooleanConstructor;
default: boolean;
};
modal: {
type: BooleanConstructor;
default: boolean;
};
showClose: {
type: BooleanConstructor;
default: boolean;
};
title: {
type: StringConstructor;
default: undefined;
};
openDelay: {
type: NumberConstructor;
default: number;
};
closeDelay: {
type: NumberConstructor;
default: number;
};
top: {
type: StringConstructor;
default: string;
};
modalClass: StringConstructor;
width: {
type: (StringConstructor | NumberConstructor)[];
default: undefined;
};
zIndex: {
type: NumberConstructor;
};
request: {
type: import("vue").PropType<(...args: any[]) => Promise<{
data: any[];
total: number;
}>>;
required: boolean;
default: () => void;
};
selection: {
type: import("vue").PropType<boolean | import("../types/table").ITableSelectionColumns<any>>;
default: boolean;
};
expand: {
type: import("vue").PropType<boolean | import("../types/table").ITableExpandColumns<any>>;
default: undefined;
};
index: {
type: import("vue").PropType<boolean | ITableIndexColumns>;
default: boolean;
};
data: {
type: import("vue").PropType<any[]>;
default: () => never[];
};
height: (StringConstructor | NumberConstructor)[];
maxHeight: (StringConstructor | NumberConstructor)[];
fit: {
type: BooleanConstructor;
default: boolean;
};
stripe: BooleanConstructor;
border: BooleanConstructor;
rowKey: import("vue").PropType<string | ((row: any) => string) | undefined>;
showHeader: {
type: BooleanConstructor;
default: boolean;
};
showSummary: BooleanConstructor;
sumText: StringConstructor;
summaryMethod: import("vue").PropType<import("element-plus/packages/components/table/src/table/defaults").SummaryMethod<any> | undefined>;
rowClassName: import("vue").PropType<import("element-plus/packages/components/table/src/table/defaults").ColumnCls<any> | undefined>;
rowStyle: import("vue").PropType<import("element-plus/packages/components/table/src/table/defaults").ColumnStyle<any> | undefined>;
cellClassName: import("vue").PropType<(string | ((data: {
row: any;
rowIndex: number;
column: import("element-plus/packages/components/table/src/table-column/defaults").TableColumnCtx<any>;
columnIndex: number;
}) => string)) | undefined>;
cellStyle: import("vue").PropType<(import("vue").CSSProperties | ((data: {
row: any;
rowIndex: number;
column: import("element-plus/packages/components/table/src/table-column/defaults").TableColumnCtx<any>;
columnIndex: number;
}) => import("vue").CSSProperties)) | undefined>;
headerRowClassName: import("vue").PropType<import("element-plus/packages/components/table/src/table/defaults").ColumnCls<any> | undefined>;
headerRowStyle: import("vue").PropType<import("element-plus/packages/components/table/src/table/defaults").ColumnStyle<any> | undefined>;
headerCellClassName: import("vue").PropType<(string | ((data: {
row: any;
rowIndex: number;
column: import("element-plus/packages/components/table/src/table-column/defaults").TableColumnCtx<any>;
columnIndex: number;
}) => string)) | undefined>;
headerCellStyle: import("vue").PropType<(import("vue").CSSProperties | ((data: {
row: any;
rowIndex: number;
column: import("element-plus/packages/components/table/src/table-column/defaults").TableColumnCtx<any>;
columnIndex: number;
}) => import("vue").CSSProperties)) | undefined>;
highlightCurrentRow: BooleanConstructor;
currentRowKey: (StringConstructor | NumberConstructor)[];
emptyText: StringConstructor;
expandRowKeys: import("vue").PropType<any[] | undefined>;
defaultExpandAll: BooleanConstructor;
defaultSort: import("vue").PropType<import("element-plus/packages/components/table/src/table/defaults").Sort | undefined>;
tooltipEffect: StringConstructor;
spanMethod: import("vue").PropType<((data: {
row: any;
rowIndex: number;
column: import("element-plus/packages/components/table/src/table-column/defaults").TableColumnCtx<any>;
columnIndex: number;
}) => number[] | {
rowspan: number;
colspan: number;
}) | undefined>;
selectOnIndeterminate: {
type: BooleanConstructor;
default: boolean;
};
indent: {
type: NumberConstructor;
default: number;
};
treeProps: {
type: import("vue").PropType<{
hasChildren: string;
children: string;
} | undefined>;
default: () => {
hasChildren: string;
children: string;
};
};
lazy: BooleanConstructor;
load: import("vue").PropType<((row: any, treeNode: import("element-plus/packages/components/table/src/table/defaults").TreeNode, resolve: (data: any[]) => void) => void) | undefined>;
style: {
type: import("vue").PropType<import("vue").CSSProperties>;
default: () => {};
};
className: {
type: StringConstructor;
default: string;
};
total: {
type: NumberConstructor;
default: number;
};
pageSize: {
/**
* 分页组件 '页码' 事件
* @param current 改变后的页码
*/
type: NumberConstructor;
default: number;
};
currentPage: {
type: NumberConstructor;
default: number;
};
pagination: {
type: import("vue").PropType<import("../types/table").IPagination>;
default: undefined;
};
showOverflowTooltip: {
type: BooleanConstructor;
default: boolean;
};
align: {
type: import("vue").PropType<"left" | "right" | "center">;
default: undefined;
};
headerAlign: {
type: import("vue").PropType<"left" | "right" | "center">;
default: undefined;
};
size: {
type: import("vue").PropType<IComponentSize>;
default: undefined;
}; /**
* 查询表单 查询字段更新
* @param value 当前查询表单输入的所有值
*/
modelValue: {
type: import("vue").PropType<StringObject>;
default: () => {};
};
rules: {
type: import("vue").PropType<import("element-plus/lib/components/form/src/form.type").FormRulesMap>;
};
inline: {
type: BooleanConstructor;
default: boolean;
};
labelPosition: {
type: import("vue").PropType<"top" | "left" | "right">;
default: undefined;
};
labelWidth: {
type: (StringConstructor | NumberConstructor)[];
default: string;
};
labelSuffix: {
type: StringConstructor;
default: string;
};
hideRequiredAsterisk: {
type: BooleanConstructor;
default: boolean;
};
showMessage: {
type: BooleanConstructor;
default: boolean;
};
inlineMessage: BooleanConstructor;
statusIcon: BooleanConstructor;
validateOnRuleChange: {
type: BooleanConstructor;
default: boolean;
};
disabled: BooleanConstructor;
scrollToError: BooleanConstructor;
gutter: {
type: NumberConstructor;
default: undefined;
};
justify: {
type: import("vue").PropType<"center" | "start" | "end" | "space-around" | "space-between">;
default: undefined;
};
formType: {
type: import("vue").PropType<import("../types/crud").ICrudFormType>;
};
}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
[key: string]: any;
}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "submit" | "reset" | "current-change" | "update:search" | "searchReset" | "update:modelValue" | "update:currentPage" | "update:pageSize" | "size-change" | "prev-click" | "next-click" | "delete")[], "search" | "submit" | "reset" | "current-change" | "searchReset" | "update:search" | "update:modelValue" | "update:currentPage" | "update:pageSize" | "size-change" | "prev-click" | "next-click" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
columns?: unknown;
addColumns?: unknown;
editColumns?: unknown;
formColumns?: unknown;
searchColumns?: unknown;
tableColumns?: unknown;
menu?: unknown;
search?: unknown;
searchRules?: unknown;
beforeOpen?: unknown;
beforeClose?: unknown;
appendToBody?: unknown;
destroyOnClose?: unknown;
center?: unknown;
customClass?: unknown;
closeOnClickModal?: unknown;
closeOnPressEscape?: unknown;
fullscreen?: unknown;
lockScroll?: unknown;
modal?: unknown;
showClose?: unknown;
title?: unknown;
openDelay?: unknown;
closeDelay?: unknown;
top?: unknown;
modalClass?: unknown;
width?: unknown;
zIndex?: unknown;
request?: unknown;
selection?: unknown;
expand?: unknown;
index?: unknown;
data?: unknown;
height?: unknown;
maxHeight?: unknown;
fit?: unknown;
stripe?: unknown;
border?: unknown;
rowKey?: unknown;
showHeader?: unknown;
showSummary?: unknown;
sumText?: unknown;
summaryMethod?: unknown;
rowClassName?: unknown;
rowStyle?: unknown;
cellClassName?: unknown;
cellStyle?: unknown;
headerRowClassName?: unknown;
headerRowStyle?: unknown;
headerCellClassName?: unknown;
headerCellStyle?: unknown;
highlightCurrentRow?: unknown;
currentRowKey?: unknown;
emptyText?: unknown;
expandRowKeys?: unknown;
defaultExpandAll?: unknown;
defaultSort?: unknown;
tooltipEffect?: unknown;
spanMethod?: unknown;
selectOnIndeterminate?: unknown;
indent?: unknown;
treeProps?: unknown;
lazy?: unknown;
load?: unknown;
style?: unknown;
className?: unknown;
total?: unknown;
pageSize?: unknown;
currentPage?: unknown;
pagination?: unknown;
showOverflowTooltip?: unknown;
align?: unknown;
headerAlign?: unknown;
size?: unknown;
modelValue?: unknown;
rules?: unknown;
inline?: unknown;
labelPosition?: unknown;
labelWidth?: unknown;
labelSuffix?: unknown;
hideRequiredAsterisk?: unknown;
showMessage?: unknown;
inlineMessage?: unknown;
statusIcon?: unknown;
validateOnRuleChange?: unknown;
disabled?: unknown;
scrollToError?: unknown;
gutter?: unknown;
justify?: unknown;
formType?: unknown;
} & {
top: string;
selection: boolean | import("../types/table").ITableSelectionColumns<any>;
index: boolean | ITableIndexColumns;
total: number;
pageSize: number;
currentPage: number;
data: any[];
fit: boolean;
stripe: boolean;
border: boolean;
showHeader: boolean;
showSummary: boolean;
highlightCurrentRow: boolean;
defaultExpandAll: boolean;
selectOnIndeterminate: boolean;
indent: number;
treeProps: {
hasChildren: string;
children: string;
} | undefined;
lazy: boolean;
className: string;
style: import("vue").CSSProperties;
modelValue: StringObject;
inline: boolean;
labelWidth: string | number;
labelSuffix: string;
hideRequiredAsterisk: boolean;
showMessage: boolean;
inlineMessage: boolean;
statusIcon: boolean;
validateOnRuleChange: boolean;
disabled: boolean;
scrollToError: boolean;
request: (...args: any[]) => Promise<{
data: any[];
total: number;
}>;
showOverflowTooltip: boolean;
center: boolean;
fullscreen: boolean;
modal: boolean;
appendToBody: boolean;
lockScroll: boolean;
openDelay: number;
closeDelay: number;
closeOnClickModal: boolean;
closeOnPressEscape: boolean;
showClose: boolean;
destroyOnClose: boolean;
} & {
search?: Record<string, any> | undefined;
size?: IComponentSize;
expand?: boolean | import("../types/table").ITableExpandColumns<any> | undefined;
menu?: boolean | import("../types/crud").ICrudMenuColumns<any> | undefined;
columns?: import("../types/crud").ICrudColumns<any> | undefined;
pagination?: import("../types/table").IPagination | undefined;
width?: string | number | undefined;
height?: string | number | undefined;
maxHeight?: string | number | undefined;
rowKey?: string | ((row: any) => string) | undefined;
sumText?: string | undefined;
summaryMethod?: import("element-plus/packages/components/table/src/table/defaults").SummaryMethod<any> | undefined;
rowClassName?: import("element-plus/packages/components/table/src/table/defaults").ColumnCls<any> | undefined;
rowStyle?: import("element-plus/packages/components/table/src/table/defaults").ColumnStyle<any> | undefined;
cellClassName?: (string | ((data: {
row: any;
rowIndex: number;
column: import("element-plus/packages/components/table/src/table-column/defaults").TableColumnCtx<any>;
columnIndex: number;
}) => string)) | undefined;
cellStyle?: (import("vue").CSSProperties | ((data: {
row: any;
rowIndex: number;
column: import("element-plus/packages/components/table/src/table-column/defaults").TableColumnCtx<any>;
columnIndex: number;
}) => import("vue").CSSProperties)) | undefined;
headerRowClassName?: import("element-plus/packages/components/table/src/table/defaults").ColumnCls<any> | undefined;
headerRowStyle?: import("element-plus/packages/components/table/src/table/defaults").ColumnStyle<any> | undefined;
headerCellClassName?: (string | ((data: {
row: any;
rowIndex: number;
column: import("element-plus/packages/components/table/src/table-column/defaults").TableColumnCtx<any>;
columnIndex: number;
}) => string)) | undefined;
headerCellStyle?: (import("vue").CSSProperties | ((data: {
row: any;
rowIndex: number;
column: import("element-plus/packages/components/table/src/table-column/defaults").TableColumnCtx<any>;
columnIndex: number;
}) => import("vue").CSSProperties)) | undefined;
currentRowKey?: string | number | undefined;
emptyText?: string | undefined;
expandRowKeys?: any[] | undefined;
defaultSort?: import("element-plus/packages/components/table/src/table/defaults").Sort | undefined;
tooltipEffect?: string | undefined;
spanMethod?: ((data: {
row: any;
rowIndex: number;
column: import("element-plus/packages/components/table/src/table-column/defaults").TableColumnCtx<any>;
columnIndex: number;
}) => number[] | {
rowspan: number;
colspan: number;
}) | undefined;
load?: ((row: any, treeNode: import("element-plus/packages/components/table/src/table/defaults").TreeNode, resolve: (data: any[]) => void) => void) | undefined;
align?: "left" | "right" | "center" | undefined;
rules?: import("element-plus/lib/components/form/src/form.type").FormRulesMap | undefined;
labelPosition?: "top" | "left" | "right" | undefined;
gutter?: number | undefined;
justify?: "center" | "start" | "end" | "space-around" | "space-between" | undefined;
addColumns?: import("../types/form").IFormColumns<any> | undefined;
editColumns?: import("../types/form").IFormColumns<any> | undefined;
formColumns?: import("../types/form").IFormColumns<any> | undefined;
searchColumns?: import("../types/form").IFormColumns<any> | undefined;
tableColumns?: import("../types/table").ITableColumns<any> | undefined;
searchRules?: import("element-plus/lib/components/form/src/form.type").FormRulesMap | undefined;
beforeOpen?: import("../types/crud").ICrudBeforeOpen<any> | undefined;
headerAlign?: "left" | "right" | "center" | undefined;
title?: string | undefined;
customClass?: string | undefined;
beforeClose?: import("../types/crud").ICrudBeforeClose | undefined;
formType?: import("../types/crud").ICrudFormType | undefined;
zIndex?: number | undefined;
modalClass?: string | undefined;
}> & {
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
onSubmit?: ((...args: any[]) => any) | undefined;
onReset?: ((...args: any[]) => any) | undefined;
"onCurrent-change"?: ((...args: any[]) => any) | undefined;
"onUpdate:currentPage"?: ((...args: any[]) => any) | undefined;
"onUpdate:pageSize"?: ((...args: any[]) => any) | undefined;
"onSize-change"?: ((...args: any[]) => any) | undefined;
"onPrev-click"?: ((...args: any[]) => any) | undefined;
"onNext-click"?: ((...args: any[]) => any) | undefined;
onSearch?: ((...args: any[]) => any) | undefined;
"onUpdate:search"?: ((...args: any[]) => any) | undefined;
onSearchReset?: ((...args: any[]) => any) | undefined;
onDelete?: ((...args: any[]) => any) | undefined;
}, {
top: string;
search: Record<string, any>;
size: IComponentSize;
selection: boolean | import("../types/table").ITableSelectionColumns<any>;
expand: boolean | import("../types/table").ITableExpandColumns<any>;
index: boolean | ITableIndexColumns;
menu: boolean | import("../types/crud").ICrudMenuColumns<any>;
columns: import("../types/crud").ICrudColumns<any>;
total: number;
pageSize: number;
currentPage: number;
pagination: import("../types/table").IPagination;
data: any[];
width: string | number;
fit: boolean;
stripe: boolean;
border: boolean;
showHeader: boolean;
showSummary: boolean;
highlightCurrentRow: boolean;
defaultExpandAll: boolean;
selectOnIndeterminate: boolean;
indent: number;
treeProps: {
hasChildren: string;
children: string;
} | undefined;
lazy: boolean;
className: string;
style: import("vue").CSSProperties;
align: "left" | "right" | "center";
modelValue: StringObject;
inline: boolean;
labelPosition: "top" | "left" | "right";
labelWidth: string | number;
labelSuffix: string;
hideRequiredAsterisk: boolean;
showMessage: boolean;
inlineMessage: boolean;
statusIcon: boolean;
validateOnRuleChange: boolean;
disabled: boolean;
scrollToError: boolean;
gutter: number;
justify: "center" | "start" | "end" | "space-around" | "space-between";
addColumns: import("../types/form").IFormColumns<any>;
editColumns: import("../types/form").IFormColumns<any>;
formColumns: import("../types/form").IFormColumns<any>;
searchColumns: import("../types/form").IFormColumns<any>;
tableColumns: import("../types/table").ITableColumns<any>;
searchRules: import("element-plus/lib/components/form/src/form.type").FormRulesMap;
beforeOpen: import("../types/crud").ICrudBeforeOpen<any>;
request: (...args: any[]) => Promise<{
data: any[];
total: number;
}>;
showOverflowTooltip: boolean;
center: boolean;
headerAlign: "left" | "right" | "center";
title: string;
fullscreen: boolean;
modal: boolean;
appendToBody: boolean;
lockScroll: boolean;
customClass: string;
openDelay: number;
closeDelay: number;
closeOnClickModal: boolean;
closeOnPressEscape: boolean;
showClose: boolean;
beforeClose: import("../types/crud").ICrudBeforeClose;
destroyOnClose: boolean;
}>;
export default _default;