@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>
185 lines (184 loc) • 4.94 kB
TypeScript
import { PropType } from 'vue';
export declare const ProList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
size: {
type: PropType<"small" | "medium" | "large">;
default: string;
};
/**
* 是否显示边框
*/
bordered: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否显示分割线
*/
split: {
type: BooleanConstructor;
default: boolean;
};
/**
* 加载状态
*/
loading: {
type: BooleanConstructor;
default: boolean;
};
/**
* 列表项是否有反馈
*/
hoverable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 距离底部多少时触发触底事件
*/
bottomOffset: {
type: NumberConstructor;
default: number;
};
/**
* 是否开启虚拟列表，需保证gridProps选项未使用
*/
virtualList: {
type: BooleanConstructor;
default: boolean;
};
/**
* 栅格布局配置
*/
gridProps: ObjectConstructor;
/**
* 等同于 v-for的 key，用于性能优化
*/
rowKey: StringConstructor;
/**
* 根据数据key值筛选每个卡片获取的数据，可传递类似 "res.data.data" 的路径字符串
*/
dataKey: StringConstructor;
/**
* 列表的最大高度受控
*/
maxHeight: (StringConstructor | NumberConstructor)[];
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 list scrolls
*/
scroll: () => true;
/**
* @zh 当列表到达底部时触发
* @en Triggered when the list reaches the bottom
*/
reachBottom: () => true;
/**
* @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;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
size: {
type: PropType<"small" | "medium" | "large">;
default: string;
};
/**
* 是否显示边框
*/
bordered: {
type: BooleanConstructor;
default: boolean;
};
/**
* 是否显示分割线
*/
split: {
type: BooleanConstructor;
default: boolean;
};
/**
* 加载状态
*/
loading: {
type: BooleanConstructor;
default: boolean;
};
/**
* 列表项是否有反馈
*/
hoverable: {
type: BooleanConstructor;
default: boolean;
};
/**
* 距离底部多少时触发触底事件
*/
bottomOffset: {
type: NumberConstructor;
default: number;
};
/**
* 是否开启虚拟列表，需保证gridProps选项未使用
*/
virtualList: {
type: BooleanConstructor;
default: boolean;
};
/**
* 栅格布局配置
*/
gridProps: ObjectConstructor;
/**
* 等同于 v-for的 key，用于性能优化
*/
rowKey: StringConstructor;
/**
* 根据数据key值筛选每个卡片获取的数据，可传递类似 "res.data.data" 的路径字符串
*/
dataKey: StringConstructor;
/**
* 列表的最大高度受控
*/
maxHeight: (StringConstructor | NumberConstructor)[];
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;
onScroll?: (() => any) | undefined;
onReachBottom?: (() => any) | undefined;
}>, {
split: boolean;
data: any[];
size: "small" | "medium" | "large";
loading: boolean;
hoverable: boolean;
bordered: boolean;
paginationProps: import("@vrx-arco/use").PropPaginationProps;
bottomOffset: number;
virtualList: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;