@rue-js/design 0.0.33 → 0.0.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/rue-design.cjs.js +18963 -2012
- package/dist/rue-design.cjs.prod.js +1 -2060
- package/dist/rue-design.d.ts +4281 -0
- package/dist/rue-design.esm-browser.js +22079 -1997
- package/dist/rue-design.esm-browser.prod.js +1 -5
- package/dist/rue-design.esm-bundler.js +18923 -1997
- package/dist/rue-design.global.js +22163 -2042
- package/dist/rue-design.global.prod.js +1 -5
- package/index.js +2 -2
- package/package.json +13 -13
- package/dist/design.d.ts +0 -767
|
@@ -0,0 +1,4281 @@
|
|
|
1
|
+
export interface DomNodeLike {
|
|
2
|
+
nextSibling?: DomNodeLike | null;
|
|
3
|
+
firstChild?: DomNodeLike | null;
|
|
4
|
+
}
|
|
5
|
+
export interface DomElementLike extends DomNodeLike {
|
|
6
|
+
innerHTML?: any;
|
|
7
|
+
}
|
|
8
|
+
export type RenderTarget = {
|
|
9
|
+
kind: "container";
|
|
10
|
+
container: DomElementLike;
|
|
11
|
+
} | {
|
|
12
|
+
kind: "between";
|
|
13
|
+
parent: DomElementLike;
|
|
14
|
+
start: DomNodeLike;
|
|
15
|
+
end: DomNodeLike;
|
|
16
|
+
} | {
|
|
17
|
+
kind: "anchor";
|
|
18
|
+
parent: DomElementLike;
|
|
19
|
+
anchor: DomNodeLike;
|
|
20
|
+
} | {
|
|
21
|
+
kind: "static";
|
|
22
|
+
parent: DomElementLike;
|
|
23
|
+
anchor: DomNodeLike;
|
|
24
|
+
};
|
|
25
|
+
export interface BlockInstance {
|
|
26
|
+
readonly kind: "block";
|
|
27
|
+
mount(target: RenderTarget): void;
|
|
28
|
+
cleanupBucket?: Array<() => void>;
|
|
29
|
+
unmount?(): void;
|
|
30
|
+
}
|
|
31
|
+
export interface BlockFactory {
|
|
32
|
+
(): BlockInstance;
|
|
33
|
+
readonly kind: "block-factory";
|
|
34
|
+
}
|
|
35
|
+
export type Renderable = string | number | boolean | null | undefined | DomNodeLike | BlockFactory | BlockInstance | ReadonlyArray<Renderable>;
|
|
36
|
+
export type RueMountHandle = {
|
|
37
|
+
__rue_mount_id: unknown;
|
|
38
|
+
} | {
|
|
39
|
+
__rue_component_type: unknown;
|
|
40
|
+
props?: unknown;
|
|
41
|
+
} | {
|
|
42
|
+
__rue_vapor_setup: unknown;
|
|
43
|
+
};
|
|
44
|
+
export type RenderableOutput = Renderable | RueMountHandle | ReadonlyArray<RenderableOutput>;
|
|
45
|
+
export type Child = RenderableOutput;
|
|
46
|
+
export type ChildInput = Child | ReadonlyArray<ChildInput>;
|
|
47
|
+
export type PropsWithChildren<P = {}> = P & {
|
|
48
|
+
children?: ChildInput;
|
|
49
|
+
};
|
|
50
|
+
export type FC<P = {}> = (props: PropsWithChildren<P>) => RenderableOutput;
|
|
51
|
+
export type AlertTone = "default" | "info" | "success" | "warning" | "error";
|
|
52
|
+
export type AlertType = Exclude<AlertTone, "default">;
|
|
53
|
+
export type AlertDirection = "vertical" | "horizontal";
|
|
54
|
+
export interface AlertProps {
|
|
55
|
+
type?: AlertType;
|
|
56
|
+
variant?: AlertType;
|
|
57
|
+
color?: AlertTone;
|
|
58
|
+
outline?: boolean;
|
|
59
|
+
dash?: boolean;
|
|
60
|
+
soft?: boolean;
|
|
61
|
+
direction?: AlertDirection;
|
|
62
|
+
title?: any;
|
|
63
|
+
message?: any;
|
|
64
|
+
description?: any;
|
|
65
|
+
showIcon?: boolean;
|
|
66
|
+
icon?: any;
|
|
67
|
+
banner?: boolean;
|
|
68
|
+
closable?: boolean;
|
|
69
|
+
closeText?: any;
|
|
70
|
+
closeIcon?: any;
|
|
71
|
+
action?: any;
|
|
72
|
+
onClose?: (event: MouseEvent) => void;
|
|
73
|
+
afterClose?: () => void;
|
|
74
|
+
role?: string;
|
|
75
|
+
className?: string;
|
|
76
|
+
children?: any;
|
|
77
|
+
[key: string]: any;
|
|
78
|
+
}
|
|
79
|
+
export declare const Alert: FC<AlertProps>;
|
|
80
|
+
export type AccordionIcon = "arrow" | "plus";
|
|
81
|
+
export type AccordionForce = "open" | "close";
|
|
82
|
+
export type AccordionUse = "radio" | "details";
|
|
83
|
+
export type AccordionItemKey = string | number;
|
|
84
|
+
export interface AccordionDataItem {
|
|
85
|
+
key?: AccordionItemKey;
|
|
86
|
+
title?: any;
|
|
87
|
+
description?: any;
|
|
88
|
+
extra?: any;
|
|
89
|
+
content?: any;
|
|
90
|
+
titleClassName?: string;
|
|
91
|
+
descriptionClassName?: string;
|
|
92
|
+
extraClassName?: string;
|
|
93
|
+
contentClassName?: string;
|
|
94
|
+
icon?: AccordionIcon;
|
|
95
|
+
force?: AccordionForce;
|
|
96
|
+
use?: AccordionUse;
|
|
97
|
+
open?: boolean;
|
|
98
|
+
disabled?: boolean;
|
|
99
|
+
className?: string;
|
|
100
|
+
}
|
|
101
|
+
export interface AccordionChangeContext {
|
|
102
|
+
key: AccordionItemKey;
|
|
103
|
+
index: number;
|
|
104
|
+
open: boolean;
|
|
105
|
+
item?: AccordionDataItem;
|
|
106
|
+
}
|
|
107
|
+
export interface AccordionProps {
|
|
108
|
+
icon?: AccordionIcon;
|
|
109
|
+
force?: AccordionForce;
|
|
110
|
+
use?: AccordionUse;
|
|
111
|
+
name?: string;
|
|
112
|
+
open?: boolean;
|
|
113
|
+
defaultOpen?: boolean;
|
|
114
|
+
activeKey?: AccordionItemKey | null;
|
|
115
|
+
defaultActiveKey?: AccordionItemKey | null;
|
|
116
|
+
openKeys?: ReadonlyArray<AccordionItemKey>;
|
|
117
|
+
defaultOpenKeys?: ReadonlyArray<AccordionItemKey>;
|
|
118
|
+
multiple?: boolean;
|
|
119
|
+
collapsible?: boolean;
|
|
120
|
+
disabled?: boolean;
|
|
121
|
+
className?: string;
|
|
122
|
+
titleClassName?: string;
|
|
123
|
+
contentClassName?: string;
|
|
124
|
+
children?: any;
|
|
125
|
+
items?: ReadonlyArray<AccordionDataItem>;
|
|
126
|
+
onChange?: (nextValue: AccordionItemKey | ReadonlyArray<AccordionItemKey> | null, context: AccordionChangeContext) => void;
|
|
127
|
+
onToggle?: (open: boolean, context: AccordionChangeContext) => void;
|
|
128
|
+
}
|
|
129
|
+
export interface AccordionPartProps {
|
|
130
|
+
className?: string;
|
|
131
|
+
children?: any;
|
|
132
|
+
as?: "div" | "summary" | "button";
|
|
133
|
+
}
|
|
134
|
+
export type AccordionCompound = FC<AccordionProps> & {
|
|
135
|
+
Title: FC<AccordionPartProps>;
|
|
136
|
+
Content: FC<AccordionPartProps>;
|
|
137
|
+
};
|
|
138
|
+
export declare const AccordionCompound: AccordionCompound;
|
|
139
|
+
export type ButtonTone = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
140
|
+
export type ButtonColor = "default" | "danger" | ButtonTone;
|
|
141
|
+
export type ButtonType = "solid" | "filled" | "outlined" | "dashed" | "text" | "link";
|
|
142
|
+
export type ButtonShape = "default" | "square" | "circle" | "round";
|
|
143
|
+
export type ButtonSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "medium" | "middle" | "large";
|
|
144
|
+
export type ButtonHTMLType = "button" | "submit" | "reset";
|
|
145
|
+
export type ButtonIconPlacement = "start" | "end";
|
|
146
|
+
export interface ButtonLoadingConfig {
|
|
147
|
+
delay?: number;
|
|
148
|
+
icon?: any;
|
|
149
|
+
}
|
|
150
|
+
export interface ButtonProps {
|
|
151
|
+
as?: "button" | "a" | "div";
|
|
152
|
+
type?: ButtonType;
|
|
153
|
+
htmlType?: ButtonHTMLType;
|
|
154
|
+
color?: ButtonColor;
|
|
155
|
+
shape?: ButtonShape;
|
|
156
|
+
size?: ButtonSize;
|
|
157
|
+
icon?: any;
|
|
158
|
+
iconPlacement?: ButtonIconPlacement;
|
|
159
|
+
loading?: boolean | ButtonLoadingConfig;
|
|
160
|
+
disabled?: boolean;
|
|
161
|
+
danger?: boolean;
|
|
162
|
+
active?: boolean;
|
|
163
|
+
block?: boolean;
|
|
164
|
+
wide?: boolean;
|
|
165
|
+
className?: string;
|
|
166
|
+
href?: string;
|
|
167
|
+
target?: string;
|
|
168
|
+
rel?: string;
|
|
169
|
+
onClick?: (e: MouseEvent) => void;
|
|
170
|
+
children?: any;
|
|
171
|
+
[key: string]: any;
|
|
172
|
+
}
|
|
173
|
+
export declare const Button: FC<ButtonProps>;
|
|
174
|
+
export type CardSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "medium" | "middle" | "large";
|
|
175
|
+
export type CardVariant = "outlined" | "borderless" | "dashed";
|
|
176
|
+
export type CardType = "default" | "inner";
|
|
177
|
+
export type CardTabStyle = "box" | "border" | "lift";
|
|
178
|
+
export type CardTabPlacement = "top" | "bottom";
|
|
179
|
+
export interface CardTabItem {
|
|
180
|
+
key: string;
|
|
181
|
+
label?: any;
|
|
182
|
+
tab?: any;
|
|
183
|
+
disabled?: boolean;
|
|
184
|
+
className?: string;
|
|
185
|
+
}
|
|
186
|
+
export interface CardTabProps {
|
|
187
|
+
style?: CardTabStyle;
|
|
188
|
+
placement?: CardTabPlacement;
|
|
189
|
+
size?: "xs" | "sm" | "md" | "lg" | "xl";
|
|
190
|
+
className?: string;
|
|
191
|
+
}
|
|
192
|
+
export interface CardProps {
|
|
193
|
+
size?: CardSize;
|
|
194
|
+
border?: boolean;
|
|
195
|
+
bordered?: boolean;
|
|
196
|
+
dash?: boolean;
|
|
197
|
+
side?: boolean;
|
|
198
|
+
imageFull?: boolean;
|
|
199
|
+
variant?: CardVariant;
|
|
200
|
+
type?: CardType;
|
|
201
|
+
hoverable?: boolean;
|
|
202
|
+
loading?: boolean;
|
|
203
|
+
title?: any;
|
|
204
|
+
extra?: any;
|
|
205
|
+
cover?: any;
|
|
206
|
+
actions?: any[];
|
|
207
|
+
tabList?: CardTabItem[];
|
|
208
|
+
activeTabKey?: string;
|
|
209
|
+
defaultActiveTabKey?: string;
|
|
210
|
+
tabBarExtraContent?: any;
|
|
211
|
+
tabProps?: CardTabProps;
|
|
212
|
+
onTabChange?: (key: string) => void;
|
|
213
|
+
className?: string;
|
|
214
|
+
style?: any;
|
|
215
|
+
headerClassName?: string;
|
|
216
|
+
headerStyle?: any;
|
|
217
|
+
bodyClassName?: string;
|
|
218
|
+
bodyStyle?: any;
|
|
219
|
+
coverClassName?: string;
|
|
220
|
+
coverStyle?: any;
|
|
221
|
+
actionsClassName?: string;
|
|
222
|
+
actionsStyle?: any;
|
|
223
|
+
titleClassName?: string;
|
|
224
|
+
titleStyle?: any;
|
|
225
|
+
extraClassName?: string;
|
|
226
|
+
extraStyle?: any;
|
|
227
|
+
children?: any;
|
|
228
|
+
[key: string]: any;
|
|
229
|
+
}
|
|
230
|
+
export interface CardPartProps {
|
|
231
|
+
className?: string;
|
|
232
|
+
style?: any;
|
|
233
|
+
children?: any;
|
|
234
|
+
[key: string]: any;
|
|
235
|
+
}
|
|
236
|
+
export interface CardGridProps {
|
|
237
|
+
className?: string;
|
|
238
|
+
style?: any;
|
|
239
|
+
hoverable?: boolean;
|
|
240
|
+
children?: any;
|
|
241
|
+
[key: string]: any;
|
|
242
|
+
}
|
|
243
|
+
export interface CardMetaProps {
|
|
244
|
+
className?: string;
|
|
245
|
+
style?: any;
|
|
246
|
+
avatar?: any;
|
|
247
|
+
avatarClassName?: string;
|
|
248
|
+
avatarStyle?: any;
|
|
249
|
+
title?: any;
|
|
250
|
+
titleClassName?: string;
|
|
251
|
+
titleStyle?: any;
|
|
252
|
+
description?: any;
|
|
253
|
+
descriptionClassName?: string;
|
|
254
|
+
descriptionStyle?: any;
|
|
255
|
+
children?: any;
|
|
256
|
+
[key: string]: any;
|
|
257
|
+
}
|
|
258
|
+
export type CardCompound = FC<CardProps> & {
|
|
259
|
+
Body: FC<CardPartProps>;
|
|
260
|
+
Title: FC<CardPartProps>;
|
|
261
|
+
Actions: FC<CardPartProps>;
|
|
262
|
+
Figure: FC<CardPartProps>;
|
|
263
|
+
Grid: FC<CardGridProps>;
|
|
264
|
+
Meta: FC<CardMetaProps>;
|
|
265
|
+
};
|
|
266
|
+
export declare const CardCompound: CardCompound;
|
|
267
|
+
export type CalendarMode = "month" | "year";
|
|
268
|
+
export type CalendarSelectSource = "year" | "month" | "date" | "customize";
|
|
269
|
+
export type CalendarValue = Date | string | number;
|
|
270
|
+
export type CalendarWeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6;
|
|
271
|
+
export interface CalendarSelectInfo {
|
|
272
|
+
source: CalendarSelectSource;
|
|
273
|
+
}
|
|
274
|
+
export interface CalendarCellRenderInfo {
|
|
275
|
+
type: "date" | "month";
|
|
276
|
+
originNode: any;
|
|
277
|
+
today: Date;
|
|
278
|
+
selected: boolean;
|
|
279
|
+
isToday: boolean;
|
|
280
|
+
inView: boolean;
|
|
281
|
+
disabled: boolean;
|
|
282
|
+
row: number;
|
|
283
|
+
column: number;
|
|
284
|
+
week?: number;
|
|
285
|
+
}
|
|
286
|
+
export interface CalendarMonthOption {
|
|
287
|
+
value: number;
|
|
288
|
+
label: string;
|
|
289
|
+
disabled?: boolean;
|
|
290
|
+
}
|
|
291
|
+
export interface CalendarHeaderRenderConfig {
|
|
292
|
+
value: Date;
|
|
293
|
+
type: CalendarMode;
|
|
294
|
+
yearOptions: number[];
|
|
295
|
+
monthOptions: CalendarMonthOption[];
|
|
296
|
+
onChange: (date: CalendarValue) => void;
|
|
297
|
+
onTypeChange: (mode: CalendarMode) => void;
|
|
298
|
+
onYearChange: (year: number) => void;
|
|
299
|
+
onMonthChange: (month: number) => void;
|
|
300
|
+
}
|
|
301
|
+
export interface CalendarHostProps {
|
|
302
|
+
className?: string;
|
|
303
|
+
children?: any;
|
|
304
|
+
[key: string]: any;
|
|
305
|
+
}
|
|
306
|
+
export interface CalendarPikaSingleProps extends CalendarHostProps {
|
|
307
|
+
type?: string;
|
|
308
|
+
}
|
|
309
|
+
export interface CalendarProps extends CalendarHostProps {
|
|
310
|
+
value?: CalendarValue;
|
|
311
|
+
defaultValue?: CalendarValue;
|
|
312
|
+
mode?: CalendarMode;
|
|
313
|
+
fullscreen?: boolean;
|
|
314
|
+
showWeek?: boolean;
|
|
315
|
+
locale?: string;
|
|
316
|
+
weekStartsOn?: CalendarWeekStart;
|
|
317
|
+
validRange?: [
|
|
318
|
+
CalendarValue,
|
|
319
|
+
CalendarValue
|
|
320
|
+
];
|
|
321
|
+
disabledDate?: (date: Date) => boolean;
|
|
322
|
+
dateFullCellRender?: (date: Date) => any;
|
|
323
|
+
dateCellRender?: (date: Date) => any;
|
|
324
|
+
monthFullCellRender?: (date: Date) => any;
|
|
325
|
+
monthCellRender?: (date: Date) => any;
|
|
326
|
+
cellRender?: (date: Date, info: CalendarCellRenderInfo) => any;
|
|
327
|
+
fullCellRender?: (date: Date, info: CalendarCellRenderInfo) => any;
|
|
328
|
+
headerRender?: (config: CalendarHeaderRenderConfig) => any;
|
|
329
|
+
onChange?: (date: Date) => void;
|
|
330
|
+
onPanelChange?: (date: Date, mode: CalendarMode) => void;
|
|
331
|
+
onSelect?: (date: Date, info: CalendarSelectInfo) => void;
|
|
332
|
+
}
|
|
333
|
+
export type CalendarCompound = FC<CalendarProps> & {
|
|
334
|
+
Cally: FC<CalendarHostProps>;
|
|
335
|
+
Month: FC<CalendarHostProps>;
|
|
336
|
+
PikaSingle: FC<CalendarPikaSingleProps>;
|
|
337
|
+
};
|
|
338
|
+
export declare const CalendarCompound: CalendarCompound;
|
|
339
|
+
export type AvatarStatus = "online" | "offline" | "placeholder";
|
|
340
|
+
export type AvatarShape = "circle" | "square";
|
|
341
|
+
export type AvatarImageFit = "cover" | "contain";
|
|
342
|
+
export type AvatarColor = "base" | "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
343
|
+
export type AvatarSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "default" | "medium" | "middle" | "large" | number;
|
|
344
|
+
export interface AvatarProps {
|
|
345
|
+
status?: AvatarStatus;
|
|
346
|
+
className?: string;
|
|
347
|
+
bodyClassName?: string;
|
|
348
|
+
imgClassName?: string;
|
|
349
|
+
children?: any;
|
|
350
|
+
src?: any;
|
|
351
|
+
srcSet?: string;
|
|
352
|
+
alt?: string;
|
|
353
|
+
icon?: any;
|
|
354
|
+
text?: string;
|
|
355
|
+
shape?: AvatarShape;
|
|
356
|
+
size?: AvatarSize;
|
|
357
|
+
gap?: number;
|
|
358
|
+
color?: AvatarColor;
|
|
359
|
+
fit?: AvatarImageFit;
|
|
360
|
+
draggable?: boolean | "true" | "false";
|
|
361
|
+
crossOrigin?: "anonymous" | "use-credentials" | "";
|
|
362
|
+
onError?: (event: Event) => boolean | void;
|
|
363
|
+
[key: string]: any;
|
|
364
|
+
}
|
|
365
|
+
export interface AvatarGroupItem extends AvatarProps {
|
|
366
|
+
key?: string | number;
|
|
367
|
+
}
|
|
368
|
+
export interface AvatarGroupMaxConfig {
|
|
369
|
+
count?: number;
|
|
370
|
+
placeholder?: any;
|
|
371
|
+
className?: string;
|
|
372
|
+
bodyClassName?: string;
|
|
373
|
+
}
|
|
374
|
+
export interface AvatarGroupProps {
|
|
375
|
+
className?: string;
|
|
376
|
+
children?: any;
|
|
377
|
+
items?: ReadonlyArray<AvatarGroupItem>;
|
|
378
|
+
size?: AvatarSize;
|
|
379
|
+
shape?: AvatarShape;
|
|
380
|
+
max?: number | AvatarGroupMaxConfig;
|
|
381
|
+
}
|
|
382
|
+
export type AvatarCompound = FC<AvatarProps> & {
|
|
383
|
+
Group: FC<AvatarGroupProps>;
|
|
384
|
+
};
|
|
385
|
+
export declare const AvatarCompound: AvatarCompound;
|
|
386
|
+
export type DividerTone = "neutral" | "primary" | "secondary" | "accent" | "success" | "warning" | "info" | "error";
|
|
387
|
+
export type DividerLegacyDirection = "vertical" | "horizontal";
|
|
388
|
+
export type DividerOrientation = "horizontal" | "vertical";
|
|
389
|
+
export type DividerTitlePlacement = "start" | "end" | "center";
|
|
390
|
+
export type DividerPlacement = "start" | "end";
|
|
391
|
+
export type DividerLineVariant = "solid" | "dashed" | "dotted";
|
|
392
|
+
export type DividerVariant = DividerTone | DividerLineVariant;
|
|
393
|
+
export interface DividerProps {
|
|
394
|
+
color?: DividerTone;
|
|
395
|
+
variant?: DividerVariant;
|
|
396
|
+
lineVariant?: DividerLineVariant;
|
|
397
|
+
direction?: DividerLegacyDirection;
|
|
398
|
+
orientation?: DividerOrientation;
|
|
399
|
+
type?: DividerOrientation;
|
|
400
|
+
vertical?: boolean;
|
|
401
|
+
placement?: DividerPlacement;
|
|
402
|
+
titlePlacement?: DividerTitlePlacement;
|
|
403
|
+
orientationMargin?: string | number;
|
|
404
|
+
dashed?: boolean;
|
|
405
|
+
plain?: boolean;
|
|
406
|
+
className?: string;
|
|
407
|
+
contentClassName?: string;
|
|
408
|
+
style?: Record<string, any>;
|
|
409
|
+
contentStyle?: Record<string, any>;
|
|
410
|
+
children?: any;
|
|
411
|
+
[key: string]: any;
|
|
412
|
+
}
|
|
413
|
+
export declare const Divider: FC<DividerProps>;
|
|
414
|
+
export type FooterDirection = "vertical" | "horizontal";
|
|
415
|
+
export interface FooterLinkProps {
|
|
416
|
+
as?: any;
|
|
417
|
+
className?: string;
|
|
418
|
+
children?: any;
|
|
419
|
+
content?: any;
|
|
420
|
+
href?: string;
|
|
421
|
+
target?: string;
|
|
422
|
+
rel?: string;
|
|
423
|
+
hover?: boolean;
|
|
424
|
+
[key: string]: any;
|
|
425
|
+
}
|
|
426
|
+
export interface FooterItem extends Omit<FooterLinkProps, "content"> {
|
|
427
|
+
key?: string | number;
|
|
428
|
+
label?: any;
|
|
429
|
+
content?: any;
|
|
430
|
+
}
|
|
431
|
+
export interface FooterTitleProps {
|
|
432
|
+
as?: any;
|
|
433
|
+
className?: string;
|
|
434
|
+
children?: any;
|
|
435
|
+
content?: any;
|
|
436
|
+
[key: string]: any;
|
|
437
|
+
}
|
|
438
|
+
export interface FooterBrandProps {
|
|
439
|
+
as?: any;
|
|
440
|
+
className?: string;
|
|
441
|
+
children?: any;
|
|
442
|
+
content?: any;
|
|
443
|
+
[key: string]: any;
|
|
444
|
+
}
|
|
445
|
+
export interface FooterSectionProps {
|
|
446
|
+
as?: any;
|
|
447
|
+
className?: string;
|
|
448
|
+
children?: any;
|
|
449
|
+
title?: any;
|
|
450
|
+
titleClassName?: string;
|
|
451
|
+
content?: any;
|
|
452
|
+
items?: ReadonlyArray<FooterItem | any>;
|
|
453
|
+
inline?: boolean;
|
|
454
|
+
contentClassName?: string;
|
|
455
|
+
[key: string]: any;
|
|
456
|
+
}
|
|
457
|
+
export interface FooterSection extends Omit<FooterSectionProps, "content"> {
|
|
458
|
+
key?: string | number;
|
|
459
|
+
content?: any;
|
|
460
|
+
}
|
|
461
|
+
export interface FooterProps {
|
|
462
|
+
as?: any;
|
|
463
|
+
direction?: FooterDirection;
|
|
464
|
+
center?: boolean;
|
|
465
|
+
className?: string;
|
|
466
|
+
children?: any;
|
|
467
|
+
brand?: any;
|
|
468
|
+
sections?: ReadonlyArray<FooterSection>;
|
|
469
|
+
wrap?: boolean;
|
|
470
|
+
bordered?: boolean;
|
|
471
|
+
[key: string]: any;
|
|
472
|
+
}
|
|
473
|
+
export type FooterCompound = FC<FooterProps> & {
|
|
474
|
+
Brand: FC<FooterBrandProps>;
|
|
475
|
+
Section: FC<FooterSectionProps>;
|
|
476
|
+
Title: FC<FooterTitleProps>;
|
|
477
|
+
Link: FC<FooterLinkProps>;
|
|
478
|
+
};
|
|
479
|
+
export declare const Footer: FooterCompound;
|
|
480
|
+
export type ModalWidth = string | number;
|
|
481
|
+
export type ModalInlineStyle = string | Record<string, string | number | null | undefined>;
|
|
482
|
+
export type ModalGetContainer = string | HTMLElement | (() => HTMLElement) | false;
|
|
483
|
+
export interface ModalButtonProps extends ButtonProps {
|
|
484
|
+
}
|
|
485
|
+
export interface ModalClassNames {
|
|
486
|
+
root?: string;
|
|
487
|
+
mask?: string;
|
|
488
|
+
wrapper?: string;
|
|
489
|
+
container?: string;
|
|
490
|
+
box?: string;
|
|
491
|
+
header?: string;
|
|
492
|
+
title?: string;
|
|
493
|
+
body?: string;
|
|
494
|
+
footer?: string;
|
|
495
|
+
close?: string;
|
|
496
|
+
}
|
|
497
|
+
export interface ModalStyles {
|
|
498
|
+
root?: ModalInlineStyle;
|
|
499
|
+
mask?: ModalInlineStyle;
|
|
500
|
+
wrapper?: ModalInlineStyle;
|
|
501
|
+
container?: ModalInlineStyle;
|
|
502
|
+
box?: ModalInlineStyle;
|
|
503
|
+
header?: ModalInlineStyle;
|
|
504
|
+
title?: ModalInlineStyle;
|
|
505
|
+
body?: ModalInlineStyle;
|
|
506
|
+
footer?: ModalInlineStyle;
|
|
507
|
+
close?: ModalInlineStyle;
|
|
508
|
+
}
|
|
509
|
+
export interface ModalProps {
|
|
510
|
+
open?: boolean;
|
|
511
|
+
defaultOpen?: boolean;
|
|
512
|
+
title?: any;
|
|
513
|
+
children?: any;
|
|
514
|
+
actions?: any;
|
|
515
|
+
footer?: any | ((originNode: any, extra: {
|
|
516
|
+
OkBtn: FC<Record<string, any>>;
|
|
517
|
+
CancelBtn: FC<Record<string, any>>;
|
|
518
|
+
}) => any);
|
|
519
|
+
className?: string;
|
|
520
|
+
rootClassName?: string;
|
|
521
|
+
rootStyle?: ModalInlineStyle;
|
|
522
|
+
wrapClassName?: string;
|
|
523
|
+
wrapProps?: Record<string, any>;
|
|
524
|
+
bodyClassName?: string;
|
|
525
|
+
headerClassName?: string;
|
|
526
|
+
footerClassName?: string;
|
|
527
|
+
maskClassName?: string;
|
|
528
|
+
classNames?: ModalClassNames;
|
|
529
|
+
styles?: ModalStyles;
|
|
530
|
+
width?: ModalWidth;
|
|
531
|
+
style?: ModalInlineStyle;
|
|
532
|
+
bodyStyle?: ModalInlineStyle;
|
|
533
|
+
maskStyle?: ModalInlineStyle;
|
|
534
|
+
centered?: boolean;
|
|
535
|
+
closable?: boolean;
|
|
536
|
+
closeIcon?: any;
|
|
537
|
+
keyboard?: boolean;
|
|
538
|
+
mask?: boolean;
|
|
539
|
+
maskClosable?: boolean;
|
|
540
|
+
forceRender?: boolean;
|
|
541
|
+
destroyOnClose?: boolean;
|
|
542
|
+
destroyOnHidden?: boolean;
|
|
543
|
+
confirmLoading?: boolean;
|
|
544
|
+
okText?: any;
|
|
545
|
+
cancelText?: any;
|
|
546
|
+
okType?: ButtonType;
|
|
547
|
+
okButtonProps?: ModalButtonProps;
|
|
548
|
+
cancelButtonProps?: ModalButtonProps;
|
|
549
|
+
zIndex?: number;
|
|
550
|
+
getContainer?: ModalGetContainer;
|
|
551
|
+
loading?: boolean;
|
|
552
|
+
onOk?: (event: MouseEvent) => void;
|
|
553
|
+
onCancel?: (event: MouseEvent | KeyboardEvent) => void;
|
|
554
|
+
onClose?: (event?: MouseEvent | KeyboardEvent) => void;
|
|
555
|
+
onOpenChange?: (open: boolean) => void;
|
|
556
|
+
afterClose?: () => void;
|
|
557
|
+
afterOpenChange?: (open: boolean) => void;
|
|
558
|
+
modalRender?: (node: any) => any;
|
|
559
|
+
[key: string]: any;
|
|
560
|
+
}
|
|
561
|
+
/** 模态框组件:保留现有 API,并补齐常见的 Modal 交互能力。 */
|
|
562
|
+
export declare const Modal: FC<ModalProps>;
|
|
563
|
+
export type TabsStyle = "box" | "border" | "lift";
|
|
564
|
+
export type TabsType = "line" | "card" | "editable-card";
|
|
565
|
+
export type TabsPlacement = "top" | "bottom";
|
|
566
|
+
export type TabsExtendedPlacement = TabsPlacement | "start" | "end";
|
|
567
|
+
export type TabsSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "large";
|
|
568
|
+
export interface TabsIndicator {
|
|
569
|
+
align?: "start" | "center" | "end";
|
|
570
|
+
size?: number | string;
|
|
571
|
+
className?: string;
|
|
572
|
+
style?: Record<string, any>;
|
|
573
|
+
}
|
|
574
|
+
export interface TabBarExtraContentMap {
|
|
575
|
+
left?: any;
|
|
576
|
+
right?: any;
|
|
577
|
+
}
|
|
578
|
+
export interface TabItem {
|
|
579
|
+
key: string;
|
|
580
|
+
label: any;
|
|
581
|
+
children?: any;
|
|
582
|
+
disabled?: boolean;
|
|
583
|
+
className?: string;
|
|
584
|
+
contentClassName?: string;
|
|
585
|
+
closable?: boolean;
|
|
586
|
+
closeIcon?: any;
|
|
587
|
+
icon?: any;
|
|
588
|
+
}
|
|
589
|
+
export interface TabsProps {
|
|
590
|
+
items: TabItem[];
|
|
591
|
+
activeKey?: string;
|
|
592
|
+
defaultActiveKey?: string;
|
|
593
|
+
onChange?: (key: string) => void;
|
|
594
|
+
onEdit?: (eventOrKey: MouseEvent | string, action: "add" | "remove") => void;
|
|
595
|
+
style?: TabsStyle;
|
|
596
|
+
type?: TabsType;
|
|
597
|
+
placement?: TabsPlacement;
|
|
598
|
+
tabPlacement?: TabsExtendedPlacement;
|
|
599
|
+
size?: TabsSize;
|
|
600
|
+
centered?: boolean;
|
|
601
|
+
destroyOnHidden?: boolean;
|
|
602
|
+
hideAdd?: boolean;
|
|
603
|
+
addIcon?: any;
|
|
604
|
+
removeIcon?: any;
|
|
605
|
+
indicator?: TabsIndicator;
|
|
606
|
+
tabBarExtraContent?: any | TabBarExtraContentMap;
|
|
607
|
+
className?: string;
|
|
608
|
+
tabBarClassName?: string;
|
|
609
|
+
contentClassName?: string;
|
|
610
|
+
}
|
|
611
|
+
/** Tabs 主组件:支持 items 内容面板、额外操作区与可编辑头部。 */
|
|
612
|
+
export declare const Tabs: FC<TabsProps>;
|
|
613
|
+
export type BadgeVariant = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
614
|
+
export type BadgeStatus = BadgeVariant | "default" | "processing";
|
|
615
|
+
export type BadgeSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "medium";
|
|
616
|
+
export type BadgeRibbonPlacement = "start" | "end";
|
|
617
|
+
export interface BadgeProps {
|
|
618
|
+
variant?: BadgeVariant;
|
|
619
|
+
size?: BadgeSize;
|
|
620
|
+
outline?: boolean;
|
|
621
|
+
dash?: boolean;
|
|
622
|
+
soft?: boolean;
|
|
623
|
+
ghost?: boolean;
|
|
624
|
+
count?: any;
|
|
625
|
+
overflowCount?: number;
|
|
626
|
+
showZero?: boolean;
|
|
627
|
+
dot?: boolean;
|
|
628
|
+
status?: BadgeStatus;
|
|
629
|
+
color?: string;
|
|
630
|
+
text?: any;
|
|
631
|
+
offset?: [
|
|
632
|
+
number | string,
|
|
633
|
+
number | string
|
|
634
|
+
];
|
|
635
|
+
title?: string;
|
|
636
|
+
style?: Record<string, any>;
|
|
637
|
+
indicatorClassName?: string;
|
|
638
|
+
indicatorStyle?: Record<string, any>;
|
|
639
|
+
className?: string;
|
|
640
|
+
children?: any;
|
|
641
|
+
}
|
|
642
|
+
export interface BadgeRibbonProps {
|
|
643
|
+
text?: any;
|
|
644
|
+
color?: string;
|
|
645
|
+
placement?: BadgeRibbonPlacement;
|
|
646
|
+
className?: string;
|
|
647
|
+
style?: Record<string, any>;
|
|
648
|
+
children?: any;
|
|
649
|
+
}
|
|
650
|
+
export interface BadgeComponent extends FC<BadgeProps> {
|
|
651
|
+
Ribbon: FC<BadgeRibbonProps>;
|
|
652
|
+
}
|
|
653
|
+
export declare const Badge: BadgeComponent;
|
|
654
|
+
export type StyleValue = string | number | null | undefined;
|
|
655
|
+
export interface StyleObject {
|
|
656
|
+
[key: string]: StyleValue;
|
|
657
|
+
}
|
|
658
|
+
export type DiffStyle = string | StyleObject;
|
|
659
|
+
export interface DiffProps {
|
|
660
|
+
className?: string;
|
|
661
|
+
style?: DiffStyle;
|
|
662
|
+
tabIndex?: number;
|
|
663
|
+
value?: number;
|
|
664
|
+
defaultValue?: number;
|
|
665
|
+
min?: number;
|
|
666
|
+
max?: number;
|
|
667
|
+
step?: number;
|
|
668
|
+
disabled?: boolean;
|
|
669
|
+
item1?: any;
|
|
670
|
+
item2?: any;
|
|
671
|
+
item1Label?: any;
|
|
672
|
+
item2Label?: any;
|
|
673
|
+
resizerContent?: any;
|
|
674
|
+
children?: any;
|
|
675
|
+
onChange?: (value: number, event: Event) => void;
|
|
676
|
+
[key: string]: any;
|
|
677
|
+
}
|
|
678
|
+
export interface DiffItemProps {
|
|
679
|
+
className?: string;
|
|
680
|
+
style?: DiffStyle;
|
|
681
|
+
role?: string;
|
|
682
|
+
tabIndex?: number;
|
|
683
|
+
label?: any;
|
|
684
|
+
labelClassName?: string;
|
|
685
|
+
children?: any;
|
|
686
|
+
[key: string]: any;
|
|
687
|
+
}
|
|
688
|
+
export interface DiffResizerProps {
|
|
689
|
+
className?: string;
|
|
690
|
+
style?: DiffStyle;
|
|
691
|
+
children?: any;
|
|
692
|
+
[key: string]: any;
|
|
693
|
+
}
|
|
694
|
+
export type DiffCompound = FC<DiffProps> & {
|
|
695
|
+
Item1: FC<DiffItemProps>;
|
|
696
|
+
Item2: FC<DiffItemProps>;
|
|
697
|
+
Resizer: FC<DiffResizerProps>;
|
|
698
|
+
};
|
|
699
|
+
export declare const DiffCompound: DiffCompound;
|
|
700
|
+
export type Hover3DAs = "div" | "a";
|
|
701
|
+
export interface Hover3DSurfaceProps {
|
|
702
|
+
[key: string]: any;
|
|
703
|
+
}
|
|
704
|
+
export interface Hover3DProps {
|
|
705
|
+
as?: Hover3DAs;
|
|
706
|
+
href?: string;
|
|
707
|
+
target?: string;
|
|
708
|
+
rel?: string;
|
|
709
|
+
className?: string;
|
|
710
|
+
surfaceAs?: string;
|
|
711
|
+
surfaceClassName?: string;
|
|
712
|
+
surfaceProps?: Hover3DSurfaceProps;
|
|
713
|
+
overlays?: boolean;
|
|
714
|
+
overlayClassName?: string;
|
|
715
|
+
children?: any;
|
|
716
|
+
[key: string]: any;
|
|
717
|
+
}
|
|
718
|
+
export declare const Hover3D: FC<Hover3DProps>;
|
|
719
|
+
export type TimelineDirection = "horizontal" | "vertical";
|
|
720
|
+
export type TimelinePlacement = "start" | "end";
|
|
721
|
+
export type TimelineLegacyPosition = "left" | "right" | TimelinePlacement;
|
|
722
|
+
export type TimelineMode = TimelinePlacement | "alternate";
|
|
723
|
+
export interface TimelineProps {
|
|
724
|
+
direction?: TimelineDirection;
|
|
725
|
+
orientation?: TimelineDirection;
|
|
726
|
+
mode?: TimelineMode;
|
|
727
|
+
snapIcon?: boolean;
|
|
728
|
+
compact?: boolean;
|
|
729
|
+
reverse?: boolean;
|
|
730
|
+
pending?: any;
|
|
731
|
+
pendingDot?: any;
|
|
732
|
+
className?: string;
|
|
733
|
+
children?: any;
|
|
734
|
+
items?: ReadonlyArray<TimelineItemProps>;
|
|
735
|
+
}
|
|
736
|
+
export interface TimelineItemPart {
|
|
737
|
+
box?: boolean;
|
|
738
|
+
className?: string;
|
|
739
|
+
content?: any;
|
|
740
|
+
}
|
|
741
|
+
export interface TimelineMiddlePart {
|
|
742
|
+
className?: string;
|
|
743
|
+
content?: any;
|
|
744
|
+
}
|
|
745
|
+
export interface TimelineItemProps {
|
|
746
|
+
key?: string | number;
|
|
747
|
+
beforeLine?: boolean;
|
|
748
|
+
afterLine?: boolean;
|
|
749
|
+
start?: TimelineItemPart;
|
|
750
|
+
middle?: TimelineMiddlePart;
|
|
751
|
+
end?: TimelineItemPart;
|
|
752
|
+
liClassName?: string;
|
|
753
|
+
className?: string;
|
|
754
|
+
title?: any;
|
|
755
|
+
content?: any;
|
|
756
|
+
label?: any;
|
|
757
|
+
children?: any;
|
|
758
|
+
placement?: TimelinePlacement;
|
|
759
|
+
position?: TimelineLegacyPosition;
|
|
760
|
+
color?: string;
|
|
761
|
+
icon?: any;
|
|
762
|
+
dot?: any;
|
|
763
|
+
loading?: boolean;
|
|
764
|
+
box?: boolean;
|
|
765
|
+
titleBox?: boolean;
|
|
766
|
+
contentBox?: boolean;
|
|
767
|
+
titleClassName?: string;
|
|
768
|
+
contentClassName?: string;
|
|
769
|
+
iconClassName?: string;
|
|
770
|
+
lineClassName?: string;
|
|
771
|
+
}
|
|
772
|
+
export interface TimelinePartProps {
|
|
773
|
+
box?: boolean;
|
|
774
|
+
className?: string;
|
|
775
|
+
children?: any;
|
|
776
|
+
}
|
|
777
|
+
export type TimelineCompound = FC<TimelineProps> & {
|
|
778
|
+
Start: FC<TimelinePartProps>;
|
|
779
|
+
Middle: FC<TimelinePartProps>;
|
|
780
|
+
End: FC<TimelinePartProps>;
|
|
781
|
+
};
|
|
782
|
+
export declare const TimelineCompound: TimelineCompound;
|
|
783
|
+
export type TypographyTone = "default" | "secondary" | "success" | "warning" | "danger";
|
|
784
|
+
export type TypographyHeadingLevel = 1 | 2 | 3 | 4 | 5;
|
|
785
|
+
export type TypographyTextTag = "span" | "div" | "p";
|
|
786
|
+
export type TypographyRootTag = "div" | "section" | "article";
|
|
787
|
+
export interface TypographyInlineProps {
|
|
788
|
+
type?: TypographyTone;
|
|
789
|
+
disabled?: boolean;
|
|
790
|
+
mark?: boolean;
|
|
791
|
+
code?: boolean;
|
|
792
|
+
keyboard?: boolean;
|
|
793
|
+
underline?: boolean;
|
|
794
|
+
delete?: boolean;
|
|
795
|
+
strong?: boolean;
|
|
796
|
+
italic?: boolean;
|
|
797
|
+
className?: string;
|
|
798
|
+
style?: any;
|
|
799
|
+
children?: any;
|
|
800
|
+
[key: string]: any;
|
|
801
|
+
}
|
|
802
|
+
export interface TypographyProps {
|
|
803
|
+
as?: TypographyRootTag;
|
|
804
|
+
className?: string;
|
|
805
|
+
style?: any;
|
|
806
|
+
children?: any;
|
|
807
|
+
[key: string]: any;
|
|
808
|
+
}
|
|
809
|
+
export interface TypographyTextProps extends TypographyInlineProps {
|
|
810
|
+
as?: TypographyTextTag;
|
|
811
|
+
}
|
|
812
|
+
export interface TypographyLinkProps extends TypographyInlineProps {
|
|
813
|
+
href?: string;
|
|
814
|
+
target?: string;
|
|
815
|
+
rel?: string;
|
|
816
|
+
}
|
|
817
|
+
export interface TypographyTitleProps extends TypographyInlineProps {
|
|
818
|
+
level?: TypographyHeadingLevel;
|
|
819
|
+
}
|
|
820
|
+
export interface TypographyParagraphProps extends TypographyInlineProps {
|
|
821
|
+
}
|
|
822
|
+
export type TypographyCompound = FC<TypographyProps> & {
|
|
823
|
+
Text: FC<TypographyTextProps>;
|
|
824
|
+
Link: FC<TypographyLinkProps>;
|
|
825
|
+
Title: FC<TypographyTitleProps>;
|
|
826
|
+
Paragraph: FC<TypographyParagraphProps>;
|
|
827
|
+
};
|
|
828
|
+
export declare const Typography: TypographyCompound;
|
|
829
|
+
export type TextRotateTextTag = TypographyTextTag;
|
|
830
|
+
export interface TextRotateItem extends TypographyInlineProps {
|
|
831
|
+
key?: string | number;
|
|
832
|
+
text?: any;
|
|
833
|
+
href?: string;
|
|
834
|
+
target?: string;
|
|
835
|
+
rel?: string;
|
|
836
|
+
as?: TextRotateTextTag;
|
|
837
|
+
}
|
|
838
|
+
export interface TextRotateProps {
|
|
839
|
+
as?: "span" | "div";
|
|
840
|
+
className?: string;
|
|
841
|
+
style?: any;
|
|
842
|
+
children?: any;
|
|
843
|
+
items?: ReadonlyArray<TextRotateItem>;
|
|
844
|
+
innerClassName?: string;
|
|
845
|
+
innerStyle?: any;
|
|
846
|
+
itemClassName?: string;
|
|
847
|
+
itemStyle?: any;
|
|
848
|
+
[key: string]: any;
|
|
849
|
+
}
|
|
850
|
+
export type TextRotateCompound = FC<TextRotateProps> & {
|
|
851
|
+
Text: typeof Typography.Text;
|
|
852
|
+
Link: typeof Typography.Link;
|
|
853
|
+
Title: typeof Typography.Title;
|
|
854
|
+
Paragraph: typeof Typography.Paragraph;
|
|
855
|
+
};
|
|
856
|
+
export declare const TextRotate: TextRotateCompound;
|
|
857
|
+
export type StatusAs = "span" | "div";
|
|
858
|
+
export type StatusSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "default" | "medium" | "large";
|
|
859
|
+
export type StatusTone = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
860
|
+
export type StatusSemantic = "default" | "processing" | "success" | "warning" | "error";
|
|
861
|
+
export type StatusColor = StatusTone | string;
|
|
862
|
+
export type StatusOffset = [
|
|
863
|
+
number | string,
|
|
864
|
+
number | string
|
|
865
|
+
];
|
|
866
|
+
export interface StatusProps {
|
|
867
|
+
as?: StatusAs;
|
|
868
|
+
ariaLabel?: string;
|
|
869
|
+
size?: StatusSize;
|
|
870
|
+
color?: StatusColor;
|
|
871
|
+
status?: StatusSemantic | StatusTone;
|
|
872
|
+
text?: any;
|
|
873
|
+
count?: any;
|
|
874
|
+
showZero?: boolean;
|
|
875
|
+
overflowCount?: number;
|
|
876
|
+
dot?: boolean;
|
|
877
|
+
offset?: StatusOffset;
|
|
878
|
+
title?: string;
|
|
879
|
+
className?: string;
|
|
880
|
+
style?: any;
|
|
881
|
+
children?: any;
|
|
882
|
+
[key: string]: any;
|
|
883
|
+
}
|
|
884
|
+
export declare const Status: FC<StatusProps>;
|
|
885
|
+
export type StatsDirection = "horizontal" | "vertical";
|
|
886
|
+
export type StatTimerType = "countdown" | "countup";
|
|
887
|
+
export type StatAriaLive = "polite" | "off" | "assertive";
|
|
888
|
+
export type StatTargetValue = number | string | Date;
|
|
889
|
+
export interface StatFormatConfig {
|
|
890
|
+
formatter?: (value?: any) => any;
|
|
891
|
+
precision?: number;
|
|
892
|
+
decimalSeparator?: string;
|
|
893
|
+
groupSeparator?: string;
|
|
894
|
+
}
|
|
895
|
+
export interface StatsProps {
|
|
896
|
+
direction?: StatsDirection;
|
|
897
|
+
className?: string;
|
|
898
|
+
children?: any;
|
|
899
|
+
items?: ReadonlyArray<StatDataItem>;
|
|
900
|
+
}
|
|
901
|
+
export interface StatPartProps {
|
|
902
|
+
className?: string;
|
|
903
|
+
style?: any;
|
|
904
|
+
children?: any;
|
|
905
|
+
}
|
|
906
|
+
export interface StatValueProps extends StatPartProps, StatFormatConfig {
|
|
907
|
+
value?: any;
|
|
908
|
+
prefix?: any;
|
|
909
|
+
suffix?: any;
|
|
910
|
+
loading?: boolean;
|
|
911
|
+
valueRender?: (node: any) => any;
|
|
912
|
+
}
|
|
913
|
+
export interface StatItemProps extends StatFormatConfig {
|
|
914
|
+
center?: boolean;
|
|
915
|
+
className?: string;
|
|
916
|
+
children?: any;
|
|
917
|
+
figure?: any;
|
|
918
|
+
figureClassName?: string;
|
|
919
|
+
figureStyle?: any;
|
|
920
|
+
title?: any;
|
|
921
|
+
titleClassName?: string;
|
|
922
|
+
titleStyle?: any;
|
|
923
|
+
value?: any;
|
|
924
|
+
valueClassName?: string;
|
|
925
|
+
valueStyle?: any;
|
|
926
|
+
valueRender?: (node: any) => any;
|
|
927
|
+
prefix?: any;
|
|
928
|
+
suffix?: any;
|
|
929
|
+
loading?: boolean;
|
|
930
|
+
desc?: any;
|
|
931
|
+
descClassName?: string;
|
|
932
|
+
descStyle?: any;
|
|
933
|
+
actions?: any;
|
|
934
|
+
actionsClassName?: string;
|
|
935
|
+
actionsStyle?: any;
|
|
936
|
+
}
|
|
937
|
+
export interface StatDataItem extends Omit<StatItemProps, "children"> {
|
|
938
|
+
key?: string | number;
|
|
939
|
+
}
|
|
940
|
+
export interface StatTimerProps {
|
|
941
|
+
type?: StatTimerType;
|
|
942
|
+
className?: string;
|
|
943
|
+
center?: boolean;
|
|
944
|
+
figure?: any;
|
|
945
|
+
figureClassName?: string;
|
|
946
|
+
figureStyle?: any;
|
|
947
|
+
title?: any;
|
|
948
|
+
titleClassName?: string;
|
|
949
|
+
titleStyle?: any;
|
|
950
|
+
valueClassName?: string;
|
|
951
|
+
valueStyle?: any;
|
|
952
|
+
prefix?: any;
|
|
953
|
+
suffix?: any;
|
|
954
|
+
loading?: boolean;
|
|
955
|
+
desc?: any;
|
|
956
|
+
descClassName?: string;
|
|
957
|
+
descStyle?: any;
|
|
958
|
+
actions?: any;
|
|
959
|
+
actionsClassName?: string;
|
|
960
|
+
actionsStyle?: any;
|
|
961
|
+
value: StatTargetValue;
|
|
962
|
+
format?: string;
|
|
963
|
+
interval?: number;
|
|
964
|
+
ariaLive?: StatAriaLive;
|
|
965
|
+
onChange?: (value?: number) => void;
|
|
966
|
+
onFinish?: () => void;
|
|
967
|
+
}
|
|
968
|
+
export interface StatCountdownProps extends Omit<StatTimerProps, "type"> {
|
|
969
|
+
}
|
|
970
|
+
export type StatCompound = FC<StatsProps> & {
|
|
971
|
+
Item: FC<StatItemProps>;
|
|
972
|
+
Title: FC<StatPartProps>;
|
|
973
|
+
Value: FC<StatValueProps>;
|
|
974
|
+
Desc: FC<StatPartProps>;
|
|
975
|
+
Figure: FC<StatPartProps>;
|
|
976
|
+
Actions: FC<StatPartProps>;
|
|
977
|
+
Timer: FC<StatTimerProps>;
|
|
978
|
+
Countdown: FC<StatCountdownProps>;
|
|
979
|
+
};
|
|
980
|
+
export declare const StatCompound: StatCompound;
|
|
981
|
+
export type CarouselAlign = "start" | "center" | "end";
|
|
982
|
+
export type CarouselDirection = "horizontal" | "vertical";
|
|
983
|
+
export type CarouselEffect = "scrollx" | "fade";
|
|
984
|
+
export type CarouselDotPlacement = "top" | "bottom" | "start" | "end";
|
|
985
|
+
export type CarouselAutoDirection = "forward" | "backward";
|
|
986
|
+
export interface CarouselDataItem {
|
|
987
|
+
key?: string | number;
|
|
988
|
+
content: any;
|
|
989
|
+
className?: string;
|
|
990
|
+
}
|
|
991
|
+
export interface CarouselDotsConfig {
|
|
992
|
+
className?: string;
|
|
993
|
+
}
|
|
994
|
+
export interface CarouselAutoplayConfig {
|
|
995
|
+
dotDuration?: boolean;
|
|
996
|
+
}
|
|
997
|
+
export interface CarouselArrowRenderProps {
|
|
998
|
+
disabled: boolean;
|
|
999
|
+
onClick: () => void;
|
|
1000
|
+
direction: "prev" | "next";
|
|
1001
|
+
}
|
|
1002
|
+
export interface CarouselProps {
|
|
1003
|
+
align?: CarouselAlign;
|
|
1004
|
+
direction?: CarouselDirection;
|
|
1005
|
+
effect?: CarouselEffect;
|
|
1006
|
+
fade?: boolean;
|
|
1007
|
+
auto?: boolean;
|
|
1008
|
+
autoplay?: boolean | CarouselAutoplayConfig;
|
|
1009
|
+
interval?: number;
|
|
1010
|
+
autoplaySpeed?: number;
|
|
1011
|
+
loop?: boolean;
|
|
1012
|
+
infinite?: boolean;
|
|
1013
|
+
autoDirection?: CarouselAutoDirection;
|
|
1014
|
+
activeIndex?: number;
|
|
1015
|
+
defaultActiveIndex?: number;
|
|
1016
|
+
initialSlide?: number;
|
|
1017
|
+
slickGoTo?: number;
|
|
1018
|
+
dots?: boolean | CarouselDotsConfig;
|
|
1019
|
+
arrows?: boolean;
|
|
1020
|
+
prevArrow?: any | ((props: CarouselArrowRenderProps) => any);
|
|
1021
|
+
nextArrow?: any | ((props: CarouselArrowRenderProps) => any);
|
|
1022
|
+
dotPlacement?: CarouselDotPlacement;
|
|
1023
|
+
dotPosition?: CarouselDotPlacement | "left" | "right";
|
|
1024
|
+
draggable?: boolean;
|
|
1025
|
+
waitForAnimate?: boolean;
|
|
1026
|
+
speed?: number;
|
|
1027
|
+
easing?: string;
|
|
1028
|
+
pauseOnHover?: boolean;
|
|
1029
|
+
adaptiveHeight?: boolean;
|
|
1030
|
+
onIndexChange?: (index: number) => void;
|
|
1031
|
+
beforeChange?: (current: number, next: number) => void;
|
|
1032
|
+
afterChange?: (current: number) => void;
|
|
1033
|
+
apiRef?: any;
|
|
1034
|
+
className?: string;
|
|
1035
|
+
style?: string | Record<string, string | number | null | undefined>;
|
|
1036
|
+
children?: any;
|
|
1037
|
+
items?: ReadonlyArray<CarouselDataItem>;
|
|
1038
|
+
[key: string]: any;
|
|
1039
|
+
}
|
|
1040
|
+
export interface CarouselItemProps {
|
|
1041
|
+
className?: string;
|
|
1042
|
+
children?: any;
|
|
1043
|
+
[key: string]: any;
|
|
1044
|
+
}
|
|
1045
|
+
export type CarouselCompound = FC<CarouselProps> & {
|
|
1046
|
+
Item: FC<CarouselItemProps>;
|
|
1047
|
+
};
|
|
1048
|
+
export declare const CarouselCompound: CarouselCompound;
|
|
1049
|
+
export type ChatPlacement = "start" | "end";
|
|
1050
|
+
export type BubbleColor = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
1051
|
+
export interface ChatPartProps {
|
|
1052
|
+
className?: string;
|
|
1053
|
+
children?: any;
|
|
1054
|
+
}
|
|
1055
|
+
export interface ChatSemanticMessageProps {
|
|
1056
|
+
placement?: ChatPlacement;
|
|
1057
|
+
className?: string;
|
|
1058
|
+
message?: any;
|
|
1059
|
+
text?: any;
|
|
1060
|
+
color?: BubbleColor;
|
|
1061
|
+
bubbleClassName?: string;
|
|
1062
|
+
avatar?: any;
|
|
1063
|
+
avatarSrc?: string;
|
|
1064
|
+
avatarAlt?: string;
|
|
1065
|
+
avatarClassName?: string;
|
|
1066
|
+
avatarBodyClassName?: string;
|
|
1067
|
+
avatarImgClassName?: string;
|
|
1068
|
+
imageSrc?: string;
|
|
1069
|
+
imageAlt?: string;
|
|
1070
|
+
imageClassName?: string;
|
|
1071
|
+
header?: any;
|
|
1072
|
+
author?: any;
|
|
1073
|
+
headerName?: any;
|
|
1074
|
+
timestamp?: any;
|
|
1075
|
+
headerTime?: any;
|
|
1076
|
+
headerClassName?: string;
|
|
1077
|
+
footer?: any;
|
|
1078
|
+
footerClassName?: string;
|
|
1079
|
+
typing?: boolean;
|
|
1080
|
+
typingIndicator?: any;
|
|
1081
|
+
}
|
|
1082
|
+
export interface ChatDataItem extends ChatSemanticMessageProps {
|
|
1083
|
+
key?: string | number;
|
|
1084
|
+
}
|
|
1085
|
+
export interface ChatProps extends ChatSemanticMessageProps {
|
|
1086
|
+
children?: any;
|
|
1087
|
+
items?: ReadonlyArray<ChatDataItem>;
|
|
1088
|
+
}
|
|
1089
|
+
export interface BubbleProps extends ChatPartProps {
|
|
1090
|
+
color?: BubbleColor;
|
|
1091
|
+
typing?: boolean;
|
|
1092
|
+
typingIndicator?: any;
|
|
1093
|
+
}
|
|
1094
|
+
export interface HeaderProps extends ChatPartProps {
|
|
1095
|
+
author?: any;
|
|
1096
|
+
time?: any;
|
|
1097
|
+
timeClassName?: string;
|
|
1098
|
+
}
|
|
1099
|
+
export interface ImageProps extends ChatPartProps {
|
|
1100
|
+
src?: string;
|
|
1101
|
+
alt?: string;
|
|
1102
|
+
bodyClassName?: string;
|
|
1103
|
+
imgClassName?: string;
|
|
1104
|
+
}
|
|
1105
|
+
export type ChatCompound = FC<ChatProps> & {
|
|
1106
|
+
Bubble: FC<BubbleProps>;
|
|
1107
|
+
Header: FC<HeaderProps>;
|
|
1108
|
+
Footer: FC<ChatPartProps>;
|
|
1109
|
+
Image: FC<ImageProps>;
|
|
1110
|
+
};
|
|
1111
|
+
export declare const ChatCompound: ChatCompound;
|
|
1112
|
+
export type FileInputVariant = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
1113
|
+
export type FileInputSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "medium" | "large";
|
|
1114
|
+
export type FileInputListType = "text" | "picture" | "picture-card";
|
|
1115
|
+
export type FileInputStatus = "ready" | "uploading" | "done" | "error" | "removed";
|
|
1116
|
+
export interface FileInputFile {
|
|
1117
|
+
uid?: string;
|
|
1118
|
+
name: string;
|
|
1119
|
+
status?: FileInputStatus;
|
|
1120
|
+
size?: number;
|
|
1121
|
+
type?: string;
|
|
1122
|
+
percent?: number;
|
|
1123
|
+
url?: string;
|
|
1124
|
+
thumbUrl?: string;
|
|
1125
|
+
preview?: string;
|
|
1126
|
+
lastModified?: number;
|
|
1127
|
+
originFileObj?: File | Blob | null;
|
|
1128
|
+
response?: any;
|
|
1129
|
+
error?: any;
|
|
1130
|
+
description?: any;
|
|
1131
|
+
[key: string]: any;
|
|
1132
|
+
}
|
|
1133
|
+
export interface FileInputShowUploadList {
|
|
1134
|
+
showPreviewIcon?: boolean;
|
|
1135
|
+
showRemoveIcon?: boolean;
|
|
1136
|
+
extra?: any | ((file: FileInputFile) => any);
|
|
1137
|
+
itemRender?: (file: FileInputFile, defaultNode: any, actions: {
|
|
1138
|
+
preview: () => void;
|
|
1139
|
+
remove: () => void;
|
|
1140
|
+
}) => any;
|
|
1141
|
+
}
|
|
1142
|
+
export interface FileInputChangeInfo {
|
|
1143
|
+
file: FileInputFile;
|
|
1144
|
+
fileList: FileInputFile[];
|
|
1145
|
+
source: "select" | "drop" | "remove";
|
|
1146
|
+
nativeEvent?: Event | DragEvent;
|
|
1147
|
+
}
|
|
1148
|
+
export type FileInputBeforeUploadResult = boolean | File | Blob | typeof FILE_INPUT_LIST_IGNORE | Promise<boolean | File | Blob | typeof FILE_INPUT_LIST_IGNORE>;
|
|
1149
|
+
export type FileInputBeforeUpload = (file: File, fileList: File[]) => FileInputBeforeUploadResult;
|
|
1150
|
+
export type FileInputPreviewHandler = (file: FileInputFile) => void | Promise<void>;
|
|
1151
|
+
export type FileInputRemoveHandler = (file: FileInputFile) => boolean | void | Promise<boolean | void>;
|
|
1152
|
+
export type FileInputPreviewFile = (file: File | Blob) => Promise<string>;
|
|
1153
|
+
export interface FileInputProps {
|
|
1154
|
+
variant?: FileInputVariant;
|
|
1155
|
+
size?: FileInputSize;
|
|
1156
|
+
ghost?: boolean;
|
|
1157
|
+
className?: string;
|
|
1158
|
+
rootClassName?: string;
|
|
1159
|
+
triggerClassName?: string;
|
|
1160
|
+
listClassName?: string;
|
|
1161
|
+
itemClassName?: string;
|
|
1162
|
+
drag?: boolean;
|
|
1163
|
+
listType?: FileInputListType;
|
|
1164
|
+
showUploadList?: boolean | FileInputShowUploadList;
|
|
1165
|
+
fileList?: FileInputFile[];
|
|
1166
|
+
defaultFileList?: FileInputFile[];
|
|
1167
|
+
maxCount?: number;
|
|
1168
|
+
title?: any;
|
|
1169
|
+
description?: any;
|
|
1170
|
+
hint?: any;
|
|
1171
|
+
buttonText?: any;
|
|
1172
|
+
empty?: any;
|
|
1173
|
+
multiple?: boolean;
|
|
1174
|
+
directory?: boolean;
|
|
1175
|
+
disabled?: boolean;
|
|
1176
|
+
openFileDialogOnClick?: boolean;
|
|
1177
|
+
children?: any;
|
|
1178
|
+
beforeUpload?: FileInputBeforeUpload;
|
|
1179
|
+
onPreview?: FileInputPreviewHandler;
|
|
1180
|
+
onRemove?: FileInputRemoveHandler;
|
|
1181
|
+
previewFile?: FileInputPreviewFile;
|
|
1182
|
+
onChange?: ((event: Event) => void) | ((info: FileInputChangeInfo) => void);
|
|
1183
|
+
[key: string]: any;
|
|
1184
|
+
}
|
|
1185
|
+
export type FileInputCompound = FC<FileInputProps> & {
|
|
1186
|
+
Dragger: FC<FileInputProps>;
|
|
1187
|
+
LIST_IGNORE: typeof FILE_INPUT_LIST_IGNORE;
|
|
1188
|
+
};
|
|
1189
|
+
declare const FILE_INPUT_LIST_IGNORE: unique symbol;
|
|
1190
|
+
export declare const FileInput: FileInputCompound;
|
|
1191
|
+
export type CollapseItemKey = string | number;
|
|
1192
|
+
export type CollapseIcon = "arrow" | "plus";
|
|
1193
|
+
export type CollapseSize = "sm" | "md" | "lg" | "small" | "middle" | "large";
|
|
1194
|
+
export type CollapseCollapsible = "header" | "icon" | "disabled";
|
|
1195
|
+
export interface CollapseItem {
|
|
1196
|
+
key?: CollapseItemKey;
|
|
1197
|
+
label?: any;
|
|
1198
|
+
title?: any;
|
|
1199
|
+
description?: any;
|
|
1200
|
+
extra?: any;
|
|
1201
|
+
children?: any;
|
|
1202
|
+
content?: any;
|
|
1203
|
+
className?: string;
|
|
1204
|
+
titleClassName?: string;
|
|
1205
|
+
contentClassName?: string;
|
|
1206
|
+
descriptionClassName?: string;
|
|
1207
|
+
extraClassName?: string;
|
|
1208
|
+
icon?: CollapseIcon;
|
|
1209
|
+
showArrow?: boolean;
|
|
1210
|
+
open?: boolean;
|
|
1211
|
+
disabled?: boolean;
|
|
1212
|
+
collapsible?: CollapseCollapsible;
|
|
1213
|
+
}
|
|
1214
|
+
export interface CollapseChangeContext {
|
|
1215
|
+
key: CollapseItemKey;
|
|
1216
|
+
index: number;
|
|
1217
|
+
open: boolean;
|
|
1218
|
+
item?: CollapseItem;
|
|
1219
|
+
}
|
|
1220
|
+
export interface CollapseProps {
|
|
1221
|
+
icon?: CollapseIcon;
|
|
1222
|
+
arrow?: boolean;
|
|
1223
|
+
plus?: boolean;
|
|
1224
|
+
showArrow?: boolean;
|
|
1225
|
+
open?: boolean;
|
|
1226
|
+
close?: boolean;
|
|
1227
|
+
defaultOpen?: boolean;
|
|
1228
|
+
activeKey?: CollapseItemKey | ReadonlyArray<CollapseItemKey> | null;
|
|
1229
|
+
defaultActiveKey?: CollapseItemKey | ReadonlyArray<CollapseItemKey> | null;
|
|
1230
|
+
accordion?: boolean;
|
|
1231
|
+
bordered?: boolean;
|
|
1232
|
+
ghost?: boolean;
|
|
1233
|
+
disabled?: boolean;
|
|
1234
|
+
collapsible?: CollapseCollapsible;
|
|
1235
|
+
size?: CollapseSize;
|
|
1236
|
+
expandIconPlacement?: "start" | "end";
|
|
1237
|
+
tabIndex?: number;
|
|
1238
|
+
tag?: "div" | "details";
|
|
1239
|
+
className?: string;
|
|
1240
|
+
titleClassName?: string;
|
|
1241
|
+
contentClassName?: string;
|
|
1242
|
+
items?: ReadonlyArray<CollapseItem>;
|
|
1243
|
+
children?: any;
|
|
1244
|
+
onChange?: (nextValue: CollapseItemKey | ReadonlyArray<CollapseItemKey> | null, context: CollapseChangeContext) => void;
|
|
1245
|
+
}
|
|
1246
|
+
export interface CollapsePartProps {
|
|
1247
|
+
as?: "div" | "summary";
|
|
1248
|
+
className?: string;
|
|
1249
|
+
description?: any;
|
|
1250
|
+
extra?: any;
|
|
1251
|
+
descriptionClassName?: string;
|
|
1252
|
+
extraClassName?: string;
|
|
1253
|
+
children?: any;
|
|
1254
|
+
}
|
|
1255
|
+
export type CollapseCompound = FC<CollapseProps> & {
|
|
1256
|
+
Title: FC<CollapsePartProps>;
|
|
1257
|
+
Content: FC<CollapsePartProps>;
|
|
1258
|
+
};
|
|
1259
|
+
export declare const CollapseCompound: CollapseCompound;
|
|
1260
|
+
export type CountdownAriaLive = "polite" | "off" | "assertive";
|
|
1261
|
+
export interface CountdownTextItem {
|
|
1262
|
+
content: any;
|
|
1263
|
+
className?: string;
|
|
1264
|
+
}
|
|
1265
|
+
export interface CountdownValueItem {
|
|
1266
|
+
value: number;
|
|
1267
|
+
digits?: number;
|
|
1268
|
+
className?: string;
|
|
1269
|
+
ariaLive?: CountdownAriaLive;
|
|
1270
|
+
ariaLabel?: string;
|
|
1271
|
+
children?: any;
|
|
1272
|
+
}
|
|
1273
|
+
export type CountdownItem = CountdownTextItem | CountdownValueItem;
|
|
1274
|
+
export type CountdownTargetValue = number | string | Date;
|
|
1275
|
+
export interface CountdownProps {
|
|
1276
|
+
className?: string;
|
|
1277
|
+
children?: any;
|
|
1278
|
+
items?: ReadonlyArray<CountdownItem>;
|
|
1279
|
+
value?: CountdownTargetValue;
|
|
1280
|
+
format?: string;
|
|
1281
|
+
interval?: number;
|
|
1282
|
+
ariaLive?: CountdownAriaLive;
|
|
1283
|
+
onChange?: (remaining?: number) => void;
|
|
1284
|
+
onFinish?: () => void;
|
|
1285
|
+
}
|
|
1286
|
+
export interface ValueProps {
|
|
1287
|
+
value: number;
|
|
1288
|
+
digits?: number;
|
|
1289
|
+
className?: string;
|
|
1290
|
+
ariaLive?: CountdownAriaLive;
|
|
1291
|
+
ariaLabel?: string;
|
|
1292
|
+
children?: any;
|
|
1293
|
+
}
|
|
1294
|
+
export type CountdownCompound = FC<CountdownProps> & {
|
|
1295
|
+
Value: FC<ValueProps>;
|
|
1296
|
+
};
|
|
1297
|
+
export declare const CountdownCompound: CountdownCompound;
|
|
1298
|
+
export interface HoverGalleryItem {
|
|
1299
|
+
key?: string | number;
|
|
1300
|
+
src?: string;
|
|
1301
|
+
alt?: string;
|
|
1302
|
+
className?: string;
|
|
1303
|
+
imageClassName?: string;
|
|
1304
|
+
label?: any;
|
|
1305
|
+
node?: any;
|
|
1306
|
+
}
|
|
1307
|
+
export type HoverGalleryFit = "cover" | "contain" | "fill" | "none" | "scale-down";
|
|
1308
|
+
export interface HoverGalleryProps {
|
|
1309
|
+
as?: "figure" | "div";
|
|
1310
|
+
className?: string;
|
|
1311
|
+
wrapperClassName?: string;
|
|
1312
|
+
children?: any;
|
|
1313
|
+
items?: ReadonlyArray<HoverGalleryItem | string | any>;
|
|
1314
|
+
imageClassName?: string;
|
|
1315
|
+
fit?: HoverGalleryFit;
|
|
1316
|
+
showGuide?: boolean;
|
|
1317
|
+
guideLabels?: ReadonlyArray<any>;
|
|
1318
|
+
guideClassName?: string;
|
|
1319
|
+
guideItemClassName?: string;
|
|
1320
|
+
[key: string]: any;
|
|
1321
|
+
}
|
|
1322
|
+
/**
|
|
1323
|
+
* 悬浮画廊:保持 daisyUI 的 hover-gallery 视觉基础,同时补齐数据驱动、图片层配置与引导遮罩。
|
|
1324
|
+
*/
|
|
1325
|
+
export declare const HoverGallery: FC<HoverGalleryProps>;
|
|
1326
|
+
export type KbdSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "medium" | "large";
|
|
1327
|
+
export type KbdGap = "xs" | "sm" | "md" | "lg";
|
|
1328
|
+
export type KbdDirection = "horizontal" | "vertical";
|
|
1329
|
+
export interface KbdItemData {
|
|
1330
|
+
key?: string | number;
|
|
1331
|
+
label?: any;
|
|
1332
|
+
children?: any;
|
|
1333
|
+
size?: KbdSize;
|
|
1334
|
+
className?: string;
|
|
1335
|
+
[key: string]: any;
|
|
1336
|
+
}
|
|
1337
|
+
export interface KbdProps {
|
|
1338
|
+
as?: any;
|
|
1339
|
+
size?: KbdSize;
|
|
1340
|
+
className?: string;
|
|
1341
|
+
children?: any;
|
|
1342
|
+
items?: ReadonlyArray<KbdItemData | any>;
|
|
1343
|
+
separator?: any;
|
|
1344
|
+
itemClassName?: string;
|
|
1345
|
+
separatorClassName?: string;
|
|
1346
|
+
wrap?: boolean;
|
|
1347
|
+
gap?: KbdGap;
|
|
1348
|
+
[key: string]: any;
|
|
1349
|
+
}
|
|
1350
|
+
export interface KbdGroupProps {
|
|
1351
|
+
as?: any;
|
|
1352
|
+
size?: KbdSize;
|
|
1353
|
+
items?: ReadonlyArray<KbdItemData | any>;
|
|
1354
|
+
separator?: any;
|
|
1355
|
+
itemClassName?: string;
|
|
1356
|
+
separatorClassName?: string;
|
|
1357
|
+
direction?: KbdDirection;
|
|
1358
|
+
wrap?: boolean;
|
|
1359
|
+
gap?: KbdGap;
|
|
1360
|
+
className?: string;
|
|
1361
|
+
children?: any;
|
|
1362
|
+
[key: string]: any;
|
|
1363
|
+
}
|
|
1364
|
+
export interface KbdComboProps {
|
|
1365
|
+
as?: any;
|
|
1366
|
+
size?: KbdSize;
|
|
1367
|
+
className?: string;
|
|
1368
|
+
children?: any;
|
|
1369
|
+
items?: ReadonlyArray<KbdItemData | any>;
|
|
1370
|
+
separator?: any;
|
|
1371
|
+
itemClassName?: string;
|
|
1372
|
+
separatorClassName?: string;
|
|
1373
|
+
wrap?: boolean;
|
|
1374
|
+
gap?: KbdGap;
|
|
1375
|
+
[key: string]: any;
|
|
1376
|
+
}
|
|
1377
|
+
export interface KbdSeparatorProps {
|
|
1378
|
+
as?: any;
|
|
1379
|
+
className?: string;
|
|
1380
|
+
children?: any;
|
|
1381
|
+
[key: string]: any;
|
|
1382
|
+
}
|
|
1383
|
+
export type KbdCompound = FC<KbdProps> & {
|
|
1384
|
+
Group: FC<KbdGroupProps>;
|
|
1385
|
+
Combo: FC<KbdComboProps>;
|
|
1386
|
+
Separator: FC<KbdSeparatorProps>;
|
|
1387
|
+
};
|
|
1388
|
+
export declare const Kbd: KbdCompound;
|
|
1389
|
+
export type ListSize = "small" | "default" | "large" | "sm" | "md" | "lg";
|
|
1390
|
+
export type ListItemLayout = "horizontal" | "vertical";
|
|
1391
|
+
export type ListPaginationPosition = "top" | "bottom" | "both";
|
|
1392
|
+
export type ListPaginationAlign = "start" | "center" | "end";
|
|
1393
|
+
export type ListKey = string | number;
|
|
1394
|
+
export interface ListGridType {
|
|
1395
|
+
gutter?: number | string;
|
|
1396
|
+
column?: number;
|
|
1397
|
+
xs?: number;
|
|
1398
|
+
sm?: number;
|
|
1399
|
+
md?: number;
|
|
1400
|
+
lg?: number;
|
|
1401
|
+
xl?: number;
|
|
1402
|
+
xxl?: number;
|
|
1403
|
+
xxxl?: number;
|
|
1404
|
+
}
|
|
1405
|
+
export interface ListPaginationConfig {
|
|
1406
|
+
current?: number;
|
|
1407
|
+
defaultCurrent?: number;
|
|
1408
|
+
pageSize?: number;
|
|
1409
|
+
defaultPageSize?: number;
|
|
1410
|
+
total?: number;
|
|
1411
|
+
position?: ListPaginationPosition;
|
|
1412
|
+
align?: ListPaginationAlign;
|
|
1413
|
+
hideOnSinglePage?: boolean;
|
|
1414
|
+
showTotal?: (total: number, range: [
|
|
1415
|
+
number,
|
|
1416
|
+
number
|
|
1417
|
+
]) => any;
|
|
1418
|
+
onChange?: (page: number, pageSize: number) => void;
|
|
1419
|
+
}
|
|
1420
|
+
export interface ListLoadingConfig {
|
|
1421
|
+
spinning?: boolean;
|
|
1422
|
+
tip?: any;
|
|
1423
|
+
indicator?: any;
|
|
1424
|
+
}
|
|
1425
|
+
export interface ListLocale {
|
|
1426
|
+
emptyText?: any;
|
|
1427
|
+
}
|
|
1428
|
+
export interface ListColDataItem {
|
|
1429
|
+
type: "grow" | "wrap";
|
|
1430
|
+
as?: "div" | "p" | "span";
|
|
1431
|
+
className?: string;
|
|
1432
|
+
content?: any;
|
|
1433
|
+
}
|
|
1434
|
+
export interface ListDataItem {
|
|
1435
|
+
key?: ListKey;
|
|
1436
|
+
type?: "row" | "item";
|
|
1437
|
+
normal?: boolean;
|
|
1438
|
+
className?: string;
|
|
1439
|
+
content?: any;
|
|
1440
|
+
cols?: ReadonlyArray<ListColDataItem>;
|
|
1441
|
+
title?: any;
|
|
1442
|
+
description?: any;
|
|
1443
|
+
avatar?: any;
|
|
1444
|
+
actions?: any[];
|
|
1445
|
+
extra?: any;
|
|
1446
|
+
}
|
|
1447
|
+
export interface ListProps<T = any> {
|
|
1448
|
+
bordered?: boolean;
|
|
1449
|
+
className?: string;
|
|
1450
|
+
children?: any;
|
|
1451
|
+
dataSource?: ReadonlyArray<T>;
|
|
1452
|
+
emptyText?: any;
|
|
1453
|
+
footer?: any;
|
|
1454
|
+
grid?: ListGridType;
|
|
1455
|
+
header?: any;
|
|
1456
|
+
itemLayout?: ListItemLayout;
|
|
1457
|
+
items?: ReadonlyArray<ListDataItem>;
|
|
1458
|
+
loading?: boolean | ListLoadingConfig;
|
|
1459
|
+
loadMore?: any;
|
|
1460
|
+
locale?: ListLocale;
|
|
1461
|
+
pagination?: boolean | ListPaginationConfig | false;
|
|
1462
|
+
renderItem?: (item: T, index: number) => any;
|
|
1463
|
+
rowKey?: keyof T | ((item: T, index: number) => ListKey);
|
|
1464
|
+
size?: ListSize;
|
|
1465
|
+
split?: boolean;
|
|
1466
|
+
style?: Record<string, any>;
|
|
1467
|
+
[key: string]: any;
|
|
1468
|
+
}
|
|
1469
|
+
export interface ListRowProps {
|
|
1470
|
+
normal?: boolean;
|
|
1471
|
+
className?: string;
|
|
1472
|
+
children?: any;
|
|
1473
|
+
[key: string]: any;
|
|
1474
|
+
}
|
|
1475
|
+
export interface ListColProps {
|
|
1476
|
+
as?: "div" | "p" | "span";
|
|
1477
|
+
className?: string;
|
|
1478
|
+
children?: any;
|
|
1479
|
+
[key: string]: any;
|
|
1480
|
+
}
|
|
1481
|
+
export interface ListItemMetaProps {
|
|
1482
|
+
avatar?: any;
|
|
1483
|
+
className?: string;
|
|
1484
|
+
description?: any;
|
|
1485
|
+
title?: any;
|
|
1486
|
+
children?: any;
|
|
1487
|
+
[key: string]: any;
|
|
1488
|
+
}
|
|
1489
|
+
export interface ListItemProps {
|
|
1490
|
+
actions?: any[];
|
|
1491
|
+
className?: string;
|
|
1492
|
+
classNames?: {
|
|
1493
|
+
actions?: string;
|
|
1494
|
+
extra?: string;
|
|
1495
|
+
meta?: string;
|
|
1496
|
+
};
|
|
1497
|
+
extra?: any;
|
|
1498
|
+
itemLayout?: ListItemLayout;
|
|
1499
|
+
styles?: {
|
|
1500
|
+
actions?: Record<string, any>;
|
|
1501
|
+
extra?: Record<string, any>;
|
|
1502
|
+
meta?: Record<string, any>;
|
|
1503
|
+
};
|
|
1504
|
+
children?: any;
|
|
1505
|
+
[key: string]: any;
|
|
1506
|
+
}
|
|
1507
|
+
export type ListCompound = FC<ListProps> & {
|
|
1508
|
+
Row: FC<ListRowProps>;
|
|
1509
|
+
ColGrow: FC<ListColProps>;
|
|
1510
|
+
ColWrap: FC<ListColProps>;
|
|
1511
|
+
Item: FC<ListItemProps> & {
|
|
1512
|
+
Meta: FC<ListItemMetaProps>;
|
|
1513
|
+
};
|
|
1514
|
+
};
|
|
1515
|
+
export declare const ListCompound: ListCompound;
|
|
1516
|
+
export type TableSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "large";
|
|
1517
|
+
export type TableKey = string | number;
|
|
1518
|
+
export type SortOrder = "ascend" | "descend" | null;
|
|
1519
|
+
export type ColumnAlign = "left" | "right" | "center";
|
|
1520
|
+
export type PaginationPlacement = "topStart" | "topCenter" | "topEnd" | "bottomStart" | "bottomCenter" | "bottomEnd" | "none";
|
|
1521
|
+
export type PaginationPosition = "topLeft" | "topCenter" | "topRight" | "bottomLeft" | "bottomCenter" | "bottomRight" | "none";
|
|
1522
|
+
export type SorterTooltipTarget = "full-header" | "sorter-icon";
|
|
1523
|
+
export type ShowSorterTooltip = boolean | {
|
|
1524
|
+
target?: SorterTooltipTarget;
|
|
1525
|
+
title?: any;
|
|
1526
|
+
};
|
|
1527
|
+
export interface TableLocale {
|
|
1528
|
+
emptyText?: any;
|
|
1529
|
+
filterConfirm?: any;
|
|
1530
|
+
filterReset?: any;
|
|
1531
|
+
triggerAsc?: string;
|
|
1532
|
+
triggerDesc?: string;
|
|
1533
|
+
cancelSort?: string;
|
|
1534
|
+
}
|
|
1535
|
+
export interface TableClassNames {
|
|
1536
|
+
root?: string;
|
|
1537
|
+
wrapper?: string;
|
|
1538
|
+
table?: string;
|
|
1539
|
+
title?: string;
|
|
1540
|
+
footer?: string;
|
|
1541
|
+
thead?: string;
|
|
1542
|
+
tbody?: string;
|
|
1543
|
+
tfoot?: string;
|
|
1544
|
+
headerRow?: string;
|
|
1545
|
+
bodyRow?: string;
|
|
1546
|
+
headerCell?: string;
|
|
1547
|
+
cell?: string;
|
|
1548
|
+
summary?: string;
|
|
1549
|
+
pager?: string;
|
|
1550
|
+
empty?: string;
|
|
1551
|
+
loading?: string;
|
|
1552
|
+
}
|
|
1553
|
+
export interface TableStyles {
|
|
1554
|
+
root?: Record<string, any>;
|
|
1555
|
+
wrapper?: Record<string, any>;
|
|
1556
|
+
table?: Record<string, any>;
|
|
1557
|
+
title?: Record<string, any>;
|
|
1558
|
+
footer?: Record<string, any>;
|
|
1559
|
+
thead?: Record<string, any>;
|
|
1560
|
+
tbody?: Record<string, any>;
|
|
1561
|
+
tfoot?: Record<string, any>;
|
|
1562
|
+
headerRow?: Record<string, any>;
|
|
1563
|
+
bodyRow?: Record<string, any>;
|
|
1564
|
+
headerCell?: Record<string, any>;
|
|
1565
|
+
cell?: Record<string, any>;
|
|
1566
|
+
summary?: Record<string, any>;
|
|
1567
|
+
pager?: Record<string, any>;
|
|
1568
|
+
empty?: Record<string, any>;
|
|
1569
|
+
loading?: Record<string, any>;
|
|
1570
|
+
}
|
|
1571
|
+
export type SemanticRecord<T> = T | ((info: {
|
|
1572
|
+
props: TableProps;
|
|
1573
|
+
}) => T);
|
|
1574
|
+
export interface FilterItem {
|
|
1575
|
+
text: any;
|
|
1576
|
+
value: any;
|
|
1577
|
+
children?: FilterItem[];
|
|
1578
|
+
}
|
|
1579
|
+
export interface ColumnTitleContext {
|
|
1580
|
+
sortOrder: SortOrder;
|
|
1581
|
+
filteredValue: any[];
|
|
1582
|
+
sortColumns: Array<{
|
|
1583
|
+
column: any;
|
|
1584
|
+
columnKey: string;
|
|
1585
|
+
order: SortOrder;
|
|
1586
|
+
}>;
|
|
1587
|
+
filters: Record<string, any[]>;
|
|
1588
|
+
}
|
|
1589
|
+
export interface SorterConfig {
|
|
1590
|
+
compare?: (a: any, b: any) => number;
|
|
1591
|
+
multiple?: number;
|
|
1592
|
+
}
|
|
1593
|
+
export interface ColumnItem {
|
|
1594
|
+
key?: string;
|
|
1595
|
+
title?: any | ((context: ColumnTitleContext) => any);
|
|
1596
|
+
dataIndex?: string | string[];
|
|
1597
|
+
align?: ColumnAlign;
|
|
1598
|
+
className?: string;
|
|
1599
|
+
width?: string | number;
|
|
1600
|
+
minWidth?: string | number;
|
|
1601
|
+
ellipsis?: boolean | {
|
|
1602
|
+
showTitle?: boolean;
|
|
1603
|
+
};
|
|
1604
|
+
render?: (value: any, record: any, index: number) => any;
|
|
1605
|
+
sorter?: boolean | ((a: any, b: any) => number) | SorterConfig;
|
|
1606
|
+
defaultSortOrder?: SortOrder;
|
|
1607
|
+
sortOrder?: SortOrder;
|
|
1608
|
+
sortDirections?: Array<Exclude<SortOrder, null>>;
|
|
1609
|
+
sortIcon?: (props: {
|
|
1610
|
+
sortOrder: SortOrder;
|
|
1611
|
+
}) => any;
|
|
1612
|
+
showSorterTooltip?: ShowSorterTooltip;
|
|
1613
|
+
filtered?: boolean;
|
|
1614
|
+
filters?: FilterItem[];
|
|
1615
|
+
onFilter?: (value: any, record: any) => boolean;
|
|
1616
|
+
filteredValue?: any[] | null;
|
|
1617
|
+
defaultFilteredValue?: any[] | null;
|
|
1618
|
+
filterMultiple?: boolean;
|
|
1619
|
+
filterCombine?: "or" | "and";
|
|
1620
|
+
filterOnClose?: boolean;
|
|
1621
|
+
filterResetToDefaultFilteredValue?: boolean;
|
|
1622
|
+
filterDropdown?: any | ((props: FilterDropdownRenderProps) => any);
|
|
1623
|
+
filterDropdownOpen?: boolean;
|
|
1624
|
+
filterDropdownProps?: TableFilterDropdownProps;
|
|
1625
|
+
filterMode?: "menu" | "tree";
|
|
1626
|
+
onFilterDropdownOpenChange?: (visible: boolean) => void;
|
|
1627
|
+
filterSearch?: boolean | ((input: string, item: FilterItem) => boolean);
|
|
1628
|
+
filterIcon?: any | ((filtered: boolean) => any);
|
|
1629
|
+
hidden?: boolean;
|
|
1630
|
+
onHeaderCell?: (column: ColumnItem, index: number) => Record<string, any>;
|
|
1631
|
+
onCell?: (record: any, rowIndex: number) => Record<string, any>;
|
|
1632
|
+
rowScope?: "row" | "rowgroup";
|
|
1633
|
+
fixedCol?: boolean;
|
|
1634
|
+
fixed?: boolean | "left" | "right" | "start" | "end";
|
|
1635
|
+
colSpan?: number;
|
|
1636
|
+
rowSpan?: number;
|
|
1637
|
+
children?: ColumnItem[];
|
|
1638
|
+
}
|
|
1639
|
+
export interface RowSelection {
|
|
1640
|
+
type?: "checkbox" | "radio";
|
|
1641
|
+
selectedRowKeys?: TableKey[];
|
|
1642
|
+
defaultSelectedRowKeys?: TableKey[];
|
|
1643
|
+
columnWidth?: number | string;
|
|
1644
|
+
columnTitle?: any | ((originalNode: any) => any);
|
|
1645
|
+
align?: ColumnAlign;
|
|
1646
|
+
hideSelectAll?: boolean;
|
|
1647
|
+
disabled?: boolean;
|
|
1648
|
+
fixed?: boolean | "left" | "right" | "start" | "end";
|
|
1649
|
+
onChange?: (selectedRowKeys: TableKey[], selectedRows: any[], info?: any) => void;
|
|
1650
|
+
onSelect?: (record: any, selected: boolean, selectedRows: any[], nativeEvent?: Event) => void;
|
|
1651
|
+
getCheckboxProps?: (record: any) => Record<string, any>;
|
|
1652
|
+
getTitleCheckboxProps?: () => Record<string, any>;
|
|
1653
|
+
onSelectAll?: (selected: boolean, selectedRows: any[]) => void;
|
|
1654
|
+
preserveSelectedRowKeys?: boolean;
|
|
1655
|
+
renderCell?: (checked: boolean, record: any, index: number, originNode: any) => any;
|
|
1656
|
+
}
|
|
1657
|
+
export interface PaginationConfig {
|
|
1658
|
+
current?: number;
|
|
1659
|
+
defaultCurrent?: number;
|
|
1660
|
+
pageSize?: number;
|
|
1661
|
+
defaultPageSize?: number;
|
|
1662
|
+
hideOnSinglePage?: boolean;
|
|
1663
|
+
placement?: PaginationPlacement[];
|
|
1664
|
+
position?: PaginationPosition[];
|
|
1665
|
+
onChange?: (page: number, pageSize: number) => void;
|
|
1666
|
+
}
|
|
1667
|
+
export interface ExpandableConfig {
|
|
1668
|
+
expandedRowRender?: (record: any, index: number, indent: number, expanded: boolean) => any;
|
|
1669
|
+
expandedRowKeys?: TableKey[];
|
|
1670
|
+
defaultExpandedRowKeys?: TableKey[];
|
|
1671
|
+
defaultExpandAllRows?: boolean;
|
|
1672
|
+
expandRowByClick?: boolean;
|
|
1673
|
+
rowExpandable?: (record: any) => boolean;
|
|
1674
|
+
showExpandColumn?: boolean;
|
|
1675
|
+
columnTitle?: any;
|
|
1676
|
+
columnWidth?: number | string;
|
|
1677
|
+
childrenColumnName?: string;
|
|
1678
|
+
expandedRowClassName?: string | ((record: any, index: number, indent: number) => string);
|
|
1679
|
+
expandIcon?: (props: {
|
|
1680
|
+
expanded: boolean;
|
|
1681
|
+
expandable: boolean;
|
|
1682
|
+
record: any;
|
|
1683
|
+
onExpand: (record: any, event?: any) => void;
|
|
1684
|
+
}) => any;
|
|
1685
|
+
indentSize?: number;
|
|
1686
|
+
fixed?: boolean | "left" | "right" | "start" | "end";
|
|
1687
|
+
onExpand?: (expanded: boolean, record: any) => void;
|
|
1688
|
+
onExpandedRowsChange?: (expandedRowKeys: TableKey[]) => void;
|
|
1689
|
+
}
|
|
1690
|
+
export interface ScrollConfig {
|
|
1691
|
+
x?: string | number | true;
|
|
1692
|
+
y?: string | number;
|
|
1693
|
+
scrollToFirstRowOnChange?: boolean;
|
|
1694
|
+
}
|
|
1695
|
+
export interface TableProps {
|
|
1696
|
+
size?: TableSize;
|
|
1697
|
+
zebra?: boolean;
|
|
1698
|
+
pinRows?: boolean;
|
|
1699
|
+
pinCols?: boolean;
|
|
1700
|
+
bordered?: boolean;
|
|
1701
|
+
className?: string;
|
|
1702
|
+
classNames?: SemanticRecord<TableClassNames>;
|
|
1703
|
+
styles?: SemanticRecord<TableStyles>;
|
|
1704
|
+
children?: any;
|
|
1705
|
+
dataSource?: any[];
|
|
1706
|
+
columns?: ColumnItem[];
|
|
1707
|
+
rowKey?: string | ((record: any) => TableKey);
|
|
1708
|
+
showHeader?: boolean;
|
|
1709
|
+
onRow?: (record: any, index: number) => Record<string, any>;
|
|
1710
|
+
onHeaderRow?: (columns: ColumnItem[], index: number) => Record<string, any>;
|
|
1711
|
+
onChange?: (pagination: any, filters: any, sorter: any, extra: any) => void;
|
|
1712
|
+
rowSelection?: RowSelection;
|
|
1713
|
+
pagination?: false | PaginationConfig;
|
|
1714
|
+
expandable?: ExpandableConfig;
|
|
1715
|
+
rowClassName?: (record: any, index: number) => string;
|
|
1716
|
+
summary?: (currentData: any[], info?: {
|
|
1717
|
+
total: number;
|
|
1718
|
+
page: number;
|
|
1719
|
+
pageSize: number;
|
|
1720
|
+
}) => any;
|
|
1721
|
+
emptyText?: any;
|
|
1722
|
+
locale?: TableLocale;
|
|
1723
|
+
title?: (currentData: any[]) => any;
|
|
1724
|
+
footer?: (currentData: any[]) => any;
|
|
1725
|
+
loading?: boolean | {
|
|
1726
|
+
spinning?: boolean;
|
|
1727
|
+
tip?: any;
|
|
1728
|
+
};
|
|
1729
|
+
rowHoverable?: boolean;
|
|
1730
|
+
rowHoverClass?: string;
|
|
1731
|
+
tableLayout?: "auto" | "fixed";
|
|
1732
|
+
sortDirections?: Array<Exclude<SortOrder, null>>;
|
|
1733
|
+
showSorterTooltip?: ShowSorterTooltip;
|
|
1734
|
+
scroll?: ScrollConfig;
|
|
1735
|
+
sticky?: boolean | {
|
|
1736
|
+
offsetHeader?: number;
|
|
1737
|
+
offsetScroll?: number;
|
|
1738
|
+
getContainer?: () => HTMLElement;
|
|
1739
|
+
};
|
|
1740
|
+
height?: string | number;
|
|
1741
|
+
onScroll?: (event: any) => void;
|
|
1742
|
+
}
|
|
1743
|
+
export interface FilterConfirmOptions {
|
|
1744
|
+
closeDropdown?: boolean;
|
|
1745
|
+
}
|
|
1746
|
+
export interface FilterClearOptions {
|
|
1747
|
+
confirm?: boolean;
|
|
1748
|
+
closeDropdown?: boolean;
|
|
1749
|
+
}
|
|
1750
|
+
export interface FilterDropdownRenderProps {
|
|
1751
|
+
setSelectedKeys: (selectedKeys: any[]) => void;
|
|
1752
|
+
selectedKeys: any[];
|
|
1753
|
+
confirm: (options?: FilterConfirmOptions) => void;
|
|
1754
|
+
clearFilters?: (options?: FilterClearOptions) => void;
|
|
1755
|
+
filters?: FilterItem[];
|
|
1756
|
+
close: () => void;
|
|
1757
|
+
visible: boolean;
|
|
1758
|
+
}
|
|
1759
|
+
export interface TableFilterDropdownProps {
|
|
1760
|
+
open?: boolean;
|
|
1761
|
+
onOpenChange?: (open: boolean) => void;
|
|
1762
|
+
[key: string]: any;
|
|
1763
|
+
}
|
|
1764
|
+
export interface TablePartProps {
|
|
1765
|
+
className?: string;
|
|
1766
|
+
children?: any;
|
|
1767
|
+
}
|
|
1768
|
+
export type TableCompound = FC<TableProps> & {
|
|
1769
|
+
Head: FC<TablePartProps>;
|
|
1770
|
+
Body: FC<TablePartProps>;
|
|
1771
|
+
Foot: FC<TablePartProps>;
|
|
1772
|
+
TR: FC<TablePartProps>;
|
|
1773
|
+
TH: FC<TablePartProps>;
|
|
1774
|
+
TD: FC<TablePartProps>;
|
|
1775
|
+
};
|
|
1776
|
+
export declare const TableCompound: TableCompound;
|
|
1777
|
+
export type BreadcrumbsParamValue = string | number | boolean | null | undefined;
|
|
1778
|
+
export type BreadcrumbsMenuAlign = "start" | "center" | "end";
|
|
1779
|
+
export type BreadcrumbsMenuDirection = "top" | "bottom" | "left" | "right";
|
|
1780
|
+
export interface BreadcrumbsParams {
|
|
1781
|
+
[key: string]: BreadcrumbsParamValue;
|
|
1782
|
+
}
|
|
1783
|
+
export interface BreadcrumbsMenuItem {
|
|
1784
|
+
key?: string | number;
|
|
1785
|
+
label?: any;
|
|
1786
|
+
title?: any;
|
|
1787
|
+
href?: string;
|
|
1788
|
+
target?: string;
|
|
1789
|
+
rel?: string;
|
|
1790
|
+
disabled?: boolean;
|
|
1791
|
+
className?: string;
|
|
1792
|
+
onClick?: (event: MouseEvent) => void;
|
|
1793
|
+
}
|
|
1794
|
+
export interface BreadcrumbsMenu {
|
|
1795
|
+
items?: ReadonlyArray<BreadcrumbsMenuItem>;
|
|
1796
|
+
align?: BreadcrumbsMenuAlign;
|
|
1797
|
+
direction?: BreadcrumbsMenuDirection;
|
|
1798
|
+
className?: string;
|
|
1799
|
+
contentClassName?: string;
|
|
1800
|
+
}
|
|
1801
|
+
export interface BreadcrumbsRouteItem {
|
|
1802
|
+
key?: string | number;
|
|
1803
|
+
title?: any;
|
|
1804
|
+
label?: any;
|
|
1805
|
+
href?: string;
|
|
1806
|
+
path?: string;
|
|
1807
|
+
icon?: any;
|
|
1808
|
+
className?: string;
|
|
1809
|
+
linkClassName?: string;
|
|
1810
|
+
current?: boolean;
|
|
1811
|
+
disabled?: boolean;
|
|
1812
|
+
target?: string;
|
|
1813
|
+
rel?: string;
|
|
1814
|
+
menu?: BreadcrumbsMenu;
|
|
1815
|
+
onClick?: (event: MouseEvent) => void;
|
|
1816
|
+
}
|
|
1817
|
+
export interface BreadcrumbsSeparatorItem {
|
|
1818
|
+
key?: string | number;
|
|
1819
|
+
type: "separator";
|
|
1820
|
+
separator?: any;
|
|
1821
|
+
}
|
|
1822
|
+
export type BreadcrumbsDataItem = BreadcrumbsRouteItem | BreadcrumbsSeparatorItem;
|
|
1823
|
+
export interface BreadcrumbsProps {
|
|
1824
|
+
className?: string;
|
|
1825
|
+
children?: any;
|
|
1826
|
+
items?: ReadonlyArray<BreadcrumbsDataItem>;
|
|
1827
|
+
routes?: ReadonlyArray<BreadcrumbsDataItem>;
|
|
1828
|
+
separator?: any;
|
|
1829
|
+
params?: BreadcrumbsParams;
|
|
1830
|
+
dropdownIcon?: any;
|
|
1831
|
+
itemRender?: (route: BreadcrumbsRouteItem, params: BreadcrumbsParams, routes: ReadonlyArray<BreadcrumbsRouteItem>, paths: string[], href?: string) => any;
|
|
1832
|
+
}
|
|
1833
|
+
export interface BreadcrumbsItemProps extends BreadcrumbsRouteItem {
|
|
1834
|
+
children?: any;
|
|
1835
|
+
}
|
|
1836
|
+
export type BreadcrumbsCompound = FC<BreadcrumbsProps> & {
|
|
1837
|
+
Item: FC<BreadcrumbsItemProps>;
|
|
1838
|
+
};
|
|
1839
|
+
export declare const BreadcrumbsCompound: BreadcrumbsCompound;
|
|
1840
|
+
export type DockRootAs = "div" | "nav";
|
|
1841
|
+
export type DockItemAs = "button" | "a" | "div";
|
|
1842
|
+
export type DockItemKey = string | number;
|
|
1843
|
+
export type DockSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "medium" | "large";
|
|
1844
|
+
export interface DockChangeContext {
|
|
1845
|
+
key: DockItemKey;
|
|
1846
|
+
index: number;
|
|
1847
|
+
item?: DockItemData;
|
|
1848
|
+
}
|
|
1849
|
+
export interface DockItemData {
|
|
1850
|
+
key?: DockItemKey;
|
|
1851
|
+
as?: DockItemAs;
|
|
1852
|
+
className?: string;
|
|
1853
|
+
icon?: any;
|
|
1854
|
+
iconClassName?: string;
|
|
1855
|
+
label?: any;
|
|
1856
|
+
labelClassName?: string;
|
|
1857
|
+
href?: string;
|
|
1858
|
+
target?: string;
|
|
1859
|
+
rel?: string;
|
|
1860
|
+
htmlType?: "button" | "submit" | "reset";
|
|
1861
|
+
active?: boolean;
|
|
1862
|
+
disabled?: boolean;
|
|
1863
|
+
ariaLabel?: string;
|
|
1864
|
+
onClick?: (event: MouseEvent, context: DockChangeContext) => void;
|
|
1865
|
+
}
|
|
1866
|
+
export interface DockProps {
|
|
1867
|
+
as?: DockRootAs;
|
|
1868
|
+
size?: DockSize;
|
|
1869
|
+
className?: string;
|
|
1870
|
+
ariaLabel?: string;
|
|
1871
|
+
items?: ReadonlyArray<DockItemData>;
|
|
1872
|
+
activeIndex?: number;
|
|
1873
|
+
defaultActiveIndex?: number;
|
|
1874
|
+
activeKey?: DockItemKey | null;
|
|
1875
|
+
defaultActiveKey?: DockItemKey | null;
|
|
1876
|
+
onChange?: (index: number, context: DockChangeContext) => void;
|
|
1877
|
+
onSelect?: (key: DockItemKey | null, context: DockChangeContext) => void;
|
|
1878
|
+
children?: any;
|
|
1879
|
+
}
|
|
1880
|
+
export interface DockItemProps {
|
|
1881
|
+
as?: DockItemAs;
|
|
1882
|
+
active?: boolean;
|
|
1883
|
+
disabled?: boolean;
|
|
1884
|
+
className?: string;
|
|
1885
|
+
href?: string;
|
|
1886
|
+
target?: string;
|
|
1887
|
+
rel?: string;
|
|
1888
|
+
htmlType?: "button" | "submit" | "reset";
|
|
1889
|
+
ariaLabel?: string;
|
|
1890
|
+
onClick?: (event: MouseEvent) => void;
|
|
1891
|
+
children?: any;
|
|
1892
|
+
}
|
|
1893
|
+
export interface DockLabelProps {
|
|
1894
|
+
className?: string;
|
|
1895
|
+
children?: any;
|
|
1896
|
+
}
|
|
1897
|
+
export type DockCompound = FC<DockProps> & {
|
|
1898
|
+
Item: FC<DockItemProps>;
|
|
1899
|
+
Label: FC<DockLabelProps>;
|
|
1900
|
+
};
|
|
1901
|
+
export declare const DockCompound: DockCompound;
|
|
1902
|
+
export type LinkVariant = "neutral" | "primary" | "secondary" | "accent" | "success" | "info" | "warning" | "error";
|
|
1903
|
+
export type LinkColor = LinkVariant | "danger";
|
|
1904
|
+
export type LinkType = "secondary" | "success" | "warning" | "danger";
|
|
1905
|
+
export type LinkIconPlacement = "start" | "end";
|
|
1906
|
+
export interface LinkCopyConfig {
|
|
1907
|
+
text?: string | (() => string | Promise<string>);
|
|
1908
|
+
onCopy?: (event?: MouseEvent) => void;
|
|
1909
|
+
icon?: any;
|
|
1910
|
+
tooltips?: any;
|
|
1911
|
+
format?: "text/plain" | "text/html";
|
|
1912
|
+
tabIndex?: number;
|
|
1913
|
+
}
|
|
1914
|
+
export interface LinkEditAutoSizeConfig {
|
|
1915
|
+
minRows?: number;
|
|
1916
|
+
maxRows?: number;
|
|
1917
|
+
}
|
|
1918
|
+
export interface LinkEditConfig {
|
|
1919
|
+
text?: string;
|
|
1920
|
+
editing?: boolean;
|
|
1921
|
+
icon?: any;
|
|
1922
|
+
tooltip?: any;
|
|
1923
|
+
onStart?: () => void;
|
|
1924
|
+
onChange?: (value: string) => void;
|
|
1925
|
+
onCancel?: () => void;
|
|
1926
|
+
onEnd?: () => void;
|
|
1927
|
+
maxLength?: number;
|
|
1928
|
+
autoSize?: boolean | LinkEditAutoSizeConfig;
|
|
1929
|
+
triggerType?: ("icon" | "text")[];
|
|
1930
|
+
enterIcon?: any;
|
|
1931
|
+
tabIndex?: number;
|
|
1932
|
+
}
|
|
1933
|
+
export interface LinkEllipsisExpandInfo {
|
|
1934
|
+
expanded: boolean;
|
|
1935
|
+
}
|
|
1936
|
+
export interface LinkEllipsisConfig {
|
|
1937
|
+
rows?: number;
|
|
1938
|
+
tooltip?: boolean | string;
|
|
1939
|
+
expandable?: boolean | "collapsible";
|
|
1940
|
+
suffix?: string;
|
|
1941
|
+
symbol?: any | ((expanded: boolean) => any);
|
|
1942
|
+
defaultExpanded?: boolean;
|
|
1943
|
+
expanded?: boolean;
|
|
1944
|
+
onExpand?: (event: MouseEvent, info: LinkEllipsisExpandInfo) => void;
|
|
1945
|
+
onEllipsis?: (ellipsis: boolean) => void;
|
|
1946
|
+
}
|
|
1947
|
+
export interface LinkProps {
|
|
1948
|
+
href?: string;
|
|
1949
|
+
target?: string;
|
|
1950
|
+
rel?: string;
|
|
1951
|
+
to?: string;
|
|
1952
|
+
replace?: boolean;
|
|
1953
|
+
onClick?: (e: MouseEvent) => void;
|
|
1954
|
+
variant?: LinkVariant;
|
|
1955
|
+
color?: LinkColor;
|
|
1956
|
+
type?: LinkType;
|
|
1957
|
+
hover?: boolean;
|
|
1958
|
+
disabled?: boolean;
|
|
1959
|
+
ellipsis?: boolean | LinkEllipsisConfig;
|
|
1960
|
+
copyable?: boolean | LinkCopyConfig;
|
|
1961
|
+
editable?: boolean | LinkEditConfig;
|
|
1962
|
+
mark?: boolean;
|
|
1963
|
+
code?: boolean;
|
|
1964
|
+
keyboard?: boolean;
|
|
1965
|
+
underline?: boolean;
|
|
1966
|
+
delete?: boolean;
|
|
1967
|
+
strong?: boolean;
|
|
1968
|
+
italic?: boolean;
|
|
1969
|
+
icon?: any;
|
|
1970
|
+
iconPlacement?: LinkIconPlacement;
|
|
1971
|
+
block?: boolean;
|
|
1972
|
+
className?: string;
|
|
1973
|
+
style?: any;
|
|
1974
|
+
title?: string;
|
|
1975
|
+
children?: any;
|
|
1976
|
+
[key: string]: any;
|
|
1977
|
+
}
|
|
1978
|
+
export declare const Link: FC<LinkProps>;
|
|
1979
|
+
export type MenuKey = string | number;
|
|
1980
|
+
export type MenuSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "medium" | "large";
|
|
1981
|
+
export type MenuDirection = "vertical" | "horizontal";
|
|
1982
|
+
export type MenuMode = "vertical" | "horizontal" | "inline";
|
|
1983
|
+
export type MenuTriggerSubMenuAction = "hover" | "click";
|
|
1984
|
+
export interface MenuClickInfo {
|
|
1985
|
+
key?: MenuKey;
|
|
1986
|
+
keyPath: MenuKey[];
|
|
1987
|
+
item?: MenuDataEntry;
|
|
1988
|
+
domEvent: MouseEvent;
|
|
1989
|
+
}
|
|
1990
|
+
export interface MenuSelectInfo extends MenuClickInfo {
|
|
1991
|
+
key: MenuKey;
|
|
1992
|
+
selectedKeys: MenuKey[];
|
|
1993
|
+
}
|
|
1994
|
+
export interface MenuTitleData {
|
|
1995
|
+
kind: "title";
|
|
1996
|
+
as?: "li" | "h2";
|
|
1997
|
+
className?: string;
|
|
1998
|
+
children?: any;
|
|
1999
|
+
}
|
|
2000
|
+
export interface MenuDropdownToggleData {
|
|
2001
|
+
show?: boolean;
|
|
2002
|
+
visible?: boolean;
|
|
2003
|
+
className?: string;
|
|
2004
|
+
onClick?: (event: MouseEvent) => void;
|
|
2005
|
+
children?: any;
|
|
2006
|
+
}
|
|
2007
|
+
export interface MenuDropdownData {
|
|
2008
|
+
show?: boolean;
|
|
2009
|
+
visible?: boolean;
|
|
2010
|
+
className?: string;
|
|
2011
|
+
items?: ReadonlyArray<MenuDataEntry>;
|
|
2012
|
+
}
|
|
2013
|
+
export interface MenuLegacySubmenuData {
|
|
2014
|
+
className?: string;
|
|
2015
|
+
items?: ReadonlyArray<MenuDataEntry>;
|
|
2016
|
+
}
|
|
2017
|
+
export interface MenuItemData {
|
|
2018
|
+
kind?: "item";
|
|
2019
|
+
type?: undefined;
|
|
2020
|
+
key?: MenuKey;
|
|
2021
|
+
as?: "a" | "button" | "span";
|
|
2022
|
+
href?: string;
|
|
2023
|
+
to?: string;
|
|
2024
|
+
target?: string;
|
|
2025
|
+
rel?: string;
|
|
2026
|
+
title?: string;
|
|
2027
|
+
label?: any;
|
|
2028
|
+
icon?: any;
|
|
2029
|
+
extra?: any;
|
|
2030
|
+
danger?: boolean;
|
|
2031
|
+
onClick?: (event: MouseEvent) => void;
|
|
2032
|
+
disabled?: boolean;
|
|
2033
|
+
active?: boolean;
|
|
2034
|
+
selected?: boolean;
|
|
2035
|
+
focus?: boolean;
|
|
2036
|
+
liClassName?: string;
|
|
2037
|
+
className?: string;
|
|
2038
|
+
children?: any;
|
|
2039
|
+
dropdownToggle?: MenuDropdownToggleData;
|
|
2040
|
+
dropdown?: MenuDropdownData;
|
|
2041
|
+
submenu?: MenuLegacySubmenuData;
|
|
2042
|
+
[key: string]: any;
|
|
2043
|
+
}
|
|
2044
|
+
export interface MenuSubMenuData {
|
|
2045
|
+
type: "submenu";
|
|
2046
|
+
key?: MenuKey;
|
|
2047
|
+
label?: any;
|
|
2048
|
+
icon?: any;
|
|
2049
|
+
extra?: any;
|
|
2050
|
+
title?: string;
|
|
2051
|
+
disabled?: boolean;
|
|
2052
|
+
className?: string;
|
|
2053
|
+
popupClassName?: string;
|
|
2054
|
+
children?: ReadonlyArray<MenuDataEntry>;
|
|
2055
|
+
onTitleClick?: (info: {
|
|
2056
|
+
key?: MenuKey;
|
|
2057
|
+
domEvent: MouseEvent;
|
|
2058
|
+
}) => void;
|
|
2059
|
+
}
|
|
2060
|
+
export interface MenuGroupData {
|
|
2061
|
+
type: "group";
|
|
2062
|
+
key?: MenuKey;
|
|
2063
|
+
label?: any;
|
|
2064
|
+
className?: string;
|
|
2065
|
+
children?: ReadonlyArray<MenuDataEntry>;
|
|
2066
|
+
}
|
|
2067
|
+
export interface MenuDividerData {
|
|
2068
|
+
type: "divider";
|
|
2069
|
+
key?: MenuKey;
|
|
2070
|
+
className?: string;
|
|
2071
|
+
dashed?: boolean;
|
|
2072
|
+
}
|
|
2073
|
+
export type MenuDataEntry = MenuTitleData | MenuItemData | MenuSubMenuData | MenuGroupData | MenuDividerData;
|
|
2074
|
+
export interface MenuProps {
|
|
2075
|
+
size?: MenuSize;
|
|
2076
|
+
direction?: MenuDirection;
|
|
2077
|
+
mode?: MenuMode;
|
|
2078
|
+
className?: string;
|
|
2079
|
+
style?: any;
|
|
2080
|
+
selectable?: boolean;
|
|
2081
|
+
multiple?: boolean;
|
|
2082
|
+
inlineIndent?: number;
|
|
2083
|
+
triggerSubMenuAction?: MenuTriggerSubMenuAction;
|
|
2084
|
+
selectedKeys?: ReadonlyArray<MenuKey>;
|
|
2085
|
+
defaultSelectedKeys?: ReadonlyArray<MenuKey>;
|
|
2086
|
+
openKeys?: ReadonlyArray<MenuKey>;
|
|
2087
|
+
defaultOpenKeys?: ReadonlyArray<MenuKey>;
|
|
2088
|
+
onClick?: (info: MenuClickInfo) => void;
|
|
2089
|
+
onSelect?: (info: MenuSelectInfo) => void;
|
|
2090
|
+
onDeselect?: (info: MenuSelectInfo) => void;
|
|
2091
|
+
onOpenChange?: (openKeys: MenuKey[]) => void;
|
|
2092
|
+
children?: any;
|
|
2093
|
+
items?: ReadonlyArray<MenuDataEntry>;
|
|
2094
|
+
}
|
|
2095
|
+
export interface MenuItemProps {
|
|
2096
|
+
eventKey?: MenuKey;
|
|
2097
|
+
as?: "a" | "button" | "span";
|
|
2098
|
+
href?: string;
|
|
2099
|
+
to?: string;
|
|
2100
|
+
target?: string;
|
|
2101
|
+
rel?: string;
|
|
2102
|
+
title?: string;
|
|
2103
|
+
icon?: any;
|
|
2104
|
+
extra?: any;
|
|
2105
|
+
danger?: boolean;
|
|
2106
|
+
onClick?: (event: MouseEvent) => void;
|
|
2107
|
+
disabled?: boolean;
|
|
2108
|
+
active?: boolean;
|
|
2109
|
+
selected?: boolean;
|
|
2110
|
+
focus?: boolean;
|
|
2111
|
+
liClassName?: string;
|
|
2112
|
+
className?: string;
|
|
2113
|
+
children?: any;
|
|
2114
|
+
[key: string]: any;
|
|
2115
|
+
}
|
|
2116
|
+
export interface MenuTitleProps {
|
|
2117
|
+
as?: "li" | "h2";
|
|
2118
|
+
className?: string;
|
|
2119
|
+
children?: any;
|
|
2120
|
+
}
|
|
2121
|
+
export interface MenuDropdownProps {
|
|
2122
|
+
show?: boolean;
|
|
2123
|
+
visible?: boolean;
|
|
2124
|
+
className?: string;
|
|
2125
|
+
children?: any;
|
|
2126
|
+
}
|
|
2127
|
+
export interface MenuDropdownToggleProps {
|
|
2128
|
+
show?: boolean;
|
|
2129
|
+
visible?: boolean;
|
|
2130
|
+
className?: string;
|
|
2131
|
+
onClick?: (event: MouseEvent) => void;
|
|
2132
|
+
children?: any;
|
|
2133
|
+
}
|
|
2134
|
+
export interface SubmenuProps {
|
|
2135
|
+
className?: string;
|
|
2136
|
+
children?: any;
|
|
2137
|
+
}
|
|
2138
|
+
export interface MenuSubMenuProps {
|
|
2139
|
+
eventKey?: MenuKey;
|
|
2140
|
+
title?: any;
|
|
2141
|
+
icon?: any;
|
|
2142
|
+
extra?: any;
|
|
2143
|
+
disabled?: boolean;
|
|
2144
|
+
className?: string;
|
|
2145
|
+
popupClassName?: string;
|
|
2146
|
+
open?: boolean;
|
|
2147
|
+
defaultOpen?: boolean;
|
|
2148
|
+
onTitleClick?: (info: {
|
|
2149
|
+
key?: MenuKey;
|
|
2150
|
+
domEvent: MouseEvent;
|
|
2151
|
+
}) => void;
|
|
2152
|
+
onOpenChange?: (open: boolean) => void;
|
|
2153
|
+
children?: any;
|
|
2154
|
+
__menuContext?: MenuContextValue | null;
|
|
2155
|
+
}
|
|
2156
|
+
export interface MenuItemGroupProps {
|
|
2157
|
+
title?: any;
|
|
2158
|
+
className?: string;
|
|
2159
|
+
children?: any;
|
|
2160
|
+
}
|
|
2161
|
+
export interface MenuDividerProps {
|
|
2162
|
+
className?: string;
|
|
2163
|
+
dashed?: boolean;
|
|
2164
|
+
}
|
|
2165
|
+
export interface MenuContextValue {
|
|
2166
|
+
mode: MenuMode;
|
|
2167
|
+
inlineIndent: number;
|
|
2168
|
+
selectable: boolean;
|
|
2169
|
+
multiple: boolean;
|
|
2170
|
+
triggerSubMenuAction: MenuTriggerSubMenuAction;
|
|
2171
|
+
selectedKeys: MenuKey[];
|
|
2172
|
+
openKeys: MenuKey[];
|
|
2173
|
+
isSelected: (key?: MenuKey, explicit?: boolean) => boolean;
|
|
2174
|
+
isOpen: (key?: MenuKey, explicit?: boolean) => boolean;
|
|
2175
|
+
onItemClick: (event: MouseEvent, item: Partial<MenuItemData>, keyPath?: MenuKey[]) => void;
|
|
2176
|
+
onSubMenuToggle: (key: MenuKey, nextOpen: boolean, event: MouseEvent, item?: Partial<MenuSubMenuData>) => void;
|
|
2177
|
+
}
|
|
2178
|
+
export type MenuCompound = FC<MenuProps> & {
|
|
2179
|
+
Item: FC<MenuItemProps>;
|
|
2180
|
+
Title: FC<MenuTitleProps>;
|
|
2181
|
+
Dropdown: FC<MenuDropdownProps>;
|
|
2182
|
+
DropdownToggle: FC<MenuDropdownToggleProps>;
|
|
2183
|
+
Submenu: FC<SubmenuProps>;
|
|
2184
|
+
SubMenu: FC<MenuSubMenuProps>;
|
|
2185
|
+
ItemGroup: FC<MenuItemGroupProps>;
|
|
2186
|
+
Divider: FC<MenuDividerProps>;
|
|
2187
|
+
};
|
|
2188
|
+
export declare const MenuCompound: MenuCompound;
|
|
2189
|
+
export type JoinDirection = "horizontal" | "vertical";
|
|
2190
|
+
export interface JoinItemProps {
|
|
2191
|
+
as?: any;
|
|
2192
|
+
tag?: any;
|
|
2193
|
+
className?: string;
|
|
2194
|
+
active?: boolean;
|
|
2195
|
+
disabled?: boolean;
|
|
2196
|
+
href?: string;
|
|
2197
|
+
onClick?: (event: MouseEvent) => void;
|
|
2198
|
+
children?: any;
|
|
2199
|
+
[key: string]: any;
|
|
2200
|
+
}
|
|
2201
|
+
export interface JoinItemConfig extends JoinItemProps {
|
|
2202
|
+
key?: string | number;
|
|
2203
|
+
label?: any;
|
|
2204
|
+
}
|
|
2205
|
+
export interface JoinProps {
|
|
2206
|
+
as?: any;
|
|
2207
|
+
direction?: JoinDirection;
|
|
2208
|
+
items?: JoinItemConfig[];
|
|
2209
|
+
itemClassName?: string;
|
|
2210
|
+
wrap?: boolean;
|
|
2211
|
+
block?: boolean;
|
|
2212
|
+
className?: string;
|
|
2213
|
+
children?: any;
|
|
2214
|
+
[key: string]: any;
|
|
2215
|
+
}
|
|
2216
|
+
export type JoinCompound = FC<JoinProps> & {
|
|
2217
|
+
Item: FC<JoinItemProps>;
|
|
2218
|
+
};
|
|
2219
|
+
export declare const JoinCompound: JoinCompound;
|
|
2220
|
+
export type CheckboxColor = "primary" | "secondary" | "accent" | "neutral" | "success" | "warning" | "info" | "error";
|
|
2221
|
+
export type CheckboxSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
2222
|
+
export type CheckboxValue = string | number | boolean;
|
|
2223
|
+
export interface CheckboxChangeMeta {
|
|
2224
|
+
checked: boolean;
|
|
2225
|
+
indeterminate: boolean;
|
|
2226
|
+
value?: CheckboxValue;
|
|
2227
|
+
}
|
|
2228
|
+
export interface CheckboxProps {
|
|
2229
|
+
color?: CheckboxColor;
|
|
2230
|
+
size?: CheckboxSize;
|
|
2231
|
+
checked?: boolean;
|
|
2232
|
+
defaultChecked?: boolean;
|
|
2233
|
+
disabled?: boolean;
|
|
2234
|
+
indeterminate?: boolean;
|
|
2235
|
+
value?: CheckboxValue;
|
|
2236
|
+
className?: string;
|
|
2237
|
+
rootClassName?: string;
|
|
2238
|
+
contentClassName?: string;
|
|
2239
|
+
style?: any;
|
|
2240
|
+
rootStyle?: any;
|
|
2241
|
+
children?: any;
|
|
2242
|
+
onChange?: (event: Event, meta: CheckboxChangeMeta) => void;
|
|
2243
|
+
onCheckedChange?: (checked: boolean, event: Event) => void;
|
|
2244
|
+
[key: string]: any;
|
|
2245
|
+
}
|
|
2246
|
+
export interface CheckboxOption {
|
|
2247
|
+
label: any;
|
|
2248
|
+
value: CheckboxValue;
|
|
2249
|
+
disabled?: boolean;
|
|
2250
|
+
className?: string;
|
|
2251
|
+
style?: any;
|
|
2252
|
+
title?: string;
|
|
2253
|
+
id?: string;
|
|
2254
|
+
indeterminate?: boolean;
|
|
2255
|
+
}
|
|
2256
|
+
export interface CheckboxGroupProps {
|
|
2257
|
+
value?: CheckboxValue[];
|
|
2258
|
+
defaultValue?: CheckboxValue[];
|
|
2259
|
+
options?: ReadonlyArray<CheckboxOption | CheckboxValue>;
|
|
2260
|
+
disabled?: boolean;
|
|
2261
|
+
name?: string;
|
|
2262
|
+
className?: string;
|
|
2263
|
+
style?: any;
|
|
2264
|
+
children?: any;
|
|
2265
|
+
onChange?: (checkedValue: CheckboxValue[]) => void;
|
|
2266
|
+
[key: string]: any;
|
|
2267
|
+
}
|
|
2268
|
+
export type CheckboxCompound = FC<CheckboxProps> & {
|
|
2269
|
+
Group: FC<CheckboxGroupProps>;
|
|
2270
|
+
};
|
|
2271
|
+
export declare const CheckboxCompound: CheckboxCompound;
|
|
2272
|
+
export type FieldsetTone = "default" | "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
2273
|
+
export type FieldsetVariant = "default" | "soft" | "outlined";
|
|
2274
|
+
export type FieldsetSize = "sm" | "md" | "lg" | "small" | "middle" | "medium" | "large";
|
|
2275
|
+
export interface FieldsetRootProps {
|
|
2276
|
+
className?: string;
|
|
2277
|
+
children?: any;
|
|
2278
|
+
legend?: any;
|
|
2279
|
+
description?: any;
|
|
2280
|
+
hint?: any;
|
|
2281
|
+
actions?: any;
|
|
2282
|
+
content?: any;
|
|
2283
|
+
items?: ReadonlyArray<FieldsetItemData>;
|
|
2284
|
+
size?: FieldsetSize;
|
|
2285
|
+
tone?: FieldsetTone;
|
|
2286
|
+
variant?: FieldsetVariant;
|
|
2287
|
+
bordered?: boolean;
|
|
2288
|
+
invalid?: boolean;
|
|
2289
|
+
legendClassName?: string;
|
|
2290
|
+
descriptionClassName?: string;
|
|
2291
|
+
hintClassName?: string;
|
|
2292
|
+
contentClassName?: string;
|
|
2293
|
+
actionsClassName?: string;
|
|
2294
|
+
[key: string]: any;
|
|
2295
|
+
}
|
|
2296
|
+
export interface FieldsetLegendProps {
|
|
2297
|
+
className?: string;
|
|
2298
|
+
children?: any;
|
|
2299
|
+
aside?: any;
|
|
2300
|
+
[key: string]: any;
|
|
2301
|
+
}
|
|
2302
|
+
export interface FieldsetLabelProps {
|
|
2303
|
+
as?: "label" | "p" | "span" | "div";
|
|
2304
|
+
className?: string;
|
|
2305
|
+
children?: any;
|
|
2306
|
+
tone?: FieldsetTone | "muted";
|
|
2307
|
+
[key: string]: any;
|
|
2308
|
+
}
|
|
2309
|
+
export interface FieldsetItemProps {
|
|
2310
|
+
className?: string;
|
|
2311
|
+
children?: any;
|
|
2312
|
+
label?: any;
|
|
2313
|
+
description?: any;
|
|
2314
|
+
hint?: any;
|
|
2315
|
+
control?: any;
|
|
2316
|
+
required?: boolean;
|
|
2317
|
+
optional?: boolean;
|
|
2318
|
+
horizontal?: boolean;
|
|
2319
|
+
size?: FieldsetSize;
|
|
2320
|
+
tone?: FieldsetTone;
|
|
2321
|
+
invalid?: boolean;
|
|
2322
|
+
labelClassName?: string;
|
|
2323
|
+
descriptionClassName?: string;
|
|
2324
|
+
hintClassName?: string;
|
|
2325
|
+
contentClassName?: string;
|
|
2326
|
+
labelProps?: Omit<FieldsetLabelProps, "children" | "className">;
|
|
2327
|
+
descriptionProps?: Omit<FieldsetLabelProps, "children" | "className" | "as">;
|
|
2328
|
+
hintProps?: Omit<FieldsetLabelProps, "children" | "className" | "as">;
|
|
2329
|
+
[key: string]: any;
|
|
2330
|
+
}
|
|
2331
|
+
export interface FieldsetItemData extends Omit<FieldsetItemProps, "children"> {
|
|
2332
|
+
key?: string | number;
|
|
2333
|
+
}
|
|
2334
|
+
export type FieldsetCompound = FC<FieldsetRootProps> & {
|
|
2335
|
+
Legend: FC<FieldsetLegendProps>;
|
|
2336
|
+
Label: FC<FieldsetLabelProps>;
|
|
2337
|
+
Item: FC<FieldsetItemProps>;
|
|
2338
|
+
};
|
|
2339
|
+
export declare const Fieldset: FieldsetCompound;
|
|
2340
|
+
export type DropdownAlign = "start" | "center" | "end";
|
|
2341
|
+
export type DropdownDirection = "top" | "bottom" | "left" | "right";
|
|
2342
|
+
export type DropdownPlacement = "top" | "topLeft" | "topRight" | "bottom" | "bottomLeft" | "bottomRight" | "left" | "leftTop" | "leftBottom" | "right" | "rightTop" | "rightBottom";
|
|
2343
|
+
export type DropdownTriggerMode = "hover" | "click" | "contextMenu";
|
|
2344
|
+
export type DropdownOpenSource = "trigger" | "menu" | "outside" | "escape" | "contextMenu";
|
|
2345
|
+
export interface DropdownMenuProps extends Omit<MenuProps, "children"> {
|
|
2346
|
+
}
|
|
2347
|
+
export interface DropdownOpenChangeInfo {
|
|
2348
|
+
source: DropdownOpenSource;
|
|
2349
|
+
}
|
|
2350
|
+
export interface DropdownClassNames {
|
|
2351
|
+
root?: string;
|
|
2352
|
+
trigger?: string;
|
|
2353
|
+
overlay?: string;
|
|
2354
|
+
menu?: string;
|
|
2355
|
+
}
|
|
2356
|
+
export interface DropdownStyles {
|
|
2357
|
+
root?: Record<string, any>;
|
|
2358
|
+
overlay?: Record<string, any>;
|
|
2359
|
+
menu?: Record<string, any>;
|
|
2360
|
+
}
|
|
2361
|
+
export interface DropdownProps {
|
|
2362
|
+
as?: string;
|
|
2363
|
+
align?: DropdownAlign;
|
|
2364
|
+
direction?: DropdownDirection;
|
|
2365
|
+
placement?: DropdownPlacement;
|
|
2366
|
+
trigger?: DropdownTriggerMode | DropdownTriggerMode[];
|
|
2367
|
+
hover?: boolean;
|
|
2368
|
+
open?: boolean;
|
|
2369
|
+
defaultOpen?: boolean;
|
|
2370
|
+
disabled?: boolean;
|
|
2371
|
+
arrow?: boolean;
|
|
2372
|
+
closeOnClick?: boolean;
|
|
2373
|
+
forceOpen?: boolean;
|
|
2374
|
+
forceClose?: boolean;
|
|
2375
|
+
className?: string;
|
|
2376
|
+
style?: string | Record<string, any>;
|
|
2377
|
+
triggerClassName?: string;
|
|
2378
|
+
overlay?: any;
|
|
2379
|
+
content?: any;
|
|
2380
|
+
popupRender?: (originNode: any) => any;
|
|
2381
|
+
menu?: DropdownMenuProps;
|
|
2382
|
+
items?: ReadonlyArray<MenuDataEntry>;
|
|
2383
|
+
overlayClassName?: string;
|
|
2384
|
+
overlayStyle?: Record<string, any>;
|
|
2385
|
+
classNames?: DropdownClassNames;
|
|
2386
|
+
styles?: DropdownStyles;
|
|
2387
|
+
onOpenChange?: (open: boolean, info: DropdownOpenChangeInfo) => void;
|
|
2388
|
+
children?: any;
|
|
2389
|
+
[key: string]: any;
|
|
2390
|
+
}
|
|
2391
|
+
export interface DropdownContentProps {
|
|
2392
|
+
as?: string;
|
|
2393
|
+
className?: string;
|
|
2394
|
+
style?: string | Record<string, any>;
|
|
2395
|
+
children?: any;
|
|
2396
|
+
[key: string]: any;
|
|
2397
|
+
}
|
|
2398
|
+
export interface DropdownTriggerProps {
|
|
2399
|
+
as?: string;
|
|
2400
|
+
className?: string;
|
|
2401
|
+
style?: string | Record<string, any>;
|
|
2402
|
+
children?: any;
|
|
2403
|
+
[key: string]: any;
|
|
2404
|
+
}
|
|
2405
|
+
export type DropdownCompound = FC<DropdownProps> & {
|
|
2406
|
+
Trigger: FC<DropdownTriggerProps>;
|
|
2407
|
+
Content: FC<DropdownContentProps>;
|
|
2408
|
+
};
|
|
2409
|
+
export declare const DropdownCompound: DropdownCompound;
|
|
2410
|
+
export type DrawerSidebarPlacement = "left" | "right" | "top" | "bottom";
|
|
2411
|
+
export type DrawerSidebarSize = "default" | "large" | number | string;
|
|
2412
|
+
export type DrawerSidebarInlineStyle = string | Record<string, string | number | null | undefined>;
|
|
2413
|
+
export type DrawerSidebarGetContainer = string | HTMLElement | (() => HTMLElement) | false;
|
|
2414
|
+
export type DrawerSidebarClosePlacement = "start" | "end";
|
|
2415
|
+
export interface DrawerSidebarMaskConfig {
|
|
2416
|
+
enabled?: boolean;
|
|
2417
|
+
closable?: boolean;
|
|
2418
|
+
blur?: boolean;
|
|
2419
|
+
}
|
|
2420
|
+
export interface DrawerSidebarClosableConfig {
|
|
2421
|
+
placement?: DrawerSidebarClosePlacement;
|
|
2422
|
+
closeIcon?: any;
|
|
2423
|
+
disabled?: boolean;
|
|
2424
|
+
}
|
|
2425
|
+
export interface DrawerSidebarClassNames {
|
|
2426
|
+
root?: string;
|
|
2427
|
+
mask?: string;
|
|
2428
|
+
wrapper?: string;
|
|
2429
|
+
panel?: string;
|
|
2430
|
+
header?: string;
|
|
2431
|
+
title?: string;
|
|
2432
|
+
body?: string;
|
|
2433
|
+
footer?: string;
|
|
2434
|
+
close?: string;
|
|
2435
|
+
}
|
|
2436
|
+
export interface DrawerSidebarStyles {
|
|
2437
|
+
root?: DrawerSidebarInlineStyle;
|
|
2438
|
+
mask?: DrawerSidebarInlineStyle;
|
|
2439
|
+
wrapper?: DrawerSidebarInlineStyle;
|
|
2440
|
+
panel?: DrawerSidebarInlineStyle;
|
|
2441
|
+
header?: DrawerSidebarInlineStyle;
|
|
2442
|
+
title?: DrawerSidebarInlineStyle;
|
|
2443
|
+
body?: DrawerSidebarInlineStyle;
|
|
2444
|
+
footer?: DrawerSidebarInlineStyle;
|
|
2445
|
+
close?: DrawerSidebarInlineStyle;
|
|
2446
|
+
}
|
|
2447
|
+
export interface DrawerSidebarProps {
|
|
2448
|
+
end?: boolean;
|
|
2449
|
+
open?: boolean;
|
|
2450
|
+
defaultOpen?: boolean;
|
|
2451
|
+
placement?: DrawerSidebarPlacement;
|
|
2452
|
+
size?: DrawerSidebarSize;
|
|
2453
|
+
width?: number | string;
|
|
2454
|
+
height?: number | string;
|
|
2455
|
+
title?: any;
|
|
2456
|
+
extra?: any;
|
|
2457
|
+
footer?: any;
|
|
2458
|
+
loading?: boolean;
|
|
2459
|
+
closable?: boolean | DrawerSidebarClosableConfig;
|
|
2460
|
+
closeIcon?: any;
|
|
2461
|
+
keyboard?: boolean;
|
|
2462
|
+
mask?: boolean | DrawerSidebarMaskConfig;
|
|
2463
|
+
maskClosable?: boolean;
|
|
2464
|
+
inline?: boolean;
|
|
2465
|
+
forceRender?: boolean;
|
|
2466
|
+
destroyOnClose?: boolean;
|
|
2467
|
+
destroyOnHidden?: boolean;
|
|
2468
|
+
zIndex?: number;
|
|
2469
|
+
className?: string;
|
|
2470
|
+
rootClassName?: string;
|
|
2471
|
+
panelClassName?: string;
|
|
2472
|
+
bodyClassName?: string;
|
|
2473
|
+
headerClassName?: string;
|
|
2474
|
+
footerClassName?: string;
|
|
2475
|
+
maskClassName?: string;
|
|
2476
|
+
classNames?: DrawerSidebarClassNames;
|
|
2477
|
+
styles?: DrawerSidebarStyles;
|
|
2478
|
+
style?: DrawerSidebarInlineStyle;
|
|
2479
|
+
rootStyle?: DrawerSidebarInlineStyle;
|
|
2480
|
+
panelStyle?: DrawerSidebarInlineStyle;
|
|
2481
|
+
bodyStyle?: DrawerSidebarInlineStyle;
|
|
2482
|
+
headerStyle?: DrawerSidebarInlineStyle;
|
|
2483
|
+
footerStyle?: DrawerSidebarInlineStyle;
|
|
2484
|
+
maskStyle?: DrawerSidebarInlineStyle;
|
|
2485
|
+
getContainer?: DrawerSidebarGetContainer;
|
|
2486
|
+
drawerRender?: (node: any) => any;
|
|
2487
|
+
children?: any;
|
|
2488
|
+
onClose?: (event?: MouseEvent | KeyboardEvent) => void;
|
|
2489
|
+
onOpenChange?: (open: boolean) => void;
|
|
2490
|
+
afterOpenChange?: (open: boolean) => void;
|
|
2491
|
+
[key: string]: any;
|
|
2492
|
+
}
|
|
2493
|
+
export interface DrawerSidebarToggleProps {
|
|
2494
|
+
className?: string;
|
|
2495
|
+
[key: string]: any;
|
|
2496
|
+
}
|
|
2497
|
+
export interface DrawerSidebarPartProps {
|
|
2498
|
+
className?: string;
|
|
2499
|
+
children?: any;
|
|
2500
|
+
[key: string]: any;
|
|
2501
|
+
}
|
|
2502
|
+
export type DrawerSidebarCompound = FC<DrawerSidebarProps> & {
|
|
2503
|
+
Toggle: FC<DrawerSidebarToggleProps>;
|
|
2504
|
+
Content: FC<DrawerSidebarPartProps>;
|
|
2505
|
+
Side: FC<DrawerSidebarPartProps>;
|
|
2506
|
+
Overlay: FC<DrawerSidebarPartProps>;
|
|
2507
|
+
};
|
|
2508
|
+
export declare const DrawerSidebar: DrawerSidebarCompound;
|
|
2509
|
+
export type FabType = "default" | "primary";
|
|
2510
|
+
export type FabShape = "circle" | "square";
|
|
2511
|
+
export type FabTriggerMode = "click" | "hover";
|
|
2512
|
+
export type FabPlacement = "top" | "bottom" | "left" | "right";
|
|
2513
|
+
export interface FabBadgeProps extends Omit<BadgeProps, "children"> {
|
|
2514
|
+
}
|
|
2515
|
+
export interface FabActionProps {
|
|
2516
|
+
key?: string | number;
|
|
2517
|
+
icon?: any;
|
|
2518
|
+
content?: any;
|
|
2519
|
+
description?: any;
|
|
2520
|
+
tooltip?: any;
|
|
2521
|
+
badge?: FabBadgeProps;
|
|
2522
|
+
type?: FabType;
|
|
2523
|
+
color?: ButtonColor;
|
|
2524
|
+
shape?: FabShape;
|
|
2525
|
+
href?: string;
|
|
2526
|
+
target?: string;
|
|
2527
|
+
htmlType?: ButtonHTMLType;
|
|
2528
|
+
disabled?: boolean;
|
|
2529
|
+
closeOnClick?: boolean;
|
|
2530
|
+
className?: string;
|
|
2531
|
+
children?: any;
|
|
2532
|
+
onClick?: (event: MouseEvent) => void;
|
|
2533
|
+
[key: string]: any;
|
|
2534
|
+
}
|
|
2535
|
+
export interface FabProps extends FabActionProps {
|
|
2536
|
+
flower?: boolean;
|
|
2537
|
+
items?: FabActionProps[];
|
|
2538
|
+
trigger?: FabTriggerMode;
|
|
2539
|
+
open?: boolean;
|
|
2540
|
+
defaultOpen?: boolean;
|
|
2541
|
+
placement?: FabPlacement;
|
|
2542
|
+
closeIcon?: any;
|
|
2543
|
+
menuIcon?: any;
|
|
2544
|
+
panelClassName?: string;
|
|
2545
|
+
onOpenChange?: (open: boolean) => void;
|
|
2546
|
+
}
|
|
2547
|
+
export interface FabPartProps {
|
|
2548
|
+
as?: string;
|
|
2549
|
+
className?: string;
|
|
2550
|
+
children?: any;
|
|
2551
|
+
tabIndex?: number;
|
|
2552
|
+
role?: string;
|
|
2553
|
+
[key: string]: any;
|
|
2554
|
+
}
|
|
2555
|
+
export type FabCompound = FC<FabProps> & {
|
|
2556
|
+
Trigger: FC<FabPartProps>;
|
|
2557
|
+
Close: FC<FabPartProps>;
|
|
2558
|
+
MainAction: FC<FabPartProps>;
|
|
2559
|
+
Item: FC<FabActionProps>;
|
|
2560
|
+
};
|
|
2561
|
+
export declare const FabCompound: FabCompound;
|
|
2562
|
+
export type FilterMode = "form" | "div";
|
|
2563
|
+
export type FilterInputType = "radio" | "checkbox";
|
|
2564
|
+
export type FilterTone = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
2565
|
+
export type FilterColor = "default" | "danger" | FilterTone;
|
|
2566
|
+
export type FilterVariant = "solid" | "filled" | "outlined" | "dashed" | "text";
|
|
2567
|
+
export type FilterSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "medium" | "middle" | "large";
|
|
2568
|
+
export type FilterValue = string | number | boolean;
|
|
2569
|
+
export interface FilterItemChangeMeta {
|
|
2570
|
+
checked: boolean;
|
|
2571
|
+
value?: FilterValue;
|
|
2572
|
+
item?: FilterItemData;
|
|
2573
|
+
}
|
|
2574
|
+
export interface FilterChangeMeta extends FilterItemChangeMeta {
|
|
2575
|
+
values: FilterValue[];
|
|
2576
|
+
}
|
|
2577
|
+
export interface FilterItemData {
|
|
2578
|
+
key?: string | number;
|
|
2579
|
+
label?: any;
|
|
2580
|
+
value?: FilterValue;
|
|
2581
|
+
checked?: boolean;
|
|
2582
|
+
defaultChecked?: boolean;
|
|
2583
|
+
disabled?: boolean;
|
|
2584
|
+
className?: string;
|
|
2585
|
+
color?: FilterColor;
|
|
2586
|
+
size?: FilterSize;
|
|
2587
|
+
variant?: FilterVariant;
|
|
2588
|
+
active?: boolean;
|
|
2589
|
+
title?: string;
|
|
2590
|
+
name?: string;
|
|
2591
|
+
type?: FilterInputType;
|
|
2592
|
+
onChange?: (event: Event, meta: FilterItemChangeMeta) => void;
|
|
2593
|
+
[key: string]: any;
|
|
2594
|
+
}
|
|
2595
|
+
export interface FilterProps {
|
|
2596
|
+
as?: FilterMode;
|
|
2597
|
+
className?: string;
|
|
2598
|
+
style?: any;
|
|
2599
|
+
children?: any;
|
|
2600
|
+
items?: ReadonlyArray<FilterItemData | FilterValue>;
|
|
2601
|
+
name?: string;
|
|
2602
|
+
type?: FilterInputType;
|
|
2603
|
+
multiple?: boolean;
|
|
2604
|
+
value?: FilterValue | ReadonlyArray<FilterValue>;
|
|
2605
|
+
defaultValue?: FilterValue | ReadonlyArray<FilterValue>;
|
|
2606
|
+
onChange?: (value: FilterValue | FilterValue[] | undefined, event: Event, meta: FilterChangeMeta) => void;
|
|
2607
|
+
size?: FilterSize;
|
|
2608
|
+
color?: FilterColor;
|
|
2609
|
+
variant?: FilterVariant;
|
|
2610
|
+
disabled?: boolean;
|
|
2611
|
+
itemClassName?: string;
|
|
2612
|
+
reset?: boolean | FilterResetProps;
|
|
2613
|
+
[key: string]: any;
|
|
2614
|
+
}
|
|
2615
|
+
export interface FilterItemProps extends FilterItemData {
|
|
2616
|
+
}
|
|
2617
|
+
export interface FilterResetProps {
|
|
2618
|
+
mode?: FilterMode;
|
|
2619
|
+
label?: any;
|
|
2620
|
+
checked?: boolean;
|
|
2621
|
+
defaultChecked?: boolean;
|
|
2622
|
+
disabled?: boolean;
|
|
2623
|
+
className?: string;
|
|
2624
|
+
color?: FilterColor;
|
|
2625
|
+
size?: FilterSize;
|
|
2626
|
+
variant?: FilterVariant;
|
|
2627
|
+
onChange?: (event: Event) => void;
|
|
2628
|
+
[key: string]: any;
|
|
2629
|
+
}
|
|
2630
|
+
export type FilterCompound = FC<FilterProps> & {
|
|
2631
|
+
Item: FC<FilterItemProps>;
|
|
2632
|
+
Reset: FC<FilterResetProps>;
|
|
2633
|
+
};
|
|
2634
|
+
export declare const FilterCompound: FilterCompound;
|
|
2635
|
+
export type HeroTone = "default" | "base-100" | "base-200" | "base-300" | "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
2636
|
+
export type HeroSize = "sm" | "md" | "lg" | "xl" | "screen";
|
|
2637
|
+
export type HeroContentLayout = "inherit" | "center" | "split" | "split-reverse";
|
|
2638
|
+
export type HeroAlign = "start" | "center" | "end";
|
|
2639
|
+
export type HeroTextAlign = "start" | "center" | "end";
|
|
2640
|
+
export type HeroGap = "sm" | "md" | "lg" | "xl";
|
|
2641
|
+
export type HeroTitleSize = "sm" | "md" | "lg" | "xl";
|
|
2642
|
+
export type HeroDescriptionSize = "sm" | "md" | "lg";
|
|
2643
|
+
export type HeroOverlayTone = "default" | "base-content" | "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
2644
|
+
export type HeroOverlayOpacity = "soft" | "medium" | "strong" | number;
|
|
2645
|
+
export interface HeroInlineStyle {
|
|
2646
|
+
[key: string]: string | number | undefined;
|
|
2647
|
+
}
|
|
2648
|
+
export interface HeroPartProps {
|
|
2649
|
+
as?: string;
|
|
2650
|
+
className?: string;
|
|
2651
|
+
children?: any;
|
|
2652
|
+
style?: HeroInlineStyle;
|
|
2653
|
+
[key: string]: any;
|
|
2654
|
+
}
|
|
2655
|
+
export interface HeroProps extends HeroPartProps {
|
|
2656
|
+
tone?: HeroTone;
|
|
2657
|
+
size?: HeroSize;
|
|
2658
|
+
fullHeight?: boolean;
|
|
2659
|
+
backgroundImage?: string;
|
|
2660
|
+
backgroundPosition?: string;
|
|
2661
|
+
backgroundSize?: string;
|
|
2662
|
+
backgroundRepeat?: string;
|
|
2663
|
+
overlay?: boolean | HeroOverlayProps;
|
|
2664
|
+
}
|
|
2665
|
+
export interface HeroContentProps extends HeroPartProps {
|
|
2666
|
+
layout?: HeroContentLayout;
|
|
2667
|
+
align?: HeroAlign;
|
|
2668
|
+
textAlign?: HeroTextAlign;
|
|
2669
|
+
gap?: HeroGap;
|
|
2670
|
+
}
|
|
2671
|
+
export interface HeroOverlayProps extends HeroPartProps {
|
|
2672
|
+
tone?: HeroOverlayTone;
|
|
2673
|
+
opacity?: HeroOverlayOpacity;
|
|
2674
|
+
blur?: boolean;
|
|
2675
|
+
}
|
|
2676
|
+
export interface HeroTitleProps extends HeroPartProps {
|
|
2677
|
+
size?: HeroTitleSize;
|
|
2678
|
+
balanced?: boolean;
|
|
2679
|
+
}
|
|
2680
|
+
export interface HeroDescriptionProps extends HeroPartProps {
|
|
2681
|
+
size?: HeroDescriptionSize;
|
|
2682
|
+
muted?: boolean;
|
|
2683
|
+
}
|
|
2684
|
+
export interface HeroActionsProps extends HeroPartProps {
|
|
2685
|
+
align?: HeroAlign;
|
|
2686
|
+
direction?: "row" | "column";
|
|
2687
|
+
stackOnMobile?: boolean;
|
|
2688
|
+
}
|
|
2689
|
+
export type HeroCompound = FC<HeroProps> & {
|
|
2690
|
+
Content: FC<HeroContentProps>;
|
|
2691
|
+
Overlay: FC<HeroOverlayProps>;
|
|
2692
|
+
Title: FC<HeroTitleProps>;
|
|
2693
|
+
Description: FC<HeroDescriptionProps>;
|
|
2694
|
+
Actions: FC<HeroActionsProps>;
|
|
2695
|
+
};
|
|
2696
|
+
export declare const HeroCompound: HeroCompound;
|
|
2697
|
+
export type IndicatorHorizontal = "start" | "center" | "end";
|
|
2698
|
+
export type IndicatorVertical = "top" | "middle" | "bottom";
|
|
2699
|
+
export type IndicatorPlacement = "start" | "center" | "end" | "top" | "middle" | "bottom" | "top-start" | "top-center" | "top-end" | "middle-start" | "middle-center" | "middle-end" | "bottom-start" | "bottom-center" | "bottom-end";
|
|
2700
|
+
export type IndicatorOffset = [
|
|
2701
|
+
number | string,
|
|
2702
|
+
number | string
|
|
2703
|
+
];
|
|
2704
|
+
export interface IndicatorItemProps {
|
|
2705
|
+
as?: any;
|
|
2706
|
+
placement?: IndicatorPlacement;
|
|
2707
|
+
horizontal?: IndicatorHorizontal;
|
|
2708
|
+
vertical?: IndicatorVertical;
|
|
2709
|
+
offset?: IndicatorOffset;
|
|
2710
|
+
className?: string;
|
|
2711
|
+
style?: Record<string, any> | string;
|
|
2712
|
+
children?: any;
|
|
2713
|
+
[key: string]: any;
|
|
2714
|
+
}
|
|
2715
|
+
export interface IndicatorItemConfig extends IndicatorItemProps {
|
|
2716
|
+
key?: string | number;
|
|
2717
|
+
}
|
|
2718
|
+
export interface IndicatorProps {
|
|
2719
|
+
as?: any;
|
|
2720
|
+
className?: string;
|
|
2721
|
+
style?: Record<string, any> | string;
|
|
2722
|
+
item?: any;
|
|
2723
|
+
itemProps?: Omit<IndicatorItemProps, "children">;
|
|
2724
|
+
items?: IndicatorItemConfig[];
|
|
2725
|
+
children?: any;
|
|
2726
|
+
[key: string]: any;
|
|
2727
|
+
}
|
|
2728
|
+
export type IndicatorCompound = FC<IndicatorProps> & {
|
|
2729
|
+
Item: FC<IndicatorItemProps>;
|
|
2730
|
+
};
|
|
2731
|
+
export declare const IndicatorCompound: IndicatorCompound;
|
|
2732
|
+
export type TextareaTone = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
2733
|
+
export type TextareaColor = "default" | TextareaTone;
|
|
2734
|
+
export type TextareaSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "medium" | "large";
|
|
2735
|
+
export type TextareaStatus = "warning" | "error";
|
|
2736
|
+
export type TextareaVariant = "outlined" | "filled" | "ghost";
|
|
2737
|
+
export type TextareaResize = "none" | "vertical" | "horizontal" | "both";
|
|
2738
|
+
export interface TextareaAutoSizeConfig {
|
|
2739
|
+
minRows?: number;
|
|
2740
|
+
maxRows?: number;
|
|
2741
|
+
}
|
|
2742
|
+
export interface TextareaShowCountInfo {
|
|
2743
|
+
count: number;
|
|
2744
|
+
maxLength?: number;
|
|
2745
|
+
}
|
|
2746
|
+
export interface TextareaShowCountConfig {
|
|
2747
|
+
formatter?: (info: TextareaShowCountInfo) => any;
|
|
2748
|
+
}
|
|
2749
|
+
export interface TextareaAllowClearConfig {
|
|
2750
|
+
clearIcon?: any;
|
|
2751
|
+
}
|
|
2752
|
+
export interface TextareaProps {
|
|
2753
|
+
color?: TextareaColor;
|
|
2754
|
+
size?: TextareaSize;
|
|
2755
|
+
status?: TextareaStatus;
|
|
2756
|
+
variant?: TextareaVariant;
|
|
2757
|
+
resize?: TextareaResize;
|
|
2758
|
+
ghost?: boolean;
|
|
2759
|
+
showCount?: boolean | TextareaShowCountConfig;
|
|
2760
|
+
allowClear?: boolean | TextareaAllowClearConfig;
|
|
2761
|
+
autoSize?: boolean | TextareaAutoSizeConfig;
|
|
2762
|
+
rootClassName?: string;
|
|
2763
|
+
countClassName?: string;
|
|
2764
|
+
clearButtonClassName?: string;
|
|
2765
|
+
className?: string;
|
|
2766
|
+
disabled?: boolean;
|
|
2767
|
+
value?: string | number;
|
|
2768
|
+
defaultValue?: string | number;
|
|
2769
|
+
onClear?: (event: MouseEvent) => void;
|
|
2770
|
+
onInput?: (event: Event) => void;
|
|
2771
|
+
onChange?: (event: Event) => void;
|
|
2772
|
+
[key: string]: any;
|
|
2773
|
+
}
|
|
2774
|
+
export declare const Textarea: FC<TextareaProps>;
|
|
2775
|
+
export type InputTone = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
2776
|
+
export type InputColor = "default" | InputTone;
|
|
2777
|
+
export type InputSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "medium" | "large";
|
|
2778
|
+
export type InputStatus = "warning" | "error";
|
|
2779
|
+
export type InputVariant = "outlined" | "filled" | "ghost" | "borderless";
|
|
2780
|
+
export interface InputShowCountInfo {
|
|
2781
|
+
value: string;
|
|
2782
|
+
count: number;
|
|
2783
|
+
maxLength?: number;
|
|
2784
|
+
}
|
|
2785
|
+
export interface InputShowCountConfig {
|
|
2786
|
+
formatter?: (info: InputShowCountInfo) => any;
|
|
2787
|
+
}
|
|
2788
|
+
export interface InputAllowClearConfig {
|
|
2789
|
+
clearIcon?: any;
|
|
2790
|
+
}
|
|
2791
|
+
export interface InputProps {
|
|
2792
|
+
color?: InputColor;
|
|
2793
|
+
size?: InputSize;
|
|
2794
|
+
status?: InputStatus;
|
|
2795
|
+
variant?: InputVariant;
|
|
2796
|
+
ghost?: boolean;
|
|
2797
|
+
type?: string;
|
|
2798
|
+
prefix?: any;
|
|
2799
|
+
suffix?: any;
|
|
2800
|
+
addonBefore?: any;
|
|
2801
|
+
addonAfter?: any;
|
|
2802
|
+
addonBeforeBare?: boolean;
|
|
2803
|
+
addonAfterBare?: boolean;
|
|
2804
|
+
showCount?: boolean | InputShowCountConfig;
|
|
2805
|
+
allowClear?: boolean | InputAllowClearConfig;
|
|
2806
|
+
rootClassName?: string;
|
|
2807
|
+
inputClassName?: string;
|
|
2808
|
+
countClassName?: string;
|
|
2809
|
+
clearButtonClassName?: string;
|
|
2810
|
+
className?: string;
|
|
2811
|
+
disabled?: boolean;
|
|
2812
|
+
value?: string | number;
|
|
2813
|
+
defaultValue?: string | number;
|
|
2814
|
+
onClear?: (event: MouseEvent) => void;
|
|
2815
|
+
onInput?: (event: Event) => void;
|
|
2816
|
+
onChange?: (event: Event) => void;
|
|
2817
|
+
onKeyDown?: (event: KeyboardEvent) => void;
|
|
2818
|
+
onPressEnter?: (event: KeyboardEvent) => void;
|
|
2819
|
+
[key: string]: any;
|
|
2820
|
+
}
|
|
2821
|
+
export interface InputShellProps {
|
|
2822
|
+
as?: string;
|
|
2823
|
+
color?: InputColor;
|
|
2824
|
+
status?: InputStatus;
|
|
2825
|
+
size?: InputSize;
|
|
2826
|
+
variant?: InputVariant;
|
|
2827
|
+
ghost?: boolean;
|
|
2828
|
+
className?: string;
|
|
2829
|
+
children?: any;
|
|
2830
|
+
[key: string]: any;
|
|
2831
|
+
}
|
|
2832
|
+
export interface SearchInfo {
|
|
2833
|
+
source: "input" | "clear";
|
|
2834
|
+
}
|
|
2835
|
+
export interface SearchProps extends InputProps {
|
|
2836
|
+
enterButton?: boolean | any;
|
|
2837
|
+
loading?: boolean;
|
|
2838
|
+
buttonClassName?: string;
|
|
2839
|
+
onSearch?: (value: string, event: MouseEvent | KeyboardEvent, info: SearchInfo) => void;
|
|
2840
|
+
}
|
|
2841
|
+
export interface PasswordVisibilityToggle {
|
|
2842
|
+
visible?: boolean;
|
|
2843
|
+
onVisibleChange?: (visible: boolean) => void;
|
|
2844
|
+
}
|
|
2845
|
+
export interface PasswordProps extends Omit<InputProps, "type"> {
|
|
2846
|
+
iconRender?: (visible: boolean) => any;
|
|
2847
|
+
visibilityToggle?: boolean | PasswordVisibilityToggle;
|
|
2848
|
+
}
|
|
2849
|
+
export type InputCompound = FC<InputProps> & {
|
|
2850
|
+
Shell: FC<InputShellProps>;
|
|
2851
|
+
Search: FC<SearchProps>;
|
|
2852
|
+
Password: FC<PasswordProps>;
|
|
2853
|
+
TextArea: FC<TextareaProps>;
|
|
2854
|
+
};
|
|
2855
|
+
export declare const InputCompound: InputCompound;
|
|
2856
|
+
export type LabelControl = "input" | "select" | "textarea" | "none";
|
|
2857
|
+
export type LabelTone = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
2858
|
+
export type LabelColor = "default" | LabelTone;
|
|
2859
|
+
export type LabelStatus = "default" | "success" | "warning" | "error";
|
|
2860
|
+
export type LabelSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "medium" | "large";
|
|
2861
|
+
export type LabelVariant = "outlined" | "filled" | "ghost" | "borderless";
|
|
2862
|
+
export type LabelLayout = "stacked" | "inline";
|
|
2863
|
+
export type LabelAlign = "start" | "center" | "end";
|
|
2864
|
+
export type LabelRootAs = "label" | "div";
|
|
2865
|
+
export type LabelTextTone = LabelTone | "default" | "muted";
|
|
2866
|
+
export interface LabelRootProps {
|
|
2867
|
+
as?: LabelRootAs;
|
|
2868
|
+
control?: LabelControl;
|
|
2869
|
+
label?: any;
|
|
2870
|
+
description?: any;
|
|
2871
|
+
help?: any;
|
|
2872
|
+
error?: any;
|
|
2873
|
+
extra?: any;
|
|
2874
|
+
optional?: any;
|
|
2875
|
+
required?: boolean;
|
|
2876
|
+
color?: LabelColor;
|
|
2877
|
+
status?: LabelStatus;
|
|
2878
|
+
size?: LabelSize;
|
|
2879
|
+
variant?: LabelVariant;
|
|
2880
|
+
ghost?: boolean;
|
|
2881
|
+
disabled?: boolean;
|
|
2882
|
+
block?: boolean;
|
|
2883
|
+
layout?: LabelLayout;
|
|
2884
|
+
align?: LabelAlign;
|
|
2885
|
+
labelWidth?: string | number;
|
|
2886
|
+
prefix?: any;
|
|
2887
|
+
suffix?: any;
|
|
2888
|
+
rootClassName?: string;
|
|
2889
|
+
labelClassName?: string;
|
|
2890
|
+
descriptionClassName?: string;
|
|
2891
|
+
helpClassName?: string;
|
|
2892
|
+
extraClassName?: string;
|
|
2893
|
+
affixClassName?: string;
|
|
2894
|
+
className?: string;
|
|
2895
|
+
children?: any;
|
|
2896
|
+
[key: string]: any;
|
|
2897
|
+
}
|
|
2898
|
+
export interface LabelTextProps {
|
|
2899
|
+
tone?: LabelTextTone;
|
|
2900
|
+
muted?: boolean;
|
|
2901
|
+
strong?: boolean;
|
|
2902
|
+
required?: boolean;
|
|
2903
|
+
className?: string;
|
|
2904
|
+
children?: any;
|
|
2905
|
+
[key: string]: any;
|
|
2906
|
+
}
|
|
2907
|
+
export interface LabelCaptionProps {
|
|
2908
|
+
required?: boolean;
|
|
2909
|
+
optional?: any;
|
|
2910
|
+
extra?: any;
|
|
2911
|
+
className?: string;
|
|
2912
|
+
textClassName?: string;
|
|
2913
|
+
extraClassName?: string;
|
|
2914
|
+
children?: any;
|
|
2915
|
+
[key: string]: any;
|
|
2916
|
+
}
|
|
2917
|
+
export interface LabelHelpProps {
|
|
2918
|
+
status?: LabelStatus;
|
|
2919
|
+
className?: string;
|
|
2920
|
+
children?: any;
|
|
2921
|
+
[key: string]: any;
|
|
2922
|
+
}
|
|
2923
|
+
export interface FloatingLabelProps {
|
|
2924
|
+
caption?: any;
|
|
2925
|
+
text?: any;
|
|
2926
|
+
description?: any;
|
|
2927
|
+
help?: any;
|
|
2928
|
+
error?: any;
|
|
2929
|
+
extra?: any;
|
|
2930
|
+
optional?: any;
|
|
2931
|
+
required?: boolean;
|
|
2932
|
+
status?: LabelStatus;
|
|
2933
|
+
disabled?: boolean;
|
|
2934
|
+
block?: boolean;
|
|
2935
|
+
layout?: LabelLayout;
|
|
2936
|
+
align?: LabelAlign;
|
|
2937
|
+
labelWidth?: string | number;
|
|
2938
|
+
rootClassName?: string;
|
|
2939
|
+
captionClassName?: string;
|
|
2940
|
+
textClassName?: string;
|
|
2941
|
+
descriptionClassName?: string;
|
|
2942
|
+
helpClassName?: string;
|
|
2943
|
+
extraClassName?: string;
|
|
2944
|
+
className?: string;
|
|
2945
|
+
children?: any;
|
|
2946
|
+
[key: string]: any;
|
|
2947
|
+
}
|
|
2948
|
+
export type LabelCompound = FC<LabelRootProps> & {
|
|
2949
|
+
Text: FC<LabelTextProps>;
|
|
2950
|
+
Caption: FC<LabelCaptionProps>;
|
|
2951
|
+
Help: FC<LabelHelpProps>;
|
|
2952
|
+
Floating: FC<FloatingLabelProps>;
|
|
2953
|
+
FloatingText: FC<LabelTextProps>;
|
|
2954
|
+
};
|
|
2955
|
+
export declare const LabelCompound: LabelCompound;
|
|
2956
|
+
export type LoadingStyle = "spinner" | "dots" | "ring" | "ball" | "bars" | "infinity";
|
|
2957
|
+
export type LoadingSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "default" | "medium" | "middle" | "large";
|
|
2958
|
+
export type LoadingPercent = number | "auto";
|
|
2959
|
+
export interface LoadingIndicatorRenderProps {
|
|
2960
|
+
percent?: number;
|
|
2961
|
+
size: Exclude<LoadingSize, "small" | "default" | "medium" | "middle" | "large">;
|
|
2962
|
+
style: LoadingStyle;
|
|
2963
|
+
spinning: boolean;
|
|
2964
|
+
}
|
|
2965
|
+
export interface LoadingClassNames {
|
|
2966
|
+
root?: string;
|
|
2967
|
+
section?: string;
|
|
2968
|
+
indicator?: string;
|
|
2969
|
+
description?: string;
|
|
2970
|
+
container?: string;
|
|
2971
|
+
}
|
|
2972
|
+
export interface LoadingStyles {
|
|
2973
|
+
root?: Record<string, any>;
|
|
2974
|
+
section?: Record<string, any>;
|
|
2975
|
+
indicator?: Record<string, any>;
|
|
2976
|
+
description?: Record<string, any>;
|
|
2977
|
+
container?: Record<string, any>;
|
|
2978
|
+
}
|
|
2979
|
+
export type InlineStyle = string | Record<string, any>;
|
|
2980
|
+
export interface LoadingProps {
|
|
2981
|
+
as?: string;
|
|
2982
|
+
style?: LoadingStyle | InlineStyle;
|
|
2983
|
+
indicatorStyle?: LoadingStyle;
|
|
2984
|
+
variant?: LoadingStyle;
|
|
2985
|
+
type?: LoadingStyle;
|
|
2986
|
+
size?: LoadingSize;
|
|
2987
|
+
spinning?: boolean;
|
|
2988
|
+
delay?: number;
|
|
2989
|
+
indicator?: any | ((props: LoadingIndicatorRenderProps) => any);
|
|
2990
|
+
description?: any;
|
|
2991
|
+
tip?: any;
|
|
2992
|
+
fullscreen?: boolean;
|
|
2993
|
+
percent?: LoadingPercent;
|
|
2994
|
+
rootClassName?: string;
|
|
2995
|
+
wrapperClassName?: string;
|
|
2996
|
+
classNames?: LoadingClassNames;
|
|
2997
|
+
styles?: LoadingStyles;
|
|
2998
|
+
className?: string;
|
|
2999
|
+
children?: any;
|
|
3000
|
+
[key: string]: any;
|
|
3001
|
+
}
|
|
3002
|
+
export type LoadingComponent = FC<LoadingProps> & {
|
|
3003
|
+
setDefaultIndicator: (indicator: any) => void;
|
|
3004
|
+
};
|
|
3005
|
+
export declare const Loading: LoadingComponent;
|
|
3006
|
+
export type MaskShape = "squircle" | "heart" | "hexagon" | "hexagon-2" | "decagon" | "pentagon" | "diamond" | "square" | "circle" | "star" | "star-2" | "triangle" | "triangle-2" | "triangle-3" | "triangle-4";
|
|
3007
|
+
export type MaskHalf = "1" | "2" | "start" | "end";
|
|
3008
|
+
export type MaskSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "small" | "middle" | "medium" | "large";
|
|
3009
|
+
export type MaskFit = "cover" | "contain" | "fill" | "none" | "scale-down";
|
|
3010
|
+
export type MaskPosition = "center" | "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
3011
|
+
export type MaskTone = "base" | "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
3012
|
+
export interface MaskProps {
|
|
3013
|
+
as?: string;
|
|
3014
|
+
shape?: MaskShape;
|
|
3015
|
+
half?: MaskHalf;
|
|
3016
|
+
size?: MaskSize;
|
|
3017
|
+
fit?: MaskFit;
|
|
3018
|
+
position?: MaskPosition;
|
|
3019
|
+
tone?: MaskTone;
|
|
3020
|
+
bordered?: boolean;
|
|
3021
|
+
ring?: boolean;
|
|
3022
|
+
shadow?: boolean;
|
|
3023
|
+
interactive?: boolean;
|
|
3024
|
+
src?: string;
|
|
3025
|
+
alt?: string;
|
|
3026
|
+
imageProps?: Record<string, any>;
|
|
3027
|
+
wrapperClassName?: string;
|
|
3028
|
+
imageClassName?: string;
|
|
3029
|
+
content?: any;
|
|
3030
|
+
contentClassName?: string;
|
|
3031
|
+
caption?: any;
|
|
3032
|
+
captionClassName?: string;
|
|
3033
|
+
className?: string;
|
|
3034
|
+
children?: any;
|
|
3035
|
+
[key: string]: any;
|
|
3036
|
+
}
|
|
3037
|
+
export declare const Mask: FC<MaskProps>;
|
|
3038
|
+
export type MockupBrowserAddressBarStatus = "default" | "success" | "warning" | "error";
|
|
3039
|
+
export type MockupBrowserContentPadding = "none" | "sm" | "md" | "lg";
|
|
3040
|
+
export interface MockupBrowserProps {
|
|
3041
|
+
bordered?: boolean;
|
|
3042
|
+
background?: boolean;
|
|
3043
|
+
showToolbar?: boolean;
|
|
3044
|
+
url?: any;
|
|
3045
|
+
toolbar?: any;
|
|
3046
|
+
toolbarStart?: any;
|
|
3047
|
+
toolbarEnd?: any;
|
|
3048
|
+
toolbarClassName?: string;
|
|
3049
|
+
contentClassName?: string;
|
|
3050
|
+
contentBordered?: boolean;
|
|
3051
|
+
contentBackground?: boolean;
|
|
3052
|
+
contentPadding?: MockupBrowserContentPadding;
|
|
3053
|
+
className?: string;
|
|
3054
|
+
children?: any;
|
|
3055
|
+
[key: string]: any;
|
|
3056
|
+
}
|
|
3057
|
+
export interface MockupBrowserToolbarProps {
|
|
3058
|
+
start?: any;
|
|
3059
|
+
end?: any;
|
|
3060
|
+
className?: string;
|
|
3061
|
+
children?: any;
|
|
3062
|
+
[key: string]: any;
|
|
3063
|
+
}
|
|
3064
|
+
export interface MockupBrowserAddressBarProps {
|
|
3065
|
+
href?: string;
|
|
3066
|
+
prefix?: any;
|
|
3067
|
+
suffix?: any;
|
|
3068
|
+
interactive?: boolean;
|
|
3069
|
+
status?: MockupBrowserAddressBarStatus;
|
|
3070
|
+
className?: string;
|
|
3071
|
+
children?: any;
|
|
3072
|
+
[key: string]: any;
|
|
3073
|
+
}
|
|
3074
|
+
export interface MockupBrowserContentProps {
|
|
3075
|
+
bordered?: boolean;
|
|
3076
|
+
background?: boolean;
|
|
3077
|
+
padding?: MockupBrowserContentPadding;
|
|
3078
|
+
className?: string;
|
|
3079
|
+
children?: any;
|
|
3080
|
+
[key: string]: any;
|
|
3081
|
+
}
|
|
3082
|
+
export type MockupBrowserCompound = FC<MockupBrowserProps> & {
|
|
3083
|
+
Toolbar: FC<MockupBrowserToolbarProps>;
|
|
3084
|
+
AddressBar: FC<MockupBrowserAddressBarProps>;
|
|
3085
|
+
Content: FC<MockupBrowserContentProps>;
|
|
3086
|
+
};
|
|
3087
|
+
export declare const MockupBrowser: MockupBrowserCompound;
|
|
3088
|
+
export type MockupCodeTone = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
3089
|
+
export interface MockupCodeLineData {
|
|
3090
|
+
key?: string | number;
|
|
3091
|
+
prefix?: any;
|
|
3092
|
+
code?: any;
|
|
3093
|
+
children?: any;
|
|
3094
|
+
className?: string;
|
|
3095
|
+
codeClassName?: string;
|
|
3096
|
+
highlight?: boolean;
|
|
3097
|
+
tone?: MockupCodeTone;
|
|
3098
|
+
}
|
|
3099
|
+
export interface MockupCodeProps {
|
|
3100
|
+
as?: any;
|
|
3101
|
+
className?: string;
|
|
3102
|
+
children?: any;
|
|
3103
|
+
items?: ReadonlyArray<MockupCodeLineData>;
|
|
3104
|
+
prefix?: any;
|
|
3105
|
+
lineNumbers?: boolean;
|
|
3106
|
+
start?: number;
|
|
3107
|
+
codeClassName?: string;
|
|
3108
|
+
[key: string]: any;
|
|
3109
|
+
}
|
|
3110
|
+
export interface MockupCodeLineProps extends Omit<MockupCodeLineData, "key"> {
|
|
3111
|
+
as?: any;
|
|
3112
|
+
lineNumber?: number | string;
|
|
3113
|
+
[key: string]: any;
|
|
3114
|
+
}
|
|
3115
|
+
export type MockupCodeCompound = FC<MockupCodeProps> & {
|
|
3116
|
+
Line: FC<MockupCodeLineProps>;
|
|
3117
|
+
};
|
|
3118
|
+
export declare const MockupCode: MockupCodeCompound;
|
|
3119
|
+
export type MockupPhoneTone = "default" | "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
3120
|
+
export type MockupPhoneSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "medium" | "large";
|
|
3121
|
+
export interface MockupPhonePartProps {
|
|
3122
|
+
className?: string;
|
|
3123
|
+
children?: any;
|
|
3124
|
+
[key: string]: any;
|
|
3125
|
+
}
|
|
3126
|
+
export interface MockupPhoneCameraConfig extends MockupPhonePartProps {
|
|
3127
|
+
}
|
|
3128
|
+
export interface MockupPhoneDisplayConfig {
|
|
3129
|
+
className?: string;
|
|
3130
|
+
contentClassName?: string;
|
|
3131
|
+
children?: any;
|
|
3132
|
+
src?: string;
|
|
3133
|
+
alt?: string;
|
|
3134
|
+
imgClassName?: string;
|
|
3135
|
+
}
|
|
3136
|
+
export interface MockupPhoneRootProps {
|
|
3137
|
+
className?: string;
|
|
3138
|
+
size?: MockupPhoneSize;
|
|
3139
|
+
color?: MockupPhoneTone;
|
|
3140
|
+
camera?: boolean | MockupPhoneCameraConfig;
|
|
3141
|
+
display?: MockupPhoneDisplayConfig;
|
|
3142
|
+
children?: any;
|
|
3143
|
+
[key: string]: any;
|
|
3144
|
+
}
|
|
3145
|
+
export type MockupPhoneCompound = FC<MockupPhoneRootProps> & {
|
|
3146
|
+
Camera: FC<MockupPhonePartProps>;
|
|
3147
|
+
Display: FC<MockupPhonePartProps>;
|
|
3148
|
+
};
|
|
3149
|
+
export declare const MockupPhone: MockupPhoneCompound;
|
|
3150
|
+
export type MockupWindowPadding = "none" | "sm" | "md" | "lg";
|
|
3151
|
+
export interface MockupWindowProps {
|
|
3152
|
+
bordered?: boolean;
|
|
3153
|
+
background?: boolean;
|
|
3154
|
+
title?: any;
|
|
3155
|
+
description?: any;
|
|
3156
|
+
toolbar?: any;
|
|
3157
|
+
actions?: any;
|
|
3158
|
+
padding?: MockupWindowPadding;
|
|
3159
|
+
bodyClassName?: string;
|
|
3160
|
+
headerClassName?: string;
|
|
3161
|
+
actionsClassName?: string;
|
|
3162
|
+
className?: string;
|
|
3163
|
+
style?: any;
|
|
3164
|
+
children?: any;
|
|
3165
|
+
[key: string]: any;
|
|
3166
|
+
}
|
|
3167
|
+
export interface MockupWindowPartProps {
|
|
3168
|
+
className?: string;
|
|
3169
|
+
style?: any;
|
|
3170
|
+
children?: any;
|
|
3171
|
+
[key: string]: any;
|
|
3172
|
+
}
|
|
3173
|
+
export interface MockupWindowHeaderProps extends MockupWindowPartProps {
|
|
3174
|
+
title?: any;
|
|
3175
|
+
description?: any;
|
|
3176
|
+
extra?: any;
|
|
3177
|
+
}
|
|
3178
|
+
export interface MockupWindowBodyProps extends MockupWindowPartProps {
|
|
3179
|
+
padding?: MockupWindowPadding;
|
|
3180
|
+
}
|
|
3181
|
+
export type MockupWindowCompound = FC<MockupWindowProps> & {
|
|
3182
|
+
Header: FC<MockupWindowHeaderProps>;
|
|
3183
|
+
Body: FC<MockupWindowBodyProps>;
|
|
3184
|
+
Toolbar: FC<MockupWindowPartProps>;
|
|
3185
|
+
Actions: FC<MockupWindowPartProps>;
|
|
3186
|
+
};
|
|
3187
|
+
export declare const MockupWindow: MockupWindowCompound;
|
|
3188
|
+
export type NavbarPlacement = "start" | "center" | "end";
|
|
3189
|
+
export type NavbarAlign = "start" | "center" | "end" | "between";
|
|
3190
|
+
export interface NavbarSectionProps {
|
|
3191
|
+
as?: any;
|
|
3192
|
+
className?: string;
|
|
3193
|
+
children?: any;
|
|
3194
|
+
align?: NavbarAlign;
|
|
3195
|
+
grow?: boolean;
|
|
3196
|
+
wrap?: boolean;
|
|
3197
|
+
placement?: NavbarPlacement;
|
|
3198
|
+
[key: string]: any;
|
|
3199
|
+
}
|
|
3200
|
+
export interface NavbarItemProps {
|
|
3201
|
+
as?: any;
|
|
3202
|
+
className?: string;
|
|
3203
|
+
children?: any;
|
|
3204
|
+
content?: any;
|
|
3205
|
+
grow?: boolean;
|
|
3206
|
+
[key: string]: any;
|
|
3207
|
+
}
|
|
3208
|
+
export interface NavbarItem extends Omit<NavbarItemProps, "content"> {
|
|
3209
|
+
key?: string | number;
|
|
3210
|
+
placement?: NavbarPlacement;
|
|
3211
|
+
content?: any;
|
|
3212
|
+
}
|
|
3213
|
+
export interface NavbarRootProps {
|
|
3214
|
+
as?: any;
|
|
3215
|
+
className?: string;
|
|
3216
|
+
children?: any;
|
|
3217
|
+
brand?: any;
|
|
3218
|
+
start?: any;
|
|
3219
|
+
center?: any;
|
|
3220
|
+
end?: any;
|
|
3221
|
+
actions?: any;
|
|
3222
|
+
items?: ReadonlyArray<NavbarItem>;
|
|
3223
|
+
startProps?: Omit<NavbarSectionProps, "children" | "placement">;
|
|
3224
|
+
centerProps?: Omit<NavbarSectionProps, "children" | "placement">;
|
|
3225
|
+
endProps?: Omit<NavbarSectionProps, "children" | "placement">;
|
|
3226
|
+
wrap?: boolean;
|
|
3227
|
+
sticky?: boolean;
|
|
3228
|
+
bordered?: boolean;
|
|
3229
|
+
[key: string]: any;
|
|
3230
|
+
}
|
|
3231
|
+
export type NavbarCompound = FC<NavbarRootProps> & {
|
|
3232
|
+
Start: FC<Omit<NavbarSectionProps, "placement">>;
|
|
3233
|
+
Center: FC<Omit<NavbarSectionProps, "placement">>;
|
|
3234
|
+
End: FC<Omit<NavbarSectionProps, "placement">>;
|
|
3235
|
+
Section: FC<NavbarSectionProps>;
|
|
3236
|
+
Item: FC<NavbarItemProps>;
|
|
3237
|
+
};
|
|
3238
|
+
export declare const Navbar: NavbarCompound;
|
|
3239
|
+
export type PaginationDirection = "horizontal" | "vertical";
|
|
3240
|
+
export type PaginationAlign = "start" | "center" | "end";
|
|
3241
|
+
export type PaginationSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "middle" | "large";
|
|
3242
|
+
export type PaginationItemType = "page" | "prev" | "next" | "jump-prev" | "jump-next";
|
|
3243
|
+
export interface PaginationSimpleConfig {
|
|
3244
|
+
readOnly?: boolean;
|
|
3245
|
+
}
|
|
3246
|
+
export interface PaginationLocale {
|
|
3247
|
+
prev?: any;
|
|
3248
|
+
next?: any;
|
|
3249
|
+
jumpPrev?: any;
|
|
3250
|
+
jumpNext?: any;
|
|
3251
|
+
pageSuffix?: any;
|
|
3252
|
+
itemsPerPage?: any;
|
|
3253
|
+
pageTitle?: (page: number) => string;
|
|
3254
|
+
jumpTo?: any;
|
|
3255
|
+
previousPage?: any;
|
|
3256
|
+
nextPage?: any;
|
|
3257
|
+
jumpPrevTitle?: any;
|
|
3258
|
+
jumpNextTitle?: any;
|
|
3259
|
+
}
|
|
3260
|
+
export type PaginationItemRender = (page: number, type: PaginationItemType, originalElement: any) => any;
|
|
3261
|
+
export type PaginationShowTotal = (total: number, range: [
|
|
3262
|
+
number,
|
|
3263
|
+
number
|
|
3264
|
+
]) => any;
|
|
3265
|
+
export interface PaginationProps {
|
|
3266
|
+
direction?: PaginationDirection;
|
|
3267
|
+
align?: PaginationAlign;
|
|
3268
|
+
size?: PaginationSize;
|
|
3269
|
+
className?: string;
|
|
3270
|
+
children?: any;
|
|
3271
|
+
current?: number;
|
|
3272
|
+
defaultCurrent?: number;
|
|
3273
|
+
total?: number;
|
|
3274
|
+
pageSize?: number;
|
|
3275
|
+
defaultPageSize?: number;
|
|
3276
|
+
disabled?: boolean;
|
|
3277
|
+
simple?: boolean | PaginationSimpleConfig;
|
|
3278
|
+
showSizeChanger?: boolean;
|
|
3279
|
+
pageSizeOptions?: Array<number | string>;
|
|
3280
|
+
showQuickJumper?: boolean | {
|
|
3281
|
+
goButton?: any;
|
|
3282
|
+
};
|
|
3283
|
+
showLessItems?: boolean;
|
|
3284
|
+
hideOnSinglePage?: boolean;
|
|
3285
|
+
showTitle?: boolean;
|
|
3286
|
+
showTotal?: PaginationShowTotal;
|
|
3287
|
+
itemRender?: PaginationItemRender;
|
|
3288
|
+
onChange?: (page: number, pageSize: number) => void;
|
|
3289
|
+
onShowSizeChange?: (current: number, pageSize: number) => void;
|
|
3290
|
+
locale?: PaginationLocale;
|
|
3291
|
+
[key: string]: any;
|
|
3292
|
+
}
|
|
3293
|
+
export interface PaginationItemProps {
|
|
3294
|
+
tag?: any;
|
|
3295
|
+
active?: boolean;
|
|
3296
|
+
disabled?: boolean;
|
|
3297
|
+
size?: PaginationSize;
|
|
3298
|
+
className?: string;
|
|
3299
|
+
children?: any;
|
|
3300
|
+
[key: string]: any;
|
|
3301
|
+
}
|
|
3302
|
+
export type PaginationCompound = FC<PaginationProps> & {
|
|
3303
|
+
Item: FC<PaginationItemProps>;
|
|
3304
|
+
};
|
|
3305
|
+
export declare const Pagination: PaginationCompound;
|
|
3306
|
+
export type SelectColor = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
3307
|
+
export type SelectStatus = "success" | "warning" | "error";
|
|
3308
|
+
export type SelectVariant = "outlined" | "filled" | "ghost" | "borderless";
|
|
3309
|
+
declare const selectSizeMap: {
|
|
3310
|
+
readonly xs: "xs";
|
|
3311
|
+
readonly sm: "sm";
|
|
3312
|
+
readonly md: "md";
|
|
3313
|
+
readonly lg: "lg";
|
|
3314
|
+
readonly xl: "xl";
|
|
3315
|
+
readonly small: "sm";
|
|
3316
|
+
readonly medium: "md";
|
|
3317
|
+
readonly middle: "md";
|
|
3318
|
+
readonly large: "lg";
|
|
3319
|
+
};
|
|
3320
|
+
export type SelectVisualSize = keyof typeof selectSizeMap;
|
|
3321
|
+
export type SelectSizeProp = SelectVisualSize | number | string;
|
|
3322
|
+
export type SelectValue = string | number;
|
|
3323
|
+
export type SelectRawValue = SelectValue | SelectValue[];
|
|
3324
|
+
export interface SelectFieldNames {
|
|
3325
|
+
label?: string;
|
|
3326
|
+
value?: string;
|
|
3327
|
+
options?: string;
|
|
3328
|
+
disabled?: string;
|
|
3329
|
+
title?: string;
|
|
3330
|
+
className?: string;
|
|
3331
|
+
groupLabel?: string;
|
|
3332
|
+
}
|
|
3333
|
+
export interface SelectOptionData {
|
|
3334
|
+
label?: any;
|
|
3335
|
+
value?: SelectValue;
|
|
3336
|
+
disabled?: boolean;
|
|
3337
|
+
title?: string;
|
|
3338
|
+
className?: string;
|
|
3339
|
+
options?: SelectOptionData[];
|
|
3340
|
+
children?: any;
|
|
3341
|
+
[key: string]: any;
|
|
3342
|
+
}
|
|
3343
|
+
export interface SelectLabeledValue {
|
|
3344
|
+
value: SelectValue;
|
|
3345
|
+
label: any;
|
|
3346
|
+
key: SelectValue;
|
|
3347
|
+
disabled?: boolean;
|
|
3348
|
+
title?: string;
|
|
3349
|
+
}
|
|
3350
|
+
export interface SelectResolvedOption {
|
|
3351
|
+
key: string;
|
|
3352
|
+
value: SelectValue;
|
|
3353
|
+
label: any;
|
|
3354
|
+
disabled?: boolean;
|
|
3355
|
+
title?: string;
|
|
3356
|
+
className?: string;
|
|
3357
|
+
groupLabel?: any;
|
|
3358
|
+
raw?: SelectOptionData;
|
|
3359
|
+
}
|
|
3360
|
+
export interface SelectChangeContext {
|
|
3361
|
+
values: SelectValue[];
|
|
3362
|
+
labels: any[];
|
|
3363
|
+
options: SelectResolvedOption[];
|
|
3364
|
+
nativeEvent: Event;
|
|
3365
|
+
}
|
|
3366
|
+
export interface SelectProps {
|
|
3367
|
+
value?: SelectRawValue;
|
|
3368
|
+
defaultValue?: SelectRawValue;
|
|
3369
|
+
color?: SelectColor;
|
|
3370
|
+
status?: SelectStatus;
|
|
3371
|
+
variant?: SelectVariant;
|
|
3372
|
+
size?: SelectSizeProp;
|
|
3373
|
+
uiSize?: SelectVisualSize;
|
|
3374
|
+
nativeSize?: number | string;
|
|
3375
|
+
ghost?: boolean;
|
|
3376
|
+
loading?: boolean;
|
|
3377
|
+
loadingText?: any;
|
|
3378
|
+
options?: SelectOptionData[];
|
|
3379
|
+
fieldNames?: SelectFieldNames;
|
|
3380
|
+
placeholder?: any;
|
|
3381
|
+
placeholderValue?: SelectValue | "";
|
|
3382
|
+
placeholderDisabled?: boolean;
|
|
3383
|
+
notFoundContent?: any;
|
|
3384
|
+
allowClear?: boolean;
|
|
3385
|
+
clearLabel?: string;
|
|
3386
|
+
onClear?: (event: MouseEvent) => void;
|
|
3387
|
+
prefix?: any;
|
|
3388
|
+
suffix?: any;
|
|
3389
|
+
addonBefore?: any;
|
|
3390
|
+
addonAfter?: any;
|
|
3391
|
+
suffixIcon?: any;
|
|
3392
|
+
showArrow?: boolean;
|
|
3393
|
+
mode?: "multiple";
|
|
3394
|
+
labelInValue?: boolean;
|
|
3395
|
+
optionLabelProp?: string;
|
|
3396
|
+
maxCount?: number;
|
|
3397
|
+
onChange?: (event: Event) => void;
|
|
3398
|
+
onValueChange?: (value: SelectValue | SelectValue[] | SelectLabeledValue | SelectLabeledValue[] | null, context: SelectChangeContext) => void;
|
|
3399
|
+
onSelect?: (value: SelectValue | SelectLabeledValue, option: SelectResolvedOption, event: Event) => void;
|
|
3400
|
+
onDeselect?: (value: SelectValue | SelectLabeledValue, option: SelectResolvedOption, event: Event) => void;
|
|
3401
|
+
rootClassName?: string;
|
|
3402
|
+
selectClassName?: string;
|
|
3403
|
+
className?: string;
|
|
3404
|
+
children?: any;
|
|
3405
|
+
[key: string]: any;
|
|
3406
|
+
}
|
|
3407
|
+
export interface SelectOptionProps {
|
|
3408
|
+
className?: string;
|
|
3409
|
+
children?: any;
|
|
3410
|
+
[key: string]: any;
|
|
3411
|
+
}
|
|
3412
|
+
export interface SelectOptGroupProps {
|
|
3413
|
+
label: string;
|
|
3414
|
+
className?: string;
|
|
3415
|
+
children?: any;
|
|
3416
|
+
[key: string]: any;
|
|
3417
|
+
}
|
|
3418
|
+
export interface SelectShellProps {
|
|
3419
|
+
className?: string;
|
|
3420
|
+
children?: any;
|
|
3421
|
+
[key: string]: any;
|
|
3422
|
+
}
|
|
3423
|
+
export type SelectCompound = FC<SelectProps> & {
|
|
3424
|
+
Option: FC<SelectOptionProps>;
|
|
3425
|
+
OptGroup: FC<SelectOptGroupProps>;
|
|
3426
|
+
Shell: FC<SelectShellProps>;
|
|
3427
|
+
};
|
|
3428
|
+
export declare const Select: SelectCompound;
|
|
3429
|
+
export type ProgressColor = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
3430
|
+
export type ProgressType = "line" | "circle" | "dashboard";
|
|
3431
|
+
export type ProgressStatus = "normal" | "exception" | "active" | "success";
|
|
3432
|
+
export type ProgressLinecap = "round" | "square" | "butt";
|
|
3433
|
+
export type ProgressSize = number | [
|
|
3434
|
+
number | string,
|
|
3435
|
+
number
|
|
3436
|
+
] | {
|
|
3437
|
+
width?: number | string;
|
|
3438
|
+
height?: number;
|
|
3439
|
+
} | "small" | "default" | "medium";
|
|
3440
|
+
export type ProgressStrokeColor = string | string[] | {
|
|
3441
|
+
from: string;
|
|
3442
|
+
to: string;
|
|
3443
|
+
direction?: string;
|
|
3444
|
+
};
|
|
3445
|
+
export type ProgressSteps = number | {
|
|
3446
|
+
count: number;
|
|
3447
|
+
gap: number;
|
|
3448
|
+
};
|
|
3449
|
+
export type ProgressGapPlacement = "top" | "bottom" | "start" | "end";
|
|
3450
|
+
export interface ProgressSuccessProps {
|
|
3451
|
+
percent?: number;
|
|
3452
|
+
strokeColor?: string;
|
|
3453
|
+
}
|
|
3454
|
+
export interface ProgressPercentPosition {
|
|
3455
|
+
align?: "start" | "center" | "end";
|
|
3456
|
+
type?: "inner" | "outer";
|
|
3457
|
+
}
|
|
3458
|
+
export interface ProgressProps {
|
|
3459
|
+
color?: ProgressColor;
|
|
3460
|
+
className?: string;
|
|
3461
|
+
type?: ProgressType;
|
|
3462
|
+
percent?: number;
|
|
3463
|
+
max?: number;
|
|
3464
|
+
value?: number;
|
|
3465
|
+
status?: ProgressStatus;
|
|
3466
|
+
showInfo?: boolean;
|
|
3467
|
+
format?: (percent?: number, successPercent?: number) => any;
|
|
3468
|
+
size?: ProgressSize;
|
|
3469
|
+
strokeWidth?: number;
|
|
3470
|
+
strokeLinecap?: ProgressLinecap;
|
|
3471
|
+
strokeColor?: ProgressStrokeColor;
|
|
3472
|
+
trailColor?: string;
|
|
3473
|
+
railColor?: string;
|
|
3474
|
+
success?: ProgressSuccessProps;
|
|
3475
|
+
steps?: ProgressSteps;
|
|
3476
|
+
gapDegree?: number;
|
|
3477
|
+
gapPlacement?: ProgressGapPlacement;
|
|
3478
|
+
gapPosition?: "top" | "bottom" | "left" | "right";
|
|
3479
|
+
percentPosition?: ProgressPercentPosition;
|
|
3480
|
+
rounding?: (step: number) => number;
|
|
3481
|
+
children?: any;
|
|
3482
|
+
[key: string]: any;
|
|
3483
|
+
}
|
|
3484
|
+
export declare const Progress: FC<ProgressProps>;
|
|
3485
|
+
type StyleValue$1 = string | number | null | undefined;
|
|
3486
|
+
interface StyleObject$1 {
|
|
3487
|
+
[key: string]: StyleValue$1;
|
|
3488
|
+
}
|
|
3489
|
+
export type RadialProgressType = "circle" | "dashboard";
|
|
3490
|
+
export type RadialProgressStatus = "normal" | "exception" | "success";
|
|
3491
|
+
export type RadialProgressLinecap = "round" | "square" | "butt";
|
|
3492
|
+
export type RadialProgressSize = number | string | "small" | "default" | "medium";
|
|
3493
|
+
export type RadialProgressSteps = number | {
|
|
3494
|
+
count: number;
|
|
3495
|
+
gap: number;
|
|
3496
|
+
};
|
|
3497
|
+
export type RadialProgressGapPlacement = "top" | "bottom" | "start" | "end";
|
|
3498
|
+
export interface RadialProgressSuccessProps {
|
|
3499
|
+
percent?: number;
|
|
3500
|
+
value?: string | number;
|
|
3501
|
+
strokeColor?: string;
|
|
3502
|
+
}
|
|
3503
|
+
export interface RadialProgressProps {
|
|
3504
|
+
value?: string | number;
|
|
3505
|
+
percent?: number;
|
|
3506
|
+
max?: string | number;
|
|
3507
|
+
type?: RadialProgressType;
|
|
3508
|
+
status?: RadialProgressStatus;
|
|
3509
|
+
showInfo?: boolean;
|
|
3510
|
+
format?: (percent?: number, successPercent?: number) => any;
|
|
3511
|
+
size?: RadialProgressSize;
|
|
3512
|
+
thickness?: string | number;
|
|
3513
|
+
strokeWidth?: string | number;
|
|
3514
|
+
strokeLinecap?: RadialProgressLinecap;
|
|
3515
|
+
strokeColor?: string | string[];
|
|
3516
|
+
railColor?: string;
|
|
3517
|
+
trailColor?: string;
|
|
3518
|
+
success?: RadialProgressSuccessProps;
|
|
3519
|
+
steps?: RadialProgressSteps;
|
|
3520
|
+
gapDegree?: number;
|
|
3521
|
+
gapPlacement?: RadialProgressGapPlacement;
|
|
3522
|
+
gapPosition?: "top" | "bottom" | "left" | "right";
|
|
3523
|
+
style?: string | StyleObject$1;
|
|
3524
|
+
className?: string;
|
|
3525
|
+
children?: any;
|
|
3526
|
+
[key: string]: any;
|
|
3527
|
+
}
|
|
3528
|
+
export declare const RadialProgress: FC<RadialProgressProps>;
|
|
3529
|
+
export type RadioColor = "neutral" | "primary" | "secondary" | "accent" | "success" | "warning" | "info" | "error";
|
|
3530
|
+
export type RadioSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "medium" | "middle" | "large";
|
|
3531
|
+
export type RadioValue = string | number | boolean;
|
|
3532
|
+
export type RadioOptionType = "default" | "button";
|
|
3533
|
+
export type RadioButtonStyle = "outline" | "solid";
|
|
3534
|
+
export type RadioOrientation = "horizontal" | "vertical";
|
|
3535
|
+
export interface RadioChangeMeta {
|
|
3536
|
+
checked: boolean;
|
|
3537
|
+
value?: RadioValue;
|
|
3538
|
+
optionType: RadioOptionType;
|
|
3539
|
+
}
|
|
3540
|
+
export interface RadioProps {
|
|
3541
|
+
color?: RadioColor;
|
|
3542
|
+
size?: RadioSize;
|
|
3543
|
+
checked?: boolean;
|
|
3544
|
+
defaultChecked?: boolean;
|
|
3545
|
+
disabled?: boolean;
|
|
3546
|
+
value?: RadioValue;
|
|
3547
|
+
className?: string;
|
|
3548
|
+
rootClassName?: string;
|
|
3549
|
+
contentClassName?: string;
|
|
3550
|
+
style?: any;
|
|
3551
|
+
rootStyle?: any;
|
|
3552
|
+
children?: any;
|
|
3553
|
+
title?: string;
|
|
3554
|
+
id?: string;
|
|
3555
|
+
name?: string;
|
|
3556
|
+
optionType?: RadioOptionType;
|
|
3557
|
+
buttonStyle?: RadioButtonStyle;
|
|
3558
|
+
block?: boolean;
|
|
3559
|
+
onChange?: (event: Event, meta: RadioChangeMeta) => void;
|
|
3560
|
+
onCheckedChange?: (checked: boolean, event: Event) => void;
|
|
3561
|
+
[key: string]: any;
|
|
3562
|
+
}
|
|
3563
|
+
export interface RadioOption {
|
|
3564
|
+
label: any;
|
|
3565
|
+
value: RadioValue;
|
|
3566
|
+
disabled?: boolean;
|
|
3567
|
+
className?: string;
|
|
3568
|
+
style?: any;
|
|
3569
|
+
title?: string;
|
|
3570
|
+
id?: string;
|
|
3571
|
+
required?: boolean;
|
|
3572
|
+
color?: RadioColor;
|
|
3573
|
+
size?: RadioSize;
|
|
3574
|
+
onChange?: (event: Event, meta: RadioChangeMeta) => void;
|
|
3575
|
+
}
|
|
3576
|
+
export interface RadioGroupChangeMeta extends RadioChangeMeta {
|
|
3577
|
+
previousValue?: RadioValue;
|
|
3578
|
+
option?: RadioOption;
|
|
3579
|
+
}
|
|
3580
|
+
export interface RadioGroupProps {
|
|
3581
|
+
value?: RadioValue;
|
|
3582
|
+
defaultValue?: RadioValue;
|
|
3583
|
+
options?: ReadonlyArray<RadioOption | RadioValue>;
|
|
3584
|
+
disabled?: boolean;
|
|
3585
|
+
name?: string;
|
|
3586
|
+
className?: string;
|
|
3587
|
+
style?: any;
|
|
3588
|
+
children?: any;
|
|
3589
|
+
optionType?: RadioOptionType;
|
|
3590
|
+
buttonStyle?: RadioButtonStyle;
|
|
3591
|
+
size?: RadioSize;
|
|
3592
|
+
color?: RadioColor;
|
|
3593
|
+
block?: boolean;
|
|
3594
|
+
orientation?: RadioOrientation;
|
|
3595
|
+
vertical?: boolean;
|
|
3596
|
+
onChange?: (value: RadioValue | undefined, event: Event, meta: RadioGroupChangeMeta) => void;
|
|
3597
|
+
[key: string]: any;
|
|
3598
|
+
}
|
|
3599
|
+
export type RadioCompound = FC<RadioProps> & {
|
|
3600
|
+
Group: FC<RadioGroupProps>;
|
|
3601
|
+
Button: FC<RadioProps>;
|
|
3602
|
+
};
|
|
3603
|
+
export declare const Radio: RadioCompound;
|
|
3604
|
+
export type RangeColor = "neutral" | "primary" | "secondary" | "accent" | "success" | "warning" | "info" | "error";
|
|
3605
|
+
export type RangeSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "default" | "medium" | "large";
|
|
3606
|
+
export type RangeValue = string | number;
|
|
3607
|
+
export interface RangeMark {
|
|
3608
|
+
value: RangeValue;
|
|
3609
|
+
label?: any;
|
|
3610
|
+
}
|
|
3611
|
+
export interface RangeFormatterInfo {
|
|
3612
|
+
min: number;
|
|
3613
|
+
max: number;
|
|
3614
|
+
percent: number;
|
|
3615
|
+
}
|
|
3616
|
+
export interface RangeValueDisplayConfig {
|
|
3617
|
+
formatter?: (value: number, info: RangeFormatterInfo) => any;
|
|
3618
|
+
placement?: "inline" | "below";
|
|
3619
|
+
className?: string;
|
|
3620
|
+
}
|
|
3621
|
+
export interface RangeProps {
|
|
3622
|
+
id?: string;
|
|
3623
|
+
color?: RangeColor;
|
|
3624
|
+
size?: RangeSize;
|
|
3625
|
+
className?: string;
|
|
3626
|
+
rootClassName?: string;
|
|
3627
|
+
label?: any;
|
|
3628
|
+
hint?: any;
|
|
3629
|
+
helper?: any;
|
|
3630
|
+
labelClassName?: string;
|
|
3631
|
+
hintClassName?: string;
|
|
3632
|
+
helperClassName?: string;
|
|
3633
|
+
valueClassName?: string;
|
|
3634
|
+
marksClassName?: string;
|
|
3635
|
+
style?: any;
|
|
3636
|
+
rootStyle?: any;
|
|
3637
|
+
min?: RangeValue;
|
|
3638
|
+
max?: RangeValue;
|
|
3639
|
+
step?: RangeValue;
|
|
3640
|
+
value?: RangeValue;
|
|
3641
|
+
defaultValue?: RangeValue;
|
|
3642
|
+
showValue?: boolean | RangeValueDisplayConfig;
|
|
3643
|
+
formatter?: (value: number, info: RangeFormatterInfo) => any;
|
|
3644
|
+
marks?: Array<RangeMark | RangeValue>;
|
|
3645
|
+
disabled?: boolean;
|
|
3646
|
+
onInput?: (event: Event) => void;
|
|
3647
|
+
onChange?: (event: Event) => void;
|
|
3648
|
+
onValueChange?: (value: number, event: Event) => void;
|
|
3649
|
+
onValueCommit?: (value: number, event: Event) => void;
|
|
3650
|
+
[key: string]: any;
|
|
3651
|
+
}
|
|
3652
|
+
export declare const Range$1: FC<RangeProps>;
|
|
3653
|
+
export type RatingSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "default" | "medium" | "middle" | "large";
|
|
3654
|
+
export interface RatingTooltipItem {
|
|
3655
|
+
title?: any;
|
|
3656
|
+
}
|
|
3657
|
+
export interface RatingCharacterRenderContext {
|
|
3658
|
+
index: number;
|
|
3659
|
+
value: number;
|
|
3660
|
+
fill: number;
|
|
3661
|
+
checked: boolean;
|
|
3662
|
+
hovered: boolean;
|
|
3663
|
+
half: boolean;
|
|
3664
|
+
}
|
|
3665
|
+
export interface RatingProps {
|
|
3666
|
+
size?: RatingSize;
|
|
3667
|
+
half?: boolean;
|
|
3668
|
+
allowHalf?: boolean;
|
|
3669
|
+
count?: number;
|
|
3670
|
+
value?: number;
|
|
3671
|
+
defaultValue?: number;
|
|
3672
|
+
allowClear?: boolean;
|
|
3673
|
+
disabled?: boolean;
|
|
3674
|
+
readOnly?: boolean;
|
|
3675
|
+
name?: string;
|
|
3676
|
+
character?: any | ((context: RatingCharacterRenderContext) => any);
|
|
3677
|
+
tooltips?: Array<string | number | RatingTooltipItem>;
|
|
3678
|
+
className?: string;
|
|
3679
|
+
itemClassName?: string;
|
|
3680
|
+
characterClassName?: string;
|
|
3681
|
+
activeCharacterClassName?: string;
|
|
3682
|
+
inactiveCharacterClassName?: string;
|
|
3683
|
+
clearLabel?: string;
|
|
3684
|
+
style?: any;
|
|
3685
|
+
children?: any;
|
|
3686
|
+
onChange?: (value: number) => void;
|
|
3687
|
+
onHoverChange?: (value: number) => void;
|
|
3688
|
+
onBlur?: (event: Event) => void;
|
|
3689
|
+
onFocus?: (event: Event) => void;
|
|
3690
|
+
onKeyDown?: (event: Event) => void;
|
|
3691
|
+
[key: string]: any;
|
|
3692
|
+
}
|
|
3693
|
+
export interface RatingItemProps {
|
|
3694
|
+
as?: any;
|
|
3695
|
+
hidden?: boolean;
|
|
3696
|
+
type?: string;
|
|
3697
|
+
className?: string;
|
|
3698
|
+
children?: any;
|
|
3699
|
+
[key: string]: any;
|
|
3700
|
+
}
|
|
3701
|
+
export type RatingCompound = FC<RatingProps> & {
|
|
3702
|
+
Item: FC<RatingItemProps>;
|
|
3703
|
+
};
|
|
3704
|
+
export declare const RatingCompound: RatingCompound;
|
|
3705
|
+
export type SkeletonSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "default" | "medium" | "middle" | "large" | number;
|
|
3706
|
+
export type SkeletonAvatarShape = "circle" | "square";
|
|
3707
|
+
export type SkeletonButtonShape = "default" | "square" | "round" | "circle";
|
|
3708
|
+
export type SkeletonWidth = string | number;
|
|
3709
|
+
export interface SkeletonClassNames {
|
|
3710
|
+
root?: string;
|
|
3711
|
+
header?: string;
|
|
3712
|
+
section?: string;
|
|
3713
|
+
avatar?: string;
|
|
3714
|
+
title?: string;
|
|
3715
|
+
paragraph?: string;
|
|
3716
|
+
}
|
|
3717
|
+
export interface SkeletonStyles {
|
|
3718
|
+
root?: Record<string, any>;
|
|
3719
|
+
header?: Record<string, any>;
|
|
3720
|
+
section?: Record<string, any>;
|
|
3721
|
+
avatar?: Record<string, any>;
|
|
3722
|
+
title?: Record<string, any>;
|
|
3723
|
+
paragraph?: Record<string, any>;
|
|
3724
|
+
}
|
|
3725
|
+
export interface SkeletonBaseProps {
|
|
3726
|
+
active?: boolean;
|
|
3727
|
+
className?: string;
|
|
3728
|
+
style?: Record<string, any>;
|
|
3729
|
+
children?: any;
|
|
3730
|
+
[key: string]: any;
|
|
3731
|
+
}
|
|
3732
|
+
export type SkeletonReactiveValue<T> = T | (() => T) | {
|
|
3733
|
+
value?: T;
|
|
3734
|
+
get?: () => T;
|
|
3735
|
+
};
|
|
3736
|
+
export interface SkeletonAvatarProps extends SkeletonBaseProps {
|
|
3737
|
+
size?: SkeletonSize;
|
|
3738
|
+
shape?: SkeletonAvatarShape;
|
|
3739
|
+
}
|
|
3740
|
+
export interface SkeletonButtonProps extends SkeletonBaseProps {
|
|
3741
|
+
size?: SkeletonSize;
|
|
3742
|
+
shape?: SkeletonButtonShape;
|
|
3743
|
+
block?: boolean;
|
|
3744
|
+
}
|
|
3745
|
+
export interface SkeletonInputProps extends SkeletonBaseProps {
|
|
3746
|
+
size?: SkeletonSize;
|
|
3747
|
+
block?: boolean;
|
|
3748
|
+
}
|
|
3749
|
+
export interface SkeletonNodeProps extends Omit<SkeletonBaseProps, "active"> {
|
|
3750
|
+
active?: SkeletonReactiveValue<boolean>;
|
|
3751
|
+
as?: any;
|
|
3752
|
+
}
|
|
3753
|
+
export interface SkeletonImageProps extends SkeletonNodeProps {
|
|
3754
|
+
aspect?: SkeletonReactiveValue<"square" | "video">;
|
|
3755
|
+
}
|
|
3756
|
+
export interface SkeletonTitleProps extends SkeletonBaseProps {
|
|
3757
|
+
width?: SkeletonWidth;
|
|
3758
|
+
}
|
|
3759
|
+
export interface SkeletonParagraphProps extends SkeletonBaseProps {
|
|
3760
|
+
rows?: number;
|
|
3761
|
+
width?: SkeletonWidth | SkeletonWidth[];
|
|
3762
|
+
rowClassName?: string;
|
|
3763
|
+
}
|
|
3764
|
+
export interface SkeletonProps extends SkeletonBaseProps {
|
|
3765
|
+
as?: any;
|
|
3766
|
+
text?: boolean;
|
|
3767
|
+
loading?: boolean;
|
|
3768
|
+
avatar?: boolean | SkeletonAvatarProps;
|
|
3769
|
+
title?: boolean | SkeletonTitleProps;
|
|
3770
|
+
paragraph?: boolean | SkeletonParagraphProps;
|
|
3771
|
+
round?: boolean;
|
|
3772
|
+
rootClassName?: string;
|
|
3773
|
+
classNames?: SkeletonClassNames;
|
|
3774
|
+
styles?: SkeletonStyles;
|
|
3775
|
+
}
|
|
3776
|
+
export type SkeletonCompound = FC<SkeletonProps> & {
|
|
3777
|
+
Avatar: FC<SkeletonAvatarProps>;
|
|
3778
|
+
Button: FC<SkeletonButtonProps>;
|
|
3779
|
+
Input: FC<SkeletonInputProps>;
|
|
3780
|
+
Image: FC<SkeletonImageProps>;
|
|
3781
|
+
Node: FC<SkeletonNodeProps>;
|
|
3782
|
+
};
|
|
3783
|
+
export declare const Skeleton: SkeletonCompound;
|
|
3784
|
+
export type StackVerticalAlign = "center" | "top" | "bottom";
|
|
3785
|
+
export type StackHorizontalAlign = "center" | "start" | "end";
|
|
3786
|
+
export type StackPlacement = "center" | "top" | "bottom" | "start" | "end" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
|
|
3787
|
+
export interface StackProps {
|
|
3788
|
+
as?: any;
|
|
3789
|
+
vertical?: StackVerticalAlign;
|
|
3790
|
+
horizontal?: StackHorizontalAlign;
|
|
3791
|
+
placement?: StackPlacement;
|
|
3792
|
+
reverse?: boolean;
|
|
3793
|
+
className?: string;
|
|
3794
|
+
children?: any;
|
|
3795
|
+
[key: string]: any;
|
|
3796
|
+
}
|
|
3797
|
+
export declare const Stack: FC<StackProps>;
|
|
3798
|
+
export type StepsDirection = "vertical" | "horizontal";
|
|
3799
|
+
export type StepColor = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
3800
|
+
export type StepStatus = "wait" | "process" | "finish" | "error";
|
|
3801
|
+
export interface StepsProgressDotInfo {
|
|
3802
|
+
index: number;
|
|
3803
|
+
status: StepStatus;
|
|
3804
|
+
title?: any;
|
|
3805
|
+
description?: any;
|
|
3806
|
+
content?: any;
|
|
3807
|
+
}
|
|
3808
|
+
export type StepsProgressDotRender = (iconDot: any, info: StepsProgressDotInfo) => any;
|
|
3809
|
+
export interface StepSharedProps {
|
|
3810
|
+
color?: StepColor;
|
|
3811
|
+
className?: string;
|
|
3812
|
+
title?: any;
|
|
3813
|
+
description?: any;
|
|
3814
|
+
content?: any;
|
|
3815
|
+
subTitle?: any;
|
|
3816
|
+
icon?: any;
|
|
3817
|
+
status?: StepStatus;
|
|
3818
|
+
disabled?: boolean;
|
|
3819
|
+
clickable?: boolean;
|
|
3820
|
+
dataContent?: string;
|
|
3821
|
+
children?: any;
|
|
3822
|
+
[key: string]: any;
|
|
3823
|
+
}
|
|
3824
|
+
export interface StepItem extends StepSharedProps {
|
|
3825
|
+
key?: string | number;
|
|
3826
|
+
onClick?: (event: MouseEvent, index: number) => void;
|
|
3827
|
+
}
|
|
3828
|
+
export interface StepsProps {
|
|
3829
|
+
as?: any;
|
|
3830
|
+
direction?: StepsDirection;
|
|
3831
|
+
orientation?: StepsDirection;
|
|
3832
|
+
className?: string;
|
|
3833
|
+
children?: any;
|
|
3834
|
+
items?: ReadonlyArray<StepItem>;
|
|
3835
|
+
current?: number;
|
|
3836
|
+
status?: StepStatus;
|
|
3837
|
+
progressDot?: boolean | StepsProgressDotRender;
|
|
3838
|
+
onChange?: (current: number) => void;
|
|
3839
|
+
[key: string]: any;
|
|
3840
|
+
}
|
|
3841
|
+
export interface StepProps extends StepSharedProps {
|
|
3842
|
+
as?: any;
|
|
3843
|
+
index?: number;
|
|
3844
|
+
onClick?: (event: MouseEvent, index?: number) => void;
|
|
3845
|
+
onKeyDown?: (event: KeyboardEvent) => void;
|
|
3846
|
+
}
|
|
3847
|
+
export interface StepIconProps {
|
|
3848
|
+
as?: any;
|
|
3849
|
+
className?: string;
|
|
3850
|
+
children?: any;
|
|
3851
|
+
[key: string]: any;
|
|
3852
|
+
}
|
|
3853
|
+
export type StepsCompound = FC<StepsProps> & {
|
|
3854
|
+
Step: FC<StepProps>;
|
|
3855
|
+
Icon: FC<StepIconProps>;
|
|
3856
|
+
};
|
|
3857
|
+
export declare const StepsCompound: StepsCompound;
|
|
3858
|
+
export type SwapEffect = "rotate" | "flip";
|
|
3859
|
+
export interface SwapChangeMeta {
|
|
3860
|
+
checked: boolean;
|
|
3861
|
+
indeterminate: boolean;
|
|
3862
|
+
active: boolean;
|
|
3863
|
+
mode: "input" | "class";
|
|
3864
|
+
}
|
|
3865
|
+
export interface SwapProps {
|
|
3866
|
+
as?: any;
|
|
3867
|
+
active?: boolean;
|
|
3868
|
+
checked?: boolean;
|
|
3869
|
+
defaultChecked?: boolean;
|
|
3870
|
+
disabled?: boolean;
|
|
3871
|
+
indeterminate?: boolean;
|
|
3872
|
+
defaultIndeterminate?: boolean;
|
|
3873
|
+
rotate?: boolean;
|
|
3874
|
+
flip?: boolean;
|
|
3875
|
+
effect?: SwapEffect;
|
|
3876
|
+
className?: string;
|
|
3877
|
+
inputClassName?: string;
|
|
3878
|
+
inputProps?: Record<string, any>;
|
|
3879
|
+
children?: any;
|
|
3880
|
+
onChange?: (event: Event, meta: SwapChangeMeta) => void;
|
|
3881
|
+
onCheckedChange?: (checked: boolean, event: Event) => void;
|
|
3882
|
+
[key: string]: any;
|
|
3883
|
+
}
|
|
3884
|
+
export interface SwapPartProps {
|
|
3885
|
+
as?: any;
|
|
3886
|
+
className?: string;
|
|
3887
|
+
children?: any;
|
|
3888
|
+
[key: string]: any;
|
|
3889
|
+
}
|
|
3890
|
+
export type SwapCompound = FC<SwapProps> & {
|
|
3891
|
+
On: FC<SwapPartProps>;
|
|
3892
|
+
Off: FC<SwapPartProps>;
|
|
3893
|
+
Indeterminate: FC<SwapPartProps>;
|
|
3894
|
+
};
|
|
3895
|
+
export declare const SwapCompound: SwapCompound;
|
|
3896
|
+
export type ThemeInputType = "checkbox" | "radio";
|
|
3897
|
+
export type ThemeAppearance = "light" | "dark";
|
|
3898
|
+
export type ThemeDensity = "default" | "compact";
|
|
3899
|
+
export type ThemeProviderTag = "article" | "div" | "section" | "span";
|
|
3900
|
+
export interface ThemeStyleRecord {
|
|
3901
|
+
[key: string]: string | number | undefined;
|
|
3902
|
+
}
|
|
3903
|
+
export interface ThemeColorTokens {
|
|
3904
|
+
primary: string;
|
|
3905
|
+
primaryContent: string;
|
|
3906
|
+
secondary: string;
|
|
3907
|
+
secondaryContent: string;
|
|
3908
|
+
accent: string;
|
|
3909
|
+
accentContent: string;
|
|
3910
|
+
neutral: string;
|
|
3911
|
+
neutralContent: string;
|
|
3912
|
+
base100: string;
|
|
3913
|
+
base200: string;
|
|
3914
|
+
base300: string;
|
|
3915
|
+
baseContent: string;
|
|
3916
|
+
info: string;
|
|
3917
|
+
infoContent: string;
|
|
3918
|
+
success: string;
|
|
3919
|
+
successContent: string;
|
|
3920
|
+
warning: string;
|
|
3921
|
+
warningContent: string;
|
|
3922
|
+
error: string;
|
|
3923
|
+
errorContent: string;
|
|
3924
|
+
}
|
|
3925
|
+
export interface ThemeRadiusTokens {
|
|
3926
|
+
selector: string;
|
|
3927
|
+
field: string;
|
|
3928
|
+
box: string;
|
|
3929
|
+
}
|
|
3930
|
+
export interface ThemeSizeTokens {
|
|
3931
|
+
selector: string;
|
|
3932
|
+
field: string;
|
|
3933
|
+
}
|
|
3934
|
+
export interface ThemeSpacingTokens {
|
|
3935
|
+
xs: string;
|
|
3936
|
+
sm: string;
|
|
3937
|
+
md: string;
|
|
3938
|
+
lg: string;
|
|
3939
|
+
xl: string;
|
|
3940
|
+
}
|
|
3941
|
+
export interface ThemeTypographyTokens {
|
|
3942
|
+
family: string;
|
|
3943
|
+
monoFamily: string;
|
|
3944
|
+
size: string;
|
|
3945
|
+
lineHeight: string;
|
|
3946
|
+
}
|
|
3947
|
+
export interface ThemeShadowTokens {
|
|
3948
|
+
sm: string;
|
|
3949
|
+
md: string;
|
|
3950
|
+
lg: string;
|
|
3951
|
+
}
|
|
3952
|
+
export interface ThemeDesignToken {
|
|
3953
|
+
themeName: string;
|
|
3954
|
+
resolvedThemeName?: string;
|
|
3955
|
+
appearance: ThemeAppearance;
|
|
3956
|
+
density: ThemeDensity;
|
|
3957
|
+
colorScheme: ThemeAppearance;
|
|
3958
|
+
colors: ThemeColorTokens;
|
|
3959
|
+
radius: ThemeRadiusTokens;
|
|
3960
|
+
size: ThemeSizeTokens;
|
|
3961
|
+
spacing: ThemeSpacingTokens;
|
|
3962
|
+
typography: ThemeTypographyTokens;
|
|
3963
|
+
shadow: ThemeShadowTokens;
|
|
3964
|
+
borderWidth: string;
|
|
3965
|
+
depth: 0 | 1;
|
|
3966
|
+
noise: 0 | 1;
|
|
3967
|
+
}
|
|
3968
|
+
export interface ThemeTokenOverride {
|
|
3969
|
+
appearance?: ThemeAppearance;
|
|
3970
|
+
density?: ThemeDensity;
|
|
3971
|
+
colorScheme?: ThemeAppearance;
|
|
3972
|
+
colors?: Partial<ThemeColorTokens>;
|
|
3973
|
+
radius?: Partial<ThemeRadiusTokens>;
|
|
3974
|
+
size?: Partial<ThemeSizeTokens>;
|
|
3975
|
+
spacing?: Partial<ThemeSpacingTokens>;
|
|
3976
|
+
typography?: Partial<ThemeTypographyTokens>;
|
|
3977
|
+
shadow?: Partial<ThemeShadowTokens>;
|
|
3978
|
+
borderWidth?: string;
|
|
3979
|
+
depth?: 0 | 1;
|
|
3980
|
+
noise?: 0 | 1;
|
|
3981
|
+
}
|
|
3982
|
+
export type ThemeAlgorithm = (token: ThemeDesignToken) => ThemeDesignToken;
|
|
3983
|
+
export interface ThemeConfig {
|
|
3984
|
+
theme?: string;
|
|
3985
|
+
token?: ThemeTokenOverride;
|
|
3986
|
+
algorithm?: ThemeAlgorithm | readonly ThemeAlgorithm[];
|
|
3987
|
+
baseToken?: ThemeDesignToken;
|
|
3988
|
+
}
|
|
3989
|
+
export interface ThemeTokenRuntime {
|
|
3990
|
+
theme: string;
|
|
3991
|
+
resolvedTheme?: string;
|
|
3992
|
+
token: ThemeDesignToken;
|
|
3993
|
+
cssVariables: ThemeStyleRecord;
|
|
3994
|
+
}
|
|
3995
|
+
export interface ThemeProviderProps extends ThemeConfig {
|
|
3996
|
+
as?: ThemeProviderTag;
|
|
3997
|
+
className?: string;
|
|
3998
|
+
render?: (scope: ThemeTokenRuntime) => any;
|
|
3999
|
+
style?: ThemeStyleRecord | string;
|
|
4000
|
+
children?: any;
|
|
4001
|
+
[key: string]: any;
|
|
4002
|
+
}
|
|
4003
|
+
export interface ThemeControllerProps {
|
|
4004
|
+
type?: ThemeInputType;
|
|
4005
|
+
className?: string;
|
|
4006
|
+
theme?: string;
|
|
4007
|
+
[key: string]: any;
|
|
4008
|
+
}
|
|
4009
|
+
export type ThemeControllerCompound = FC<ThemeControllerProps> & {
|
|
4010
|
+
Provider: FC<ThemeProviderProps>;
|
|
4011
|
+
compactAlgorithm: ThemeAlgorithm;
|
|
4012
|
+
darkAlgorithm: ThemeAlgorithm;
|
|
4013
|
+
defaultAlgorithm: ThemeAlgorithm;
|
|
4014
|
+
defaultConfig: ThemeConfig;
|
|
4015
|
+
defaultSeed: ThemeDesignToken;
|
|
4016
|
+
getDesignToken: (config?: ThemeConfig) => ThemeDesignToken;
|
|
4017
|
+
presets: Readonly<Record<string, ThemeTokenOverride>>;
|
|
4018
|
+
useToken: (config?: ThemeConfig) => ThemeTokenRuntime;
|
|
4019
|
+
};
|
|
4020
|
+
export declare const ThemeController: ThemeControllerCompound;
|
|
4021
|
+
export type ToastHorizontal = "start" | "center" | "end";
|
|
4022
|
+
export type ToastVertical = "top" | "middle" | "bottom";
|
|
4023
|
+
export type ToastStack = "vertical" | "horizontal";
|
|
4024
|
+
export type ToastInset = number | string | {
|
|
4025
|
+
x?: number | string;
|
|
4026
|
+
y?: number | string;
|
|
4027
|
+
};
|
|
4028
|
+
export type ToastItemType = "neutral" | "info" | "success" | "warning" | "error" | "loading";
|
|
4029
|
+
export type ToastItemVariant = "soft" | "solid" | "outline";
|
|
4030
|
+
export type ToastCloseSource = "close" | "timeout";
|
|
4031
|
+
export type ToastMessageKey = string | number;
|
|
4032
|
+
export type ToastGetContainer = string | HTMLElement | (() => HTMLElement) | false;
|
|
4033
|
+
export type ToastPlacement = "top-start" | "top" | "top-center" | "top-end" | "middle-start" | "middle" | "middle-center" | "middle-end" | "bottom-start" | "bottom" | "bottom-center" | "bottom-end" | "start" | "center" | "end";
|
|
4034
|
+
export interface ToastProps {
|
|
4035
|
+
as?: any;
|
|
4036
|
+
placement?: ToastPlacement;
|
|
4037
|
+
horizontal?: ToastHorizontal;
|
|
4038
|
+
vertical?: ToastVertical;
|
|
4039
|
+
stack?: ToastStack;
|
|
4040
|
+
reverse?: boolean;
|
|
4041
|
+
inset?: ToastInset;
|
|
4042
|
+
gap?: number | string;
|
|
4043
|
+
zIndex?: number | string;
|
|
4044
|
+
className?: string;
|
|
4045
|
+
style?: Record<string, any>;
|
|
4046
|
+
children?: any;
|
|
4047
|
+
[key: string]: any;
|
|
4048
|
+
}
|
|
4049
|
+
export interface ToastItemCloseMeta {
|
|
4050
|
+
source: ToastCloseSource;
|
|
4051
|
+
event?: Event;
|
|
4052
|
+
}
|
|
4053
|
+
export interface ToastMessageConfig extends Omit<ToastItemProps, "open" | "defaultOpen"> {
|
|
4054
|
+
key?: ToastMessageKey;
|
|
4055
|
+
content?: any;
|
|
4056
|
+
}
|
|
4057
|
+
export interface ToastUseMessageOptions extends Omit<ToastProps, "children"> {
|
|
4058
|
+
getContainer?: ToastGetContainer;
|
|
4059
|
+
maxCount?: number;
|
|
4060
|
+
duration?: number | null;
|
|
4061
|
+
closable?: boolean;
|
|
4062
|
+
pauseOnHover?: boolean;
|
|
4063
|
+
showIcon?: boolean;
|
|
4064
|
+
variant?: ToastItemVariant;
|
|
4065
|
+
type?: ToastItemType;
|
|
4066
|
+
}
|
|
4067
|
+
export interface ToastMessageApi {
|
|
4068
|
+
open: (config: ToastMessageConfig) => () => void;
|
|
4069
|
+
info: (config: Omit<ToastMessageConfig, "type">) => () => void;
|
|
4070
|
+
success: (config: Omit<ToastMessageConfig, "type">) => () => void;
|
|
4071
|
+
warning: (config: Omit<ToastMessageConfig, "type">) => () => void;
|
|
4072
|
+
error: (config: Omit<ToastMessageConfig, "type">) => () => void;
|
|
4073
|
+
loading: (config: Omit<ToastMessageConfig, "type">) => () => void;
|
|
4074
|
+
destroy: (key?: ToastMessageKey) => void;
|
|
4075
|
+
}
|
|
4076
|
+
export interface ToastItemProps {
|
|
4077
|
+
as?: any;
|
|
4078
|
+
open?: boolean;
|
|
4079
|
+
defaultOpen?: boolean;
|
|
4080
|
+
type?: ToastItemType;
|
|
4081
|
+
variant?: ToastItemVariant;
|
|
4082
|
+
icon?: any;
|
|
4083
|
+
showIcon?: boolean;
|
|
4084
|
+
title?: any;
|
|
4085
|
+
description?: any;
|
|
4086
|
+
action?: any;
|
|
4087
|
+
closable?: boolean;
|
|
4088
|
+
closeIcon?: any;
|
|
4089
|
+
duration?: number | null;
|
|
4090
|
+
pauseOnHover?: boolean;
|
|
4091
|
+
className?: string;
|
|
4092
|
+
style?: Record<string, any>;
|
|
4093
|
+
contentClassName?: string;
|
|
4094
|
+
titleClassName?: string;
|
|
4095
|
+
descriptionClassName?: string;
|
|
4096
|
+
iconClassName?: string;
|
|
4097
|
+
actionClassName?: string;
|
|
4098
|
+
closeClassName?: string;
|
|
4099
|
+
children?: any;
|
|
4100
|
+
onClose?: (meta: ToastItemCloseMeta) => void;
|
|
4101
|
+
onOpenChange?: (open: boolean, meta: ToastItemCloseMeta) => void;
|
|
4102
|
+
[key: string]: any;
|
|
4103
|
+
}
|
|
4104
|
+
export interface ToastPartProps {
|
|
4105
|
+
as?: any;
|
|
4106
|
+
className?: string;
|
|
4107
|
+
style?: Record<string, any>;
|
|
4108
|
+
children?: any;
|
|
4109
|
+
[key: string]: any;
|
|
4110
|
+
}
|
|
4111
|
+
export interface ToastCloseProps extends ToastPartProps {
|
|
4112
|
+
icon?: any;
|
|
4113
|
+
label?: string;
|
|
4114
|
+
}
|
|
4115
|
+
export type ToastCompound = FC<ToastProps> & {
|
|
4116
|
+
Item: FC<ToastItemProps>;
|
|
4117
|
+
Icon: FC<ToastPartProps>;
|
|
4118
|
+
Content: FC<ToastPartProps>;
|
|
4119
|
+
Title: FC<ToastPartProps>;
|
|
4120
|
+
Description: FC<ToastPartProps>;
|
|
4121
|
+
Action: FC<ToastPartProps>;
|
|
4122
|
+
Close: FC<ToastCloseProps>;
|
|
4123
|
+
useMessage: (options?: ToastUseMessageOptions) => readonly [
|
|
4124
|
+
ToastMessageApi,
|
|
4125
|
+
any
|
|
4126
|
+
];
|
|
4127
|
+
};
|
|
4128
|
+
export declare const ToastCompound: ToastCompound;
|
|
4129
|
+
export type ToggleColor = "primary" | "secondary" | "accent" | "neutral" | "success" | "warning" | "info" | "error";
|
|
4130
|
+
export type ToggleSize = "xs" | "sm" | "md" | "lg" | "xl" | "small" | "default" | "medium";
|
|
4131
|
+
export type ToggleValue = boolean | string | number;
|
|
4132
|
+
export interface ToggleProps {
|
|
4133
|
+
color?: ToggleColor;
|
|
4134
|
+
size?: ToggleSize;
|
|
4135
|
+
checked?: boolean;
|
|
4136
|
+
defaultChecked?: boolean;
|
|
4137
|
+
value?: ToggleValue;
|
|
4138
|
+
defaultValue?: ToggleValue;
|
|
4139
|
+
checkedChildren?: any;
|
|
4140
|
+
unCheckedChildren?: any;
|
|
4141
|
+
loading?: boolean;
|
|
4142
|
+
disabled?: boolean;
|
|
4143
|
+
className?: string;
|
|
4144
|
+
rootClassName?: string;
|
|
4145
|
+
contentClassName?: string;
|
|
4146
|
+
stateClassName?: string;
|
|
4147
|
+
style?: any;
|
|
4148
|
+
rootStyle?: any;
|
|
4149
|
+
children?: any;
|
|
4150
|
+
onChange?: (checked: boolean, event: Event) => void;
|
|
4151
|
+
onCheckedChange?: (checked: boolean, event: Event) => void;
|
|
4152
|
+
onClick?: (checked: boolean, event: Event) => void;
|
|
4153
|
+
onNativeChange?: (event: Event) => void;
|
|
4154
|
+
[key: string]: any;
|
|
4155
|
+
}
|
|
4156
|
+
export declare const Toggle: FC<ToggleProps>;
|
|
4157
|
+
export type TooltipPresetColor = "neutral" | "primary" | "secondary" | "accent" | "info" | "success" | "warning" | "error";
|
|
4158
|
+
export type TooltipColor = TooltipPresetColor | string;
|
|
4159
|
+
export type TooltipPlacement = "top" | "bottom" | "left" | "right" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
|
|
4160
|
+
export type TooltipTrigger = "hover" | "focus" | "click" | "contextMenu";
|
|
4161
|
+
export interface TooltipClassNames {
|
|
4162
|
+
root?: string;
|
|
4163
|
+
body?: string;
|
|
4164
|
+
}
|
|
4165
|
+
export interface TooltipStyles {
|
|
4166
|
+
root?: Record<string, any>;
|
|
4167
|
+
body?: Record<string, any>;
|
|
4168
|
+
}
|
|
4169
|
+
export interface TooltipProps {
|
|
4170
|
+
as?: string;
|
|
4171
|
+
tip?: string | number;
|
|
4172
|
+
title?: any;
|
|
4173
|
+
content?: any;
|
|
4174
|
+
overlay?: any;
|
|
4175
|
+
placement?: TooltipPlacement;
|
|
4176
|
+
color?: TooltipColor;
|
|
4177
|
+
open?: boolean;
|
|
4178
|
+
defaultOpen?: boolean;
|
|
4179
|
+
disabled?: boolean;
|
|
4180
|
+
arrow?: boolean;
|
|
4181
|
+
trigger?: TooltipTrigger | TooltipTrigger[];
|
|
4182
|
+
openClassName?: string;
|
|
4183
|
+
overlayClassName?: string;
|
|
4184
|
+
overlayStyle?: Record<string, any>;
|
|
4185
|
+
classNames?: TooltipClassNames;
|
|
4186
|
+
styles?: TooltipStyles;
|
|
4187
|
+
className?: string;
|
|
4188
|
+
style?: Record<string, any>;
|
|
4189
|
+
onOpenChange?: (open: boolean) => void;
|
|
4190
|
+
children?: any;
|
|
4191
|
+
[key: string]: any;
|
|
4192
|
+
}
|
|
4193
|
+
export interface TooltipContentProps {
|
|
4194
|
+
as?: string;
|
|
4195
|
+
className?: string;
|
|
4196
|
+
style?: Record<string, any>;
|
|
4197
|
+
children?: any;
|
|
4198
|
+
[key: string]: any;
|
|
4199
|
+
}
|
|
4200
|
+
export type TooltipCompound = FC<TooltipProps> & {
|
|
4201
|
+
Content: FC<TooltipContentProps>;
|
|
4202
|
+
};
|
|
4203
|
+
export declare const Tooltip: TooltipCompound;
|
|
4204
|
+
export type ValidatorHost = "input" | "select" | "textarea";
|
|
4205
|
+
export type ValidatorAppearance = "input" | "select" | "textarea" | "checkbox" | "toggle";
|
|
4206
|
+
export type ValidatorHintHost = "div" | "p" | "span";
|
|
4207
|
+
export type ValidatorFieldHost = "div" | "fieldset";
|
|
4208
|
+
export type ValidatorSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
4209
|
+
export type ValidatorStatus = "error" | "success" | "warning";
|
|
4210
|
+
export interface ValidatorProps {
|
|
4211
|
+
as?: ValidatorHost;
|
|
4212
|
+
appearance?: ValidatorAppearance;
|
|
4213
|
+
size?: ValidatorSize;
|
|
4214
|
+
status?: ValidatorStatus;
|
|
4215
|
+
className?: string;
|
|
4216
|
+
children?: any;
|
|
4217
|
+
[key: string]: any;
|
|
4218
|
+
}
|
|
4219
|
+
export interface ValidatorHintProps {
|
|
4220
|
+
as?: ValidatorHintHost;
|
|
4221
|
+
className?: string;
|
|
4222
|
+
children?: any;
|
|
4223
|
+
hideUntilInvalid?: boolean;
|
|
4224
|
+
lines?: any[];
|
|
4225
|
+
[key: string]: any;
|
|
4226
|
+
}
|
|
4227
|
+
export interface ValidatorFieldProps extends Omit<ValidatorProps, "className"> {
|
|
4228
|
+
fieldAs?: ValidatorFieldHost;
|
|
4229
|
+
className?: string;
|
|
4230
|
+
controlClassName?: string;
|
|
4231
|
+
label?: any;
|
|
4232
|
+
labelClassName?: string;
|
|
4233
|
+
hint?: any;
|
|
4234
|
+
hintAs?: ValidatorHintHost;
|
|
4235
|
+
hintClassName?: string;
|
|
4236
|
+
hideHintWhenValid?: boolean;
|
|
4237
|
+
extra?: any;
|
|
4238
|
+
extraClassName?: string;
|
|
4239
|
+
requiredMark?: boolean;
|
|
4240
|
+
}
|
|
4241
|
+
export type ValidatorCompound = FC<ValidatorProps> & {
|
|
4242
|
+
Hint: FC<ValidatorHintProps>;
|
|
4243
|
+
Field: FC<ValidatorFieldProps>;
|
|
4244
|
+
};
|
|
4245
|
+
export declare const ValidatorCompound: ValidatorCompound;
|
|
4246
|
+
|
|
4247
|
+
export {
|
|
4248
|
+
AccordionCompound as Accordion,
|
|
4249
|
+
AvatarCompound as Avatar,
|
|
4250
|
+
BreadcrumbsCompound as Breadcrumbs,
|
|
4251
|
+
CalendarCompound as Calendar,
|
|
4252
|
+
CardCompound as Card,
|
|
4253
|
+
CarouselCompound as Carousel,
|
|
4254
|
+
ChatCompound as Chat,
|
|
4255
|
+
CheckboxCompound as Checkbox,
|
|
4256
|
+
CollapseCompound as Collapse,
|
|
4257
|
+
CountdownCompound as Countdown,
|
|
4258
|
+
DiffCompound as Diff,
|
|
4259
|
+
DockCompound as Dock,
|
|
4260
|
+
DropdownCompound as Dropdown,
|
|
4261
|
+
FabCompound as Fab,
|
|
4262
|
+
FilterCompound as Filter,
|
|
4263
|
+
HeroCompound as Hero,
|
|
4264
|
+
IndicatorCompound as Indicator,
|
|
4265
|
+
InputCompound as Input,
|
|
4266
|
+
JoinCompound as Join,
|
|
4267
|
+
LabelCompound as Label,
|
|
4268
|
+
ListCompound as List,
|
|
4269
|
+
MenuCompound as Menu,
|
|
4270
|
+
Range$1 as Range,
|
|
4271
|
+
RatingCompound as Rating,
|
|
4272
|
+
StatCompound as Stat,
|
|
4273
|
+
StepsCompound as Steps,
|
|
4274
|
+
SwapCompound as Swap,
|
|
4275
|
+
TableCompound as Table,
|
|
4276
|
+
TimelineCompound as Timeline,
|
|
4277
|
+
ToastCompound as Toast,
|
|
4278
|
+
ValidatorCompound as Validator,
|
|
4279
|
+
};
|
|
4280
|
+
|
|
4281
|
+
export {};
|