@sia.soul/sia-react-ui 0.1.20 → 0.1.22
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/Select-4hGJt3RJ.d.cts +142 -0
- package/dist/Select-BNSE67xn.d.ts +142 -0
- package/dist/chart.d.cts +2498 -0
- package/dist/chart.d.ts +2498 -0
- package/dist/{chunk-4HB6GC24.js → chunk-3TRRBMXY.js} +37 -8
- package/dist/{chunk-3RWL67CK.js → chunk-7RNS52YG.js} +38 -5
- package/dist/{chunk-SUMXP2SF.js → chunk-KLI65JVD.js} +12 -4
- package/dist/{chunk-I3EF5SF2.js → chunk-RWGSZW32.js} +1 -1
- package/dist/{chunk-LO3BUBWU.js → chunk-VN6PIPP7.js} +2 -2
- package/dist/{core-CdoVqv0o.d.ts → core-C5OnrCi4.d.cts} +1207 -3
- package/dist/{core-CM79w-7A.d.cts → core-DeZknKwc.d.ts} +1207 -3
- package/dist/core.cjs +77 -13
- package/dist/core.css +29 -5
- package/dist/core.d.cts +3 -3
- package/dist/core.d.ts +3 -3
- package/dist/core.js +3 -3
- package/dist/index.cjs +167 -25
- package/dist/index.css +29 -5
- package/dist/index.d.cts +1697 -8
- package/dist/index.d.ts +1697 -8
- package/dist/index.js +89 -17
- package/dist/markdown-editor.d.cts +41 -1
- package/dist/markdown-editor.d.ts +41 -1
- package/dist/rich-text-editor.cjs +11 -3
- package/dist/rich-text-editor.d.cts +46 -1
- package/dist/rich-text-editor.d.ts +46 -1
- package/dist/rich-text-editor.js +2 -2
- package/dist/{select-date-range-4tEYkA5O.d.cts → select-date-range-CGRb3-W8.d.ts} +116 -2
- package/dist/{select-date-range-D-ynrB5k.d.ts → select-date-range-DDmYGDD4.d.cts} +116 -2
- package/dist/select-date-range.cjs +36 -7
- package/dist/select-date-range.d.cts +3 -3
- package/dist/select-date-range.d.ts +3 -3
- package/dist/select-date-range.js +3 -3
- package/dist/{shared-DAYZvZVu.d.cts → shared-Bx4B28Wh.d.cts} +3 -0
- package/dist/{shared-DAYZvZVu.d.ts → shared-Bx4B28Wh.d.ts} +3 -0
- package/package.json +1 -1
- package/dist/Select-Cz3hzQl_.d.ts +0 -57
- package/dist/Select-Da9CLN0X.d.cts +0 -57
|
@@ -1,36 +1,86 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { ButtonHTMLAttributes, ReactNode, HTMLAttributes, CSSProperties, MouseEvent, ReactElement, ImgHTMLAttributes, InputHTMLAttributes, MouseEventHandler, AnchorHTMLAttributes } from 'react';
|
|
3
|
-
import { C as ControlSize, a as ControlStatus, I as InputPlaceholderMode } from './shared-
|
|
4
|
-
import './Select-
|
|
3
|
+
import { C as ControlSize, a as ControlStatus, I as InputPlaceholderMode } from './shared-Bx4B28Wh.cjs';
|
|
4
|
+
import './Select-4hGJt3RJ.cjs';
|
|
5
5
|
|
|
6
|
+
/** 按钮视觉样式,可选择主按钮、默认按钮、文本按钮或链接等形式。 */
|
|
6
7
|
type ButtonVariant = "primary" | "default" | "dashed" | "filled" | "text" | "link";
|
|
8
|
+
/** 按钮尺寸等级。 */
|
|
7
9
|
type ButtonSize = ControlSize;
|
|
10
|
+
/** 按钮的属性配置。 */
|
|
8
11
|
interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
12
|
+
/**
|
|
13
|
+
组件的视觉样式。
|
|
14
|
+
* @defaultValue "default"
|
|
15
|
+
*/
|
|
9
16
|
variant?: ButtonVariant;
|
|
17
|
+
/** small / medium / large 高度为 22 / 30 / 38px;默认继承 Form,组件自身 size 优先 */
|
|
10
18
|
size?: ButtonSize;
|
|
19
|
+
/**
|
|
20
|
+
* 显示加载状态并禁止重复点击
|
|
21
|
+
* @defaultValue false
|
|
22
|
+
*/
|
|
11
23
|
loading?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* 宽度撑满父容器
|
|
26
|
+
* @defaultValue false
|
|
27
|
+
*/
|
|
12
28
|
block?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* 危险操作样式
|
|
31
|
+
* @defaultValue false
|
|
32
|
+
*/
|
|
13
33
|
danger?: boolean;
|
|
34
|
+
/** 按钮图标 */
|
|
14
35
|
icon?: ReactNode;
|
|
36
|
+
/**
|
|
37
|
+
* 图标位置
|
|
38
|
+
* @defaultValue "start"
|
|
39
|
+
*/
|
|
15
40
|
iconPosition?: "start" | "end";
|
|
16
41
|
}
|
|
42
|
+
/** 按钮组件。 */
|
|
17
43
|
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
18
44
|
|
|
45
|
+
/** 卡片强调装饰的显示方式。 */
|
|
19
46
|
type CardAccent = "primary" | "success" | "warning" | "error";
|
|
47
|
+
/** 卡片的属性配置。 */
|
|
20
48
|
interface CardProps extends Omit<HTMLAttributes<HTMLElement>, "title"> {
|
|
49
|
+
/** 标题内容,可传入文本或 React 节点。 */
|
|
21
50
|
title?: ReactNode;
|
|
51
|
+
/** 补充说明内容。 */
|
|
22
52
|
description?: ReactNode;
|
|
53
|
+
/** 主体之外的补充内容或操作区。 */
|
|
23
54
|
extra?: ReactNode;
|
|
55
|
+
/** 强调装饰样式。 */
|
|
24
56
|
accent?: CardAccent;
|
|
57
|
+
/** 强调装饰的颜色。 */
|
|
25
58
|
accentColor?: string;
|
|
59
|
+
/**
|
|
60
|
+
* 允许收起内容区域
|
|
61
|
+
* @defaultValue false
|
|
62
|
+
*/
|
|
26
63
|
collapsible?: boolean;
|
|
64
|
+
/** 是否收起;传入后由外部控制。 */
|
|
27
65
|
collapsed?: boolean;
|
|
66
|
+
/**
|
|
67
|
+
* 非受控模式的初始收起状态。
|
|
68
|
+
* @defaultValue false
|
|
69
|
+
*/
|
|
28
70
|
defaultCollapsed?: boolean;
|
|
71
|
+
/** 收起状态变化回调 */
|
|
29
72
|
onCollapsedChange?: (collapsed: boolean) => void;
|
|
73
|
+
/** 固定内容区高度并开启内部滚动 */
|
|
30
74
|
bodyHeight?: number | string;
|
|
75
|
+
/**
|
|
76
|
+
* 内容区域的 CSS 类名。
|
|
77
|
+
* @defaultValue ""
|
|
78
|
+
*/
|
|
31
79
|
bodyClassName?: string;
|
|
80
|
+
/** 内容区域的内联样式。 */
|
|
32
81
|
bodyStyle?: CSSProperties;
|
|
33
82
|
}
|
|
83
|
+
/** 卡片组件。 */
|
|
34
84
|
declare function Card({ title, description, extra, accent, accentColor, collapsible, collapsed, defaultCollapsed, onCollapsedChange, bodyHeight, bodyClassName, bodyStyle, className, style, children, ...props }: CardProps): react.JSX.Element;
|
|
35
85
|
|
|
36
86
|
declare const iconPaths: {
|
|
@@ -245,7 +295,9 @@ declare const iconPaths: {
|
|
|
245
295
|
code: react.JSX.Element;
|
|
246
296
|
github: react.JSX.Element;
|
|
247
297
|
};
|
|
298
|
+
/** 可用的线框图标名称。 */
|
|
248
299
|
type IconName = keyof typeof iconPaths;
|
|
300
|
+
/** 可用线框图标名称集合。 */
|
|
249
301
|
declare const ICON_NAMES: readonly ("warning" | "link" | "copy" | "move" | "zoom-in" | "zoom-out" | "table" | "italic" | "bold" | "underline" | "menu" | "search" | "send" | "notepad-file" | "notepad-folder" | "notepad-virtual-folder" | "step-backward" | "step-forward" | "fast-backward" | "fast-forward" | "corner-up-left" | "corner-up-right" | "swap-horizontal" | "swap-vertical" | "expand" | "shrink" | "fullscreen" | "fullscreen-exit" | "menu-fold" | "menu-unfold" | "login" | "logout" | "vertical-align-top" | "vertical-align-middle" | "vertical-align-bottom" | "square-plus" | "square-minus" | "square-check" | "square-close" | "tab-plus" | "folder-plus" | "pin" | "pin-off" | "stop" | "help-circle" | "save" | "clipboard" | "clipboard-check" | "file-plus" | "file-check" | "file-warning" | "file-spreadsheet" | "align-left" | "align-center" | "align-right" | "align-justify" | "strikethrough" | "list-ordered" | "list-unordered" | "eraser" | "highlighter" | "columns" | "rows" | "bar-chart" | "line-chart" | "pie-chart" | "area-chart" | "activity" | "trending-up" | "trending-down" | "database" | "cloud" | "cloud-download" | "cloud-upload" | "server" | "desktop" | "laptop" | "mobile" | "tablet" | "printer" | "camera" | "video" | "microphone" | "volume-up" | "volume-off" | "speaker-wave" | "speaker-muted" | "wifi" | "power" | "key" | "shield" | "shield-check" | "bug" | "bulb" | "rocket" | "target" | "trophy" | "shopping-cart" | "shopping-bag" | "shop" | "wallet" | "bank" | "calculator" | "tag" | "tags" | "message" | "comments" | "share" | "paperclip" | "location" | "compass" | "car" | "truck" | "gift" | "coffee" | "experiment" | "tool" | "appstore" | "puzzle" | "partition" | "branches" | "scan" | "qr-code" | "barcode" | "user-plus" | "user-minus" | "smile" | "meh" | "frown" | "game-cultivator" | "game-swordsman" | "game-spirit-wolf" | "game-gem" | "game-ingot" | "game-sword" | "game-robe" | "game-pants" | "game-pendant" | "game-necklace" | "game-pill" | "game-potion" | "game-elixir-jar" | "game-flame" | "game-soul-elixir" | "game-herb" | "game-meditate" | "game-backpack" | "game-qi" | "plus" | "minus" | "close" | "check" | "info" | "question" | "circle-check" | "circle-close" | "circle-plus" | "circle-minus" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down" | "double-left" | "double-right" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-down" | "more-horizontal" | "more-vertical" | "home" | "user" | "users" | "settings" | "edit" | "trash" | "scissors" | "undo" | "redo" | "download" | "upload" | "refresh" | "loader" | "calendar" | "clock" | "mail" | "phone" | "external-link" | "eye" | "eye-off" | "lock" | "unlock" | "bell" | "star" | "heart" | "file" | "folder" | "image" | "filter" | "sort-ascending" | "sort-descending" | "play" | "pause" | "book" | "component" | "token" | "sun" | "moon" | "code" | "github")[];
|
|
250
302
|
declare const filledIconPaths: {
|
|
251
303
|
info: react.JSX.Element;
|
|
@@ -277,762 +329,1855 @@ declare const filledIconPaths: {
|
|
|
277
329
|
component: react.JSX.Element;
|
|
278
330
|
token: react.JSX.Element;
|
|
279
331
|
};
|
|
332
|
+
/** 可用的填充图标名称。 */
|
|
280
333
|
type FilledIconName = keyof typeof filledIconPaths;
|
|
334
|
+
/** 图标采用线框还是填充样式。 */
|
|
281
335
|
type IconVariant = "outline" | "filled";
|
|
336
|
+
/** 可用填充图标名称集合。 */
|
|
282
337
|
declare const FILLED_ICON_NAMES: readonly ("warning" | "info" | "question" | "circle-check" | "circle-close" | "circle-plus" | "circle-minus" | "home" | "user" | "users" | "trash" | "calendar" | "clock" | "mail" | "lock" | "unlock" | "bell" | "star" | "heart" | "file" | "folder" | "image" | "filter" | "play" | "pause" | "book" | "component" | "token")[];
|
|
338
|
+
/** 图标的属性配置。 */
|
|
283
339
|
interface IconProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
|
|
340
|
+
/** 名称或字段标识。 */
|
|
284
341
|
name: IconName;
|
|
342
|
+
/**
|
|
343
|
+
* 组件尺寸;用于调整控件高度、字号和间距。
|
|
344
|
+
* @defaultValue "1em"
|
|
345
|
+
*/
|
|
285
346
|
size?: number | string;
|
|
347
|
+
/**
|
|
348
|
+
* 描边或进度轨道粗细。
|
|
349
|
+
* @defaultValue 1.8
|
|
350
|
+
*/
|
|
286
351
|
strokeWidth?: number;
|
|
352
|
+
/**
|
|
353
|
+
* 旋转角度。
|
|
354
|
+
* @defaultValue 0
|
|
355
|
+
*/
|
|
287
356
|
rotate?: number;
|
|
357
|
+
/**
|
|
358
|
+
* 是否显示持续旋转动画。
|
|
359
|
+
* @defaultValue false
|
|
360
|
+
*/
|
|
288
361
|
spin?: boolean;
|
|
362
|
+
/**
|
|
363
|
+
* 是否显示脉冲动画。
|
|
364
|
+
* @defaultValue false
|
|
365
|
+
*/
|
|
289
366
|
pulse?: boolean;
|
|
367
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
290
368
|
label?: string;
|
|
369
|
+
/**
|
|
370
|
+
组件的视觉样式。
|
|
371
|
+
* @defaultValue "outline"
|
|
372
|
+
*/
|
|
291
373
|
variant?: IconVariant;
|
|
292
374
|
}
|
|
375
|
+
/** 图标组件。 */
|
|
293
376
|
declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<HTMLSpanElement>>;
|
|
294
377
|
|
|
378
|
+
/** 标签的状态类型。 */
|
|
295
379
|
type TagStatus = "default" | "success" | "processing" | "warning" | "error";
|
|
380
|
+
/** 标签的视觉样式。 */
|
|
296
381
|
type TagVariant = "soft" | "outlined" | "filled";
|
|
382
|
+
/** 标签的属性配置。 */
|
|
297
383
|
interface TagProps extends HTMLAttributes<HTMLSpanElement> {
|
|
384
|
+
/**
|
|
385
|
+
* 语义状态
|
|
386
|
+
* @defaultValue "default"
|
|
387
|
+
*/
|
|
298
388
|
status?: TagStatus;
|
|
389
|
+
/**
|
|
390
|
+
* 紧凑尺寸
|
|
391
|
+
* @defaultValue false
|
|
392
|
+
*/
|
|
299
393
|
compact?: boolean;
|
|
394
|
+
/**
|
|
395
|
+
组件的视觉样式。
|
|
396
|
+
* @defaultValue "soft"
|
|
397
|
+
*/
|
|
300
398
|
variant?: TagVariant;
|
|
399
|
+
/** 标签前置图标 */
|
|
301
400
|
icon?: ReactNode;
|
|
401
|
+
/**
|
|
402
|
+
* 是否显示关闭入口。
|
|
403
|
+
* @defaultValue false
|
|
404
|
+
*/
|
|
302
405
|
closable?: boolean;
|
|
303
406
|
/** 悬停或键盘聚焦时展开关闭按钮。 */
|
|
304
407
|
closeOnHover?: boolean;
|
|
408
|
+
/**
|
|
409
|
+
* 禁用关闭操作
|
|
410
|
+
* @defaultValue false
|
|
411
|
+
*/
|
|
305
412
|
disabled?: boolean;
|
|
413
|
+
/** 请求关闭时触发的回调。 */
|
|
306
414
|
onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
307
415
|
}
|
|
416
|
+
/** 标签组件。 */
|
|
308
417
|
declare function Tag({ status, compact, variant, icon, closable, closeOnHover, disabled, onClose, className, children, ...props }: TagProps): react.JSX.Element;
|
|
309
418
|
|
|
419
|
+
/** 菜单的模式类型。 */
|
|
310
420
|
type MenuMode = "vertical" | "horizontal" | "inline";
|
|
421
|
+
/** 菜单的亮色或暗色主题。 */
|
|
311
422
|
type MenuTheme = "light" | "dark";
|
|
423
|
+
/** 菜单的项目定义。 */
|
|
312
424
|
type MenuItem = {
|
|
425
|
+
/** 唯一标识;同一集合内应保持唯一且稳定,用于定位、渲染和状态关联。 */
|
|
313
426
|
key: string;
|
|
427
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
314
428
|
label?: ReactNode;
|
|
429
|
+
/** 显示在内容旁的图标节点,建议使用 Icon 组件。 */
|
|
315
430
|
icon?: ReactNode;
|
|
431
|
+
/** 主体之外的补充内容或操作区。 */
|
|
316
432
|
extra?: ReactNode;
|
|
433
|
+
/** 标题内容,可传入文本或 React 节点。 */
|
|
317
434
|
title?: string;
|
|
435
|
+
/** 是否禁用交互。 */
|
|
318
436
|
disabled?: boolean;
|
|
437
|
+
/** 危险操作样式 */
|
|
319
438
|
danger?: boolean;
|
|
439
|
+
/** 类型标识,用于选择对应的表现形式。 */
|
|
320
440
|
type?: "item" | "group" | "divider";
|
|
441
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
321
442
|
children?: readonly MenuItem[];
|
|
322
443
|
};
|
|
444
|
+
/** 菜单的点击事件上下文。 */
|
|
323
445
|
type MenuClickInfo = {
|
|
446
|
+
/** 唯一标识;同一集合内应保持唯一且稳定,用于定位、渲染和状态关联。 */
|
|
324
447
|
key: string;
|
|
448
|
+
/** 从当前项目到祖先项目的标识路径。 */
|
|
325
449
|
keyPath: string[];
|
|
450
|
+
/** 触发本次操作的 React 鼠标事件。 */
|
|
326
451
|
domEvent: React.MouseEvent;
|
|
452
|
+
/** 本次操作关联的项目配置。 */
|
|
327
453
|
item: MenuItem;
|
|
328
454
|
};
|
|
455
|
+
/** 菜单的属性配置。 */
|
|
329
456
|
interface MenuProps extends Omit<HTMLAttributes<HTMLUListElement>, "onClick" | "onSelect"> {
|
|
457
|
+
/** 按展示顺序排列的项目配置。 */
|
|
330
458
|
items: readonly MenuItem[];
|
|
459
|
+
/**
|
|
460
|
+
* 展示或交互模式;可选值见类型定义。
|
|
461
|
+
* @defaultValue "vertical"
|
|
462
|
+
*/
|
|
331
463
|
mode?: MenuMode;
|
|
464
|
+
/**
|
|
465
|
+
组件的配色主题。
|
|
466
|
+
* @defaultValue "light"
|
|
467
|
+
*/
|
|
332
468
|
theme?: MenuTheme;
|
|
469
|
+
/** 当前选中项目的标识集合;传入后由外部控制。 */
|
|
333
470
|
selectedKeys?: readonly string[];
|
|
471
|
+
/**
|
|
472
|
+
* 非受控模式下初始选中的项目标识集合。
|
|
473
|
+
* @defaultValue []
|
|
474
|
+
*/
|
|
334
475
|
defaultSelectedKeys?: readonly string[];
|
|
476
|
+
/** 当前展开的子菜单标识集合。 */
|
|
335
477
|
openKeys?: readonly string[];
|
|
478
|
+
/**
|
|
479
|
+
* 初始展开的子菜单标识集合。
|
|
480
|
+
* @defaultValue []
|
|
481
|
+
*/
|
|
336
482
|
defaultOpenKeys?: readonly string[];
|
|
483
|
+
/**
|
|
484
|
+
是否允许同时选择多个项目。
|
|
485
|
+
* @defaultValue false
|
|
486
|
+
*/
|
|
337
487
|
multiple?: boolean;
|
|
488
|
+
/**
|
|
489
|
+
* 是否允许选中项目。
|
|
490
|
+
* @defaultValue true
|
|
491
|
+
*/
|
|
338
492
|
selectable?: boolean;
|
|
493
|
+
/**
|
|
494
|
+
* 收起内嵌菜单
|
|
495
|
+
* @defaultValue false
|
|
496
|
+
*/
|
|
339
497
|
inlineCollapsed?: boolean;
|
|
498
|
+
/**
|
|
499
|
+
* 内嵌子菜单每增加一级时增加的缩进,单位为像素。
|
|
500
|
+
* @defaultValue 20
|
|
501
|
+
*/
|
|
340
502
|
inlineIndent?: number;
|
|
503
|
+
/**
|
|
504
|
+
* 打开子菜单的方式:hover 为悬停,click 为点击。
|
|
505
|
+
* @defaultValue "click"
|
|
506
|
+
*/
|
|
341
507
|
triggerSubMenuAction?: "hover" | "click";
|
|
508
|
+
/** 点击时触发,参数为当前点击事件或项目上下文。 */
|
|
342
509
|
onClick?: (info: MenuClickInfo) => void;
|
|
510
|
+
/** 选中项目时调用,参数包含选中项目及关联状态。 */
|
|
343
511
|
onSelect?: (info: MenuClickInfo & {
|
|
512
|
+
/** 当前选中项目的标识集合;传入后由外部控制。 */
|
|
344
513
|
selectedKeys: string[];
|
|
345
514
|
}) => void;
|
|
515
|
+
/** 取消选中项目时调用。 */
|
|
346
516
|
onDeselect?: (info: MenuClickInfo & {
|
|
517
|
+
/** 当前选中项目的标识集合;传入后由外部控制。 */
|
|
347
518
|
selectedKeys: string[];
|
|
348
519
|
}) => void;
|
|
520
|
+
/** 打开状态改变时触发,参数为新的打开状态。 */
|
|
349
521
|
onOpenChange?: (keys: string[]) => void;
|
|
350
522
|
}
|
|
523
|
+
/** 菜单组件。 */
|
|
351
524
|
declare function Menu({ items, mode, theme, selectedKeys, defaultSelectedKeys, openKeys, defaultOpenKeys, multiple, selectable, inlineCollapsed, inlineIndent, triggerSubMenuAction, onClick, onSelect, onDeselect, onOpenChange, className, ...rest }: MenuProps): react.JSX.Element;
|
|
525
|
+
/** Step的状态类型。 */
|
|
352
526
|
type StepStatus = "wait" | "process" | "finish" | "error";
|
|
527
|
+
/** Step的项目定义。 */
|
|
353
528
|
type StepItem = {
|
|
529
|
+
/** 标题内容,可传入文本或 React 节点。 */
|
|
354
530
|
title: ReactNode;
|
|
531
|
+
/** 补充说明内容。 */
|
|
355
532
|
description?: ReactNode;
|
|
533
|
+
/** 主标题旁的次级标题。 */
|
|
356
534
|
subTitle?: ReactNode;
|
|
535
|
+
/** 显示在内容旁的图标节点,建议使用 Icon 组件。 */
|
|
357
536
|
icon?: ReactNode;
|
|
537
|
+
/** 当前状态,用于选择对应的状态样式。 */
|
|
358
538
|
status?: StepStatus;
|
|
539
|
+
/** 是否禁用交互。 */
|
|
359
540
|
disabled?: boolean;
|
|
360
541
|
};
|
|
542
|
+
/** 步骤条的属性配置。 */
|
|
361
543
|
interface StepsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
544
|
+
/** 按展示顺序排列的项目配置。 */
|
|
362
545
|
items: readonly StepItem[];
|
|
546
|
+
/**
|
|
547
|
+
当前步骤索引,从 0 开始。
|
|
548
|
+
* @defaultValue 0
|
|
549
|
+
*/
|
|
363
550
|
current?: number;
|
|
551
|
+
/**
|
|
552
|
+
* 起始步骤的编号偏移。
|
|
553
|
+
* @defaultValue 0
|
|
554
|
+
*/
|
|
364
555
|
initial?: number;
|
|
556
|
+
/**
|
|
557
|
+
排列或展示方向。
|
|
558
|
+
* @defaultValue "horizontal"
|
|
559
|
+
*/
|
|
365
560
|
direction?: "horizontal" | "vertical";
|
|
561
|
+
/**
|
|
562
|
+
* 类型标识,用于选择对应的表现形式。
|
|
563
|
+
* @defaultValue "default"
|
|
564
|
+
*/
|
|
366
565
|
type?: "default" | "navigation" | "dot";
|
|
566
|
+
/**
|
|
567
|
+
* 组件尺寸;用于调整控件高度、字号和间距。
|
|
568
|
+
* @defaultValue "default"
|
|
569
|
+
*/
|
|
367
570
|
size?: "default" | "small";
|
|
571
|
+
/**
|
|
572
|
+
* 当前状态,用于选择对应的状态样式。
|
|
573
|
+
* @defaultValue "process"
|
|
574
|
+
*/
|
|
368
575
|
status?: "process" | "error";
|
|
576
|
+
/**
|
|
577
|
+
* 是否以点状指示步骤,可传入自定义渲染函数。
|
|
578
|
+
* @defaultValue false
|
|
579
|
+
*/
|
|
369
580
|
progressDot?: boolean | ((dot: ReactNode, info: {
|
|
581
|
+
/** 项目在当前集合中的索引,从 0 开始。 */
|
|
370
582
|
index: number;
|
|
583
|
+
/**
|
|
584
|
+
* 当前状态,用于选择对应的状态样式。
|
|
585
|
+
* @defaultValue "process"
|
|
586
|
+
*/
|
|
371
587
|
status: StepStatus;
|
|
588
|
+
/** 标题内容,可传入文本或 React 节点。 */
|
|
372
589
|
title: ReactNode;
|
|
590
|
+
/** 补充说明内容。 */
|
|
373
591
|
description?: ReactNode;
|
|
374
592
|
}) => ReactNode);
|
|
593
|
+
/** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
|
|
375
594
|
onChange?: (current: number) => void;
|
|
376
595
|
}
|
|
596
|
+
/** 步骤条组件。 */
|
|
377
597
|
declare function Steps({ items, current, initial, direction, type, size, status, progressDot, onChange, className, ...props }: StepsProps): react.JSX.Element;
|
|
598
|
+
/** 分段选择的值类型。 */
|
|
378
599
|
type SegmentedValue = string | number;
|
|
600
|
+
/** 分段选择的候选项定义。 */
|
|
379
601
|
type SegmentedOption = SegmentedValue | {
|
|
602
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
380
603
|
label?: ReactNode;
|
|
604
|
+
/** 该项目对应的数据值,用于标识、选择或计算。 */
|
|
381
605
|
value: SegmentedValue;
|
|
606
|
+
/** 显示在内容旁的图标节点,建议使用 Icon 组件。 */
|
|
382
607
|
icon?: ReactNode;
|
|
608
|
+
/** 是否禁用交互。 */
|
|
383
609
|
disabled?: boolean;
|
|
610
|
+
/** 标题内容,可传入文本或 React 节点。 */
|
|
384
611
|
title?: string;
|
|
385
612
|
};
|
|
613
|
+
/** 分段选择的属性配置。 */
|
|
386
614
|
interface SegmentedProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
|
|
615
|
+
/** 可供用户选择的候选项列表。 */
|
|
387
616
|
options: readonly SegmentedOption[];
|
|
617
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
388
618
|
value?: SegmentedValue;
|
|
619
|
+
/** 非受控模式的初始值,仅在初始化时使用。 */
|
|
389
620
|
defaultValue?: SegmentedValue;
|
|
621
|
+
/** 组件尺寸;用于调整控件高度、字号和间距。 */
|
|
390
622
|
size?: "small" | "medium" | "large";
|
|
623
|
+
/**
|
|
624
|
+
* 宽度撑满父容器
|
|
625
|
+
* @defaultValue false
|
|
626
|
+
*/
|
|
391
627
|
block?: boolean;
|
|
628
|
+
/**
|
|
629
|
+
* 是否使用垂直布局。
|
|
630
|
+
* @defaultValue false
|
|
631
|
+
*/
|
|
392
632
|
vertical?: boolean;
|
|
633
|
+
/**
|
|
634
|
+
* 是否禁用交互。
|
|
635
|
+
* @defaultValue false
|
|
636
|
+
*/
|
|
393
637
|
disabled?: boolean;
|
|
638
|
+
/** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
|
|
394
639
|
onChange?: (value: SegmentedValue) => void;
|
|
395
640
|
}
|
|
641
|
+
/** 分段选择组件。 */
|
|
396
642
|
declare function Segmented({ options, value, defaultValue, size: sizeProp, block, vertical, disabled, onChange, className, onKeyDown, ...props }: SegmentedProps): react.JSX.Element;
|
|
397
643
|
|
|
644
|
+
/** Tab的项目定义。 */
|
|
398
645
|
interface TabItem {
|
|
646
|
+
/** 唯一标识;同一集合内应保持唯一且稳定,用于定位、渲染和状态关联。 */
|
|
399
647
|
key: string;
|
|
648
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
400
649
|
label: ReactNode;
|
|
650
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
401
651
|
children?: ReactNode;
|
|
652
|
+
/** 是否禁用交互。 */
|
|
402
653
|
disabled?: boolean;
|
|
654
|
+
/** 显示在内容旁的图标节点,建议使用 Icon 组件。 */
|
|
403
655
|
icon?: ReactNode;
|
|
656
|
+
/** 是否显示关闭入口。 */
|
|
404
657
|
closable?: boolean;
|
|
405
658
|
}
|
|
659
|
+
/** 选项卡的类型标识。 */
|
|
406
660
|
type TabsType = "line" | "card" | "pill" | "capsule" | "underline" | "tech" | "tech-line";
|
|
661
|
+
/** 选项卡沿水平方向或垂直方向排列。 */
|
|
407
662
|
type TabsOrientation = "horizontal" | "vertical";
|
|
663
|
+
/** 选项卡导航相对于内容区的位置。 */
|
|
408
664
|
type TabsPosition = "top" | "right" | "bottom" | "left";
|
|
665
|
+
/** TabsContextMenu的点击事件上下文。 */
|
|
409
666
|
type TabsContextMenuClickInfo = MenuClickInfo & {
|
|
667
|
+
/** 关联选项卡的唯一标识。 */
|
|
410
668
|
tabKey: string;
|
|
669
|
+
/** 当前选项卡配置。 */
|
|
411
670
|
tab: TabItem;
|
|
412
671
|
};
|
|
672
|
+
/** 选项卡的属性配置。 */
|
|
413
673
|
interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
674
|
+
/** 标签项,包含 key、label、children、icon、disabled 和 closable */
|
|
414
675
|
items: readonly TabItem[];
|
|
676
|
+
/** 当前激活项目的标识;传入后由外部控制。 */
|
|
415
677
|
activeKey?: string;
|
|
678
|
+
/** 非受控模式下初始激活的项目标识。 */
|
|
416
679
|
defaultActiveKey?: string;
|
|
680
|
+
/** 激活项变化回调 */
|
|
417
681
|
onChange?: (key: string) => void;
|
|
682
|
+
/**
|
|
683
|
+
* 线型、卡片型、胶囊型、圆角胶囊、紧凑下划线或科技样式
|
|
684
|
+
* @defaultValue "line"
|
|
685
|
+
*/
|
|
418
686
|
type?: TabsType;
|
|
687
|
+
/**
|
|
688
|
+
* 组件尺寸;用于调整控件高度、字号和间距。
|
|
689
|
+
* @defaultValue "medium"
|
|
690
|
+
*/
|
|
419
691
|
size?: ControlSize;
|
|
692
|
+
/** 标签栏位于内容的上、右、下或左侧 */
|
|
420
693
|
tabPosition?: TabsPosition;
|
|
694
|
+
/**
|
|
695
|
+
组件的水平或垂直排列方向。
|
|
696
|
+
* @defaultValue "horizontal"
|
|
697
|
+
*/
|
|
421
698
|
orientation?: TabsOrientation;
|
|
699
|
+
/**
|
|
700
|
+
* 弹框是否垂直居中。
|
|
701
|
+
* @defaultValue false
|
|
702
|
+
*/
|
|
422
703
|
centered?: boolean;
|
|
704
|
+
/** 标签栏左侧标题,科技大屏型会附带装饰线 */
|
|
423
705
|
tabBarTitle?: ReactNode;
|
|
706
|
+
/** 标签栏右侧额外操作 */
|
|
424
707
|
tabBarExtraContent?: ReactNode;
|
|
708
|
+
/**
|
|
709
|
+
* 是否卸载非激活面板
|
|
710
|
+
* @defaultValue true
|
|
711
|
+
*/
|
|
425
712
|
destroyInactiveTabPane?: boolean;
|
|
713
|
+
/**
|
|
714
|
+
* 是否显示关闭入口。
|
|
715
|
+
* @defaultValue false
|
|
716
|
+
*/
|
|
426
717
|
closable?: boolean;
|
|
718
|
+
/** 新增、删除或修改项目时调用。 */
|
|
427
719
|
onEdit?: (key: string, action: "remove") => void;
|
|
720
|
+
/** 选项卡右键菜单配置。 */
|
|
428
721
|
tabContextMenu?: readonly MenuItem[] | ((tab: TabItem) => readonly MenuItem[]);
|
|
722
|
+
/** 点击选项卡右键菜单时调用。 */
|
|
429
723
|
onTabContextMenuClick?: (info: TabsContextMenuClickInfo) => void;
|
|
430
724
|
}
|
|
725
|
+
/** 选项卡组件。 */
|
|
431
726
|
declare function Tabs({ items, activeKey, defaultActiveKey, onChange, type, size, tabPosition, orientation, centered, tabBarTitle, tabBarExtraContent, destroyInactiveTabPane, closable, onEdit, tabContextMenu, onTabContextMenuClick, className, ...props }: TabsProps): react.JSX.Element;
|
|
432
727
|
|
|
728
|
+
/** 打开下拉菜单的触发方式。 */
|
|
433
729
|
type DropdownTrigger = "click" | "hover" | "contextMenu";
|
|
730
|
+
/** 下拉菜单的位置类型。 */
|
|
434
731
|
type DropdownPlacement = "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
|
|
732
|
+
/** 引起下拉菜单打开状态变化的来源。 */
|
|
435
733
|
type DropdownOpenSource = "trigger" | "menu";
|
|
734
|
+
/** DropdownMenu的属性配置。 */
|
|
436
735
|
interface DropdownMenuProps extends Pick<MenuProps, "multiple" | "selectable" | "selectedKeys" | "defaultSelectedKeys" | "onSelect" | "onDeselect"> {
|
|
736
|
+
/** 按展示顺序排列的项目配置。 */
|
|
437
737
|
items: readonly MenuItem[];
|
|
738
|
+
/** 组件的配色主题。 */
|
|
438
739
|
theme?: MenuTheme;
|
|
740
|
+
/** 点击时触发,参数为当前点击事件或项目上下文。 */
|
|
439
741
|
onClick?: (info: MenuClickInfo) => void;
|
|
440
742
|
}
|
|
743
|
+
/** 下拉菜单的属性配置。 */
|
|
441
744
|
interface DropdownProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children" | "onOpenChange"> {
|
|
745
|
+
/** 菜单项、选中状态与点击回调 */
|
|
442
746
|
menu: DropdownMenuProps;
|
|
747
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
443
748
|
children: ReactNode;
|
|
749
|
+
/**
|
|
750
|
+
* 触发显示的交互方式。
|
|
751
|
+
* @defaultValue ["hover"]
|
|
752
|
+
*/
|
|
444
753
|
trigger?: readonly DropdownTrigger[];
|
|
754
|
+
/**
|
|
755
|
+
* 相对于触发元素的弹出方向和对齐位置。
|
|
756
|
+
* @defaultValue "bottomLeft"
|
|
757
|
+
*/
|
|
445
758
|
placement?: DropdownPlacement;
|
|
759
|
+
/** 是否打开;传入后由外部控制显示状态。 */
|
|
446
760
|
open?: boolean;
|
|
761
|
+
/**
|
|
762
|
+
* 非受控模式下的初始打开状态。
|
|
763
|
+
* @defaultValue false
|
|
764
|
+
*/
|
|
447
765
|
defaultOpen?: boolean;
|
|
766
|
+
/**
|
|
767
|
+
* 是否禁用交互。
|
|
768
|
+
* @defaultValue false
|
|
769
|
+
*/
|
|
448
770
|
disabled?: boolean;
|
|
771
|
+
/** Automatically append a disclosure icon to a Button with text. */
|
|
772
|
+
showTriggerIcon?: boolean;
|
|
773
|
+
/**
|
|
774
|
+
* 显示箭头及是否指向触发器中心
|
|
775
|
+
* @defaultValue false
|
|
776
|
+
*/
|
|
449
777
|
arrow?: boolean | {
|
|
778
|
+
/** 是否让弹层箭头指向触发元素中心。 */
|
|
450
779
|
pointAtCenter?: boolean;
|
|
451
780
|
};
|
|
781
|
+
/**
|
|
782
|
+
* 显示后是否自动聚焦。
|
|
783
|
+
* @defaultValue false
|
|
784
|
+
*/
|
|
452
785
|
autoFocus?: boolean;
|
|
786
|
+
/**
|
|
787
|
+
* 触发后延迟打开的时间。
|
|
788
|
+
* @defaultValue 80
|
|
789
|
+
*/
|
|
453
790
|
openDelay?: number;
|
|
791
|
+
/**
|
|
792
|
+
* 移出后延迟关闭的时间。
|
|
793
|
+
* @defaultValue 120
|
|
794
|
+
*/
|
|
454
795
|
closeDelay?: number;
|
|
796
|
+
/**
|
|
797
|
+
* 弹出面板的附加 CSS 类名。
|
|
798
|
+
* @defaultValue ""
|
|
799
|
+
*/
|
|
455
800
|
popupClassName?: string;
|
|
801
|
+
/** 弹出面板的内联样式。 */
|
|
456
802
|
popupStyle?: CSSProperties;
|
|
803
|
+
/** 自定义菜单浮层内容 */
|
|
457
804
|
popupRender?: (menu: ReactNode) => ReactNode;
|
|
805
|
+
/** 打开状态改变时触发,参数为新的打开状态。 */
|
|
458
806
|
onOpenChange?: (open: boolean, info: {
|
|
807
|
+
/** 触发来源,用于区分不同入口的操作。 */
|
|
459
808
|
source: DropdownOpenSource;
|
|
460
809
|
}) => void;
|
|
461
810
|
}
|
|
462
|
-
declare function DropdownRoot({ menu, children, trigger, placement, open, defaultOpen, disabled, arrow, autoFocus, openDelay, closeDelay, popupClassName, popupStyle, popupRender, onOpenChange, className, onClick, onMouseEnter, onMouseLeave, onContextMenu, onKeyDown, ...props }: DropdownProps): react.JSX.Element;
|
|
811
|
+
declare function DropdownRoot({ menu, children, trigger, placement, open, defaultOpen, disabled, showTriggerIcon, arrow, autoFocus, openDelay, closeDelay, popupClassName, popupStyle, popupRender, onOpenChange, className, onClick, onMouseEnter, onMouseLeave, onContextMenu, onKeyDown, ...props }: DropdownProps): react.JSX.Element;
|
|
812
|
+
/** DropdownButton的属性配置。 */
|
|
463
813
|
interface DropdownButtonProps extends Omit<DropdownProps, "children" | "className"> {
|
|
814
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
464
815
|
children?: ReactNode;
|
|
816
|
+
/**
|
|
817
|
+
* 附加到组件根节点的 CSS 类名。
|
|
818
|
+
* @defaultValue ""
|
|
819
|
+
*/
|
|
465
820
|
className?: string;
|
|
821
|
+
/** 透传给触发按钮的 Button 属性,可配置样式、尺寸和事件。 */
|
|
466
822
|
buttonProps?: Omit<ButtonProps, "children" | "onClick" | "disabled">;
|
|
823
|
+
/** 点击时触发,参数为当前点击事件或项目上下文。 */
|
|
467
824
|
onClick?: ButtonProps["onClick"];
|
|
468
825
|
}
|
|
469
826
|
declare function DropdownButton({ children, className, buttonProps, onClick, disabled, trigger, ...dropdownProps }: DropdownButtonProps): react.JSX.Element;
|
|
827
|
+
/** 下拉菜单组件。 */
|
|
470
828
|
declare const Dropdown: typeof DropdownRoot & {
|
|
829
|
+
/** 组合主操作按钮与下拉菜单的按钮组件。 */
|
|
471
830
|
Button: typeof DropdownButton;
|
|
472
831
|
};
|
|
473
832
|
|
|
833
|
+
/** Floating的位置类型。 */
|
|
474
834
|
type FloatingPlacement = "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "right";
|
|
835
|
+
/** 触发浮层显示的交互方式。 */
|
|
475
836
|
type FloatingTrigger = "hover" | "focus" | "click";
|
|
837
|
+
/** 文字提示的属性配置。 */
|
|
476
838
|
interface TooltipProps {
|
|
839
|
+
/** 标题内容,可传入文本或 React 节点。 */
|
|
477
840
|
title?: ReactNode;
|
|
841
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
478
842
|
children: ReactElement;
|
|
843
|
+
/** 相对于触发元素的弹出方向和对齐位置。 */
|
|
479
844
|
placement?: FloatingPlacement;
|
|
845
|
+
/** 触发显示的交互方式。 */
|
|
480
846
|
trigger?: FloatingTrigger | readonly FloatingTrigger[];
|
|
847
|
+
/** 元素的无障碍语义角色。 */
|
|
481
848
|
role?: string;
|
|
849
|
+
/** 是否打开;传入后由外部控制显示状态。 */
|
|
482
850
|
open?: boolean;
|
|
851
|
+
/** 非受控模式下的初始打开状态。 */
|
|
483
852
|
defaultOpen?: boolean;
|
|
853
|
+
/** 鼠标移入后延迟显示的时间。 */
|
|
484
854
|
mouseEnterDelay?: number;
|
|
855
|
+
/** 鼠标移出后延迟隐藏的时间。 */
|
|
485
856
|
mouseLeaveDelay?: number;
|
|
857
|
+
/** 显示箭头及是否指向触发器中心 */
|
|
486
858
|
arrow?: boolean;
|
|
859
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
487
860
|
color?: string;
|
|
861
|
+
/** 附加到组件根节点的 CSS 类名。 */
|
|
488
862
|
className?: string;
|
|
863
|
+
/** 浮层容器的附加 CSS 类名。 */
|
|
489
864
|
overlayClassName?: string;
|
|
865
|
+
/** 打开状态改变时触发,参数为新的打开状态。 */
|
|
490
866
|
onOpenChange?: (open: boolean) => void;
|
|
491
867
|
}
|
|
868
|
+
/** 文字提示组件。 */
|
|
492
869
|
declare function Tooltip(props: TooltipProps): react.JSX.Element;
|
|
870
|
+
/** 气泡卡片的属性配置。 */
|
|
493
871
|
interface PopoverProps extends Omit<TooltipProps, "title"> {
|
|
872
|
+
/** 标题内容,可传入文本或 React 节点。 */
|
|
494
873
|
title?: ReactNode;
|
|
874
|
+
/** 需要显示的内容,支持文本或 React 节点。 */
|
|
495
875
|
content?: ReactNode;
|
|
496
876
|
}
|
|
877
|
+
/** 气泡卡片组件。 */
|
|
497
878
|
declare function Popover({ title, content, trigger, overlayClassName, ...props }: PopoverProps): react.JSX.Element;
|
|
879
|
+
/** 时间轴的项目定义。 */
|
|
498
880
|
type TimelineItem = {
|
|
881
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
499
882
|
children?: ReactNode;
|
|
883
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
500
884
|
label?: ReactNode;
|
|
885
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
501
886
|
color?: "blue" | "red" | "green" | "gray" | string;
|
|
887
|
+
/** 是否以圆点形式显示状态或徽标。 */
|
|
502
888
|
dot?: ReactNode;
|
|
889
|
+
/** 显示位置或定位配置。 */
|
|
503
890
|
position?: "left" | "right";
|
|
504
891
|
};
|
|
892
|
+
/** 时间轴的属性配置。 */
|
|
505
893
|
interface TimelineProps extends HTMLAttributes<HTMLUListElement> {
|
|
894
|
+
/**
|
|
895
|
+
* 按展示顺序排列的项目配置。
|
|
896
|
+
* @defaultValue []
|
|
897
|
+
*/
|
|
506
898
|
items?: readonly TimelineItem[];
|
|
899
|
+
/**
|
|
900
|
+
* 展示或交互模式;可选值见类型定义。
|
|
901
|
+
* @defaultValue "left"
|
|
902
|
+
*/
|
|
507
903
|
mode?: "left" | "alternate" | "right";
|
|
904
|
+
/**
|
|
905
|
+
* 时间轴未完成节点的内容。
|
|
906
|
+
* @defaultValue false
|
|
907
|
+
*/
|
|
508
908
|
pending?: ReactNode | boolean;
|
|
909
|
+
/** 时间轴未完成节点的图标。 */
|
|
509
910
|
pendingDot?: ReactNode;
|
|
911
|
+
/**
|
|
912
|
+
* 反转节点顺序
|
|
913
|
+
* @defaultValue false
|
|
914
|
+
*/
|
|
510
915
|
reverse?: boolean;
|
|
511
916
|
}
|
|
917
|
+
/** 时间轴组件。 */
|
|
512
918
|
declare function Timeline({ items, mode, pending, pendingDot, reverse, className, ...props }: TimelineProps): react.JSX.Element;
|
|
919
|
+
/** 树节点的唯一标识类型。 */
|
|
513
920
|
type TreeKey = string | number;
|
|
921
|
+
/** 拖放目标相对于节点的位置。 */
|
|
514
922
|
type TreeDropPosition = "before" | "inside" | "after";
|
|
923
|
+
/** 树组件的数据节点,支持子节点、勾选、禁用和异步加载。 */
|
|
515
924
|
interface TreeNode {
|
|
925
|
+
/** 唯一标识;同一集合内应保持唯一且稳定,用于定位、渲染和状态关联。 */
|
|
516
926
|
key: TreeKey;
|
|
927
|
+
/** 标题内容,可传入文本或 React 节点。 */
|
|
517
928
|
title: ReactNode;
|
|
929
|
+
/** 输入框前缀 */
|
|
518
930
|
prefix?: ReactNode;
|
|
931
|
+
/** 主体之外的补充内容或操作区。 */
|
|
519
932
|
extra?: ReactNode;
|
|
933
|
+
/** 是否禁用交互。 */
|
|
520
934
|
disabled?: boolean;
|
|
935
|
+
/** 是否仅禁用该节点的勾选框。 */
|
|
521
936
|
disableCheckbox?: boolean;
|
|
937
|
+
/** 是否允许选中项目。 */
|
|
522
938
|
selectable?: boolean;
|
|
939
|
+
/** 是否显示勾选框或允许勾选。 */
|
|
523
940
|
checkable?: boolean;
|
|
941
|
+
/** 是否为叶子节点;异步加载场景可用于标识无子项节点。 */
|
|
524
942
|
isLeaf?: boolean;
|
|
943
|
+
/** 子节点是否已经加载完成。 */
|
|
525
944
|
loaded?: boolean;
|
|
945
|
+
/** 显示在内容旁的图标节点,建议使用 Icon 组件。 */
|
|
526
946
|
icon?: ReactNode;
|
|
947
|
+
/** 加载过程中的提示内容。 */
|
|
527
948
|
loadingText?: ReactNode;
|
|
949
|
+
/** 是否允许拖拽。 */
|
|
528
950
|
draggable?: boolean;
|
|
951
|
+
/** 是否允许作为拖放目标。 */
|
|
529
952
|
droppable?: boolean;
|
|
953
|
+
/** 右键菜单配置或按当前项目生成菜单的函数。 */
|
|
530
954
|
contextMenu?: DropdownMenuProps;
|
|
955
|
+
/** 右键菜单弹层的 CSS 类名。 */
|
|
531
956
|
contextMenuPopupClassName?: string;
|
|
957
|
+
/** 行节点的附加属性,也可按行生成属性。 */
|
|
532
958
|
rowProps?: Omit<HTMLAttributes<HTMLDivElement>, "children"> & Partial<Record<`data-${string}`, string | number>>;
|
|
959
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
533
960
|
children?: readonly TreeNode[];
|
|
534
961
|
[key: string]: unknown;
|
|
535
962
|
}
|
|
963
|
+
/** 树的属性配置。 */
|
|
536
964
|
interface TreeProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect" | "onDrop"> {
|
|
965
|
+
/** 树形节点数据 */
|
|
537
966
|
treeData: readonly TreeNode[];
|
|
967
|
+
/** 当前选中项目的标识集合;传入后由外部控制。 */
|
|
538
968
|
selectedKeys?: readonly TreeKey[];
|
|
969
|
+
/**
|
|
970
|
+
* 非受控模式下初始选中的项目标识集合。
|
|
971
|
+
* @defaultValue []
|
|
972
|
+
*/
|
|
539
973
|
defaultSelectedKeys?: readonly TreeKey[];
|
|
974
|
+
/** 受控的展开节点标识集合。 */
|
|
540
975
|
expandedKeys?: readonly TreeKey[];
|
|
976
|
+
/**
|
|
977
|
+
* 初始化时展开的节点标识集合。
|
|
978
|
+
* @defaultValue []
|
|
979
|
+
*/
|
|
541
980
|
defaultExpandedKeys?: readonly TreeKey[];
|
|
981
|
+
/**
|
|
982
|
+
* 是否在初始化时展开所有节点。
|
|
983
|
+
* @defaultValue false
|
|
984
|
+
*/
|
|
542
985
|
defaultExpandAll?: boolean;
|
|
986
|
+
/** 受控的勾选节点标识集合。 */
|
|
543
987
|
checkedKeys?: readonly TreeKey[];
|
|
988
|
+
/**
|
|
989
|
+
* 非受控模式下初始勾选的节点标识。
|
|
990
|
+
* @defaultValue []
|
|
991
|
+
*/
|
|
544
992
|
defaultCheckedKeys?: readonly TreeKey[];
|
|
993
|
+
/**
|
|
994
|
+
* 由外部控制正在异步加载的节点
|
|
995
|
+
* @defaultValue []
|
|
996
|
+
*/
|
|
545
997
|
loadingKeys?: readonly TreeKey[];
|
|
998
|
+
/**
|
|
999
|
+
* 是否显示勾选框或允许勾选。
|
|
1000
|
+
* @defaultValue false
|
|
1001
|
+
*/
|
|
546
1002
|
checkable?: boolean;
|
|
1003
|
+
/**
|
|
1004
|
+
* 父子节点勾选状态是否相互独立。
|
|
1005
|
+
* @defaultValue false
|
|
1006
|
+
*/
|
|
547
1007
|
checkStrictly?: boolean;
|
|
1008
|
+
/**
|
|
1009
|
+
是否允许同时选择多个项目。
|
|
1010
|
+
* @defaultValue false
|
|
1011
|
+
*/
|
|
548
1012
|
multiple?: boolean;
|
|
1013
|
+
/**
|
|
1014
|
+
* 是否允许选中项目。
|
|
1015
|
+
* @defaultValue true
|
|
1016
|
+
*/
|
|
549
1017
|
selectable?: boolean;
|
|
1018
|
+
/**
|
|
1019
|
+
* 是否显示连接线。
|
|
1020
|
+
* @defaultValue false
|
|
1021
|
+
*/
|
|
550
1022
|
showLine?: boolean;
|
|
1023
|
+
/**
|
|
1024
|
+
* 是否显示状态图标。
|
|
1025
|
+
* @defaultValue false
|
|
1026
|
+
*/
|
|
551
1027
|
showIcon?: boolean;
|
|
1028
|
+
/**
|
|
1029
|
+
* 节点是否占满整行宽度。
|
|
1030
|
+
* @defaultValue false
|
|
1031
|
+
*/
|
|
552
1032
|
blockNode?: boolean;
|
|
1033
|
+
/**
|
|
1034
|
+
* 每级节点的缩进距离,单位为像素。
|
|
1035
|
+
* @defaultValue 20
|
|
1036
|
+
*/
|
|
553
1037
|
indentSize?: number;
|
|
1038
|
+
/**
|
|
1039
|
+
* 展开开关预留宽度,单位为像素。
|
|
1040
|
+
* @defaultValue 24
|
|
1041
|
+
*/
|
|
554
1042
|
switcherWidth?: number;
|
|
1043
|
+
/**
|
|
1044
|
+
* 滚动时是否固定显示当前节点的祖先行。
|
|
1045
|
+
* @defaultValue false
|
|
1046
|
+
*/
|
|
555
1047
|
stickyAncestors?: boolean;
|
|
1048
|
+
/**
|
|
1049
|
+
* 固定祖先行的高度,单位为像素。
|
|
1050
|
+
* @defaultValue 34
|
|
1051
|
+
*/
|
|
556
1052
|
stickyRowHeight?: number;
|
|
1053
|
+
/**
|
|
1054
|
+
* 是否允许拖拽。
|
|
1055
|
+
* @defaultValue false
|
|
1056
|
+
*/
|
|
557
1057
|
draggable?: boolean;
|
|
1058
|
+
/** 按当前节点异步加载子节点的函数。 */
|
|
558
1059
|
loadData?: (node: TreeNode) => void | Promise<void>;
|
|
1060
|
+
/** 选中项目时调用,参数包含选中项目及关联状态。 */
|
|
559
1061
|
onSelect?: (keys: TreeKey[], info: {
|
|
1062
|
+
/** 是否处于选中状态。 */
|
|
560
1063
|
selected: boolean;
|
|
1064
|
+
/** 当前操作关联的节点数据。 */
|
|
561
1065
|
node: TreeNode;
|
|
1066
|
+
/** 触发本次操作的原生事件。 */
|
|
562
1067
|
nativeEvent: React.MouseEvent;
|
|
563
1068
|
}) => void;
|
|
1069
|
+
/** 勾选状态变化时调用。 */
|
|
564
1070
|
onCheck?: (keys: TreeKey[], info: {
|
|
1071
|
+
/** 当前是否勾选;作为受控属性时通过回调更新。 */
|
|
565
1072
|
checked: boolean;
|
|
1073
|
+
/** 当前操作关联的节点数据。 */
|
|
566
1074
|
node: TreeNode;
|
|
567
1075
|
}) => void;
|
|
1076
|
+
/** 节点展开或收起时调用。 */
|
|
568
1077
|
onExpand?: (keys: TreeKey[], info: {
|
|
1078
|
+
/** 是否处于展开状态。 */
|
|
569
1079
|
expanded: boolean;
|
|
1080
|
+
/** 当前操作关联的节点数据。 */
|
|
570
1081
|
node: TreeNode;
|
|
571
1082
|
}) => void;
|
|
1083
|
+
/** 拖放完成时调用,提供拖拽源和目标位置。 */
|
|
572
1084
|
onDrop?: (info: {
|
|
1085
|
+
/** 正在拖拽的源节点。 */
|
|
573
1086
|
dragNode: TreeNode;
|
|
1087
|
+
/** 当前操作关联的节点数据。 */
|
|
574
1088
|
node: TreeNode;
|
|
1089
|
+
/** 相对于目标节点的落点位置。 */
|
|
575
1090
|
dropPosition: TreeDropPosition;
|
|
576
1091
|
}) => void;
|
|
577
1092
|
}
|
|
1093
|
+
/** 树组件。 */
|
|
578
1094
|
declare function Tree({ treeData, selectedKeys, defaultSelectedKeys, expandedKeys, defaultExpandedKeys, defaultExpandAll, checkedKeys, defaultCheckedKeys, loadingKeys, checkable, checkStrictly, multiple, selectable, showLine, showIcon, blockNode, indentSize, switcherWidth, stickyAncestors, stickyRowHeight, draggable, loadData, onSelect, onCheck, onExpand, onDrop, className, ...props }: TreeProps): react.JSX.Element;
|
|
579
1095
|
|
|
1096
|
+
/** 气泡确认的属性配置。 */
|
|
580
1097
|
interface PopconfirmProps {
|
|
1098
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
581
1099
|
children: ReactElement;
|
|
1100
|
+
/** 标题内容,可传入文本或 React 节点。 */
|
|
582
1101
|
title: ReactNode;
|
|
1102
|
+
/** 补充说明内容。 */
|
|
583
1103
|
description?: ReactNode;
|
|
1104
|
+
/**
|
|
1105
|
+
* 确定按钮文案。
|
|
1106
|
+
* @defaultValue "确定"
|
|
1107
|
+
*/
|
|
584
1108
|
okText?: ReactNode;
|
|
1109
|
+
/**
|
|
1110
|
+
* 取消按钮文案。
|
|
1111
|
+
* @defaultValue "取消"
|
|
1112
|
+
*/
|
|
585
1113
|
cancelText?: ReactNode;
|
|
1114
|
+
/** 确定按钮的 Button 属性。 */
|
|
586
1115
|
okButtonProps?: React.ComponentProps<typeof Button>;
|
|
1116
|
+
/** 取消按钮的 Button 属性。 */
|
|
587
1117
|
cancelButtonProps?: React.ComponentProps<typeof Button>;
|
|
1118
|
+
/**
|
|
1119
|
+
* 相对于触发元素的弹出方向和对齐位置。
|
|
1120
|
+
* @defaultValue "top"
|
|
1121
|
+
*/
|
|
588
1122
|
placement?: FloatingPlacement;
|
|
1123
|
+
/**
|
|
1124
|
+
* 触发显示的交互方式。
|
|
1125
|
+
* @defaultValue "click"
|
|
1126
|
+
*/
|
|
589
1127
|
trigger?: "click" | "hover" | "focus";
|
|
1128
|
+
/** 是否打开;传入后由外部控制显示状态。 */
|
|
590
1129
|
open?: boolean;
|
|
1130
|
+
/**
|
|
1131
|
+
* 非受控模式下的初始打开状态。
|
|
1132
|
+
* @defaultValue false
|
|
1133
|
+
*/
|
|
591
1134
|
defaultOpen?: boolean;
|
|
1135
|
+
/**
|
|
1136
|
+
* 是否禁用交互。
|
|
1137
|
+
* @defaultValue false
|
|
1138
|
+
*/
|
|
592
1139
|
disabled?: boolean;
|
|
1140
|
+
/**
|
|
1141
|
+
* 是否显示取消按钮。
|
|
1142
|
+
* @defaultValue true
|
|
1143
|
+
*/
|
|
593
1144
|
showCancel?: boolean;
|
|
1145
|
+
/** 显示在内容旁的图标节点,建议使用 Icon 组件。 */
|
|
594
1146
|
icon?: ReactNode;
|
|
1147
|
+
/** 用户确认时调用;支持异步返回值,具体签名见类型。 */
|
|
595
1148
|
onConfirm?: (event?: React.MouseEvent) => void | boolean | Promise<void | boolean>;
|
|
1149
|
+
/** 用户取消或通过关闭入口退出时调用。 */
|
|
596
1150
|
onCancel?: (event?: React.MouseEvent) => void;
|
|
1151
|
+
/** 打开状态改变时触发,参数为新的打开状态。 */
|
|
597
1152
|
onOpenChange?: (open: boolean) => void;
|
|
598
1153
|
}
|
|
1154
|
+
/** 气泡确认组件。 */
|
|
599
1155
|
declare function Popconfirm({ children, title, description, okText, cancelText, okButtonProps, cancelButtonProps, placement, trigger, open, defaultOpen, disabled, showCancel, icon, onConfirm, onCancel, onOpenChange, }: PopconfirmProps): react.JSX.Element;
|
|
1156
|
+
/** 进度的状态类型。 */
|
|
600
1157
|
type ProgressStatus = "normal" | "active" | "success" | "exception";
|
|
1158
|
+
/** 进度的属性配置。 */
|
|
601
1159
|
interface ProgressProps extends HTMLAttributes<HTMLDivElement> {
|
|
1160
|
+
/**
|
|
1161
|
+
* 进度百分比。
|
|
1162
|
+
* @defaultValue 0
|
|
1163
|
+
*/
|
|
602
1164
|
percent?: number;
|
|
1165
|
+
/**
|
|
1166
|
+
* 类型标识,用于选择对应的表现形式。
|
|
1167
|
+
* @defaultValue "line"
|
|
1168
|
+
*/
|
|
603
1169
|
type?: "line" | "circle" | "dashboard";
|
|
1170
|
+
/** 当前状态,用于选择对应的状态样式。 */
|
|
604
1171
|
status?: ProgressStatus;
|
|
1172
|
+
/**
|
|
1173
|
+
* 是否显示进度文本。
|
|
1174
|
+
* @defaultValue true
|
|
1175
|
+
*/
|
|
605
1176
|
showInfo?: boolean;
|
|
1177
|
+
/** 显示格式或格式化函数。 */
|
|
606
1178
|
format?: (percent?: number, successPercent?: number) => ReactNode;
|
|
1179
|
+
/** 描边或进度条颜色。 */
|
|
607
1180
|
strokeColor?: string | {
|
|
1181
|
+
/** 范围、渐变或转换的起始值。 */
|
|
608
1182
|
from: string;
|
|
1183
|
+
/** 范围、渐变或转换的结束值。 */
|
|
609
1184
|
to: string;
|
|
610
1185
|
};
|
|
1186
|
+
/** 未完成部分的轨道颜色。 */
|
|
611
1187
|
trailColor?: string;
|
|
1188
|
+
/**
|
|
1189
|
+
* 描边或进度轨道粗细。
|
|
1190
|
+
* @defaultValue 8
|
|
1191
|
+
*/
|
|
612
1192
|
strokeWidth?: number;
|
|
1193
|
+
/**
|
|
1194
|
+
* 宽度;数值按像素处理,字符串可使用 CSS 尺寸。
|
|
1195
|
+
* @defaultValue 120
|
|
1196
|
+
*/
|
|
613
1197
|
width?: number;
|
|
1198
|
+
/** 步骤集合或进度分段配置。 */
|
|
614
1199
|
steps?: number;
|
|
1200
|
+
/** 成功进度部分的配置。 */
|
|
615
1201
|
success?: {
|
|
1202
|
+
/**
|
|
1203
|
+
* 进度百分比。
|
|
1204
|
+
* @defaultValue 0
|
|
1205
|
+
*/
|
|
616
1206
|
percent?: number;
|
|
1207
|
+
/** 描边或进度条颜色。 */
|
|
617
1208
|
strokeColor?: string;
|
|
618
1209
|
};
|
|
1210
|
+
/**
|
|
1211
|
+
* 组件尺寸;用于调整控件高度、字号和间距。
|
|
1212
|
+
* @defaultValue "default"
|
|
1213
|
+
*/
|
|
619
1214
|
size?: "small" | "default" | number | readonly [number, number];
|
|
620
1215
|
}
|
|
1216
|
+
/** 进度组件。 */
|
|
621
1217
|
declare function Progress({ percent, type, status, showInfo, format, strokeColor, trailColor, strokeWidth, width, steps, success, size, className, style, ...props }: ProgressProps): react.JSX.Element;
|
|
1218
|
+
/** 加载指示器的属性配置。 */
|
|
622
1219
|
interface SpinProps extends HTMLAttributes<HTMLDivElement> {
|
|
1220
|
+
/**
|
|
1221
|
+
* 是否显示加载指示器。
|
|
1222
|
+
* @defaultValue true
|
|
1223
|
+
*/
|
|
623
1224
|
spinning?: boolean;
|
|
1225
|
+
/**
|
|
1226
|
+
* 组件尺寸;用于调整控件高度、字号和间距。
|
|
1227
|
+
* @defaultValue "default"
|
|
1228
|
+
*/
|
|
624
1229
|
size?: "small" | "default" | "large";
|
|
1230
|
+
/** 加载说明文本 */
|
|
625
1231
|
tip?: ReactNode;
|
|
1232
|
+
/** 自定义加载指示器。 */
|
|
626
1233
|
indicator?: ReactNode;
|
|
1234
|
+
/**
|
|
1235
|
+
* 显示加载状态前的延迟时间。
|
|
1236
|
+
* @defaultValue 0
|
|
1237
|
+
*/
|
|
627
1238
|
delay?: number;
|
|
1239
|
+
/**
|
|
1240
|
+
是否以全屏形式展示。
|
|
1241
|
+
* @defaultValue false
|
|
1242
|
+
*/
|
|
628
1243
|
fullscreen?: boolean;
|
|
629
1244
|
}
|
|
1245
|
+
/** 加载指示器组件。 */
|
|
630
1246
|
declare function Spin({ spinning, size, tip, indicator, delay, fullscreen, className, children, ...props }: SpinProps): react.JSX.Element | null;
|
|
1247
|
+
/** 水印文字的字体、颜色和对齐配置。 */
|
|
631
1248
|
interface WatermarkFont {
|
|
1249
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
632
1250
|
color?: string;
|
|
1251
|
+
/** 文字大小,单位为像素。 */
|
|
633
1252
|
fontSize?: number;
|
|
1253
|
+
/** 文字粗细,可使用数字或 CSS 字重名称。 */
|
|
634
1254
|
fontWeight?: number | string;
|
|
1255
|
+
/** 字体族名称。 */
|
|
635
1256
|
fontFamily?: string;
|
|
1257
|
+
/** 字体样式,例如 normal 或 italic。 */
|
|
636
1258
|
fontStyle?: string;
|
|
1259
|
+
/** 文本的水平对齐方式。 */
|
|
637
1260
|
textAlign?: CanvasTextAlign;
|
|
638
1261
|
}
|
|
1262
|
+
/** 水印的属性配置。 */
|
|
639
1263
|
interface WatermarkProps extends Omit<HTMLAttributes<HTMLDivElement>, "content"> {
|
|
1264
|
+
/**
|
|
1265
|
+
需要显示的内容,支持文本或 React 节点。
|
|
1266
|
+
* @defaultValue "Sia Web UI"
|
|
1267
|
+
*/
|
|
640
1268
|
content?: string | readonly string[];
|
|
1269
|
+
/** 图片资源配置。 */
|
|
641
1270
|
image?: string;
|
|
1271
|
+
/**
|
|
1272
|
+
* 宽度;数值按像素处理,字符串可使用 CSS 尺寸。
|
|
1273
|
+
* @defaultValue 120
|
|
1274
|
+
*/
|
|
642
1275
|
width?: number;
|
|
1276
|
+
/**
|
|
1277
|
+
* 高度;数值按像素处理,字符串可使用 CSS 尺寸。
|
|
1278
|
+
* @defaultValue 64
|
|
1279
|
+
*/
|
|
643
1280
|
height?: number;
|
|
1281
|
+
/**
|
|
1282
|
+
* 旋转角度。
|
|
1283
|
+
* @defaultValue -22
|
|
1284
|
+
*/
|
|
644
1285
|
rotate?: number;
|
|
1286
|
+
/**
|
|
1287
|
+
组件或浮层的堆叠层级。
|
|
1288
|
+
* @defaultValue 9
|
|
1289
|
+
*/
|
|
645
1290
|
zIndex?: number;
|
|
1291
|
+
/**
|
|
1292
|
+
* 预设或自定义间距
|
|
1293
|
+
* @defaultValue [100, 100]
|
|
1294
|
+
*/
|
|
646
1295
|
gap?: readonly [number, number];
|
|
1296
|
+
/**
|
|
1297
|
+
* 相对于默认位置的偏移。
|
|
1298
|
+
* @defaultValue [0, 0]
|
|
1299
|
+
*/
|
|
647
1300
|
offset?: readonly [number, number];
|
|
1301
|
+
/** 颜色、字号、字重与字体 */
|
|
648
1302
|
font?: WatermarkFont;
|
|
649
1303
|
}
|
|
1304
|
+
/** 水印组件。 */
|
|
650
1305
|
declare function Watermark({ content, image, width, height, rotate, zIndex, gap, offset, font, className, children, ...props }: WatermarkProps): react.JSX.Element;
|
|
1306
|
+
/** Notification的类型标识。 */
|
|
651
1307
|
type NotificationType = "info" | "success" | "warning" | "error";
|
|
1308
|
+
/** Notification的位置类型。 */
|
|
652
1309
|
type NotificationPlacement = "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
|
|
1310
|
+
/** Notification的配置。 */
|
|
653
1311
|
interface NotificationConfig {
|
|
1312
|
+
/** 唯一标识;同一集合内应保持唯一且稳定,用于定位、渲染和状态关联。 */
|
|
654
1313
|
key?: string | number;
|
|
1314
|
+
/** 类型标识,用于选择对应的表现形式。 */
|
|
655
1315
|
type?: NotificationType;
|
|
1316
|
+
/** 提示或错误消息文本。 */
|
|
656
1317
|
message: ReactNode;
|
|
1318
|
+
/** 补充说明内容。 */
|
|
657
1319
|
description?: ReactNode;
|
|
1320
|
+
/** 自动关闭延迟,单位为秒;0 表示不自动关闭。 */
|
|
658
1321
|
duration?: number;
|
|
1322
|
+
/** 相对于触发元素的弹出方向和对齐位置。 */
|
|
659
1323
|
placement?: NotificationPlacement;
|
|
1324
|
+
/** 显示在内容旁的图标节点,建议使用 Icon 组件。 */
|
|
660
1325
|
icon?: ReactNode;
|
|
1326
|
+
/** 消息或通知的自定义操作按钮。 */
|
|
661
1327
|
btn?: ReactNode;
|
|
1328
|
+
/** 自定义关闭图标。 */
|
|
662
1329
|
closeIcon?: ReactNode;
|
|
1330
|
+
/** 元素的无障碍语义角色。 */
|
|
663
1331
|
role?: string;
|
|
1332
|
+
/** 点击时触发,参数为当前点击事件或项目上下文。 */
|
|
664
1333
|
onClick?: () => void;
|
|
1334
|
+
/** 请求关闭时触发的回调。 */
|
|
665
1335
|
onClose?: () => void;
|
|
666
1336
|
}
|
|
667
1337
|
declare function openNotification(config: NotificationConfig): {
|
|
1338
|
+
/** 通知唯一标识,可传给 notification.destroy 关闭指定通知。 */
|
|
668
1339
|
key: string | number;
|
|
1340
|
+
/** 关闭本条通知。 */
|
|
669
1341
|
close: () => void;
|
|
670
1342
|
};
|
|
1343
|
+
/** 全局通知 API,支持标题、说明、自定义操作和关闭管理。 */
|
|
671
1344
|
declare const notification: {
|
|
1345
|
+
/** 直接打开实例,返回可用于更新或关闭的操作句柄。 */
|
|
672
1346
|
open: typeof openNotification;
|
|
1347
|
+
/** 显示普通信息提示。 */
|
|
673
1348
|
info: (config: Omit<NotificationConfig, "type">) => {
|
|
1349
|
+
/** 通知唯一标识,可传给 notification.destroy 关闭指定通知。 */
|
|
674
1350
|
key: string | number;
|
|
1351
|
+
/** 关闭本条通知。 */
|
|
675
1352
|
close: () => void;
|
|
676
1353
|
};
|
|
1354
|
+
/** 显示成功提示。 */
|
|
677
1355
|
success: (config: Omit<NotificationConfig, "type">) => {
|
|
1356
|
+
/** 通知唯一标识,可传给 notification.destroy 关闭指定通知。 */
|
|
678
1357
|
key: string | number;
|
|
1358
|
+
/** 关闭本条通知。 */
|
|
679
1359
|
close: () => void;
|
|
680
1360
|
};
|
|
1361
|
+
/** 显示警告提示。 */
|
|
681
1362
|
warning: (config: Omit<NotificationConfig, "type">) => {
|
|
1363
|
+
/** 通知唯一标识,可传给 notification.destroy 关闭指定通知。 */
|
|
682
1364
|
key: string | number;
|
|
1365
|
+
/** 关闭本条通知。 */
|
|
683
1366
|
close: () => void;
|
|
684
1367
|
};
|
|
1368
|
+
/** 显示错误提示。 */
|
|
685
1369
|
error: (config: Omit<NotificationConfig, "type">) => {
|
|
1370
|
+
/** 通知唯一标识,可传给 notification.destroy 关闭指定通知。 */
|
|
686
1371
|
key: string | number;
|
|
1372
|
+
/** 关闭本条通知。 */
|
|
687
1373
|
close: () => void;
|
|
688
1374
|
};
|
|
1375
|
+
/** 关闭指定实例;未指定标识时关闭所有实例。 */
|
|
689
1376
|
destroy: (key?: string | number) => void;
|
|
690
1377
|
};
|
|
1378
|
+
/** 操作引导的一步,定义目标元素、说明及操作按钮。 */
|
|
691
1379
|
interface TourStep {
|
|
1380
|
+
/** 标题内容,可传入文本或 React 节点。 */
|
|
692
1381
|
title?: ReactNode;
|
|
1382
|
+
/** 补充说明内容。 */
|
|
693
1383
|
description?: ReactNode;
|
|
1384
|
+
/** 顶部封面内容。 */
|
|
694
1385
|
cover?: ReactNode;
|
|
1386
|
+
/** 关联的目标元素或获取目标元素的函数。 */
|
|
695
1387
|
target?: HTMLElement | null | (() => HTMLElement | null);
|
|
1388
|
+
/** 相对于触发元素的弹出方向和对齐位置。 */
|
|
696
1389
|
placement?: FloatingPlacement | "center";
|
|
1390
|
+
/** 下一步按钮的属性。 */
|
|
697
1391
|
nextButtonProps?: React.ComponentProps<typeof Button> & {
|
|
1392
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
698
1393
|
children?: ReactNode;
|
|
699
1394
|
};
|
|
1395
|
+
/** 上一步按钮的属性。 */
|
|
700
1396
|
prevButtonProps?: React.ComponentProps<typeof Button> & {
|
|
1397
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
701
1398
|
children?: ReactNode;
|
|
702
1399
|
};
|
|
703
1400
|
}
|
|
1401
|
+
/** 操作引导的属性配置。 */
|
|
704
1402
|
interface TourProps {
|
|
1403
|
+
/**
|
|
1404
|
+
* 是否打开;传入后由外部控制显示状态。
|
|
1405
|
+
* @defaultValue false
|
|
1406
|
+
*/
|
|
705
1407
|
open?: boolean;
|
|
1408
|
+
/** 步骤集合或进度分段配置。 */
|
|
706
1409
|
steps: readonly TourStep[];
|
|
1410
|
+
/** 当前引导步骤索引,从 0 开始。 */
|
|
707
1411
|
current?: number;
|
|
1412
|
+
/**
|
|
1413
|
+
* 非受控模式的初始页码或步骤位置。
|
|
1414
|
+
* @defaultValue 0
|
|
1415
|
+
*/
|
|
708
1416
|
defaultCurrent?: number;
|
|
1417
|
+
/**
|
|
1418
|
+
* 遮罩是否显示或自定义遮罩内容。
|
|
1419
|
+
* @defaultValue true
|
|
1420
|
+
*/
|
|
709
1421
|
mask?: boolean;
|
|
1422
|
+
/**
|
|
1423
|
+
* 是否显示关闭入口。
|
|
1424
|
+
* @defaultValue true
|
|
1425
|
+
*/
|
|
710
1426
|
closable?: boolean;
|
|
1427
|
+
/**
|
|
1428
|
+
* 加载期间是否阻止与内容交互。
|
|
1429
|
+
* @defaultValue false
|
|
1430
|
+
*/
|
|
711
1431
|
disabledInteraction?: boolean;
|
|
1432
|
+
/** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
|
|
712
1433
|
onChange?: (current: number) => void;
|
|
1434
|
+
/** 请求关闭时触发的回调。 */
|
|
713
1435
|
onClose?: (current: number) => void;
|
|
1436
|
+
/** 流程完成或表单校验通过并提交时调用。 */
|
|
714
1437
|
onFinish?: () => void;
|
|
715
1438
|
}
|
|
1439
|
+
/** 操作引导组件。 */
|
|
716
1440
|
declare function Tour({ open, steps, current, defaultCurrent, mask, closable, disabledInteraction, onChange, onClose, onFinish }: TourProps): react.ReactPortal | null;
|
|
717
1441
|
|
|
1442
|
+
/** 评分的属性配置。 */
|
|
718
1443
|
interface RateProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
|
|
1444
|
+
/** 组件尺寸;用于调整控件高度、字号和间距。 */
|
|
719
1445
|
size?: ControlSize;
|
|
1446
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
720
1447
|
value?: number;
|
|
1448
|
+
/**
|
|
1449
|
+
* 非受控模式的初始值,仅在初始化时使用。
|
|
1450
|
+
* @defaultValue 0
|
|
1451
|
+
*/
|
|
721
1452
|
defaultValue?: number;
|
|
1453
|
+
/**
|
|
1454
|
+
* 徽标展示的数量。
|
|
1455
|
+
* @defaultValue 5
|
|
1456
|
+
*/
|
|
722
1457
|
count?: number;
|
|
1458
|
+
/**
|
|
1459
|
+
* 是否允许选择半星。
|
|
1460
|
+
* @defaultValue false
|
|
1461
|
+
*/
|
|
723
1462
|
allowHalf?: boolean;
|
|
1463
|
+
/**
|
|
1464
|
+
是否允许清空当前选择或输入值。
|
|
1465
|
+
* @defaultValue true
|
|
1466
|
+
*/
|
|
724
1467
|
allowClear?: boolean;
|
|
1468
|
+
/**
|
|
1469
|
+
* 是否禁用交互。
|
|
1470
|
+
* @defaultValue false
|
|
1471
|
+
*/
|
|
725
1472
|
disabled?: boolean;
|
|
1473
|
+
/** 自定义评分符号。 */
|
|
726
1474
|
character?: ReactNode | ((index: number) => ReactNode);
|
|
1475
|
+
/** 各评分值对应的提示内容。 */
|
|
727
1476
|
tooltips?: readonly string[];
|
|
1477
|
+
/** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
|
|
728
1478
|
onChange?: (value: number) => void;
|
|
1479
|
+
/** 悬停目标或悬停值变化时调用。 */
|
|
729
1480
|
onHoverChange?: (value: number) => void;
|
|
730
1481
|
}
|
|
1482
|
+
/** 评分组件。 */
|
|
731
1483
|
declare function Rate({ value, size: sizeProp, defaultValue, count, allowHalf, allowClear, disabled, character, tooltips, onChange, onHoverChange, className, ...props }: RateProps): react.JSX.Element;
|
|
1484
|
+
/** 徽标的状态类型。 */
|
|
732
1485
|
type BadgeStatus = "success" | "processing" | "default" | "error" | "warning";
|
|
1486
|
+
/** 徽标的属性配置。 */
|
|
733
1487
|
interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
|
|
1488
|
+
/** 徽标展示的数量。 */
|
|
734
1489
|
count?: ReactNode;
|
|
1490
|
+
/**
|
|
1491
|
+
* 数量为 0 时是否仍显示徽标。
|
|
1492
|
+
* @defaultValue false
|
|
1493
|
+
*/
|
|
735
1494
|
showZero?: boolean;
|
|
1495
|
+
/**
|
|
1496
|
+
* 徽标显示的最大数字,超出后显示加号。
|
|
1497
|
+
* @defaultValue 99
|
|
1498
|
+
*/
|
|
736
1499
|
overflowCount?: number;
|
|
1500
|
+
/**
|
|
1501
|
+
* 是否以圆点形式显示状态或徽标。
|
|
1502
|
+
* @defaultValue false
|
|
1503
|
+
*/
|
|
737
1504
|
dot?: boolean;
|
|
1505
|
+
/** 当前状态,用于选择对应的状态样式。 */
|
|
738
1506
|
status?: BadgeStatus;
|
|
1507
|
+
/** 显示文本。 */
|
|
739
1508
|
text?: ReactNode;
|
|
1509
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
740
1510
|
color?: string;
|
|
1511
|
+
/**
|
|
1512
|
+
* 相对于默认位置的偏移。
|
|
1513
|
+
* @defaultValue [0, 0]
|
|
1514
|
+
*/
|
|
741
1515
|
offset?: readonly [number, number];
|
|
1516
|
+
/**
|
|
1517
|
+
* 组件尺寸;用于调整控件高度、字号和间距。
|
|
1518
|
+
* @defaultValue "default"
|
|
1519
|
+
*/
|
|
742
1520
|
size?: "default" | "small";
|
|
743
1521
|
}
|
|
1522
|
+
/** BadgeRibbon的属性配置。 */
|
|
744
1523
|
interface BadgeRibbonProps extends HTMLAttributes<HTMLDivElement> {
|
|
1524
|
+
/** 显示文本。 */
|
|
745
1525
|
text?: ReactNode;
|
|
1526
|
+
/** 显示颜色,可使用 CSS 颜色值。 */
|
|
746
1527
|
color?: string;
|
|
1528
|
+
/**
|
|
1529
|
+
* 相对于触发元素的弹出方向和对齐位置。
|
|
1530
|
+
* @defaultValue "end"
|
|
1531
|
+
*/
|
|
747
1532
|
placement?: "start" | "end";
|
|
748
1533
|
}
|
|
749
1534
|
declare function BadgeRibbon({ text, color, placement, className, children, ...props }: BadgeRibbonProps): react.JSX.Element;
|
|
1535
|
+
/** 徽标组件。 */
|
|
750
1536
|
declare function Badge({ count, showZero, overflowCount, dot, status, text, color, offset, size, className, children, style, ...props }: BadgeProps): react.JSX.Element;
|
|
751
1537
|
declare namespace Badge {
|
|
752
1538
|
var Ribbon: typeof BadgeRibbon;
|
|
753
1539
|
}
|
|
1540
|
+
/** 日历的属性配置。 */
|
|
754
1541
|
interface CalendarProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange" | "onSelect"> {
|
|
1542
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
755
1543
|
value?: string;
|
|
1544
|
+
/** 非受控模式的初始值,仅在初始化时使用。 */
|
|
756
1545
|
defaultValue?: string;
|
|
1546
|
+
/**
|
|
1547
|
+
* 展示或交互模式;可选值见类型定义。
|
|
1548
|
+
* @defaultValue "month"
|
|
1549
|
+
*/
|
|
757
1550
|
mode?: "month" | "year";
|
|
1551
|
+
/**
|
|
1552
|
+
是否以全屏形式展示。
|
|
1553
|
+
* @defaultValue true
|
|
1554
|
+
*/
|
|
758
1555
|
fullscreen?: boolean;
|
|
1556
|
+
/** 允许选择的日期范围。 */
|
|
759
1557
|
validRange?: readonly [string, string];
|
|
1558
|
+
/** 判断某个日期是否不可选的函数。 */
|
|
760
1559
|
disabledDate?: (date: string) => boolean;
|
|
1560
|
+
/** 自定义日期单元格的附加内容。 */
|
|
761
1561
|
dateCellRender?: (date: string) => ReactNode;
|
|
1562
|
+
/** 完整替换日期单元格的渲染函数。 */
|
|
762
1563
|
fullCellRender?: (date: string, info: {
|
|
1564
|
+
/** 组件默认生成的原始节点,可用于包装或复用。 */
|
|
763
1565
|
originNode: ReactNode;
|
|
1566
|
+
/** 类型标识,用于选择对应的表现形式。 */
|
|
764
1567
|
type: "date";
|
|
765
1568
|
}) => ReactNode;
|
|
1569
|
+
/** 自定义头部渲染。 */
|
|
766
1570
|
headerRender?: (config: {
|
|
1571
|
+
/** 当前值;作为受控属性时,需要在变更回调中同步更新。 */
|
|
767
1572
|
value: string;
|
|
1573
|
+
/**
|
|
1574
|
+
* 展示或交互模式;可选值见类型定义。
|
|
1575
|
+
* @defaultValue "month"
|
|
1576
|
+
*/
|
|
768
1577
|
mode: "month" | "year";
|
|
1578
|
+
/** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
|
|
769
1579
|
onChange: (value: string) => void;
|
|
1580
|
+
/** 显示类型变化时调用。 */
|
|
770
1581
|
onTypeChange: (mode: "month" | "year") => void;
|
|
771
1582
|
}) => ReactNode;
|
|
1583
|
+
/** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
|
|
772
1584
|
onChange?: (date: string) => void;
|
|
1585
|
+
/** 选中项目时调用,参数包含选中项目及关联状态。 */
|
|
773
1586
|
onSelect?: (date: string) => void;
|
|
1587
|
+
/** 面板显示的日期或模式变化时调用。 */
|
|
774
1588
|
onPanelChange?: (date: string, mode: "month" | "year") => void;
|
|
775
1589
|
}
|
|
1590
|
+
/** 日历组件。 */
|
|
776
1591
|
declare function Calendar({ value, defaultValue, mode, fullscreen, validRange, disabledDate, dateCellRender, fullCellRender, headerRender, onChange, onSelect, onPanelChange, className, ...props }: CalendarProps): react.JSX.Element;
|
|
1592
|
+
/** 轮播的实例引用接口。 */
|
|
777
1593
|
interface CarouselRef {
|
|
1594
|
+
/** 跳转到指定索引的轮播项。 */
|
|
778
1595
|
goTo: (slide: number) => void;
|
|
1596
|
+
/** 切换到下一项。 */
|
|
779
1597
|
next: () => void;
|
|
1598
|
+
/** 切换到上一项。 */
|
|
780
1599
|
prev: () => void;
|
|
781
1600
|
}
|
|
1601
|
+
/** 轮播的属性配置。 */
|
|
782
1602
|
interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
|
|
1603
|
+
/**
|
|
1604
|
+
* 是否自动轮播。
|
|
1605
|
+
* @defaultValue false
|
|
1606
|
+
*/
|
|
783
1607
|
autoplay?: boolean | {
|
|
1608
|
+
/** 轮播指示点的动画持续时间。 */
|
|
784
1609
|
dotDuration?: boolean;
|
|
785
1610
|
};
|
|
1611
|
+
/**
|
|
1612
|
+
* 自动轮播的切换间隔。
|
|
1613
|
+
* @defaultValue 3000
|
|
1614
|
+
*/
|
|
786
1615
|
autoplaySpeed?: number;
|
|
1616
|
+
/**
|
|
1617
|
+
* 是否显示前后切换箭头。
|
|
1618
|
+
* @defaultValue false
|
|
1619
|
+
*/
|
|
787
1620
|
arrows?: boolean;
|
|
1621
|
+
/**
|
|
1622
|
+
* 是否显示轮播指示点。
|
|
1623
|
+
* @defaultValue true
|
|
1624
|
+
*/
|
|
788
1625
|
dots?: boolean | {
|
|
1626
|
+
/**
|
|
1627
|
+
* 附加到组件根节点的 CSS 类名。
|
|
1628
|
+
* @defaultValue ""
|
|
1629
|
+
*/
|
|
789
1630
|
className?: string;
|
|
790
1631
|
};
|
|
1632
|
+
/**
|
|
1633
|
+
* 滚动或淡入效果
|
|
1634
|
+
* @defaultValue "scroll"
|
|
1635
|
+
*/
|
|
791
1636
|
effect?: "scroll" | "fade";
|
|
1637
|
+
/**
|
|
1638
|
+
* 是否允许首尾循环切换。
|
|
1639
|
+
* @defaultValue true
|
|
1640
|
+
*/
|
|
792
1641
|
infinite?: boolean;
|
|
1642
|
+
/**
|
|
1643
|
+
* 轮播初始化时显示的项索引。
|
|
1644
|
+
* @defaultValue 0
|
|
1645
|
+
*/
|
|
793
1646
|
initialSlide?: number;
|
|
1647
|
+
/**
|
|
1648
|
+
* 鼠标悬停时是否暂停自动轮播。
|
|
1649
|
+
* @defaultValue true
|
|
1650
|
+
*/
|
|
794
1651
|
pauseOnHover?: boolean;
|
|
1652
|
+
/** 轮播切换前调用,接收当前项和目标项索引。 */
|
|
795
1653
|
beforeChange?: (current: number, next: number) => void;
|
|
1654
|
+
/** 轮播切换后调用,接收当前项索引。 */
|
|
796
1655
|
afterChange?: (current: number) => void;
|
|
797
1656
|
}
|
|
1657
|
+
/** 轮播组件。 */
|
|
798
1658
|
declare function Carousel({ autoplay, autoplaySpeed, arrows, dots, effect, infinite, initialSlide, pauseOnHover, beforeChange, afterChange, className, children, ...props }: CarouselProps): react.JSX.Element;
|
|
1659
|
+
/** 折叠面板的唯一标识类型。 */
|
|
799
1660
|
type CollapseKey = string | number;
|
|
1661
|
+
/** 折叠面板的项目定义。 */
|
|
800
1662
|
type CollapseItem = {
|
|
1663
|
+
/** 唯一标识;同一集合内应保持唯一且稳定,用于定位、渲染和状态关联。 */
|
|
801
1664
|
key: CollapseKey;
|
|
1665
|
+
/** 展示给用户的名称,可传入文本或 React 节点。 */
|
|
802
1666
|
label: ReactNode;
|
|
1667
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
803
1668
|
children?: ReactNode;
|
|
1669
|
+
/** 主体之外的补充内容或操作区。 */
|
|
804
1670
|
extra?: ReactNode;
|
|
1671
|
+
/** 是否禁用交互。 */
|
|
805
1672
|
disabled?: boolean;
|
|
1673
|
+
/** 允许收起内容区域 */
|
|
806
1674
|
collapsible?: "header" | "icon" | "disabled";
|
|
1675
|
+
/** 是否显示展开箭头。 */
|
|
807
1676
|
showArrow?: boolean;
|
|
1677
|
+
/** 未展开时是否也渲染内容。 */
|
|
808
1678
|
forceRender?: boolean;
|
|
1679
|
+
/** 附加到组件根节点的 CSS 类名。 */
|
|
809
1680
|
className?: string;
|
|
810
1681
|
};
|
|
1682
|
+
/** 折叠面板的属性配置。 */
|
|
811
1683
|
interface CollapseProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
1684
|
+
/** 按展示顺序排列的项目配置。 */
|
|
812
1685
|
items: readonly CollapseItem[];
|
|
1686
|
+
/** 当前激活项目的标识;传入后由外部控制。 */
|
|
813
1687
|
activeKey?: CollapseKey | readonly CollapseKey[];
|
|
1688
|
+
/**
|
|
1689
|
+
* 非受控模式下初始激活的项目标识。
|
|
1690
|
+
* @defaultValue []
|
|
1691
|
+
*/
|
|
814
1692
|
defaultActiveKey?: CollapseKey | readonly CollapseKey[];
|
|
1693
|
+
/**
|
|
1694
|
+
* 是否启用手风琴模式,同时只展开一个面板。
|
|
1695
|
+
* @defaultValue false
|
|
1696
|
+
*/
|
|
815
1697
|
accordion?: boolean;
|
|
1698
|
+
/**
|
|
1699
|
+
* 是否显示边框。
|
|
1700
|
+
* @defaultValue true
|
|
1701
|
+
*/
|
|
816
1702
|
bordered?: boolean;
|
|
1703
|
+
/**
|
|
1704
|
+
* 是否使用透明背景的幽灵样式。
|
|
1705
|
+
* @defaultValue false
|
|
1706
|
+
*/
|
|
817
1707
|
ghost?: boolean;
|
|
1708
|
+
/**
|
|
1709
|
+
* 收起后销毁内容
|
|
1710
|
+
* @defaultValue false
|
|
1711
|
+
*/
|
|
818
1712
|
destroyInactivePanel?: boolean;
|
|
1713
|
+
/**
|
|
1714
|
+
* 展开图标的位置。
|
|
1715
|
+
* @defaultValue "start"
|
|
1716
|
+
*/
|
|
819
1717
|
expandIconPosition?: "start" | "end";
|
|
1718
|
+
/** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
|
|
820
1719
|
onChange?: (key: CollapseKey | CollapseKey[]) => void;
|
|
821
1720
|
}
|
|
1721
|
+
/** 折叠面板组件。 */
|
|
822
1722
|
declare function Collapse({ items, activeKey, defaultActiveKey, accordion, bordered, ghost, destroyInactivePanel, expandIconPosition, onChange, className, ...props }: CollapseProps): react.JSX.Element;
|
|
1723
|
+
/** 图片预览的属性配置。 */
|
|
823
1724
|
interface ImagePreviewProps {
|
|
1725
|
+
/** 是否打开;传入后由外部控制显示状态。 */
|
|
824
1726
|
open: boolean;
|
|
1727
|
+
/** 图片或资源地址。 */
|
|
825
1728
|
src?: string;
|
|
1729
|
+
/**
|
|
1730
|
+
* 图片无法显示时的替代文本。
|
|
1731
|
+
* @defaultValue ""
|
|
1732
|
+
*/
|
|
826
1733
|
alt?: string;
|
|
1734
|
+
/** 打开状态改变时触发,参数为新的打开状态。 */
|
|
827
1735
|
onOpenChange: (open: boolean) => void;
|
|
828
1736
|
}
|
|
1737
|
+
/** 图片预览组件。 */
|
|
829
1738
|
declare function ImagePreview({ open, src, alt, onOpenChange }: ImagePreviewProps): react.ReactPortal | null;
|
|
1739
|
+
/** 图片预览的配置。 */
|
|
830
1740
|
interface ImagePreviewConfig {
|
|
1741
|
+
/** 图片或资源地址。 */
|
|
831
1742
|
src?: string;
|
|
1743
|
+
/** 是否打开;传入后由外部控制显示状态。 */
|
|
832
1744
|
open?: boolean;
|
|
1745
|
+
/** 打开状态改变时触发,参数为新的打开状态。 */
|
|
833
1746
|
onOpenChange?: (open: boolean) => void;
|
|
1747
|
+
/** 遮罩是否显示或自定义遮罩内容。 */
|
|
834
1748
|
mask?: ReactNode;
|
|
835
1749
|
}
|
|
1750
|
+
/** 图片的属性配置。 */
|
|
836
1751
|
interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
|
|
1752
|
+
/** 资源加载失败时使用的替代内容或地址。 */
|
|
837
1753
|
fallback?: string;
|
|
1754
|
+
/** 未填写或未选择时的提示内容。 */
|
|
838
1755
|
placeholder?: ReactNode;
|
|
1756
|
+
/**
|
|
1757
|
+
* 预览开关或配置
|
|
1758
|
+
* @defaultValue true
|
|
1759
|
+
*/
|
|
839
1760
|
preview?: boolean | ImagePreviewConfig;
|
|
1761
|
+
/**
|
|
1762
|
+
* 最外层容器的附加 CSS 类名。
|
|
1763
|
+
* @defaultValue ""
|
|
1764
|
+
*/
|
|
840
1765
|
rootClassName?: string;
|
|
841
1766
|
}
|
|
1767
|
+
/** 图片组件。 */
|
|
842
1768
|
declare function Image({ fallback, placeholder, preview, rootClassName, className, src, alt, onError, style, ...props }: ImageProps): react.JSX.Element;
|
|
843
1769
|
|
|
1770
|
+
/** 输入框的属性配置。 */
|
|
844
1771
|
interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "prefix" | "size"> {
|
|
1772
|
+
/** 字段标签 */
|
|
845
1773
|
label?: ReactNode;
|
|
1774
|
+
/** 帮助或校验信息 */
|
|
846
1775
|
hint?: ReactNode;
|
|
1776
|
+
/**
|
|
1777
|
+
* 校验状态
|
|
1778
|
+
* @defaultValue "default"
|
|
1779
|
+
*/
|
|
847
1780
|
status?: ControlStatus;
|
|
1781
|
+
/** small / medium / large 高度为 22 / 30 / 38px;默认继承 Form,组件自身 size 优先 */
|
|
848
1782
|
size?: ControlSize;
|
|
1783
|
+
/** 输入框前缀 */
|
|
849
1784
|
prefix?: ReactNode;
|
|
1785
|
+
/** 输入框后缀 */
|
|
850
1786
|
suffix?: ReactNode;
|
|
1787
|
+
/**
|
|
1788
|
+
是否允许清空当前选择或输入值。
|
|
1789
|
+
* @defaultValue false
|
|
1790
|
+
*/
|
|
851
1791
|
allowClear?: boolean;
|
|
1792
|
+
/** 清空当前值时调用。 */
|
|
852
1793
|
onClear?: () => void;
|
|
1794
|
+
/**
|
|
1795
|
+
* 显示当前字符数
|
|
1796
|
+
* @defaultValue false
|
|
1797
|
+
*/
|
|
853
1798
|
showCount?: boolean;
|
|
1799
|
+
/** 占位文案的显示模式 */
|
|
854
1800
|
placeholderMode?: InputPlaceholderMode;
|
|
855
1801
|
}
|
|
1802
|
+
/** 输入框组件。 */
|
|
856
1803
|
declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
|
|
857
1804
|
|
|
858
1805
|
declare const LIST_IGNORE: unique symbol;
|
|
1806
|
+
/** UploadFile的状态类型。 */
|
|
859
1807
|
type UploadFileStatus = "ready" | "uploading" | "done" | "error";
|
|
1808
|
+
/** 上传文件的状态记录,包含唯一标识、文件名、原始文件和服务端响应。 */
|
|
860
1809
|
interface UploadFile {
|
|
1810
|
+
/** 文件的唯一标识。 */
|
|
861
1811
|
uid: string;
|
|
1812
|
+
/** 名称或字段标识。 */
|
|
862
1813
|
name: string;
|
|
1814
|
+
/** 组件尺寸;用于调整控件高度、字号和间距。 */
|
|
863
1815
|
size?: number;
|
|
1816
|
+
/** 类型标识,用于选择对应的表现形式。 */
|
|
864
1817
|
type?: string;
|
|
1818
|
+
/** 当前状态,用于选择对应的状态样式。 */
|
|
865
1819
|
status?: UploadFileStatus;
|
|
1820
|
+
/** 进度百分比。 */
|
|
866
1821
|
percent?: number;
|
|
1822
|
+
/** 文件或资源的访问地址。 */
|
|
867
1823
|
url?: string;
|
|
1824
|
+
/** 上传服务返回的响应数据。 */
|
|
868
1825
|
response?: unknown;
|
|
1826
|
+
/** 错误信息或错误对象。 */
|
|
869
1827
|
error?: unknown;
|
|
1828
|
+
/** 上传前的原始 File 对象。 */
|
|
870
1829
|
originFileObj?: File;
|
|
871
1830
|
}
|
|
1831
|
+
/** UploadRequest的配置选项。 */
|
|
872
1832
|
interface UploadRequestOptions {
|
|
1833
|
+
/** 当前操作涉及的文件。 */
|
|
873
1834
|
file: File;
|
|
1835
|
+
/** 文件名。 */
|
|
874
1836
|
filename: string;
|
|
1837
|
+
/** 上传进度更新时调用。 */
|
|
875
1838
|
onProgress: (percent: number) => void;
|
|
1839
|
+
/** 上传成功时调用,接收响应数据。 */
|
|
876
1840
|
onSuccess: (response?: unknown) => void;
|
|
1841
|
+
/** 操作发生错误时调用,可用于显示业务错误提示。 */
|
|
877
1842
|
onError: (error: unknown) => void;
|
|
878
1843
|
}
|
|
1844
|
+
/** 文件上传的变更事件上下文。 */
|
|
879
1845
|
interface UploadChangeInfo {
|
|
1846
|
+
/** 当前操作涉及的文件。 */
|
|
880
1847
|
file: UploadFile;
|
|
1848
|
+
/** 受控的文件列表。 */
|
|
881
1849
|
fileList: readonly UploadFile[];
|
|
882
1850
|
}
|
|
1851
|
+
/** 文件上传的属性配置。 */
|
|
883
1852
|
interface UploadProps extends Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> {
|
|
1853
|
+
/** 允许的文件类型,格式同原生 input 的 accept。 */
|
|
884
1854
|
accept?: string;
|
|
1855
|
+
/**
|
|
1856
|
+
是否允许同时选择多个项目。
|
|
1857
|
+
* @defaultValue false
|
|
1858
|
+
*/
|
|
885
1859
|
multiple?: boolean;
|
|
1860
|
+
/**
|
|
1861
|
+
* 是否允许选择文件夹。
|
|
1862
|
+
* @defaultValue false
|
|
1863
|
+
*/
|
|
886
1864
|
directory?: boolean;
|
|
1865
|
+
/**
|
|
1866
|
+
* 是否禁用交互。
|
|
1867
|
+
* @defaultValue false
|
|
1868
|
+
*/
|
|
887
1869
|
disabled?: boolean;
|
|
1870
|
+
/** 允许的最大文件数量。 */
|
|
888
1871
|
maxCount?: number;
|
|
1872
|
+
/** 受控的文件列表。 */
|
|
889
1873
|
fileList?: readonly UploadFile[];
|
|
1874
|
+
/**
|
|
1875
|
+
* 非受控模式下的初始文件列表。
|
|
1876
|
+
* @defaultValue []
|
|
1877
|
+
*/
|
|
890
1878
|
defaultFileList?: readonly UploadFile[];
|
|
1879
|
+
/**
|
|
1880
|
+
* 上传文件列表的展示形式。
|
|
1881
|
+
* @defaultValue "text"
|
|
1882
|
+
*/
|
|
891
1883
|
listType?: "text" | "picture" | "picture-card";
|
|
1884
|
+
/**
|
|
1885
|
+
* 是否显示上传文件列表。
|
|
1886
|
+
* @defaultValue true
|
|
1887
|
+
*/
|
|
892
1888
|
showUploadList?: boolean;
|
|
1889
|
+
/** 上传前校验或转换文件 */
|
|
893
1890
|
beforeUpload?: (file: File, fileList: readonly File[]) => boolean | File | typeof LIST_IGNORE | Promise<boolean | File | typeof LIST_IGNORE>;
|
|
1891
|
+
/** 自定义上传实现 */
|
|
894
1892
|
customRequest?: (options: UploadRequestOptions) => void | {
|
|
1893
|
+
/** 取消当前上传请求。 */
|
|
895
1894
|
abort?: () => void;
|
|
896
1895
|
};
|
|
1896
|
+
/** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
|
|
897
1897
|
onChange?: (info: UploadChangeInfo) => void;
|
|
1898
|
+
/** 请求移除文件时调用;返回值控制是否允许移除。 */
|
|
898
1899
|
onRemove?: (file: UploadFile) => boolean | Promise<boolean>;
|
|
1900
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
899
1901
|
children?: ReactNode;
|
|
900
1902
|
}
|
|
1903
|
+
/** UploadDragger的属性配置。 */
|
|
901
1904
|
interface UploadDraggerProps extends UploadProps {
|
|
1905
|
+
/**
|
|
1906
|
+
* 帮助或校验信息
|
|
1907
|
+
* @defaultValue "支持单个或批量上传"
|
|
1908
|
+
*/
|
|
902
1909
|
hint?: ReactNode;
|
|
903
1910
|
}
|
|
904
1911
|
declare function UploadRoot({ accept, multiple, directory, disabled, maxCount, fileList, defaultFileList, listType, showUploadList, beforeUpload, customRequest, onChange, onRemove, children, className, onDragOver, onDrop, ...props }: UploadProps): react.JSX.Element;
|
|
905
1912
|
declare function UploadDragger({ hint, children, className, ...props }: UploadDraggerProps): react.JSX.Element;
|
|
1913
|
+
/** 文件上传组件。 */
|
|
906
1914
|
declare const Upload: typeof UploadRoot & {
|
|
1915
|
+
/** 支持拖入文件上传的区域组件。 */
|
|
907
1916
|
Dragger: typeof UploadDragger;
|
|
1917
|
+
/** beforeUpload 返回此标记时忽略该文件,不加入上传列表。 */
|
|
908
1918
|
LIST_IGNORE: symbol;
|
|
909
1919
|
};
|
|
910
1920
|
|
|
1921
|
+
/** 弹层挂载节点或返回挂载节点的函数。 */
|
|
911
1922
|
type OverlayContainer = HTMLElement | (() => HTMLElement);
|
|
912
1923
|
|
|
1924
|
+
/** 模态框的类型标识。 */
|
|
913
1925
|
type ModalType = "default" | "info" | "success" | "warning" | "error" | "confirm";
|
|
1926
|
+
/** 确认操作的返回值;false 阻止关闭,Promise 可用于等待异步操作。 */
|
|
914
1927
|
type ModalActionResult = void | boolean | Promise<void | boolean>;
|
|
1928
|
+
/** 模态框的属性配置。 */
|
|
915
1929
|
interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "onSubmit"> {
|
|
1930
|
+
/** 是否显示对话框 */
|
|
916
1931
|
open: boolean;
|
|
1932
|
+
/** 标题 */
|
|
917
1933
|
title?: ReactNode;
|
|
1934
|
+
/** 子内容;组件嵌套内容或当前节点的子项。 */
|
|
918
1935
|
children?: ReactNode;
|
|
1936
|
+
/** 自定义底部操作区,传 null 隐藏 */
|
|
919
1937
|
footer?: ReactNode | null;
|
|
920
1938
|
/** 默认底部操作区左侧的扩展内容。 */
|
|
921
1939
|
footerExtra?: ReactNode;
|
|
1940
|
+
/**
|
|
1941
|
+
* 类型标识,用于选择对应的表现形式。
|
|
1942
|
+
* @defaultValue "default"
|
|
1943
|
+
*/
|
|
922
1944
|
type?: ModalType;
|
|
1945
|
+
/**
|
|
1946
|
+
* 确定按钮文案。
|
|
1947
|
+
* @defaultValue "确定"
|
|
1948
|
+
*/
|
|
923
1949
|
okText?: ReactNode;
|
|
1950
|
+
/**
|
|
1951
|
+
* 取消按钮文案。
|
|
1952
|
+
* @defaultValue "取消"
|
|
1953
|
+
*/
|
|
924
1954
|
cancelText?: ReactNode;
|
|
1955
|
+
/**
|
|
1956
|
+
* 是否显示取消按钮。
|
|
1957
|
+
* @defaultValue type === "default" || type === "confirm"
|
|
1958
|
+
*/
|
|
925
1959
|
showCancel?: boolean;
|
|
1960
|
+
/**
|
|
1961
|
+
* 确定操作是否正在执行;为 true 时阻止重复提交和关闭。
|
|
1962
|
+
* @defaultValue false
|
|
1963
|
+
*/
|
|
926
1964
|
confirmLoading?: boolean;
|
|
1965
|
+
/** 确定按钮的 Button 属性。 */
|
|
927
1966
|
okButtonProps?: ButtonProps;
|
|
1967
|
+
/** 取消按钮的 Button 属性。 */
|
|
928
1968
|
cancelButtonProps?: ButtonProps;
|
|
1969
|
+
/**
|
|
1970
|
+
* 是否显示关闭入口。
|
|
1971
|
+
* @defaultValue true
|
|
1972
|
+
*/
|
|
929
1973
|
closable?: boolean;
|
|
1974
|
+
/**
|
|
1975
|
+
* 点击遮罩时是否允许关闭。
|
|
1976
|
+
* @defaultValue true
|
|
1977
|
+
*/
|
|
930
1978
|
maskClosable?: boolean;
|
|
1979
|
+
/**
|
|
1980
|
+
* 是否允许通过 Esc 等键盘操作关闭。
|
|
1981
|
+
* @defaultValue true
|
|
1982
|
+
*/
|
|
931
1983
|
keyboard?: boolean;
|
|
1984
|
+
/**
|
|
1985
|
+
* 弹框是否垂直居中。
|
|
1986
|
+
* @defaultValue false
|
|
1987
|
+
*/
|
|
932
1988
|
centered?: boolean;
|
|
1989
|
+
/**
|
|
1990
|
+
* 宽度;数值按像素处理,字符串可使用 CSS 尺寸。
|
|
1991
|
+
* @defaultValue 520
|
|
1992
|
+
*/
|
|
933
1993
|
width?: number | string;
|
|
1994
|
+
/**
|
|
1995
|
+
组件或浮层的堆叠层级。
|
|
1996
|
+
* @defaultValue 1000
|
|
1997
|
+
*/
|
|
934
1998
|
zIndex?: number;
|
|
1999
|
+
/** 弹层挂载目标;可提供元素或返回元素的函数,默认挂载到页面容器。 */
|
|
935
2000
|
getContainer?: OverlayContainer;
|
|
2001
|
+
/** 确认回调,支持 Promise 与返回 false 阻止关闭 */
|
|
936
2002
|
onOk?: () => ModalActionResult;
|
|
2003
|
+
/** 用户取消或通过关闭入口退出时调用。 */
|
|
937
2004
|
onCancel?: () => void;
|
|
2005
|
+
/** 打开状态变化回调 */
|
|
938
2006
|
onOpenChange?: (open: boolean) => void;
|
|
939
2007
|
/** 动画完成后触发,适用于聚焦内容和释放外部挂载点。 */
|
|
940
2008
|
afterOpenChange?: (open: boolean) => void;
|
|
941
2009
|
}
|
|
2010
|
+
/** ModalOpen的配置。 */
|
|
942
2011
|
interface ModalOpenConfig extends Omit<ModalProps, "open"> {
|
|
943
2012
|
}
|
|
2013
|
+
/** OverlayApi的操作句柄。 */
|
|
944
2014
|
interface OverlayApiHandle<T> {
|
|
2015
|
+
/** 关闭弹层并在退出动画后释放挂载点。程序化关闭不会模拟用户取消按钮点击。 */
|
|
945
2016
|
destroy: () => void;
|
|
2017
|
+
/** 合并更新已打开弹层的配置,未提供的属性保留原值。 */
|
|
946
2018
|
update: (next: Partial<T>) => void;
|
|
947
2019
|
}
|
|
948
2020
|
declare function openModal(config: ModalOpenConfig): OverlayApiHandle<ModalOpenConfig>;
|
|
2021
|
+
/** 模态框组件。 */
|
|
949
2022
|
declare const Modal: react.ForwardRefExoticComponent<ModalProps & react.RefAttributes<HTMLDivElement>> & {
|
|
2023
|
+
/** 直接打开实例,返回可用于更新或关闭的操作句柄。 */
|
|
950
2024
|
open: typeof openModal;
|
|
2025
|
+
/** 显示普通信息提示。 */
|
|
951
2026
|
info: (config: ModalOpenConfig) => OverlayApiHandle<ModalOpenConfig>;
|
|
2027
|
+
/** 显示成功提示。 */
|
|
952
2028
|
success: (config: ModalOpenConfig) => OverlayApiHandle<ModalOpenConfig>;
|
|
2029
|
+
/** 显示警告提示。 */
|
|
953
2030
|
warning: (config: ModalOpenConfig) => OverlayApiHandle<ModalOpenConfig>;
|
|
2031
|
+
/** 显示错误提示。 */
|
|
954
2032
|
error: (config: ModalOpenConfig) => OverlayApiHandle<ModalOpenConfig>;
|
|
2033
|
+
/** 打开确认弹框,支持异步确认;返回 false 可阻止关闭。 */
|
|
955
2034
|
confirm: (config: ModalOpenConfig) => OverlayApiHandle<ModalOpenConfig>;
|
|
2035
|
+
/** 关闭由此 API 打开的所有弹层。 */
|
|
956
2036
|
destroyAll(): void;
|
|
957
2037
|
};
|
|
958
2038
|
|
|
2039
|
+
/** 全局消息的类型标识。 */
|
|
959
2040
|
type MessageType = "info" | "success" | "warning" | "error" | "loading";
|
|
2041
|
+
/** 全局消息的唯一标识,用于更新或关闭已有消息。 */
|
|
960
2042
|
type MessageKey = string | number;
|
|
2043
|
+
/** 全局消息的配置。 */
|
|
961
2044
|
interface MessageConfig {
|
|
2045
|
+
/** 唯一标识;同一集合内应保持唯一且稳定,用于定位、渲染和状态关联。 */
|
|
962
2046
|
key?: MessageKey;
|
|
2047
|
+
/** 类型标识,用于选择对应的表现形式。 */
|
|
963
2048
|
type?: MessageType;
|
|
2049
|
+
/** 消息正文,支持文本或 React 节点。 */
|
|
964
2050
|
content: ReactNode;
|
|
2051
|
+
/** 自动关闭延迟,单位为秒;0 表示不自动关闭。 */
|
|
965
2052
|
duration?: number;
|
|
2053
|
+
/** 是否显示关闭入口。 */
|
|
966
2054
|
closable?: boolean;
|
|
2055
|
+
/** 请求关闭时触发的回调。 */
|
|
967
2056
|
onClose?: () => void;
|
|
968
2057
|
}
|
|
2058
|
+
/** 全局消息的操作句柄。 */
|
|
969
2059
|
interface MessageHandle {
|
|
2060
|
+
/** 关闭当前界面或实例。 */
|
|
970
2061
|
close: () => void;
|
|
2062
|
+
/** 局部更新当前实例配置,未传入的字段保持原值。 */
|
|
971
2063
|
update: (next: Partial<MessageConfig>) => void;
|
|
972
2064
|
}
|
|
973
2065
|
declare function openMessage(input: ReactNode | MessageConfig): MessageHandle;
|
|
2066
|
+
/** 全局消息 API,可直接显示成功、错误、警告等短提示,并通过句柄关闭。 */
|
|
974
2067
|
declare const message: {
|
|
2068
|
+
/** 直接打开实例,返回可用于更新或关闭的操作句柄。 */
|
|
975
2069
|
open: typeof openMessage;
|
|
2070
|
+
/** 显示普通信息提示。 */
|
|
976
2071
|
info: (content: ReactNode, duration?: number) => MessageHandle;
|
|
2072
|
+
/** 显示成功提示。 */
|
|
977
2073
|
success: (content: ReactNode, duration?: number) => MessageHandle;
|
|
2074
|
+
/** 显示警告提示。 */
|
|
978
2075
|
warning: (content: ReactNode, duration?: number) => MessageHandle;
|
|
2076
|
+
/** 显示错误提示。 */
|
|
979
2077
|
error: (content: ReactNode, duration?: number) => MessageHandle;
|
|
2078
|
+
/** 显示持续加载提示。 */
|
|
980
2079
|
loading: (content: ReactNode, duration?: number) => MessageHandle;
|
|
2080
|
+
/** 关闭指定实例;未指定标识时关闭所有实例。 */
|
|
981
2081
|
destroy(key?: MessageKey): void;
|
|
2082
|
+
/** 配置消息默认持续时间和最大同时显示数量。 */
|
|
982
2083
|
config(config: {
|
|
2084
|
+
/** 默认自动关闭时间,单位为秒;0 表示不自动关闭。 */
|
|
983
2085
|
duration?: number;
|
|
2086
|
+
/** 同时显示的最大消息数量。 */
|
|
984
2087
|
maxCount?: number;
|
|
985
2088
|
}): void;
|
|
986
2089
|
};
|
|
987
2090
|
|
|
2091
|
+
/** 面包屑的项目定义。 */
|
|
988
2092
|
interface BreadcrumbItem {
|
|
2093
|
+
/** 唯一标识;同一集合内应保持唯一且稳定,用于定位、渲染和状态关联。 */
|
|
989
2094
|
key?: string;
|
|
2095
|
+
/** 标题内容,可传入文本或 React 节点。 */
|
|
990
2096
|
title: ReactNode;
|
|
2097
|
+
/** 显示在内容旁的图标节点,建议使用 Icon 组件。 */
|
|
991
2098
|
icon?: ReactNode;
|
|
2099
|
+
/** 链接目标地址。 */
|
|
992
2100
|
href?: string;
|
|
2101
|
+
/** 关联的目标元素或获取目标元素的函数。 */
|
|
993
2102
|
target?: string;
|
|
2103
|
+
/** 是否禁用交互。 */
|
|
994
2104
|
disabled?: boolean;
|
|
2105
|
+
/** 点击时触发,参数为当前点击事件或项目上下文。 */
|
|
995
2106
|
onClick?: MouseEventHandler<HTMLElement>;
|
|
996
2107
|
/** 覆盖当前项后方的分隔符,null 可隐藏分隔符。 */
|
|
997
2108
|
separator?: ReactNode;
|
|
2109
|
+
/** 菜单项、选中状态与点击回调 */
|
|
998
2110
|
menu?: DropdownMenuProps;
|
|
999
2111
|
}
|
|
2112
|
+
/** 面包屑的属性配置。 */
|
|
1000
2113
|
interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
|
|
2114
|
+
/** 按层级排列的项目,最后一项表示当前页面 */
|
|
1001
2115
|
items: readonly BreadcrumbItem[];
|
|
2116
|
+
/**
|
|
2117
|
+
* 全局分隔符,可传入图标或文字
|
|
2118
|
+
* @defaultValue "/"
|
|
2119
|
+
*/
|
|
1002
2120
|
separator?: ReactNode;
|
|
2121
|
+
/** 自定义项目内容,可接入路由 Link */
|
|
1003
2122
|
itemRender?: (item: BreadcrumbItem, index: number, items: readonly BreadcrumbItem[]) => ReactNode;
|
|
1004
2123
|
}
|
|
2124
|
+
/** 面包屑组件。 */
|
|
1005
2125
|
declare function Breadcrumb({ items, separator, itemRender, className, ...props }: BreadcrumbProps): react.JSX.Element;
|
|
1006
2126
|
|
|
2127
|
+
/** 排版的类型标识。 */
|
|
1007
2128
|
type TypographyType = "secondary" | "success" | "warning" | "danger";
|
|
2129
|
+
/** 排版的属性配置。 */
|
|
1008
2130
|
interface TypographyProps extends HTMLAttributes<HTMLElement> {
|
|
2131
|
+
/** 辅助、成功、警告或危险文本 */
|
|
1009
2132
|
type?: TypographyType;
|
|
2133
|
+
/** 禁用样式及复制、编辑操作 */
|
|
1010
2134
|
disabled?: boolean;
|
|
2135
|
+
/** 是否显示为加粗文字。 */
|
|
1011
2136
|
strong?: boolean;
|
|
2137
|
+
/** 是否显示为斜体。 */
|
|
1012
2138
|
italic?: boolean;
|
|
2139
|
+
/** 是否显示下划线。 */
|
|
1013
2140
|
underline?: boolean;
|
|
2141
|
+
/** 是否显示删除线。 */
|
|
1014
2142
|
delete?: boolean;
|
|
2143
|
+
/** 是否使用标记高亮样式。 */
|
|
1015
2144
|
mark?: boolean;
|
|
2145
|
+
/** 代码内容或按键代码。 */
|
|
1016
2146
|
code?: boolean;
|
|
2147
|
+
/** 是否允许通过 Esc 等键盘操作关闭。 */
|
|
1017
2148
|
keyboard?: boolean;
|
|
2149
|
+
/** 复制完整文本,可指定复制内容和成功回调 */
|
|
1018
2150
|
copyable?: boolean | {
|
|
2151
|
+
/** 显示文本。 */
|
|
1019
2152
|
text?: string;
|
|
2153
|
+
/** 复制操作触发后的回调。 */
|
|
1020
2154
|
onCopy?: () => void;
|
|
1021
2155
|
};
|
|
2156
|
+
/** 纯文本编辑;text 用于受控内容,onChange 在保存时触发 */
|
|
1022
2157
|
editable?: boolean | {
|
|
2158
|
+
/** 显示文本。 */
|
|
1023
2159
|
text?: string;
|
|
2160
|
+
/** 值发生变化时调用;参数为新值及类型声明中列出的关联信息。 */
|
|
1024
2161
|
onChange?: (text: string) => void;
|
|
2162
|
+
/** 允许输入的最大字符数 */
|
|
1025
2163
|
maxLength?: number;
|
|
1026
2164
|
};
|
|
2165
|
+
/** 是否对超出可用宽度的内容进行省略,或指定省略配置。 */
|
|
1027
2166
|
ellipsis?: boolean | {
|
|
2167
|
+
/** 默认可见行数 */
|
|
1028
2168
|
rows?: number;
|
|
2169
|
+
/** 是否允许展开更多内容。 */
|
|
1029
2170
|
expandable?: boolean;
|
|
1030
2171
|
};
|
|
1031
2172
|
}
|
|
2173
|
+
/** TypographyTitle的属性配置。 */
|
|
1032
2174
|
interface TypographyTitleProps extends TypographyProps {
|
|
2175
|
+
/** 标题或节点的层级。 */
|
|
1033
2176
|
level?: 1 | 2 | 3 | 4 | 5;
|
|
1034
2177
|
}
|
|
2178
|
+
/** TypographyLink的属性配置。 */
|
|
1035
2179
|
interface TypographyLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
2180
|
+
/** 是否禁用交互。 */
|
|
1036
2181
|
disabled?: boolean;
|
|
1037
2182
|
}
|
|
1038
2183
|
declare function Title({ level, ...props }: TypographyTitleProps): react.JSX.Element;
|
|
@@ -1040,44 +2185,103 @@ declare function Text(props: TypographyProps): react.JSX.Element;
|
|
|
1040
2185
|
declare function Paragraph(props: TypographyProps): react.JSX.Element;
|
|
1041
2186
|
declare function Link({ disabled, className, onClick, href, target, rel, ...props }: TypographyLinkProps): react.JSX.Element;
|
|
1042
2187
|
declare function TypographyRoot({ className, ...props }: HTMLAttributes<HTMLDivElement>): react.JSX.Element;
|
|
2188
|
+
/** 排版组件。 */
|
|
1043
2189
|
declare const Typography: typeof TypographyRoot & {
|
|
2190
|
+
/** 语义化标题,支持标题级别、复制和编辑。 */
|
|
1044
2191
|
Title: typeof Title;
|
|
2192
|
+
/** 行内文本,支持强调、复制、编辑和省略。 */
|
|
1045
2193
|
Text: typeof Text;
|
|
2194
|
+
/** 段落文本,支持复制、编辑和省略。 */
|
|
1046
2195
|
Paragraph: typeof Paragraph;
|
|
2196
|
+
/** 具有排版样式的链接。 */
|
|
1047
2197
|
Link: typeof Link;
|
|
1048
2198
|
};
|
|
1049
2199
|
|
|
2200
|
+
/** 浮动按钮的外形。 */
|
|
1050
2201
|
type FloatButtonShape = "circle" | "square";
|
|
2202
|
+
/** 浮动按钮的属性配置。 */
|
|
1051
2203
|
interface FloatButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "content"> {
|
|
2204
|
+
/** 显示在内容旁的图标节点,建议使用 Icon 组件。 */
|
|
1052
2205
|
icon?: ReactNode;
|
|
2206
|
+
/** 补充说明内容。 */
|
|
1053
2207
|
description?: ReactNode;
|
|
2208
|
+
/** 浮动按钮的提示内容。 */
|
|
1054
2209
|
tooltip?: ReactNode;
|
|
2210
|
+
/**
|
|
2211
|
+
* 类型标识,用于选择对应的表现形式。
|
|
2212
|
+
* @defaultValue "default"
|
|
2213
|
+
*/
|
|
1055
2214
|
type?: "default" | "primary";
|
|
2215
|
+
/**
|
|
2216
|
+
* 外观形状。
|
|
2217
|
+
* @defaultValue "circle"
|
|
2218
|
+
*/
|
|
1056
2219
|
shape?: FloatButtonShape;
|
|
2220
|
+
/** 数字、红点和溢出计数配置 */
|
|
1057
2221
|
badge?: Pick<BadgeProps, "count" | "dot" | "overflowCount" | "showZero" | "color">;
|
|
2222
|
+
/**
|
|
2223
|
+
* 原生按钮类型,例如 button、submit 或 reset。
|
|
2224
|
+
* @defaultValue "button"
|
|
2225
|
+
*/
|
|
1058
2226
|
htmlType?: "button" | "submit" | "reset";
|
|
1059
2227
|
}
|
|
2228
|
+
/** FloatButtonGroup的属性配置。 */
|
|
1060
2229
|
interface FloatButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
2230
|
+
/**
|
|
2231
|
+
* 外观形状。
|
|
2232
|
+
* @defaultValue "circle"
|
|
2233
|
+
*/
|
|
1061
2234
|
shape?: FloatButtonShape;
|
|
2235
|
+
/**
|
|
2236
|
+
* 类型标识,用于选择对应的表现形式。
|
|
2237
|
+
* @defaultValue "default"
|
|
2238
|
+
*/
|
|
1062
2239
|
type?: "default" | "primary";
|
|
2240
|
+
/** 显示在内容旁的图标节点,建议使用 Icon 组件。 */
|
|
1063
2241
|
icon?: ReactNode;
|
|
2242
|
+
/** 自定义关闭图标。 */
|
|
1064
2243
|
closeIcon?: ReactNode;
|
|
2244
|
+
/** 提示内容或提示框配置。 */
|
|
1065
2245
|
tooltip?: ReactNode;
|
|
2246
|
+
/** 触发显示的交互方式。 */
|
|
1066
2247
|
trigger?: "click" | "hover";
|
|
2248
|
+
/**
|
|
2249
|
+
* 相对于触发元素的弹出方向和对齐位置。
|
|
2250
|
+
* @defaultValue "top"
|
|
2251
|
+
*/
|
|
1067
2252
|
placement?: "top" | "bottom" | "left" | "right";
|
|
2253
|
+
/** 是否打开;传入后由外部控制显示状态。 */
|
|
1068
2254
|
open?: boolean;
|
|
2255
|
+
/**
|
|
2256
|
+
* 非受控模式下的初始打开状态。
|
|
2257
|
+
* @defaultValue false
|
|
2258
|
+
*/
|
|
1069
2259
|
defaultOpen?: boolean;
|
|
2260
|
+
/** 打开状态改变时触发,参数为新的打开状态。 */
|
|
1070
2261
|
onOpenChange?: (open: boolean) => void;
|
|
1071
2262
|
}
|
|
1072
2263
|
declare function FloatButtonGroup({ shape, type, icon, closeIcon, tooltip, trigger, placement, open, defaultOpen, onOpenChange, children, className, onMouseEnter, onMouseLeave, onKeyDown, onBlur, ...props }: FloatButtonGroupProps): react.JSX.Element;
|
|
2264
|
+
/** FloatButtonBackTop的属性配置。 */
|
|
1073
2265
|
interface FloatButtonBackTopProps extends FloatButtonProps {
|
|
2266
|
+
/** 关联的目标元素或获取目标元素的函数。 */
|
|
1074
2267
|
target?: () => HTMLElement | Window | null;
|
|
2268
|
+
/**
|
|
2269
|
+
* 滚动距离超过此值时显示返回顶部按钮。
|
|
2270
|
+
* @defaultValue 400
|
|
2271
|
+
*/
|
|
1075
2272
|
visibilityHeight?: number;
|
|
2273
|
+
/**
|
|
2274
|
+
* 滚动行为,smooth 表示平滑滚动。
|
|
2275
|
+
* @defaultValue "smooth"
|
|
2276
|
+
*/
|
|
1076
2277
|
behavior?: ScrollBehavior;
|
|
1077
2278
|
}
|
|
1078
2279
|
declare function FloatButtonBackTop({ target, visibilityHeight, behavior, onClick, icon, tooltip, ...props }: FloatButtonBackTopProps): react.JSX.Element | null;
|
|
2280
|
+
/** 浮动按钮组件。 */
|
|
1079
2281
|
declare const FloatButton: react.ForwardRefExoticComponent<FloatButtonProps & react.RefAttributes<HTMLButtonElement>> & {
|
|
2282
|
+
/** 组合多个子项并统一管理布局或选择状态。 */
|
|
1080
2283
|
Group: typeof FloatButtonGroup;
|
|
2284
|
+
/** 滚动超过指定距离后显示的返回顶部按钮。 */
|
|
1081
2285
|
BackTop: typeof FloatButtonBackTop;
|
|
1082
2286
|
};
|
|
1083
2287
|
|