bc518174
 王天杨
提交两个项目文件
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
|
import * as React from 'react';
import { OverridableStringUnion } from '@mui/types';
import { SxProps } from '@mui/system';
import { OverridableComponent, OverrideProps } from "../OverridableComponent/index.js";
import { Theme } from "../styles/index.js";
import { UsePaginationItem } from "../usePagination/usePagination.js";
import { PaginationItemClasses } from "./paginationItemClasses.js";
import { CreateSlotsAndSlotProps, SlotProps } from "../utils/types.js";
export interface PaginationItemPropsVariantOverrides {}
export interface PaginationItemPropsSizeOverrides {}
export interface PaginationItemPropsColorOverrides {}
export interface PaginationItemFirstSlotPropsOverrides {}
export interface PaginationItemLastSlotPropsOverrides {}
export interface PaginationItemNextSlotPropsOverrides {}
export interface PaginationItemPreviousSlotPropsOverrides {}
export interface PaginationItemSlots {
/**
* The component that renders the first page slot.
* @default FirstPageIcon
*/
first: React.ElementType;
/**
* The component that renders the last page slot.
* @default LastPageIcon
*/
last: React.ElementType;
/**
* The component that renders the next page slot.
* @default NavigateNextIcon
*/
next: React.ElementType;
/**
* The component that renders the previous page slot.
* @default NavigateBeforeIcon
*/
previous: React.ElementType;
}
export type PaginationItemSlotsAndSlotProps = CreateSlotsAndSlotProps<PaginationItemSlots, {
/**
* Props forwarded to the first page slot.
*/
first: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, PaginationItemFirstSlotPropsOverrides, PaginationItemOwnerState>;
/**
* Props forwarded to the last page slot.
*/
last: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, PaginationItemLastSlotPropsOverrides, PaginationItemOwnerState>;
/**
* Props forwarded to the next page slot.
*/
next: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, PaginationItemNextSlotPropsOverrides, PaginationItemOwnerState>;
/**
* Props forwarded to the previous page slot.
*/
previous: SlotProps<React.ElementType<React.HTMLProps<HTMLElement>>, PaginationItemPreviousSlotPropsOverrides, PaginationItemOwnerState>;
}>;
export interface PaginationItemOwnerState extends PaginationItemProps {}
export interface PaginationItemOwnProps extends PaginationItemSlotsAndSlotProps {
/**
* Override or extend the styles applied to the component.
*/
classes?: Partial<PaginationItemClasses>;
/**
* The active color.
* It supports both default and custom theme colors, which can be added as shown in the
* [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
* @default 'standard'
*/
color?: OverridableStringUnion<'standard' | 'primary' | 'secondary', PaginationItemPropsColorOverrides>;
/**
* The components used for each slot inside.
*
* This prop is an alias for the `slots` prop.
* It's recommended to use the `slots` prop instead.
*
* @default {}
* @deprecated use the `slots` prop instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
*/
components?: {
first?: React.ElementType;
last?: React.ElementType;
next?: React.ElementType;
previous?: React.ElementType;
};
/**
* If `true`, the component is disabled.
* @default false
*/
disabled?: boolean;
/**
* The current page number.
*/
page?: React.ReactNode;
/**
* If `true` the pagination item is selected.
* @default false
*/
selected?: boolean;
/**
* The shape of the pagination item.
* @default 'circular'
*/
shape?: 'circular' | 'rounded';
/**
* The size of the component.
* @default 'medium'
*/
size?: OverridableStringUnion<'small' | 'medium' | 'large', PaginationItemPropsSizeOverrides>;
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx?: SxProps<Theme>;
/**
* The type of pagination item.
* @default 'page'
*/
type?: UsePaginationItem['type'];
/**
* The variant to use.
* @default 'text'
*/
variant?: OverridableStringUnion<'text' | 'outlined', PaginationItemPropsVariantOverrides>;
}
export interface PaginationItemTypeMap<AdditionalProps = {}, RootComponent extends React.ElementType = 'div'> {
props: AdditionalProps & PaginationItemOwnProps;
defaultComponent: RootComponent;
}
/**
*
* Demos:
*
* - [Pagination](https://mui.com/material-ui/react-pagination/)
*
* API:
*
* - [PaginationItem API](https://mui.com/material-ui/api/pagination-item/)
* - inherits [ButtonBase API](https://mui.com/material-ui/api/button-base/)
*/
declare const PaginationItem: OverridableComponent<PaginationItemTypeMap>;
export type PaginationItemProps<RootComponent extends React.ElementType = PaginationItemTypeMap['defaultComponent'], AdditionalProps = {}> = OverrideProps<PaginationItemTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
component?: React.ElementType;
};
export default PaginationItem;
|
