@vrx-arco/pro-components
Version:
<p align="center"> <img src="https://vrx-arco.github.io/arco-design-pro/favicon.svg" width="200" height="250"> </p>
144 lines (143 loc) • 4.1 kB
text/typescript
import { PropType } from 'vue';
export interface CardListColumnGrid {
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
xxl: number;
}
export declare const ProCardList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
bottomOffset: {
type: NumberConstructor;
default: number;
};
/**
* 等同于 v-for的 key,用于性能优化
*/
rowKey: StringConstructor;
/**
* 根据数据key值筛选每个卡片获取的数据,可传递类似 "res.data.data" 的路径字符串
*/
dataKey: StringConstructor;
/**
* 加载状态
*/
loading: {
type: BooleanConstructor;
default: boolean;
};
/**
* 列表的最大高度受控
*/
maxHeight: (StringConstructor | NumberConstructor)[];
/**
* 一行显示的列数
*/
column: {
type: PropType<number | CardListColumnGrid>;
default: () => {
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
xxl: number;
};
};
/**
* item的间距
*/
gutter: {
type: PropType<number | [number, number]>;
default: number;
};
data: {
readonly type: PropType<any[]>;
readonly default: () => never[];
};
pagination: PropType<import("@vrx-arco/use").ProPaginationOption | true>;
paginationProps: {
readonly type: PropType<import("@vrx-arco/use").PropPaginationProps>;
readonly default: () => {};
};
}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
/**
* @zh 表格分页发生改变时触发
* @en Triggered when the table pagination changes
* @param {number} page
*/
pageChange: (page: number) => true;
/**
* @zh 表格每页数据数量发生改变时触发
* @en Triggered when the number of data per page of the table changes
* @param {number} pageSize
*/
pageSizeChange: (pageSize: number) => true;
itemClick: (item: any, index: number) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
bottomOffset: {
type: NumberConstructor;
default: number;
};
/**
* 等同于 v-for的 key,用于性能优化
*/
rowKey: StringConstructor;
/**
* 根据数据key值筛选每个卡片获取的数据,可传递类似 "res.data.data" 的路径字符串
*/
dataKey: StringConstructor;
/**
* 加载状态
*/
loading: {
type: BooleanConstructor;
default: boolean;
};
/**
* 列表的最大高度受控
*/
maxHeight: (StringConstructor | NumberConstructor)[];
/**
* 一行显示的列数
*/
column: {
type: PropType<number | CardListColumnGrid>;
default: () => {
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
xxl: number;
};
};
/**
* item的间距
*/
gutter: {
type: PropType<number | [number, number]>;
default: number;
};
data: {
readonly type: PropType<any[]>;
readonly default: () => never[];
};
pagination: PropType<import("@vrx-arco/use").ProPaginationOption | true>;
paginationProps: {
readonly type: PropType<import("@vrx-arco/use").PropPaginationProps>;
readonly default: () => {};
};
}>> & Readonly<{
onPageSizeChange?: ((pageSize: number) => any) | undefined;
onPageChange?: ((page: number) => any) | undefined;
onItemClick?: ((item: any, index: number) => any) | undefined;
}>, {
data: any[];
loading: boolean;
paginationProps: import("@vrx-arco/use").PropPaginationProps;
bottomOffset: number;
column: number | CardListColumnGrid;
gutter: number | [number, number];
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;