UNPKG

@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
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>;