lingee-ui 0.0.5 → 0.0.7
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/CHANGELOG.md +88 -0
- package/dist/button/index.css +1 -1
- package/dist/button/index.d.mts +3 -56
- package/dist/button/index.d.ts +3 -56
- package/dist/button/index.js +1 -1
- package/dist/button/index.mjs +1 -1
- package/dist/chunk-7F53VFM6.mjs +1 -0
- package/dist/chunk-FQRDHJQZ.mjs +1 -0
- package/dist/chunk-JKY43GCS.mjs +1 -0
- package/dist/chunk-KQ733636.mjs +1 -0
- package/dist/chunk-KT3HSLBA.js +1 -0
- package/dist/chunk-P56ABRDC.js +1 -0
- package/dist/chunk-PQVYDWUK.js +1 -0
- package/dist/chunk-RM4W5RV7.mjs +1 -0
- package/dist/chunk-SXHF5CXB.js +1 -0
- package/dist/chunk-T5QR25R6.js +1 -0
- package/dist/index-BVXwKHfX.d.mts +60 -0
- package/dist/index-BVXwKHfX.d.ts +60 -0
- package/dist/index.css +1 -1
- package/dist/index.d.mts +466 -109
- package/dist/index.d.ts +466 -109
- package/dist/index.js +2 -2
- package/dist/index.mjs +2 -2
- package/dist/input/index.css +1 -1
- package/dist/input/index.d.mts +9 -3
- package/dist/input/index.d.ts +9 -3
- package/dist/input/index.js +1 -1
- package/dist/input/index.mjs +1 -1
- package/dist/popover/index.d.mts +6 -6
- package/dist/popover/index.d.ts +6 -6
- package/dist/switch/index.d.mts +2 -2
- package/dist/switch/index.d.ts +2 -2
- package/dist/tabs/index.css +1 -1
- package/dist/tabs/index.d.mts +10 -6
- package/dist/tabs/index.d.ts +10 -6
- package/dist/tabs/index.js +1 -1
- package/dist/tabs/index.mjs +1 -1
- package/dist/textarea/index.d.mts +2 -2
- package/dist/textarea/index.d.ts +2 -2
- package/dist/toast/index.css +1 -1
- package/dist/toast/index.js +1 -1
- package/dist/toast/index.mjs +1 -1
- package/dist/tokens.css +1 -1
- package/dist/tooltip/index.css +1 -1
- package/dist/tooltip/index.d.mts +6 -1
- package/dist/tooltip/index.d.ts +6 -1
- package/dist/tooltip/index.js +1 -1
- package/dist/tooltip/index.mjs +1 -1
- package/package.json +20 -13
- package/skill/AGENTS-SNIPPET.md +253 -0
- package/skill/SKILL.md +205 -0
- package/skill/VERSION.json +7 -0
- package/skill/references/components/alert.md +30 -0
- package/skill/references/components/avatar.md +45 -0
- package/skill/references/components/button.md +40 -0
- package/skill/references/components/checkbox.md +39 -0
- package/skill/references/components/color-picker.md +40 -0
- package/skill/references/components/date-picker.md +46 -0
- package/skill/references/components/dialog.md +68 -0
- package/skill/references/components/divider.md +30 -0
- package/skill/references/components/drawer.md +42 -0
- package/skill/references/components/dropdown.md +93 -0
- package/skill/references/components/empty.md +28 -0
- package/skill/references/components/flex.md +44 -0
- package/skill/references/components/form.md +57 -0
- package/skill/references/components/image.md +37 -0
- package/skill/references/components/input.md +33 -0
- package/skill/references/components/pagination.md +42 -0
- package/skill/references/components/popover.md +45 -0
- package/skill/references/components/progress.md +36 -0
- package/skill/references/components/radio.md +43 -0
- package/skill/references/components/range-picker.md +49 -0
- package/skill/references/components/scroll-area.md +50 -0
- package/skill/references/components/select.md +52 -0
- package/skill/references/components/sidebar.md +187 -0
- package/skill/references/components/skeleton.md +39 -0
- package/skill/references/components/slider.md +42 -0
- package/skill/references/components/spin.md +25 -0
- package/skill/references/components/steps.md +34 -0
- package/skill/references/components/switch.md +26 -0
- package/skill/references/components/table.md +44 -0
- package/skill/references/components/tabs.md +49 -0
- package/skill/references/components/tag.md +59 -0
- package/skill/references/components/textarea.md +30 -0
- package/skill/references/components/time-picker.md +49 -0
- package/skill/references/components/toast.md +47 -0
- package/skill/references/components/tooltip.md +33 -0
- package/skill/references/components/upload.md +38 -0
- package/skill/references/icons.md +1117 -0
- package/skill/references/setup.md +132 -0
- package/skill/references/tokens.md +201 -0
- package/dist/chunk-22G7TVQU.mjs +0 -1
- package/dist/chunk-BURKV6KR.js +0 -1
- package/dist/chunk-EWZCOQ5H.js +0 -1
- package/dist/chunk-I5FIN7UX.mjs +0 -1
- package/dist/chunk-LGFBC4UA.mjs +0 -1
- package/dist/chunk-TWTQLEIL.js +0 -1
- package/dist/chunk-U5VI5OCN.mjs +0 -1
- package/dist/chunk-WJXAQ3RX.js +0 -1
- package/dist/chunk-YZZLFUG4.mjs +0 -1
- package/dist/chunk-ZXRCMMQM.js +0 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ButtonProps } from './
|
|
2
|
-
export { Button, ButtonShape, ButtonVariant } from './
|
|
1
|
+
import { B as ButtonProps } from './index-BVXwKHfX.mjs';
|
|
2
|
+
export { a as Button, b as ButtonShape, c as ButtonSize, d as ButtonVariant } from './index-BVXwKHfX.mjs';
|
|
3
3
|
export { TabItem, Tabs, TabsProps, TabsSize, TabsVariant } from './tabs/index.mjs';
|
|
4
4
|
export { Tooltip, TooltipPlacement, TooltipProps } from './tooltip/index.mjs';
|
|
5
5
|
import { PopoverContentProps } from './popover/index.mjs';
|
|
@@ -9,7 +9,8 @@ export { Input, InputProps, InputShape, InputSize } from './input/index.mjs';
|
|
|
9
9
|
export { Textarea, TextareaProps } from './textarea/index.mjs';
|
|
10
10
|
export { ToastConfig, ToastGlobalConfig, ToastType, toast } from './toast/index.mjs';
|
|
11
11
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
12
|
-
import React$1
|
|
12
|
+
import * as React$1 from 'react';
|
|
13
|
+
import React__default, { ReactNode, HTMLAttributes, MouseEvent, CSSProperties, ComponentType, Key, ReactElement, UIEventHandler, Ref } from 'react';
|
|
13
14
|
import { L as LgSize } from './index-B5SLxsZP.mjs';
|
|
14
15
|
export { a as LgShape, b as LgVariant } from './index-B5SLxsZP.mjs';
|
|
15
16
|
import { SvgIconProps } from 'lingee-icon';
|
|
@@ -35,6 +36,19 @@ declare const zhCN: {
|
|
|
35
36
|
notFound: string;
|
|
36
37
|
clear: string;
|
|
37
38
|
};
|
|
39
|
+
Dropdown: {
|
|
40
|
+
clear: string;
|
|
41
|
+
};
|
|
42
|
+
Tabs: {
|
|
43
|
+
scrollLeft: string;
|
|
44
|
+
scrollRight: string;
|
|
45
|
+
};
|
|
46
|
+
Form: {
|
|
47
|
+
/** {label} 为表单项名称 */
|
|
48
|
+
required: string;
|
|
49
|
+
/** label 非字符串(如 ReactNode)或缺省时的兜底文案 */
|
|
50
|
+
requiredNoLabel: string;
|
|
51
|
+
};
|
|
38
52
|
Tag: {
|
|
39
53
|
close: string;
|
|
40
54
|
};
|
|
@@ -90,6 +104,7 @@ declare const zhCN: {
|
|
|
90
104
|
};
|
|
91
105
|
Input: {
|
|
92
106
|
clear: string;
|
|
107
|
+
expand: string;
|
|
93
108
|
};
|
|
94
109
|
Alert: {
|
|
95
110
|
close: string;
|
|
@@ -127,6 +142,17 @@ declare const enUS: {
|
|
|
127
142
|
notFound: string;
|
|
128
143
|
clear: string;
|
|
129
144
|
};
|
|
145
|
+
Dropdown: {
|
|
146
|
+
clear: string;
|
|
147
|
+
};
|
|
148
|
+
Tabs: {
|
|
149
|
+
scrollLeft: string;
|
|
150
|
+
scrollRight: string;
|
|
151
|
+
};
|
|
152
|
+
Form: {
|
|
153
|
+
required: string;
|
|
154
|
+
requiredNoLabel: string;
|
|
155
|
+
};
|
|
130
156
|
Tag: {
|
|
131
157
|
close: string;
|
|
132
158
|
};
|
|
@@ -182,6 +208,7 @@ declare const enUS: {
|
|
|
182
208
|
};
|
|
183
209
|
Input: {
|
|
184
210
|
clear: string;
|
|
211
|
+
expand: string;
|
|
185
212
|
};
|
|
186
213
|
Alert: {
|
|
187
214
|
close: string;
|
|
@@ -223,18 +250,29 @@ declare function useLocale(): Locale;
|
|
|
223
250
|
declare function useComponentLocale<K extends keyof Omit<Locale, "locale">>(componentName: K): Locale[K];
|
|
224
251
|
|
|
225
252
|
/** 预设语义色 */
|
|
226
|
-
type TagPresetColor = "primary" | "info" | "success" | "warning" | "danger";
|
|
253
|
+
type TagPresetColor = "primary" | "info" | "success" | "warning" | "danger" | "amber" | "yellow" | "cyan" | "purple";
|
|
254
|
+
/**
|
|
255
|
+
* 视觉变体
|
|
256
|
+
* - tint:纯色浅底,通用标记场景
|
|
257
|
+
* - gradient:渐变浅底,用于提示类徽标(警告 / 建议 / 提示)
|
|
258
|
+
* - glow:渐变底 + 光斑装饰,用于等级类徽标(钻石 / 黄金 / 铂金)
|
|
259
|
+
*/
|
|
260
|
+
type TagVariant = "tint" | "gradient" | "glow";
|
|
227
261
|
/** 标签尺寸 */
|
|
228
262
|
type TagSize = LgSize;
|
|
229
|
-
/**
|
|
263
|
+
/** 标签圆角形状(仅 variant="tint" 生效,其余变体圆角由变体规范决定) */
|
|
230
264
|
type TagShape = "pill" | "rounded";
|
|
231
265
|
interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color"> {
|
|
232
266
|
/** 色彩:预设语义色 或 任意 CSS 色值字符串,默认 "info" */
|
|
233
267
|
color?: TagPresetColor | (string & {});
|
|
268
|
+
/** 视觉变体,默认 "tint" */
|
|
269
|
+
variant?: TagVariant;
|
|
234
270
|
/** 尺寸,默认 "md"(sm: 20px, md: 24px, lg: 32px) */
|
|
235
271
|
size?: TagSize;
|
|
236
272
|
/** 圆角形状,默认 "pill"(pill: 999px, rounded: 8px) */
|
|
237
273
|
shape?: TagShape;
|
|
274
|
+
/** 前缀图标(尺寸由组件统一控制,无需自行设置宽高) */
|
|
275
|
+
icon?: ReactNode;
|
|
238
276
|
/** 自定义背景(覆盖默认背景,支持渐变等任意 CSS background 值) */
|
|
239
277
|
background?: string;
|
|
240
278
|
/** 是否可关闭(显示关闭按钮) */
|
|
@@ -247,9 +285,9 @@ interface TagProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color"> {
|
|
|
247
285
|
|
|
248
286
|
/**
|
|
249
287
|
* Tag 标签组件
|
|
250
|
-
*
|
|
288
|
+
* 支持预设语义色、自定义色值、渐变 / 光斑变体、前缀图标、可关闭等能力
|
|
251
289
|
*/
|
|
252
|
-
declare const Tag:
|
|
290
|
+
declare const Tag: React__default.ForwardRefExoticComponent<TagProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
253
291
|
|
|
254
292
|
/** 透传给 OK/Cancel 按钮的属性子集(排除 children 和事件,由 Dialog 统一管理) */
|
|
255
293
|
type DialogButtonProps = Omit<ButtonProps, "children" | "onClick" | "htmlType">;
|
|
@@ -288,6 +326,8 @@ interface DialogProps {
|
|
|
288
326
|
modal?: boolean;
|
|
289
327
|
/** 是否显示遮罩层,默认 true */
|
|
290
328
|
mask?: boolean;
|
|
329
|
+
/** 遮罩层自定义类名(覆盖默认背景/模糊等),仅 mask=true 时生效 */
|
|
330
|
+
maskClassName?: string;
|
|
291
331
|
/** 关闭后是否销毁子节点,默认 true */
|
|
292
332
|
destroyOnHidden?: boolean;
|
|
293
333
|
/** 自定义 z-index */
|
|
@@ -303,6 +343,11 @@ interface DialogProps {
|
|
|
303
343
|
/** 弹窗内容 */
|
|
304
344
|
children?: ReactNode;
|
|
305
345
|
}
|
|
346
|
+
/** confirm contentRender 回调参数 */
|
|
347
|
+
interface ConfirmRenderProps {
|
|
348
|
+
/** 动态设置确认按钮的 disabled 状态 */
|
|
349
|
+
setOkDisabled: (disabled: boolean) => void;
|
|
350
|
+
}
|
|
306
351
|
/** Dialog.confirm 命令式参数 */
|
|
307
352
|
interface DialogConfirmOptions extends Omit<DialogProps, "open" | "onOpenChange" | "children"> {
|
|
308
353
|
/** 描述文案(使用默认布局时展示) */
|
|
@@ -311,13 +356,15 @@ interface DialogConfirmOptions extends Omit<DialogProps, "open" | "onOpenChange"
|
|
|
311
356
|
icon?: ReactNode;
|
|
312
357
|
/** 自定义内容,传入后 title/description/icon 不生效 */
|
|
313
358
|
content?: ReactNode;
|
|
359
|
+
/** 动态内容渲染函数,接收 { setOkDisabled } 可动态控制确认按钮状态 */
|
|
360
|
+
contentRender?: (props: ConfirmRenderProps) => ReactNode;
|
|
314
361
|
}
|
|
315
362
|
|
|
316
363
|
/**
|
|
317
364
|
* Dialog 对话框组件
|
|
318
365
|
* 基于 @radix-ui/react-dialog,提供焦点陷阱、Esc 关闭、aria 属性
|
|
319
366
|
*/
|
|
320
|
-
declare const Dialog$1:
|
|
367
|
+
declare const Dialog$1: React__default.FC<DialogProps>;
|
|
321
368
|
|
|
322
369
|
/**
|
|
323
370
|
* 命令式确认弹窗
|
|
@@ -357,7 +404,7 @@ interface SelectOptionGroup<T = string> {
|
|
|
357
404
|
interface SelectDropdownProps extends Pick<PopoverContentProps, "side" | "align" | "sideOffset" | "alignOffset" | "className" | "collisionPadding" | "container"> {
|
|
358
405
|
/** 下拉面板宽度,默认与触发器同宽 */
|
|
359
406
|
width?: number | "auto";
|
|
360
|
-
/** 下拉面板最大高度,默认
|
|
407
|
+
/** 下拉面板最大高度,默认 346(约 10 项) */
|
|
361
408
|
maxHeight?: number;
|
|
362
409
|
/**
|
|
363
410
|
* 自定义下拉面板渲染
|
|
@@ -428,8 +475,8 @@ interface SelectProps<T = string> {
|
|
|
428
475
|
* 用法:<Select<string> options={...} />
|
|
429
476
|
*/
|
|
430
477
|
declare const Select: <T = string>(props: SelectProps<T> & {
|
|
431
|
-
ref?:
|
|
432
|
-
}) =>
|
|
478
|
+
ref?: React__default.Ref<HTMLDivElement>;
|
|
479
|
+
}) => React__default.ReactElement | null;
|
|
433
480
|
|
|
434
481
|
interface DropdownMenuItemData {
|
|
435
482
|
type?: "item";
|
|
@@ -439,6 +486,8 @@ interface DropdownMenuItemData {
|
|
|
439
486
|
label: ReactNode;
|
|
440
487
|
/** 前置图标 */
|
|
441
488
|
icon?: ReactNode;
|
|
489
|
+
/** 副标题描述文本 */
|
|
490
|
+
description?: ReactNode;
|
|
442
491
|
/** 是否为危险操作 */
|
|
443
492
|
danger?: boolean;
|
|
444
493
|
/** 是否禁用 */
|
|
@@ -466,6 +515,8 @@ interface DropdownProps {
|
|
|
466
515
|
onOpenChange?: (open: boolean) => void;
|
|
467
516
|
/** 是否为 modal 模式(锁定背景交互),默认 true */
|
|
468
517
|
modal?: boolean;
|
|
518
|
+
/** 整体禁用,为 true 时 Trigger 不可交互且无法打开面板 */
|
|
519
|
+
disabled?: boolean;
|
|
469
520
|
/**
|
|
470
521
|
* 快捷模式:传入菜单项数组,自动渲染 DropdownContent
|
|
471
522
|
* 与 Compound Component 互斥,传 items 时 children 作为触发器
|
|
@@ -511,6 +562,8 @@ interface DropdownContentProps extends Pick<PopoverContentProps, "side" | "align
|
|
|
511
562
|
header?: ReactNode;
|
|
512
563
|
/** 固定在面板底部的内容(不随列表滚动) */
|
|
513
564
|
footer?: ReactNode;
|
|
565
|
+
/** 隐藏面板默认描边,默认 false(显示描边) */
|
|
566
|
+
borderless?: boolean;
|
|
514
567
|
}
|
|
515
568
|
interface DropdownItemProps {
|
|
516
569
|
/** 菜单项内容 */
|
|
@@ -523,6 +576,8 @@ interface DropdownItemProps {
|
|
|
523
576
|
danger?: boolean;
|
|
524
577
|
/** 前置图标 */
|
|
525
578
|
icon?: ReactNode;
|
|
579
|
+
/** 副标题描述文本(显示在主文本下方,12px 灰色) */
|
|
580
|
+
description?: ReactNode;
|
|
526
581
|
/** 是否选中(显示勾选图标) */
|
|
527
582
|
selected?: boolean;
|
|
528
583
|
/** 选中回调,调用 event.preventDefault() 可阻止面板自动关闭 */
|
|
@@ -600,20 +655,58 @@ interface DropdownSubContentProps extends Pick<PopoverContentProps, "side" | "al
|
|
|
600
655
|
/** 子菜单面板内容 */
|
|
601
656
|
children: ReactNode;
|
|
602
657
|
}
|
|
658
|
+
interface DropdownButtonProps extends Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
|
|
659
|
+
/** 按钮文本内容 */
|
|
660
|
+
children?: ReactNode;
|
|
661
|
+
/** 按钮变体:default(透明底) | glassy(半透明白底+描边,适用于有色背景) */
|
|
662
|
+
variant?: "default" | "glassy";
|
|
663
|
+
/** 尺寸:sm(28px) | lg(36px),默认 sm */
|
|
664
|
+
size?: "sm" | "lg";
|
|
665
|
+
/** 选中态色系:primary(蓝色,默认) | purple(紫色) */
|
|
666
|
+
selectedVariant?: "primary" | "purple";
|
|
667
|
+
/** 前置图标 */
|
|
668
|
+
icon?: ReactNode;
|
|
669
|
+
/** 是否已有选中内容(蓝色态) */
|
|
670
|
+
selected?: boolean;
|
|
671
|
+
/** 是否展开态(箭头旋转) */
|
|
672
|
+
open?: boolean;
|
|
673
|
+
/** 是否可清除(selected 时 hover 显示 X 图标) */
|
|
674
|
+
clearable?: boolean;
|
|
675
|
+
/** 隐藏箭头图标(用于纯 toggle 按钮场景) */
|
|
676
|
+
hideArrow?: boolean;
|
|
677
|
+
/** 禁用 */
|
|
678
|
+
disabled?: boolean;
|
|
679
|
+
/** 额外类名 */
|
|
680
|
+
className?: string;
|
|
681
|
+
/** 清除回调 */
|
|
682
|
+
onClear?: (e: React__default.MouseEvent) => void;
|
|
683
|
+
}
|
|
684
|
+
|
|
685
|
+
/**
|
|
686
|
+
* DropdownButton — 统一的 Dropdown/Popover 触发器按钮
|
|
687
|
+
*
|
|
688
|
+
* 两种视觉态:
|
|
689
|
+
* - Default:透明底 + 深色文字,hover 浅灰底
|
|
690
|
+
* - Selected(已选中内容):蓝色浅底 + 蓝色文字,hover 显示清除图标
|
|
691
|
+
*
|
|
692
|
+
* 展开时箭头旋转 180°(ChevronDown → ChevronUp 效果)
|
|
693
|
+
*/
|
|
603
694
|
|
|
604
|
-
declare
|
|
695
|
+
declare const DropdownButton: React__default.ForwardRefExoticComponent<DropdownButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
696
|
+
|
|
697
|
+
declare function Dropdown({ children, open, defaultOpen, onOpenChange, modal, disabled, items, contentProps, selectedKeys, loading, loadingContent, emptyContent, dropdownRender, header, footer, }: DropdownProps): react_jsx_runtime.JSX.Element;
|
|
605
698
|
declare namespace Dropdown {
|
|
606
699
|
var displayName: string;
|
|
607
700
|
}
|
|
608
|
-
declare const DropdownTrigger:
|
|
609
|
-
declare const DropdownContent:
|
|
610
|
-
declare const DropdownItem:
|
|
611
|
-
declare const DropdownCheckboxItem:
|
|
701
|
+
declare const DropdownTrigger: React__default.ForwardRefExoticComponent<DropdownTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
702
|
+
declare const DropdownContent: React__default.ForwardRefExoticComponent<DropdownContentProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
703
|
+
declare const DropdownItem: React__default.ForwardRefExoticComponent<DropdownItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
704
|
+
declare const DropdownCheckboxItem: React__default.ForwardRefExoticComponent<DropdownCheckboxItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
612
705
|
declare function DropdownRadioGroup({ children, value, onValueChange }: DropdownRadioGroupProps): react_jsx_runtime.JSX.Element;
|
|
613
706
|
declare namespace DropdownRadioGroup {
|
|
614
707
|
var displayName: string;
|
|
615
708
|
}
|
|
616
|
-
declare const DropdownRadioItem:
|
|
709
|
+
declare const DropdownRadioItem: React__default.ForwardRefExoticComponent<DropdownRadioItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
617
710
|
declare function DropdownLabel({ children, className }: DropdownLabelProps): react_jsx_runtime.JSX.Element;
|
|
618
711
|
declare namespace DropdownLabel {
|
|
619
712
|
var displayName: string;
|
|
@@ -630,8 +723,8 @@ declare function DropdownSub({ children, open, defaultOpen, onOpenChange }: Drop
|
|
|
630
723
|
declare namespace DropdownSub {
|
|
631
724
|
var displayName: string;
|
|
632
725
|
}
|
|
633
|
-
declare const DropdownSubTrigger:
|
|
634
|
-
declare const DropdownSubContent:
|
|
726
|
+
declare const DropdownSubTrigger: React__default.ForwardRefExoticComponent<DropdownSubTriggerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
727
|
+
declare const DropdownSubContent: React__default.ForwardRefExoticComponent<DropdownSubContentProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
635
728
|
|
|
636
729
|
type DatePickerSize = LgSize;
|
|
637
730
|
interface DatePickerProps {
|
|
@@ -679,7 +772,7 @@ interface DatePickerProps {
|
|
|
679
772
|
* 单选日期,基于 Popover 弹层 + react-day-picker 日历面板实现。
|
|
680
773
|
* 支持年/月快速切换面板、今天按钮、日期禁用。
|
|
681
774
|
*/
|
|
682
|
-
declare const DatePicker:
|
|
775
|
+
declare const DatePicker: React__default.ForwardRefExoticComponent<DatePickerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
683
776
|
|
|
684
777
|
type RangePickerSize = LgSize;
|
|
685
778
|
type DateRange = {
|
|
@@ -730,7 +823,7 @@ interface RangePickerProps {
|
|
|
730
823
|
*
|
|
731
824
|
* 双面板并排,选择起止日期。
|
|
732
825
|
*/
|
|
733
|
-
declare const RangePicker:
|
|
826
|
+
declare const RangePicker: React__default.ForwardRefExoticComponent<RangePickerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
734
827
|
|
|
735
828
|
type TimePickerSize = LgSize;
|
|
736
829
|
interface TimeValue {
|
|
@@ -775,7 +868,7 @@ interface TimePickerProps {
|
|
|
775
868
|
* 滚动列选择时间,支持 HH:mm 和 HH:mm:ss 两种模式。
|
|
776
869
|
* 触发器复用 DatePicker 样式,面板通过 Popover 弹出。
|
|
777
870
|
*/
|
|
778
|
-
declare const TimePicker:
|
|
871
|
+
declare const TimePicker: React__default.ForwardRefExoticComponent<TimePickerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
779
872
|
|
|
780
873
|
type RadioSize = LgSize;
|
|
781
874
|
interface RadioGroupProps {
|
|
@@ -815,12 +908,12 @@ interface RadioItemProps {
|
|
|
815
908
|
* RadioGroup 单选组
|
|
816
909
|
* 基于 radix-ui/react-radio-group,支持受控/非受控、禁用、尺寸变体
|
|
817
910
|
*/
|
|
818
|
-
declare const RadioGroup:
|
|
911
|
+
declare const RadioGroup: React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
819
912
|
/**
|
|
820
913
|
* RadioItem 单选项
|
|
821
914
|
* 必须作为 RadioGroup 的子组件使用
|
|
822
915
|
*/
|
|
823
|
-
declare const RadioItem:
|
|
916
|
+
declare const RadioItem: React__default.ForwardRefExoticComponent<RadioItemProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
824
917
|
|
|
825
918
|
type DividerVariant = "default" | "muted" | "emphasis";
|
|
826
919
|
type DividerOrientation = "horizontal" | "vertical";
|
|
@@ -837,7 +930,7 @@ interface DividerProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
837
930
|
* Divider 分割线组件
|
|
838
931
|
* 用于分隔内容区块,支持水平/垂直方向和多种颜色变体
|
|
839
932
|
*/
|
|
840
|
-
declare const Divider:
|
|
933
|
+
declare const Divider: React__default.ForwardRefExoticComponent<DividerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
841
934
|
|
|
842
935
|
type CheckboxSize = LgSize;
|
|
843
936
|
interface CheckboxProps {
|
|
@@ -889,12 +982,12 @@ interface CheckboxGroupProps {
|
|
|
889
982
|
* Checkbox 复选框组件
|
|
890
983
|
* 支持受控/非受控、半选态、禁用、尺寸变体,可独立使用或配合 CheckboxGroup
|
|
891
984
|
*/
|
|
892
|
-
declare const Checkbox:
|
|
985
|
+
declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps & React__default.RefAttributes<HTMLInputElement>>;
|
|
893
986
|
/**
|
|
894
987
|
* CheckboxGroup 复选框组
|
|
895
988
|
* 管理多个 Checkbox 的选中状态
|
|
896
989
|
*/
|
|
897
|
-
declare const CheckboxGroup:
|
|
990
|
+
declare const CheckboxGroup: React__default.ForwardRefExoticComponent<CheckboxGroupProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
898
991
|
|
|
899
992
|
/**
|
|
900
993
|
* 分页视觉变体
|
|
@@ -944,7 +1037,7 @@ interface PaginationProps {
|
|
|
944
1037
|
* Pagination 分页组件
|
|
945
1038
|
* 参考 antd API 设计,通过 variant 区分三种视觉:simple(简单)、bordered(有框)、borderless(无框)
|
|
946
1039
|
*/
|
|
947
|
-
declare const Pagination:
|
|
1040
|
+
declare const Pagination: React__default.ForwardRefExoticComponent<PaginationProps & React__default.RefAttributes<HTMLElement>>;
|
|
948
1041
|
|
|
949
1042
|
type SpinSize = LgSize;
|
|
950
1043
|
interface SpinProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
|
|
@@ -966,7 +1059,7 @@ interface SpinProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
|
|
|
966
1059
|
* Spin 加载指示器组件
|
|
967
1060
|
* 支持独立使用或作为容器包裹内容,加载时显示遮罩与旋转指示器
|
|
968
1061
|
*/
|
|
969
|
-
declare const Spin:
|
|
1062
|
+
declare const Spin: React__default.ForwardRefExoticComponent<SpinProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
970
1063
|
|
|
971
1064
|
/** 空状态尺寸(复用组件库统一尺寸 LgSize) */
|
|
972
1065
|
type EmptySize = LgSize;
|
|
@@ -1004,7 +1097,314 @@ interface EmptyProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
|
|
|
1004
1097
|
* 2. 传 ReactNode → 完全自定义渲染(加载中旋转等行为随图标一起传入自行处理)
|
|
1005
1098
|
* 3. 不传 → 使用默认图标(带渐变)
|
|
1006
1099
|
*/
|
|
1007
|
-
declare const Empty:
|
|
1100
|
+
declare const Empty: React__default.ForwardRefExoticComponent<EmptyProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1101
|
+
|
|
1102
|
+
interface SidebarRootProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
|
|
1103
|
+
/** 展开宽度(px),默认 280 */
|
|
1104
|
+
width?: number;
|
|
1105
|
+
/**
|
|
1106
|
+
* 折叠态。
|
|
1107
|
+
* - 传 boolean:启用「外层宽度归 0 + 内容层 absolute」双层结构,宽度带过渡动画
|
|
1108
|
+
* - 不传:单层结构,宽度恒定(折叠由消费方外层布局自行控制)
|
|
1109
|
+
*/
|
|
1110
|
+
collapsed?: boolean;
|
|
1111
|
+
/** 顶部安全区高度(px),用于让位固定顶栏 */
|
|
1112
|
+
safeAreaTop?: number;
|
|
1113
|
+
children?: ReactNode;
|
|
1114
|
+
className?: string;
|
|
1115
|
+
style?: CSSProperties;
|
|
1116
|
+
}
|
|
1117
|
+
interface SidebarHeaderProps extends HTMLAttributes<HTMLDivElement> {
|
|
1118
|
+
children?: ReactNode;
|
|
1119
|
+
className?: string;
|
|
1120
|
+
style?: CSSProperties;
|
|
1121
|
+
}
|
|
1122
|
+
interface SidebarTabItem {
|
|
1123
|
+
key: string;
|
|
1124
|
+
label: ReactNode;
|
|
1125
|
+
icon?: ReactNode;
|
|
1126
|
+
disabled?: boolean;
|
|
1127
|
+
/** 无障碍标签,缺省时回退 label */
|
|
1128
|
+
ariaLabel?: string;
|
|
1129
|
+
}
|
|
1130
|
+
interface SidebarTabBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
1131
|
+
items: SidebarTabItem[];
|
|
1132
|
+
activeKey: string;
|
|
1133
|
+
onChange: (key: string) => void;
|
|
1134
|
+
className?: string;
|
|
1135
|
+
style?: CSSProperties;
|
|
1136
|
+
}
|
|
1137
|
+
interface SidebarNavItemProps extends Omit<HTMLAttributes<HTMLButtonElement>, "onClick"> {
|
|
1138
|
+
icon?: ReactNode;
|
|
1139
|
+
label: ReactNode;
|
|
1140
|
+
active?: boolean;
|
|
1141
|
+
disabled?: boolean;
|
|
1142
|
+
/** 右侧徽章插槽(试用标识 / 数字角标等) */
|
|
1143
|
+
badge?: ReactNode;
|
|
1144
|
+
onClick?: () => void;
|
|
1145
|
+
className?: string;
|
|
1146
|
+
style?: CSSProperties;
|
|
1147
|
+
}
|
|
1148
|
+
interface SidebarCollapsibleNavItemChild {
|
|
1149
|
+
key: string;
|
|
1150
|
+
label: ReactNode;
|
|
1151
|
+
active?: boolean;
|
|
1152
|
+
disabled?: boolean;
|
|
1153
|
+
onClick?: () => void;
|
|
1154
|
+
}
|
|
1155
|
+
interface SidebarCollapsibleNavItemProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
1156
|
+
icon?: ReactNode;
|
|
1157
|
+
label: ReactNode;
|
|
1158
|
+
/** 头部高亮态。内部会与子项 active 做互斥:任一子项 active 时头部不高亮 */
|
|
1159
|
+
active?: boolean;
|
|
1160
|
+
/** 受控展开态 */
|
|
1161
|
+
open?: boolean;
|
|
1162
|
+
/** 非受控初始展开态,open 传入时忽略 */
|
|
1163
|
+
defaultOpen?: boolean;
|
|
1164
|
+
onOpenChange?: (next: boolean) => void;
|
|
1165
|
+
/**
|
|
1166
|
+
* 点击标签区回调。
|
|
1167
|
+
* 传入时标签区与箭头区分离命中:标签只触发本回调,箭头只切换展开;
|
|
1168
|
+
* 不传时整个头部点击都切换展开。
|
|
1169
|
+
*/
|
|
1170
|
+
onLabelClick?: () => void;
|
|
1171
|
+
items: SidebarCollapsibleNavItemChild[];
|
|
1172
|
+
/** 头部右侧插槽(徽标等) */
|
|
1173
|
+
extra?: ReactNode;
|
|
1174
|
+
disabled?: boolean;
|
|
1175
|
+
/** 箭头无障碍标签,避免组件内置文案 */
|
|
1176
|
+
expandLabel?: string;
|
|
1177
|
+
collapseLabel?: string;
|
|
1178
|
+
className?: string;
|
|
1179
|
+
style?: CSSProperties;
|
|
1180
|
+
}
|
|
1181
|
+
interface SidebarGroupHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
|
|
1182
|
+
title: ReactNode;
|
|
1183
|
+
/** 可折叠,默认 false(纯标签模式) */
|
|
1184
|
+
collapsible?: boolean;
|
|
1185
|
+
/** 展开态,仅 collapsible 时生效 */
|
|
1186
|
+
expanded?: boolean;
|
|
1187
|
+
onToggle?: () => void;
|
|
1188
|
+
/** 右侧操作区插槽 */
|
|
1189
|
+
actions?: ReactNode;
|
|
1190
|
+
className?: string;
|
|
1191
|
+
style?: CSSProperties;
|
|
1192
|
+
}
|
|
1193
|
+
/** 会话状态指示器类型 */
|
|
1194
|
+
type SidebarIndicatorType = "running" | "clarification" | "unread";
|
|
1195
|
+
interface SidebarListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "onSelect" | "prefix"> {
|
|
1196
|
+
title: ReactNode;
|
|
1197
|
+
active?: boolean;
|
|
1198
|
+
/** 状态指示器小圆点;传 null / 不传则不渲染 */
|
|
1199
|
+
indicator?: SidebarIndicatorType | null;
|
|
1200
|
+
/** 标题前插槽(置顶图钉等) */
|
|
1201
|
+
prefix?: ReactNode;
|
|
1202
|
+
onSelect?: () => void;
|
|
1203
|
+
/**
|
|
1204
|
+
* 右侧「更多」菜单插槽,需自带触发按钮。
|
|
1205
|
+
* 以插槽形式传入,使消费方可自由选择菜单实现。
|
|
1206
|
+
*/
|
|
1207
|
+
menu?: ReactNode;
|
|
1208
|
+
className?: string;
|
|
1209
|
+
style?: CSSProperties;
|
|
1210
|
+
}
|
|
1211
|
+
interface SidebarCollapsibleListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
|
|
1212
|
+
/** 头部左侧图标。需随展开态切换图标时由消费方自行传入对应图标 */
|
|
1213
|
+
icon?: ReactNode;
|
|
1214
|
+
title: ReactNode;
|
|
1215
|
+
expanded?: boolean;
|
|
1216
|
+
onToggle?: () => void;
|
|
1217
|
+
/** 头部悬停操作区插槽 */
|
|
1218
|
+
actions?: ReactNode;
|
|
1219
|
+
/** 操作区常显。菜单打开时置 true,避免指针移出后按钮消失 */
|
|
1220
|
+
actionsVisible?: boolean;
|
|
1221
|
+
/** 头部高亮态 */
|
|
1222
|
+
active?: boolean;
|
|
1223
|
+
/** 展开区内容 */
|
|
1224
|
+
children?: ReactNode;
|
|
1225
|
+
/** 箭头无障碍标签 */
|
|
1226
|
+
expandLabel?: string;
|
|
1227
|
+
collapseLabel?: string;
|
|
1228
|
+
className?: string;
|
|
1229
|
+
style?: CSSProperties;
|
|
1230
|
+
}
|
|
1231
|
+
/**
|
|
1232
|
+
* 占位状态。
|
|
1233
|
+
* - loading: 加载中,默认旋转的 LoaderCircle
|
|
1234
|
+
* - empty: 无数据,默认 Inbox
|
|
1235
|
+
* - error: 加载失败,默认 ExclamationCircle
|
|
1236
|
+
*/
|
|
1237
|
+
type SidebarSkeletonItemStatus = "loading" | "empty" | "error";
|
|
1238
|
+
/**
|
|
1239
|
+
* 布局形态。
|
|
1240
|
+
* - block: 块级居中,用于区块级占位
|
|
1241
|
+
* - inline: 行内小字,用于「加载更多」这类轻量提示
|
|
1242
|
+
*/
|
|
1243
|
+
type SidebarSkeletonItemVariant = "block" | "inline";
|
|
1244
|
+
/** 上下留白档位 */
|
|
1245
|
+
type SidebarSkeletonItemSpacing = "none" | "normal" | "loose";
|
|
1246
|
+
interface SidebarSkeletonItemProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "onClick"> {
|
|
1247
|
+
status: SidebarSkeletonItemStatus;
|
|
1248
|
+
/** 提示文案。组件不内置文案,由消费方传入 */
|
|
1249
|
+
text: ReactNode;
|
|
1250
|
+
/** 覆盖默认图标;传 null 则不渲染图标 */
|
|
1251
|
+
icon?: ReactNode | null;
|
|
1252
|
+
variant?: SidebarSkeletonItemVariant;
|
|
1253
|
+
spacing?: SidebarSkeletonItemSpacing;
|
|
1254
|
+
/** 重试回调。仅 status="error" 时生效,传入后整体渲染为可点击按钮 */
|
|
1255
|
+
onRetry?: () => void;
|
|
1256
|
+
className?: string;
|
|
1257
|
+
style?: CSSProperties;
|
|
1258
|
+
}
|
|
1259
|
+
interface SidebarFooterProps extends HTMLAttributes<HTMLDivElement> {
|
|
1260
|
+
/** 头像插槽 */
|
|
1261
|
+
avatar?: ReactNode;
|
|
1262
|
+
/** 名称,为空时不渲染身份区 */
|
|
1263
|
+
name?: ReactNode;
|
|
1264
|
+
/** 名称后插槽(套餐标签等) */
|
|
1265
|
+
nameSuffix?: ReactNode;
|
|
1266
|
+
/** 用户菜单展开态,驱动触发区高亮与箭头旋转 */
|
|
1267
|
+
menuOpen?: boolean;
|
|
1268
|
+
/** 点击触发区。回传触发元素的 DOMRect,便于消费方自行定位浮层 */
|
|
1269
|
+
onTriggerClick?: (rect: DOMRect) => void;
|
|
1270
|
+
/** 右侧动作区插槽 */
|
|
1271
|
+
actions?: ReactNode;
|
|
1272
|
+
className?: string;
|
|
1273
|
+
style?: CSSProperties;
|
|
1274
|
+
}
|
|
1275
|
+
|
|
1276
|
+
/**
|
|
1277
|
+
* Sidebar.Root — 侧边栏根容器
|
|
1278
|
+
*
|
|
1279
|
+
* 两种结构由 collapsed 是否传入决定:
|
|
1280
|
+
* - 传入时启用双层(外层收缩宽度 + 内层 absolute 保持内容宽度),
|
|
1281
|
+
* 否则内容会随宽度收缩被挤压变形
|
|
1282
|
+
* - 不传时单层,宽度恒定
|
|
1283
|
+
*
|
|
1284
|
+
* 同时提供 lg-sidebar__scroll / lg-sidebar__sticky 两个作用域类,
|
|
1285
|
+
* 供内部滚动容器与吸顶元素复用,避免消费方各自实现遮罩与吸顶补偿。
|
|
1286
|
+
*/
|
|
1287
|
+
declare const SidebarRoot: React__default.ForwardRefExoticComponent<SidebarRootProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1288
|
+
|
|
1289
|
+
/**
|
|
1290
|
+
* Sidebar.Header — 侧边栏顶部区域
|
|
1291
|
+
*
|
|
1292
|
+
* 纯插槽容器。平台相关处理(如桌面端的窗口拖拽区、系统按钮避让)
|
|
1293
|
+
* 由消费方通过 children 与 style 注入,组件本身不做平台判断。
|
|
1294
|
+
*/
|
|
1295
|
+
declare const SidebarHeader: React__default.ForwardRefExoticComponent<SidebarHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1296
|
+
|
|
1297
|
+
/**
|
|
1298
|
+
* Sidebar.TabBar — 侧边栏顶部分段页签
|
|
1299
|
+
*
|
|
1300
|
+
* 滑块位置通过测量选中项相对容器的偏移得出,而非按等分计算,
|
|
1301
|
+
* 因为各页签宽度随文案长度变化(且可动态增减)。
|
|
1302
|
+
*
|
|
1303
|
+
* 页签显隐过滤(如权限控制)由消费方在传入 items 前完成,组件不介入。
|
|
1304
|
+
*/
|
|
1305
|
+
declare const SidebarTabBar: React__default.ForwardRefExoticComponent<SidebarTabBarProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1306
|
+
|
|
1307
|
+
/**
|
|
1308
|
+
* Sidebar.NavItem — 单层导航项
|
|
1309
|
+
*
|
|
1310
|
+
* 侧边栏宽度固定且较窄,长文案会被截断,故内置溢出提示,
|
|
1311
|
+
* 消费方无需为每个导航项再包一层 Tooltip。
|
|
1312
|
+
*/
|
|
1313
|
+
declare const SidebarNavItem: React__default.ForwardRefExoticComponent<SidebarNavItemProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
1314
|
+
|
|
1315
|
+
/**
|
|
1316
|
+
* Sidebar.CollapsibleNavItem — 可折叠导航分组
|
|
1317
|
+
*
|
|
1318
|
+
* 交互分两种模式:
|
|
1319
|
+
* - 传 onLabelClick:标签区与箭头区分离命中。分组本身可跳转时,
|
|
1320
|
+
* 点标签导航、点箭头才展开,避免「想跳转却只展开了」
|
|
1321
|
+
* - 不传:整个头部点击都切换展开
|
|
1322
|
+
*/
|
|
1323
|
+
declare const SidebarCollapsibleNavItem: React__default.ForwardRefExoticComponent<SidebarCollapsibleNavItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1324
|
+
|
|
1325
|
+
/**
|
|
1326
|
+
* Sidebar.GroupHeader — 列表分组头部
|
|
1327
|
+
*
|
|
1328
|
+
* 两种形态:纯标签(不可折叠)与可折叠标题。
|
|
1329
|
+
* 折叠箭头默认隐藏、悬停显现,避免静态时视觉噪音过多。
|
|
1330
|
+
*/
|
|
1331
|
+
declare const SidebarGroupHeader: React__default.ForwardRefExoticComponent<SidebarGroupHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1332
|
+
|
|
1333
|
+
/**
|
|
1334
|
+
* Sidebar.ListItem — 列表行
|
|
1335
|
+
*
|
|
1336
|
+
* 菜单以插槽传入而非内置菜单项数据:各业务的操作集合差异较大,
|
|
1337
|
+
* 内置会让组件被业务概念污染。
|
|
1338
|
+
*
|
|
1339
|
+
* 结构上标题是 button、菜单是同级节点,而非菜单嵌在标题内 ——
|
|
1340
|
+
* HTML 不允许 button 嵌套可交互元素。
|
|
1341
|
+
*/
|
|
1342
|
+
declare const SidebarListItem: React__default.ForwardRefExoticComponent<SidebarListItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1343
|
+
|
|
1344
|
+
/**
|
|
1345
|
+
* Sidebar.CollapsibleListItem — 可折叠列表行
|
|
1346
|
+
*
|
|
1347
|
+
* 与 CollapsibleNavItem 的区别:子项结构不固定,展开区完全由消费方渲染,
|
|
1348
|
+
* 且操作区悬停才显现(列表项数量多,常显会过于嘈杂)。
|
|
1349
|
+
*
|
|
1350
|
+
* actionsVisible 用于菜单打开期间强制显示操作区 —— 指针移到浮层上后
|
|
1351
|
+
* 头部已失去 hover,若不锁定会导致按钮消失、菜单悬空。
|
|
1352
|
+
*/
|
|
1353
|
+
declare const SidebarCollapsibleListItem: React__default.ForwardRefExoticComponent<SidebarCollapsibleListItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1354
|
+
|
|
1355
|
+
/**
|
|
1356
|
+
* Sidebar.SkeletonItem — 列表占位项
|
|
1357
|
+
*
|
|
1358
|
+
* 统一「加载中 / 无数据 / 加载失败」三态:图标 + 文案横向排列,
|
|
1359
|
+
* 三态间仅图标与文案不同。
|
|
1360
|
+
*
|
|
1361
|
+
* 收敛为单组件的原因:这类占位在列表与折叠区块内散落出现十余处,
|
|
1362
|
+
* 各处自行拼装会导致图标尺寸、间距、灰度层层漂移。
|
|
1363
|
+
*/
|
|
1364
|
+
declare const SidebarSkeletonItem: React__default.ForwardRefExoticComponent<SidebarSkeletonItemProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1365
|
+
|
|
1366
|
+
/**
|
|
1367
|
+
* Sidebar.Footer — 底部用户信息条
|
|
1368
|
+
*
|
|
1369
|
+
* 只收敛「头像 + 名称 + 后缀徽标 + 展开箭头 + 动作区」骨架,
|
|
1370
|
+
* 用户菜单与动作按钮均以插槽传入 —— 各业务的菜单项集合差异极大。
|
|
1371
|
+
*
|
|
1372
|
+
* onTriggerClick 回传 DOMRect:部分消费方的浮层需要手动定位,
|
|
1373
|
+
* 只给事件对象不足以定位。
|
|
1374
|
+
*/
|
|
1375
|
+
declare const SidebarFooter: React__default.ForwardRefExoticComponent<SidebarFooterProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1376
|
+
|
|
1377
|
+
/**
|
|
1378
|
+
* Sidebar 侧边栏
|
|
1379
|
+
*
|
|
1380
|
+
* 组合示例:
|
|
1381
|
+
* ```tsx
|
|
1382
|
+
* <Sidebar.Root collapsed={collapsed}>
|
|
1383
|
+
* <Sidebar.Header>{logo}</Sidebar.Header>
|
|
1384
|
+
* <Sidebar.TabBar items={tabs} activeKey={tab} onChange={setTab} />
|
|
1385
|
+
* <ScrollArea className="lg-sidebar__scroll">
|
|
1386
|
+
* <Sidebar.NavItem icon={<NewChat />} label="新任务" active />
|
|
1387
|
+
* <Sidebar.CollapsibleNavItem label="分组" items={items} />
|
|
1388
|
+
* <Sidebar.GroupHeader title="置顶" collapsible expanded onToggle={fn} />
|
|
1389
|
+
* <Sidebar.ListItem title="会话" indicator="running" menu={<Dropdown />} />
|
|
1390
|
+
* <Sidebar.SkeletonItem status="empty" text="暂无内容" />
|
|
1391
|
+
* </ScrollArea>
|
|
1392
|
+
* <Sidebar.Footer avatar={avatar} name="用户" actions={actions} />
|
|
1393
|
+
* </Sidebar.Root>
|
|
1394
|
+
* ```
|
|
1395
|
+
*/
|
|
1396
|
+
declare const Sidebar: {
|
|
1397
|
+
Root: React$1.ForwardRefExoticComponent<SidebarRootProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1398
|
+
Header: React$1.ForwardRefExoticComponent<SidebarHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1399
|
+
TabBar: React$1.ForwardRefExoticComponent<SidebarTabBarProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1400
|
+
NavItem: React$1.ForwardRefExoticComponent<SidebarNavItemProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1401
|
+
CollapsibleNavItem: React$1.ForwardRefExoticComponent<SidebarCollapsibleNavItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1402
|
+
GroupHeader: React$1.ForwardRefExoticComponent<SidebarGroupHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1403
|
+
ListItem: React$1.ForwardRefExoticComponent<SidebarListItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1404
|
+
CollapsibleListItem: React$1.ForwardRefExoticComponent<SidebarCollapsibleListItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1405
|
+
SkeletonItem: React$1.ForwardRefExoticComponent<SidebarSkeletonItemProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1406
|
+
Footer: React$1.ForwardRefExoticComponent<SidebarFooterProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
1407
|
+
};
|
|
1008
1408
|
|
|
1009
1409
|
/** 主轴方向类型 */
|
|
1010
1410
|
type FlexOrientation = "horizontal" | "vertical";
|
|
@@ -1033,7 +1433,7 @@ interface FlexProps extends HTMLAttributes<HTMLElement> {
|
|
|
1033
1433
|
* Flex 弹性布局组件
|
|
1034
1434
|
* 默认水平方向、主轴起点对齐;可通过属性调整方向、对齐、换行与间隙
|
|
1035
1435
|
*/
|
|
1036
|
-
declare const Flex:
|
|
1436
|
+
declare const Flex: React__default.ForwardRefExoticComponent<FlexProps & React__default.RefAttributes<HTMLElement>>;
|
|
1037
1437
|
|
|
1038
1438
|
/** Alert 类型 */
|
|
1039
1439
|
type AlertType = "info" | "success" | "warning" | "error" | "default";
|
|
@@ -1062,7 +1462,7 @@ interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
|
|
|
1062
1462
|
* Alert 消息提示组件
|
|
1063
1463
|
* 用于页面中展示重要的提示信息,支持多种类型和布局变体
|
|
1064
1464
|
*/
|
|
1065
|
-
declare const Alert:
|
|
1465
|
+
declare const Alert: React__default.ForwardRefExoticComponent<AlertProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1066
1466
|
|
|
1067
1467
|
/** 骨架屏形状预设 */
|
|
1068
1468
|
type SkeletonVariant = "text" | "circle" | "rect";
|
|
@@ -1088,50 +1488,7 @@ interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
1088
1488
|
* 在数据加载完成前,通过占位图形展示简单的页面布局。
|
|
1089
1489
|
* 支持条形(text)、圆形(circle)、方形(rect)三种预设形状,以及 shimmer/pulse 两种动画。
|
|
1090
1490
|
*/
|
|
1091
|
-
declare const Skeleton:
|
|
1092
|
-
|
|
1093
|
-
/** 面包屑尺寸:md=常规(16px/斜杠分隔),sm=小型(13px/尖括号分隔) */
|
|
1094
|
-
type BreadcrumbSize = "sm" | "md";
|
|
1095
|
-
/** 单个路径项 */
|
|
1096
|
-
interface BreadcrumbItem {
|
|
1097
|
-
/** 唯一标识(用于 React key,缺省时回退到下标) */
|
|
1098
|
-
key?: string | number;
|
|
1099
|
-
/** 文字内容 */
|
|
1100
|
-
label?: ReactNode;
|
|
1101
|
-
/** 链接地址,存在时渲染为 <a> */
|
|
1102
|
-
href?: string;
|
|
1103
|
-
/** 点击回调(非当前页时可点击;折叠进下拉时同样触发) */
|
|
1104
|
-
onClick?: (event?: MouseEvent<HTMLElement>) => void;
|
|
1105
|
-
/** 前置图标(如根节点的 House 图标);须传入 lingee-icon 组件 */
|
|
1106
|
-
icon?: ReactNode;
|
|
1107
|
-
/** 是否禁用(不可点击、置灰) */
|
|
1108
|
-
disabled?: boolean;
|
|
1109
|
-
}
|
|
1110
|
-
interface BreadcrumbProps extends Omit<HTMLAttributes<HTMLElement>, "onClick"> {
|
|
1111
|
-
/** 路径项列表 */
|
|
1112
|
-
items: BreadcrumbItem[];
|
|
1113
|
-
/** 尺寸,默认 "md"(常规)。md=16px+斜杠,sm=13px+尖括号 */
|
|
1114
|
-
size?: BreadcrumbSize;
|
|
1115
|
-
/** 自定义分隔符,默认按 size:md→"/"(SlashLg),sm→">"(ChevronRight) */
|
|
1116
|
-
separator?: ReactNode;
|
|
1117
|
-
/** 超过该数量时折叠中间项为 "…" 下拉;0 表示不折叠(默认 0) */
|
|
1118
|
-
maxItems?: number;
|
|
1119
|
-
/** 折叠时保留的头部项数,默认 1 */
|
|
1120
|
-
itemsBeforeCollapse?: number;
|
|
1121
|
-
/** 折叠时保留的尾部项数,默认 1 */
|
|
1122
|
-
itemsAfterCollapse?: number;
|
|
1123
|
-
/** 返回操作;传入后在最前面渲染返回箭头(页面级面包屑用) */
|
|
1124
|
-
onBack?: (event?: MouseEvent<HTMLElement>) => void;
|
|
1125
|
-
/** 单个链接项最大宽度(px),超出显示省略号;不传则不限制 */
|
|
1126
|
-
itemMaxWidth?: number;
|
|
1127
|
-
}
|
|
1128
|
-
|
|
1129
|
-
/**
|
|
1130
|
-
* Breadcrumb 面包屑组件
|
|
1131
|
-
* 展示当前页面在系统层级中的位置,支持常规/小型两种尺寸、
|
|
1132
|
-
* 前置返回/首页图标、中间层级折叠下拉、超长省略等
|
|
1133
|
-
*/
|
|
1134
|
-
declare const Breadcrumb: React$1.ForwardRefExoticComponent<BreadcrumbProps & React$1.RefAttributes<HTMLElement>>;
|
|
1491
|
+
declare const Skeleton: React__default.ForwardRefExoticComponent<SkeletonProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1135
1492
|
|
|
1136
1493
|
/**
|
|
1137
1494
|
* 表格尺寸变体
|
|
@@ -1244,8 +1601,8 @@ interface TableProps<RecordType = any> {
|
|
|
1244
1601
|
}
|
|
1245
1602
|
|
|
1246
1603
|
declare const Table: <RecordType = any>(props: TableProps<RecordType> & {
|
|
1247
|
-
ref?:
|
|
1248
|
-
}) =>
|
|
1604
|
+
ref?: React__default.Ref<HTMLDivElement>;
|
|
1605
|
+
}) => React__default.ReactElement | null;
|
|
1249
1606
|
|
|
1250
1607
|
/** 预览变换状态 */
|
|
1251
1608
|
type TransformType = {
|
|
@@ -1268,7 +1625,7 @@ interface ImgInfo {
|
|
|
1268
1625
|
/** cover 配置(图片上的 hover 蒙层) */
|
|
1269
1626
|
interface CoverConfig {
|
|
1270
1627
|
/** 自定义蒙层内容 */
|
|
1271
|
-
coverNode?:
|
|
1628
|
+
coverNode?: React__default.ReactNode;
|
|
1272
1629
|
/** 蒙层位置 */
|
|
1273
1630
|
placement?: "top" | "bottom" | "center";
|
|
1274
1631
|
}
|
|
@@ -1281,17 +1638,17 @@ interface PreviewType {
|
|
|
1281
1638
|
/** 打开/关闭回调 */
|
|
1282
1639
|
onOpenChange?: (open: boolean) => void;
|
|
1283
1640
|
/** 图片上的 hover 蒙层;false 禁用,ReactNode 自定义内容,CoverConfig 对象配置 */
|
|
1284
|
-
cover?: false |
|
|
1641
|
+
cover?: false | React__default.ReactNode | CoverConfig;
|
|
1285
1642
|
/** 自定义预览内容 */
|
|
1286
|
-
imageRender?: (originalNode:
|
|
1643
|
+
imageRender?: (originalNode: React__default.ReactElement, info: {
|
|
1287
1644
|
transform: TransformType;
|
|
1288
1645
|
image: ImgInfo;
|
|
1289
|
-
}) =>
|
|
1646
|
+
}) => React__default.ReactNode;
|
|
1290
1647
|
/** 自定义工具栏渲染 */
|
|
1291
|
-
actionsRender?: (originalNode:
|
|
1648
|
+
actionsRender?: (originalNode: React__default.ReactElement, info: {
|
|
1292
1649
|
transform: TransformType;
|
|
1293
1650
|
actions: Record<string, () => void>;
|
|
1294
|
-
}) =>
|
|
1651
|
+
}) => React__default.ReactNode;
|
|
1295
1652
|
/** 最小缩放 */
|
|
1296
1653
|
minScale?: number;
|
|
1297
1654
|
/** 最大缩放 */
|
|
@@ -1310,10 +1667,10 @@ interface PreviewType {
|
|
|
1310
1667
|
action: TransformAction;
|
|
1311
1668
|
}) => void;
|
|
1312
1669
|
/** 自定义关闭图标 */
|
|
1313
|
-
closeIcon?:
|
|
1670
|
+
closeIcon?: React__default.ReactNode;
|
|
1314
1671
|
}
|
|
1315
1672
|
/** Image 组件 Props — 对齐 antd 6 Image API */
|
|
1316
|
-
interface ImageProps extends Omit<
|
|
1673
|
+
interface ImageProps extends Omit<React__default.ImgHTMLAttributes<HTMLImageElement>, "placeholder" | "onClick" | "onKeyDown"> {
|
|
1317
1674
|
/** 图片地址 */
|
|
1318
1675
|
src?: string;
|
|
1319
1676
|
/** 加载失败容错地址 */
|
|
@@ -1325,7 +1682,7 @@ interface ImageProps extends Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, "
|
|
|
1325
1682
|
* - { progress: true }:圆形不确定进度(旋转动画)
|
|
1326
1683
|
* - { progress: { percent: number } }:圆形确定进度
|
|
1327
1684
|
*/
|
|
1328
|
-
placeholder?: boolean |
|
|
1685
|
+
placeholder?: boolean | React__default.ReactNode | {
|
|
1329
1686
|
progress: true | {
|
|
1330
1687
|
percent: number;
|
|
1331
1688
|
};
|
|
@@ -1335,11 +1692,11 @@ interface ImageProps extends Omit<React$1.ImgHTMLAttributes<HTMLImageElement>, "
|
|
|
1335
1692
|
/** 自定义根类名 */
|
|
1336
1693
|
className?: string;
|
|
1337
1694
|
/** 自定义根样式 */
|
|
1338
|
-
style?:
|
|
1695
|
+
style?: React__default.CSSProperties;
|
|
1339
1696
|
/** 点击回调 */
|
|
1340
|
-
onClick?: (e:
|
|
1697
|
+
onClick?: (e: React__default.MouseEvent<HTMLDivElement>) => void;
|
|
1341
1698
|
/** 加载失败回调 */
|
|
1342
|
-
onError?: (e:
|
|
1699
|
+
onError?: (e: React__default.SyntheticEvent<HTMLImageElement, Event>) => void;
|
|
1343
1700
|
}
|
|
1344
1701
|
/** PreviewGroup 预览配置 */
|
|
1345
1702
|
interface PreviewGroupType extends Omit<PreviewType, "cover"> {
|
|
@@ -1348,7 +1705,7 @@ interface PreviewGroupType extends Omit<PreviewType, "cover"> {
|
|
|
1348
1705
|
/** 切换回调 */
|
|
1349
1706
|
onChange?: (current: number, prevCurrent: number) => void;
|
|
1350
1707
|
/** 计数自定义渲染 */
|
|
1351
|
-
countRender?: (current: number, total: number) =>
|
|
1708
|
+
countRender?: (current: number, total: number) => React__default.ReactNode;
|
|
1352
1709
|
}
|
|
1353
1710
|
/** Image.PreviewGroup Props */
|
|
1354
1711
|
interface ImagePreviewGroupProps {
|
|
@@ -1360,7 +1717,7 @@ interface ImagePreviewGroupProps {
|
|
|
1360
1717
|
/** 预览配置 */
|
|
1361
1718
|
preview?: boolean | PreviewGroupType;
|
|
1362
1719
|
/** 子元素 */
|
|
1363
|
-
children?:
|
|
1720
|
+
children?: React__default.ReactNode;
|
|
1364
1721
|
}
|
|
1365
1722
|
|
|
1366
1723
|
/**
|
|
@@ -1376,9 +1733,9 @@ interface ImagePreviewGroupProps {
|
|
|
1376
1733
|
*/
|
|
1377
1734
|
|
|
1378
1735
|
/** 多图预览分组 */
|
|
1379
|
-
declare const PreviewGroup:
|
|
1736
|
+
declare const PreviewGroup: React__default.FC<ImagePreviewGroupProps>;
|
|
1380
1737
|
/** Image 图片组件 */
|
|
1381
|
-
declare const Image:
|
|
1738
|
+
declare const Image: React__default.FC<ImageProps> & {
|
|
1382
1739
|
PreviewGroup: typeof PreviewGroup;
|
|
1383
1740
|
};
|
|
1384
1741
|
|
|
@@ -1417,7 +1774,7 @@ interface ColorPickerProps {
|
|
|
1417
1774
|
* 触发器参考 Input 组件外观,内容展示颜色值,右侧显示色块预览
|
|
1418
1775
|
* 面板使用 @rc-component/color-picker 提供完整的颜色选取交互
|
|
1419
1776
|
*/
|
|
1420
|
-
declare const ColorPicker:
|
|
1777
|
+
declare const ColorPicker: React__default.ForwardRefExoticComponent<ColorPickerProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1421
1778
|
|
|
1422
1779
|
type ProgressStatus = "normal" | "success" | "error" | "active";
|
|
1423
1780
|
type ProgressType = "line" | "circle";
|
|
@@ -1439,11 +1796,11 @@ interface ProgressProps {
|
|
|
1439
1796
|
/** 是否显示百分比文字/状态图标 */
|
|
1440
1797
|
showInfo?: boolean;
|
|
1441
1798
|
/** 自定义格式化显示内容 */
|
|
1442
|
-
format?: (percent: number) =>
|
|
1799
|
+
format?: (percent: number) => React__default.ReactNode;
|
|
1443
1800
|
/** 自定义根类名 */
|
|
1444
1801
|
className?: string;
|
|
1445
1802
|
/** 自定义根样式 */
|
|
1446
|
-
style?:
|
|
1803
|
+
style?: React__default.CSSProperties;
|
|
1447
1804
|
}
|
|
1448
1805
|
|
|
1449
1806
|
/**
|
|
@@ -1453,7 +1810,7 @@ interface ProgressProps {
|
|
|
1453
1810
|
* percent 不传或为 -1 时为不确定进度(旋转/滑动动画)。
|
|
1454
1811
|
*/
|
|
1455
1812
|
|
|
1456
|
-
declare const Progress:
|
|
1813
|
+
declare const Progress: React__default.FC<ProgressProps>;
|
|
1457
1814
|
|
|
1458
1815
|
type DrawerPlacement = "left" | "right" | "top" | "bottom";
|
|
1459
1816
|
interface DrawerProps {
|
|
@@ -1493,7 +1850,7 @@ interface DrawerProps {
|
|
|
1493
1850
|
* Drawer 抽屉组件
|
|
1494
1851
|
* 基于 @radix-ui/react-dialog,从屏幕边缘滑入的面板
|
|
1495
1852
|
*/
|
|
1496
|
-
declare const Drawer:
|
|
1853
|
+
declare const Drawer: React__default.FC<DrawerProps>;
|
|
1497
1854
|
|
|
1498
1855
|
type SliderSize = "sm" | "md" | "lg";
|
|
1499
1856
|
interface SliderProps {
|
|
@@ -1531,7 +1888,7 @@ interface SliderProps {
|
|
|
1531
1888
|
* Slider 滑块组件
|
|
1532
1889
|
* 基于 @radix-ui/react-slider,支持单值/range、tooltip、键盘操作
|
|
1533
1890
|
*/
|
|
1534
|
-
declare const Slider:
|
|
1891
|
+
declare const Slider: React__default.ForwardRefExoticComponent<SliderProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
1535
1892
|
|
|
1536
1893
|
type StepStatus = "wait" | "process" | "finish" | "error";
|
|
1537
1894
|
type StepsSize = "default" | "small";
|
|
@@ -1573,7 +1930,7 @@ interface StepsProps {
|
|
|
1573
1930
|
* Steps 步骤条组件
|
|
1574
1931
|
* 纯自研,支持页面级/次级变体,四种状态,标题纵/横排列
|
|
1575
1932
|
*/
|
|
1576
|
-
declare const Steps:
|
|
1933
|
+
declare const Steps: React__default.FC<StepsProps>;
|
|
1577
1934
|
|
|
1578
1935
|
type FormLayout = "horizontal" | "vertical" | "inline";
|
|
1579
1936
|
type FormInstance = FormInstance$1;
|
|
@@ -1645,7 +2002,7 @@ interface FormItemProps {
|
|
|
1645
2002
|
* Form 表单组件
|
|
1646
2003
|
* 基于 rc-field-form,提供布局和校验能力
|
|
1647
2004
|
*/
|
|
1648
|
-
declare const InternalForm:
|
|
2005
|
+
declare const InternalForm: React__default.FC<FormProps>;
|
|
1649
2006
|
/** useForm — 创建表单实例 */
|
|
1650
2007
|
declare function useForm(): [FormInstance];
|
|
1651
2008
|
|
|
@@ -1653,7 +2010,7 @@ declare function useForm(): [FormInstance];
|
|
|
1653
2010
|
* Form.Item 表单项组件
|
|
1654
2011
|
* 处理 label 布局、校验规则、错误信息展示
|
|
1655
2012
|
*/
|
|
1656
|
-
declare const FormItem:
|
|
2013
|
+
declare const FormItem: React__default.FC<FormItemProps>;
|
|
1657
2014
|
|
|
1658
2015
|
type FormType = typeof InternalForm & {
|
|
1659
2016
|
Item: typeof FormItem;
|
|
@@ -1696,12 +2053,12 @@ interface AvatarGroupProps {
|
|
|
1696
2053
|
* Avatar 头像组件
|
|
1697
2054
|
* 支持图片、文字、图标三种展示形态
|
|
1698
2055
|
*/
|
|
1699
|
-
declare const Avatar:
|
|
2056
|
+
declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLSpanElement>>;
|
|
1700
2057
|
/**
|
|
1701
2058
|
* Avatar.Group 头像集群
|
|
1702
2059
|
* 最多显示 max 个头像,超出显示 +N
|
|
1703
2060
|
*/
|
|
1704
|
-
declare const AvatarGroup:
|
|
2061
|
+
declare const AvatarGroup: React__default.FC<AvatarGroupProps>;
|
|
1705
2062
|
type AvatarType = typeof Avatar & {
|
|
1706
2063
|
Group: typeof AvatarGroup;
|
|
1707
2064
|
};
|
|
@@ -1797,7 +2154,7 @@ interface UploadProps {
|
|
|
1797
2154
|
* Upload 上传组件
|
|
1798
2155
|
* 支持点击选择和拖拽上传两种模式,文件校验、进度展示、文件列表管理
|
|
1799
2156
|
*/
|
|
1800
|
-
declare const Upload:
|
|
2157
|
+
declare const Upload: React__default.ForwardRefExoticComponent<UploadProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1801
2158
|
|
|
1802
2159
|
interface ScrollAreaProps {
|
|
1803
2160
|
/** 子内容 */
|
|
@@ -1853,13 +2210,13 @@ interface ScrollBarProps {
|
|
|
1853
2210
|
* </ScrollArea>
|
|
1854
2211
|
* ```
|
|
1855
2212
|
*/
|
|
1856
|
-
declare const ScrollArea:
|
|
2213
|
+
declare const ScrollArea: React__default.ForwardRefExoticComponent<ScrollAreaProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1857
2214
|
/**
|
|
1858
2215
|
* ScrollBar 滚动条子组件
|
|
1859
2216
|
*
|
|
1860
2217
|
* 通常由 ScrollArea 内部自动渲染,也可单独使用以获得更精细的控制。
|
|
1861
2218
|
*/
|
|
1862
|
-
declare const ScrollBar:
|
|
2219
|
+
declare const ScrollBar: React__default.ForwardRefExoticComponent<ScrollBarProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1863
2220
|
|
|
1864
2221
|
/**
|
|
1865
2222
|
* 合并 CSS 类名,支持条件拼接
|
|
@@ -1868,4 +2225,4 @@ declare const ScrollBar: React$1.ForwardRefExoticComponent<ScrollBarProps & Reac
|
|
|
1868
2225
|
*/
|
|
1869
2226
|
declare function cn(...inputs: ClassValue[]): string;
|
|
1870
2227
|
|
|
1871
|
-
export { Alert, type AlertProps, type AlertType, AvatarWithGroup as Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps,
|
|
2228
|
+
export { Alert, type AlertProps, type AlertType, AvatarWithGroup as Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ColorPicker, type ColorPickerProps, type ColorPickerSize, type CoverConfig, type CustomRequestOptions, type CustomRequestReturn, DatePicker, type DatePickerProps, type DatePickerSize, type DateRange, Dialog, type DialogConfirmOptions, type DialogProps, Divider, type DividerOrientation, type DividerProps, type DividerVariant, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, DropdownButton, type DropdownButtonProps, DropdownCheckboxItem, type DropdownCheckboxItemProps, DropdownContent, type DropdownContentProps, DropdownGroup, type DropdownGroupProps, DropdownItem, type DropdownItemData, type DropdownItemProps, DropdownLabel, type DropdownLabelData, type DropdownLabelProps, type DropdownMenuItemData, type DropdownProps, DropdownRadioGroup, type DropdownRadioGroupProps, DropdownRadioItem, type DropdownRadioItemProps, DropdownSeparator, type DropdownSeparatorData, type DropdownSeparatorProps, DropdownSub, DropdownSubContent, type DropdownSubContentProps, type DropdownSubProps, DropdownSubTrigger, type DropdownSubTriggerProps, DropdownTrigger, type DropdownTriggerProps, Empty, type EmptyIconComponent, type EmptyProps, type EmptySize, type FileItemActions, Flex, type FlexGapSize, type FlexOrientation, type FlexProps, Form, type FormInstance, type FormItemProps, type FormLayout, type FormProps, Image, type ImagePreviewGroupProps, type ImageProps, type ImgInfo, LgSize, LingeeProvider, type LingeeProviderProps, type Locale, Pagination, type PaginationProps, type PaginationVariant, PopoverContentProps, type PreviewGroupType, type PreviewType, Progress, type ProgressProps, type ProgressStatus, type ProgressType, RadioGroup, type RadioGroupProps, RadioItem, type RadioItemProps, type RadioSize, RangePicker, type RangePickerProps, type RangePickerSize, type RejectReason, ScrollArea, type ScrollAreaProps, ScrollBar, type ScrollBarProps, Select, type SelectDropdownProps, type SelectMode, type SelectOption, type SelectOptionGroup, type SelectProps, type SelectSize, Sidebar, SidebarCollapsibleListItem, type SidebarCollapsibleListItemProps, SidebarCollapsibleNavItem, type SidebarCollapsibleNavItemChild, type SidebarCollapsibleNavItemProps, SidebarFooter, type SidebarFooterProps, SidebarGroupHeader, type SidebarGroupHeaderProps, SidebarHeader, type SidebarHeaderProps, type SidebarIndicatorType, SidebarListItem, type SidebarListItemProps, SidebarNavItem, type SidebarNavItemProps, SidebarRoot, type SidebarRootProps, SidebarSkeletonItem, type SidebarSkeletonItemProps, type SidebarSkeletonItemSpacing, type SidebarSkeletonItemStatus, type SidebarSkeletonItemVariant, SidebarTabBar, type SidebarTabBarProps, type SidebarTabItem, Skeleton, type SkeletonAnimation, type SkeletonProps, type SkeletonVariant, Slider, type SliderProps, type SliderSize, Spin, type SpinProps, type SpinSize, type StepItem, type StepStatus, Steps, type StepsProps, type StepsSize, type StepsTitlePlacement, Table, type TableColumnType, type TableProps, type TableRowSelection, type TableSize, type TableSorterState, Tag, type TagPresetColor, type TagProps, type TagShape, type TagSize, TimePicker, type TimePickerProps, type TimePickerSize, type TimeValue, type TransformAction, type TransformType, Upload, type UploadFile, type UploadFileStatus, type UploadProps, cn, enUS, useComponentLocale, useLocale, zhCN };
|