@pactor-app/ui 1.35.0 → 1.40.0
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/{chunk-U5EFJR5Z.js → chunk-F5JY3PBE.js} +1 -1
- package/dist/{chunk-RB7RCKAX.js → chunk-IBMIQXOM.js} +37 -37
- package/dist/{chunk-X54WOK3C.js → chunk-MGBEGZCH.js} +5244 -1670
- package/dist/{chunk-WYISCB4V.js → chunk-PRXLVTBS.js} +17 -10
- package/dist/{chunk-44DAGWXZ.js → chunk-PWXXEJ4J.js} +57 -26
- package/dist/{chunk-QQBAMERO.js → chunk-XRPL536L.js} +2 -2
- package/dist/components/index.cjs +5684 -2075
- package/dist/components/index.d.cts +764 -48
- package/dist/components/index.d.ts +764 -48
- package/dist/components/index.js +38 -4
- package/dist/index.cjs +5822 -2213
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +40 -6
- package/dist/interaction/index.cjs +1 -1
- package/dist/interaction/index.js +1 -1
- package/dist/layout/index.cjs +54 -25
- package/dist/layout/index.js +3 -3
- package/dist/ui/index.cjs +13 -6
- package/dist/ui/index.d.cts +8 -5
- package/dist/ui/index.d.ts +8 -5
- package/dist/ui/index.js +2 -2
- package/package.json +8 -7
- package/styles.css +223 -0
|
@@ -284,6 +284,36 @@ interface ButtonGroupProps {
|
|
|
284
284
|
/** ButtonGroup 适配器(shadcn kit):children 为若干 Button,渲染为相连按钮组 */
|
|
285
285
|
declare function ButtonGroup({ className, style, children }: ButtonGroupProps): React.JSX.Element;
|
|
286
286
|
|
|
287
|
+
/**
|
|
288
|
+
* 表单控件统一尺寸令牌:small / middle / large,默认 middle(= 现行 h-9 尺寸)。
|
|
289
|
+
* 所有盒式表单控件(Input / Select / DatePicker / SearchableSelect / 业务组件
|
|
290
|
+
* 内嵌控件等)共用同一映射,保证同一 size 下高度、内边距、字号一致。
|
|
291
|
+
*
|
|
292
|
+
* 使用方式:把控件尺寸类合并到控件 className 末位(cn/tailwind-merge 会覆盖
|
|
293
|
+
* vendored 基类中的 h-9 / px-3 / text-sm);vendored SelectTrigger 的高度走
|
|
294
|
+
* data-size 属性(属性选择器优先级高于普通类),用 CONTROL_SIZE_SELECT_ATTR
|
|
295
|
+
* 换算后传 size prop,文本/内边距用 CONTROL_SIZE_TRIGGER_TEXT。
|
|
296
|
+
*/
|
|
297
|
+
type ControlSize = 'small' | 'middle' | 'large';
|
|
298
|
+
/** 单行盒式控件:高度 + 水平内边距 + 字号 */
|
|
299
|
+
declare const CONTROL_SIZE_BOX: Record<ControlSize, string>;
|
|
300
|
+
/**
|
|
301
|
+
* 高度随内容增长的盒式控件(多选 chips / contentEditable / 标签输入):min-height 版。
|
|
302
|
+
* py 须保证「行高 + 纵向 padding + 2px 边框」不超过 min-height(middle:20+12+2=34≤36),
|
|
303
|
+
* 否则控件会被内容撑得比定高的 h-* 控件高,同行混排时大小不一。
|
|
304
|
+
*/
|
|
305
|
+
declare const CONTROL_SIZE_BOX_GROW: Record<ControlSize, string>;
|
|
306
|
+
/** 多行文本控件(Textarea / Mentions):内边距 + 字号(高度由行数/内容决定) */
|
|
307
|
+
declare const CONTROL_SIZE_AREA: Record<ControlSize, string>;
|
|
308
|
+
/** vendored SelectTrigger 的 size 属性值(高度由 data-size 变体承载) */
|
|
309
|
+
declare const CONTROL_SIZE_SELECT_ATTR: {
|
|
310
|
+
readonly small: "sm";
|
|
311
|
+
readonly middle: "default";
|
|
312
|
+
readonly large: "lg";
|
|
313
|
+
};
|
|
314
|
+
/** vendored SelectTrigger 的文本/内边距类(高度走 size 属性,这里不含 h-*) */
|
|
315
|
+
declare const CONTROL_SIZE_TRIGGER_TEXT: Record<ControlSize, string>;
|
|
316
|
+
|
|
287
317
|
/** DSL 校验规则(框架级协议,当前支持 required + message) */
|
|
288
318
|
interface FieldRule {
|
|
289
319
|
required?: boolean;
|
|
@@ -302,6 +332,8 @@ interface InputProps {
|
|
|
302
332
|
type?: 'text' | 'password';
|
|
303
333
|
placeholder?: string;
|
|
304
334
|
disabled?: boolean;
|
|
335
|
+
/** 控件尺寸(默认 middle,即现行 h-9 尺寸;全局统一尺寸令牌见 control-size) */
|
|
336
|
+
size?: ControlSize;
|
|
305
337
|
/** 值为非空时显示清除按钮,点击清空当前值;开启后独立渲染的
|
|
306
338
|
* className/style 挂控件包裹节点(含清除按钮),未开启时保持挂控件本身 */
|
|
307
339
|
allowClear?: boolean;
|
|
@@ -322,7 +354,7 @@ interface InputProps {
|
|
|
322
354
|
* 表单项为去原语化结构(design D3):`<div data-slot="form-item">` +
|
|
323
355
|
* `<label htmlFor>` 与控件 `useId` 关联。
|
|
324
356
|
*/
|
|
325
|
-
declare function Input({ name, label, rules, value, type, placeholder, disabled, allowClear, onChange, className, controlClassName, style, }: InputProps): React.JSX.Element;
|
|
357
|
+
declare function Input({ name, label, rules, value, type, placeholder, disabled, size, allowClear, onChange, className, controlClassName, style, }: InputProps): React.JSX.Element;
|
|
326
358
|
|
|
327
359
|
interface CalendarProps {
|
|
328
360
|
/** 字段名;在 Form 内声明 name 即自动成为表单项 */
|
|
@@ -353,18 +385,30 @@ declare function Calendar({ name, label, rules, mode, value, disabled, onChange,
|
|
|
353
385
|
interface CardProps {
|
|
354
386
|
/** 卡片标题,可选 */
|
|
355
387
|
title?: string;
|
|
388
|
+
/** title 行右端内容(DSL 子树,如按钮/链接/分段切换;设置后标题行两端排布,经 card-action 槽位渲染) */
|
|
389
|
+
extra?: DslNode[];
|
|
390
|
+
/** 加载中:内容区以 Skeleton 骨架占位(标题行保持渲染),默认 false */
|
|
391
|
+
loading?: boolean;
|
|
356
392
|
/** 是否有边框,默认 true(false 去边框与阴影) */
|
|
357
393
|
bordered?: boolean;
|
|
358
394
|
/** 圆角档位,默认 'lg'(即 --radius 基准值) */
|
|
359
395
|
rounded?: CardRounded;
|
|
396
|
+
/** 可点击卡片:手型光标 + hover 边框/背景高亮,常配 events.onClick(如新建占位卡、整卡进详情) */
|
|
397
|
+
hoverable?: boolean;
|
|
398
|
+
/** 根节点 DOM id(配合 Anchor 锚点定位等场景) */
|
|
399
|
+
id?: string;
|
|
360
400
|
/** 通用:根节点 class(与内置样式合并) */
|
|
361
401
|
className?: string;
|
|
402
|
+
/** 通用:内容区(CardContent)class,如 `flex flex-1 flex-col items-center justify-center` 做整卡居中 */
|
|
403
|
+
contentClassName?: string;
|
|
362
404
|
/** 通用:根节点内联样式(布局逃逸口,如 `{ flex: 1 }`) */
|
|
363
405
|
style?: CSSProperties;
|
|
406
|
+
/** 点击事件(Renderer 绑定 events.onClick) */
|
|
407
|
+
onClick?: () => void;
|
|
364
408
|
children?: ReactNode;
|
|
365
409
|
}
|
|
366
|
-
/** Card 适配器(shadcn kit):可选标题 + 边框开关(bordered=false 去边框与阴影)+ 圆角档位 */
|
|
367
|
-
declare function Card({ title, bordered, rounded, className, style, children }: CardProps): React.JSX.Element;
|
|
410
|
+
/** Card 适配器(shadcn kit):可选标题 + 边框开关(bordered=false 去边框与阴影)+ 圆角档位 + hoverable 可点击卡 */
|
|
411
|
+
declare function Card({ title, extra, loading, bordered, rounded, hoverable, id, className, contentClassName, style, onClick, children, }: CardProps): React.JSX.Element;
|
|
368
412
|
|
|
369
413
|
/** 轮播图片项 */
|
|
370
414
|
interface CarouselImage {
|
|
@@ -411,6 +455,8 @@ interface CascaderProps {
|
|
|
411
455
|
value?: Array<string | number>;
|
|
412
456
|
placeholder?: string;
|
|
413
457
|
disabled?: boolean;
|
|
458
|
+
/** 控件尺寸(默认 middle,即现行 h-9 尺寸) */
|
|
459
|
+
size?: ControlSize;
|
|
414
460
|
/** 选中叶子事件,传出路径 value 数组 */
|
|
415
461
|
onChange?: (value: Array<string | number>) => void;
|
|
416
462
|
/** 通用:根节点 class(Form 内为 form-item 容器,独立渲染时为触发器) */
|
|
@@ -424,7 +470,7 @@ interface CascaderProps {
|
|
|
424
470
|
* ` / ` 连接路径 label。onChange 传出路径 value 数组(DSL 语义值);
|
|
425
471
|
* Form 内声明 `name` 自动成为表单项。
|
|
426
472
|
*/
|
|
427
|
-
declare function Cascader({ name, label, rules, options, value, placeholder, disabled, onChange, className, style, }: CascaderProps): React.JSX.Element;
|
|
473
|
+
declare function Cascader({ name, label, rules, options, value, placeholder, disabled, size, onChange, className, style, }: CascaderProps): React.JSX.Element;
|
|
428
474
|
|
|
429
475
|
interface CheckboxProps {
|
|
430
476
|
/** 字段名;在 Form 内声明 name 即自动成为表单项 */
|
|
@@ -449,6 +495,72 @@ interface CheckboxProps {
|
|
|
449
495
|
*/
|
|
450
496
|
declare function Checkbox({ name, label, rules, value, disabled, onChange, className, style, }: CheckboxProps): React.JSX.Element;
|
|
451
497
|
|
|
498
|
+
/** 快筛选项;文案含计数时由数据侧预计算(表达式引擎不支持数组方法与函数调用) */
|
|
499
|
+
interface ChipFilterItem {
|
|
500
|
+
/** 提交值('all' 为约定的「全部」项,可用 allValue 改写) */
|
|
501
|
+
value: string;
|
|
502
|
+
/** 展示文案(含计数,数据侧预计算) */
|
|
503
|
+
text: string;
|
|
504
|
+
/** 可选状态色点(CSS 颜色值) */
|
|
505
|
+
dot?: string;
|
|
506
|
+
}
|
|
507
|
+
interface ChipFilterProps {
|
|
508
|
+
/** 选项列表(可经接口下发,表达式解析后的数组) */
|
|
509
|
+
items?: ChipFilterItem[];
|
|
510
|
+
/** single:单选(value 为字符串);multi:多选(value 为已选值数组) */
|
|
511
|
+
mode?: 'single' | 'multi';
|
|
512
|
+
/** 当前值(single 为字符串,multi 为数组) */
|
|
513
|
+
value?: string | string[];
|
|
514
|
+
/** 「全部」项的约定值(缺省 'all') */
|
|
515
|
+
allValue?: string;
|
|
516
|
+
/** 选中变化事件(single 传出字符串,multi 传出数组) */
|
|
517
|
+
onChange?: (value: string | string[]) => void;
|
|
518
|
+
/** 通用:根节点 class */
|
|
519
|
+
className?: string;
|
|
520
|
+
/** 通用:根节点内联样式 */
|
|
521
|
+
style?: CSSProperties;
|
|
522
|
+
}
|
|
523
|
+
/**
|
|
524
|
+
* 快筛 Chip 组(F3 标签筛选):选项(value / 文案 / 计数 / 色点)整体下发,
|
|
525
|
+
* 页面 DSL 不再逐枚硬编码 ChipNode。
|
|
526
|
+
*
|
|
527
|
+
* 两种交互:
|
|
528
|
+
* - mode="single":单选。点击已选项回到 allValue(toggle 语义);
|
|
529
|
+
* - mode="multi":多选。选项中含 value === allValue 的「全部」项时,
|
|
530
|
+
* 点击它清空选择、仅在无选择时高亮;不含「全部」项时纯切换、不选即全部。
|
|
531
|
+
*
|
|
532
|
+
* DSL 用法(${event} = 新值,single 为字符串 / multi 为数组):
|
|
533
|
+
* { type: 'ChipFilter', props: { mode: 'single', value: '${state.status}', items: [...] },
|
|
534
|
+
* events: { onChange: [setState, reload] } }
|
|
535
|
+
*/
|
|
536
|
+
declare function ChipFilter({ items, mode, value, allValue, onChange, className, style, }: ChipFilterProps): React.JSX.Element | null;
|
|
537
|
+
|
|
538
|
+
interface ChipNodeProps {
|
|
539
|
+
/** 展示文案(可含计数,数据侧预计算) */
|
|
540
|
+
text?: string;
|
|
541
|
+
/** 选中态(接收布尔表达式结果) */
|
|
542
|
+
selected?: boolean;
|
|
543
|
+
/** 可选状态色点(CSS 颜色值) */
|
|
544
|
+
dot?: string;
|
|
545
|
+
/** 点击事件 */
|
|
546
|
+
onClick?: () => void;
|
|
547
|
+
/** 通用:根节点 class */
|
|
548
|
+
className?: string;
|
|
549
|
+
/** 通用:根节点内联样式 */
|
|
550
|
+
style?: CSSProperties;
|
|
551
|
+
}
|
|
552
|
+
/**
|
|
553
|
+
* 快筛 Chip:未选中 = outline 小按钮(hover 走 accent);
|
|
554
|
+
* 选中 = 主色实底 + 主色前景文字(一眼可辨的激活态)。
|
|
555
|
+
* 单枚使用时可经 props.selected 绑布尔表达式、events.onClick 注入动作;
|
|
556
|
+
* 成组快筛优先用 ChipFilter(选项整体下发,无需逐枚硬编码)。
|
|
557
|
+
*
|
|
558
|
+
* DSL 用法:
|
|
559
|
+
* { type: 'ChipNode', props: { text: '启用 4', selected: "${state.status == 'enabled'}" },
|
|
560
|
+
* events: { onClick: [setState, reload] } }
|
|
561
|
+
*/
|
|
562
|
+
declare function ChipNode({ text, selected, dot, onClick, className, style }: ChipNodeProps): React.JSX.Element;
|
|
563
|
+
|
|
452
564
|
interface CodeBlockProps {
|
|
453
565
|
/** 代码内容 */
|
|
454
566
|
code?: string;
|
|
@@ -534,6 +646,8 @@ interface ComboboxProps {
|
|
|
534
646
|
/** 是否可搜索过滤(缺省 true) */
|
|
535
647
|
searchable?: boolean;
|
|
536
648
|
disabled?: boolean;
|
|
649
|
+
/** 控件尺寸(默认 middle,即现行 h-9 尺寸) */
|
|
650
|
+
size?: ControlSize;
|
|
537
651
|
/** 选中变化事件,传出选中项的原始 value */
|
|
538
652
|
onChange?: (value: string | number | undefined) => void;
|
|
539
653
|
/** 通用:根节点 class(Form 内为 form-item 容器,独立渲染时为触发器) */
|
|
@@ -546,7 +660,7 @@ interface ComboboxProps {
|
|
|
546
660
|
* 支持搜索过滤;onChange 传出选中项原始 value(DSL 语义值);
|
|
547
661
|
* Form 内声明 `name` 自动成为表单项。
|
|
548
662
|
*/
|
|
549
|
-
declare function Combobox({ name, label, rules, options, value, placeholder, searchable, disabled, onChange, className, style, }: ComboboxProps): React.JSX.Element;
|
|
663
|
+
declare function Combobox({ name, label, rules, options, value, placeholder, searchable, disabled, size, onChange, className, style, }: ComboboxProps): React.JSX.Element;
|
|
550
664
|
|
|
551
665
|
/** Command 命令项 */
|
|
552
666
|
interface CommandItemData {
|
|
@@ -641,6 +755,8 @@ interface ContainerProps {
|
|
|
641
755
|
size?: ContainerSize;
|
|
642
756
|
/** 是否水平居中,默认 true */
|
|
643
757
|
centered?: boolean;
|
|
758
|
+
/** 根节点 DOM id(配合 Anchor 锚点定位等场景) */
|
|
759
|
+
id?: string;
|
|
644
760
|
/** 通用:根节点 class(与内置样式合并) */
|
|
645
761
|
className?: string;
|
|
646
762
|
/** 通用:根节点内联样式 */
|
|
@@ -651,7 +767,7 @@ interface ContainerProps {
|
|
|
651
767
|
* Container 布局(shadcn kit):限制内容最大宽度并建立页面两侧留白;
|
|
652
768
|
* 默认水平居中,左右各留 px-4 内边距。
|
|
653
769
|
*/
|
|
654
|
-
declare function Container({ size, centered, className, style, children, }: ContainerProps): React.JSX.Element;
|
|
770
|
+
declare function Container({ size, centered, id, className, style, children, }: ContainerProps): React.JSX.Element;
|
|
655
771
|
|
|
656
772
|
interface ContentProps {
|
|
657
773
|
/** 通用:根节点 class(与内置样式合并) */
|
|
@@ -779,6 +895,8 @@ interface DatePickerCommonProps {
|
|
|
779
895
|
/** 占位文案(缺省取 i18n key,按 mode 区分 single/range) */
|
|
780
896
|
placeholder?: string;
|
|
781
897
|
disabled?: boolean;
|
|
898
|
+
/** 控件尺寸(默认 middle,即现行 h-9 尺寸) */
|
|
899
|
+
size?: ControlSize;
|
|
782
900
|
/**
|
|
783
901
|
* 快捷预设栏:未提供时 range 模式缺省为内置三项(今天/本周/本月),
|
|
784
902
|
* single 模式不渲染;`false` 显式关闭
|
|
@@ -928,8 +1046,20 @@ interface DrawerProps {
|
|
|
928
1046
|
/** 是否允许按住面板拖拽关闭;缺省 false(仅底部抽屉的把手可拖拽),
|
|
929
1047
|
* 遮罩点击 / Escape 关闭不受影响 */
|
|
930
1048
|
draggable?: boolean;
|
|
931
|
-
/**
|
|
1049
|
+
/** 右上角关闭图标;缺省 true */
|
|
1050
|
+
closable?: boolean;
|
|
1051
|
+
/** 底部操作栏:false 不展示;DslNode 自定义内容(容器右对齐,
|
|
1052
|
+
* 内容声明 w-full 可自行控制对齐);缺省展示 [取消, 确定],
|
|
1053
|
+
* 固定在抽屉底部(内容区独立滚动,不随内容滚走) */
|
|
1054
|
+
footer?: DslNode | false;
|
|
1055
|
+
/** 默认 footer「取消」按钮文案(缺省取 i18n `pactor.alertDialog.cancel`) */
|
|
1056
|
+
cancelText?: string;
|
|
1057
|
+
/** 默认 footer「确定」按钮文案(缺省取 i18n `pactor.alertDialog.confirm`) */
|
|
1058
|
+
okText?: string;
|
|
1059
|
+
/** 关闭事件(关闭图标 / 遮罩 / Escape / 拖拽关闭 / 默认 footer「取消」时触发) */
|
|
932
1060
|
onClose?: () => void;
|
|
1061
|
+
/** 确定事件(默认 footer「确定」按钮触发,Renderer 绑定 events.onOk) */
|
|
1062
|
+
onOk?: () => void;
|
|
933
1063
|
/** 内容(DSL 子树,经 Renderer children 机制渲染) */
|
|
934
1064
|
children?: ReactNode;
|
|
935
1065
|
/** 通用:根节点 class(挂在抽屉内容根节点,与内置样式合并) */
|
|
@@ -940,26 +1070,45 @@ interface DrawerProps {
|
|
|
940
1070
|
/**
|
|
941
1071
|
* Drawer 适配器(shadcn kit,vaul 原语):受控 `open` + `placement`
|
|
942
1072
|
* 四方向;与交互层 OverlayHost 的 drawer 共用同一套 vendored
|
|
943
|
-
* drawer 原语(design D4
|
|
1073
|
+
* drawer 原语(design D4)。`footer` 底部操作栏:缺省为
|
|
1074
|
+
* [取消(onClose), 确定(onOk)] 右对齐、固定于抽屉底部;
|
|
1075
|
+
* 传 DslNode 自定义内容;传 false 不展示。
|
|
1076
|
+
*
|
|
1077
|
+
* 关闭链路(关闭图标 / 遮罩 / Escape / 拖拽 / 默认「取消」)统一走
|
|
1078
|
+
* handleClose:先回退式自闭合(内部 dismissed 标记,`open` 再次
|
|
1079
|
+
* 置 true 时复位),再触发 onClose 事件——DSL 未 wiring onClose
|
|
1080
|
+
* 时「取消」/ 关闭图标也能默认关闭。
|
|
944
1081
|
*/
|
|
945
|
-
declare function Drawer({ title, open, placement, draggable, onClose, children, className, style, }: DrawerProps): React.JSX.Element;
|
|
1082
|
+
declare function Drawer({ title, open, placement, draggable, closable, footer, cancelText, okText, onClose, onOk, children, className, style, }: DrawerProps): React.JSX.Element;
|
|
946
1083
|
|
|
947
1084
|
/** 菜单项;danger 项以 destructive 语义呈现 */
|
|
948
1085
|
interface DropdownMenuItemData {
|
|
949
|
-
|
|
950
|
-
|
|
1086
|
+
/** 分隔线项(true 时忽略其它字段) */
|
|
1087
|
+
separator?: boolean;
|
|
1088
|
+
label?: string;
|
|
1089
|
+
value?: string;
|
|
951
1090
|
disabled?: boolean;
|
|
952
1091
|
danger?: boolean;
|
|
953
1092
|
/** 图标名(Icon 白名单,kebab/Pascal 均可),渲染于文字前 */
|
|
954
1093
|
icon?: string;
|
|
1094
|
+
/** 右侧弱提示文本(二级菜单触发项上展示当前值,位于箭头前) */
|
|
1095
|
+
trailing?: string;
|
|
1096
|
+
/** 选中态(文字前展示对勾;同组存在选中项时其余项自动留白对齐) */
|
|
1097
|
+
selected?: boolean;
|
|
1098
|
+
/** 二级菜单项(悬停/聚焦时在右侧展开) */
|
|
1099
|
+
children?: DropdownMenuItemData[];
|
|
955
1100
|
}
|
|
956
1101
|
interface DropdownMenuProps {
|
|
957
|
-
/**
|
|
1102
|
+
/** 菜单项(可含表达式解析后的数组;支持分隔线、二级菜单、选中态) */
|
|
958
1103
|
items?: DropdownMenuItemData[];
|
|
959
1104
|
/** 选中事件,传出选中项 value */
|
|
960
1105
|
onSelect?: (value: string) => void;
|
|
961
1106
|
/** 触发元素(DSL 子树,经 Renderer children 机制渲染) */
|
|
962
1107
|
children?: ReactNode;
|
|
1108
|
+
/** 弹出方位(缺省 bottom;底部触发器用 top) */
|
|
1109
|
+
side?: 'top' | 'bottom' | 'left' | 'right';
|
|
1110
|
+
/** 弹出对齐(缺省 center) */
|
|
1111
|
+
align?: 'start' | 'center' | 'end';
|
|
963
1112
|
/** 通用:根节点 class(挂在弹出内容根节点,与内置样式合并) */
|
|
964
1113
|
className?: string;
|
|
965
1114
|
/** 通用:内联样式(同 className 挂载规则) */
|
|
@@ -968,9 +1117,10 @@ interface DropdownMenuProps {
|
|
|
968
1117
|
/**
|
|
969
1118
|
* DropdownMenu 适配器(shadcn kit):children 为触发元素(以 span
|
|
970
1119
|
* 包装接入 Base UI Trigger,避免按钮嵌套按钮);菜单项点击触发
|
|
971
|
-
* onSelect 并传出该项 value
|
|
1120
|
+
* onSelect 并传出该项 value。项支持 icon / trailing / selected /
|
|
1121
|
+
* separator / children(二级菜单)。
|
|
972
1122
|
*/
|
|
973
|
-
declare function DropdownMenu({ items, onSelect, children, className, style, }: DropdownMenuProps): React.JSX.Element;
|
|
1123
|
+
declare function DropdownMenu({ items, onSelect, children, side, align, className, style, }: DropdownMenuProps): React.JSX.Element;
|
|
974
1124
|
|
|
975
1125
|
interface EmptyProps {
|
|
976
1126
|
/** 空状态标题 */
|
|
@@ -1027,7 +1177,11 @@ interface FieldProps {
|
|
|
1027
1177
|
* 必填星号(对齐 antd Form.Item required 语义);`labelHint` 与 label 同行
|
|
1028
1178
|
* 右对齐(弱化为小字);label 与控件容器间距由 Field 容器 flex-col gap-2
|
|
1029
1179
|
* 承担,五个节点(label / labelHint / 控件容器 / description / error)
|
|
1030
|
-
*
|
|
1180
|
+
* 均可独立加样式。控件容器为相邻的直接子按钮自动加间距
|
|
1181
|
+
* (`[&>button+button]:ml-2`,如同一 Field 放查询/重置)。
|
|
1182
|
+
* 处于 layout=vertical 的 Form 内时根节点自动加 mb-2
|
|
1183
|
+
* (表单项纵向间距);处于 layout=inline 的 Form 内时 label 与控件同一行
|
|
1184
|
+
* (覆盖默认上下结构);horizontal 布局或 Form 外不加。
|
|
1031
1185
|
*/
|
|
1032
1186
|
declare function Field({ label, required, labelHint, description, error, children, className, style, labelClassName, labelStyle, labelHintClassName, labelHintStyle, controlClassName, controlStyle, descriptionClassName, descriptionStyle, errorClassName, errorStyle, }: FieldProps): React.JSX.Element;
|
|
1033
1187
|
|
|
@@ -1143,7 +1297,7 @@ interface FormProps {
|
|
|
1143
1297
|
* 维护受控 values 并经 React Context 下发,Form 内声明了 `name` 的
|
|
1144
1298
|
* Input / Select 自动成为表单项。创建时以 `initialValues` 初始化 values,
|
|
1145
1299
|
* 字段挂载注册时合并字段级 `value` 初始值(字段级优先,仅首次注册写入)。
|
|
1146
|
-
* 提交(`submit: true` 的 Button
|
|
1300
|
+
* 提交(`submit: true` 的 Button,或 <form> DOM 外经 `form.submit` 动作桥)时:
|
|
1147
1301
|
* 1. 统一校验已注册字段的 rules(required + message),失败则展示错误并阻止提交
|
|
1148
1302
|
* 2. 校验通过把 values 写入 runtime state 的 `form` 路径(`${form.<field>}` 可用)
|
|
1149
1303
|
* 3. 以 values 调用 onSubmit(Renderer 把它放入 `event` 作用域)
|
|
@@ -1197,19 +1351,91 @@ interface GridProps {
|
|
|
1197
1351
|
/**
|
|
1198
1352
|
* Grid 均分栏布局(shadcn kit):CSS grid。
|
|
1199
1353
|
* 列数为运行时动态值,无法用 Tailwind 静态类表达,经 inline style 设置。
|
|
1354
|
+
* 子项跨列 / 跨行:子节点 props.style 上声明 `gridColumn` / `gridRow`
|
|
1355
|
+
* (如 `style: { gridColumn: '1 / -1' }` 跨整行),Grid 渲染时将其
|
|
1356
|
+
* 提升到子项包裹容器(真正的 grid item)上生效。
|
|
1200
1357
|
*/
|
|
1201
1358
|
declare function Grid({ columns, gap, className, style, children }: GridProps): React.JSX.Element;
|
|
1202
1359
|
|
|
1360
|
+
type RowJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
|
|
1361
|
+
type RowAlign = 'top' | 'middle' | 'bottom' | 'stretch';
|
|
1362
|
+
interface RowProps {
|
|
1363
|
+
/** 栏间距(px):number 水平垂直同距;[水平, 垂直] 分别设置;默认 0 */
|
|
1364
|
+
gutter?: number | [number, number];
|
|
1365
|
+
/** 水平排列(justify-content),默认 start */
|
|
1366
|
+
justify?: RowJustify;
|
|
1367
|
+
/** 垂直对齐(align-items),默认 top */
|
|
1368
|
+
align?: RowAlign;
|
|
1369
|
+
/** 是否换行(flex-wrap),默认 true */
|
|
1370
|
+
wrap?: boolean;
|
|
1371
|
+
/** 通用:根节点 class(与内置样式合并) */
|
|
1372
|
+
className?: string;
|
|
1373
|
+
/** 通用:根节点内联样式 */
|
|
1374
|
+
style?: CSSProperties;
|
|
1375
|
+
children?: ReactNode;
|
|
1376
|
+
}
|
|
1377
|
+
/**
|
|
1378
|
+
* Row 栅格行(对齐 antd Grid.Row):flex 行容器 + gutter 上下文。
|
|
1379
|
+
* 子级须为 Col(读取 gutter 对半拆分为左右 padding);与 antd 一致,
|
|
1380
|
+
* 根节点用负 margin 抵消首尾列的外侧留白。
|
|
1381
|
+
*/
|
|
1382
|
+
declare function Row({ gutter, justify, align, wrap, className, style, children, }: RowProps): React.JSX.Element;
|
|
1383
|
+
|
|
1384
|
+
/** 响应式断点(对齐 antd:xs <576,其余 min-width) */
|
|
1385
|
+
declare const BREAKPOINTS: {
|
|
1386
|
+
readonly xs: "(max-width: 575.98px)";
|
|
1387
|
+
readonly sm: "(min-width: 576px)";
|
|
1388
|
+
readonly md: "(min-width: 768px)";
|
|
1389
|
+
readonly lg: "(min-width: 992px)";
|
|
1390
|
+
readonly xl: "(min-width: 1200px)";
|
|
1391
|
+
readonly xxl: "(min-width: 1600px)";
|
|
1392
|
+
};
|
|
1393
|
+
type ColBreakpoint = keyof typeof BREAKPOINTS;
|
|
1394
|
+
/** 响应式配置:number 简写 span;对象可配 span / offset / order / pull / push */
|
|
1395
|
+
type ColResponsiveValue = number | {
|
|
1396
|
+
span?: number;
|
|
1397
|
+
offset?: number;
|
|
1398
|
+
order?: number;
|
|
1399
|
+
pull?: number;
|
|
1400
|
+
push?: number;
|
|
1401
|
+
};
|
|
1402
|
+
interface ColProps {
|
|
1403
|
+
/** 栅格占位(24 分栏),默认 24;0 隐藏 */
|
|
1404
|
+
span?: number;
|
|
1405
|
+
/** 左侧偏移栏数 */
|
|
1406
|
+
offset?: number;
|
|
1407
|
+
/** 排列顺序 */
|
|
1408
|
+
order?: number;
|
|
1409
|
+
/** 右移栏数(position relative + right%) */
|
|
1410
|
+
pull?: number;
|
|
1411
|
+
/** 左移栏数(position relative + left%) */
|
|
1412
|
+
push?: number;
|
|
1413
|
+
/** flex 布局值:string 原样;number 展开为 `0 0 ${n}px`(对齐 antd) */
|
|
1414
|
+
flex?: string | number;
|
|
1415
|
+
/** 响应式档位(断点语义同 antd:xs 为 <576 且仅配 xs 时全尺寸生效) */
|
|
1416
|
+
xs?: ColResponsiveValue;
|
|
1417
|
+
sm?: ColResponsiveValue;
|
|
1418
|
+
md?: ColResponsiveValue;
|
|
1419
|
+
lg?: ColResponsiveValue;
|
|
1420
|
+
xl?: ColResponsiveValue;
|
|
1421
|
+
xxl?: ColResponsiveValue;
|
|
1422
|
+
/** 通用:根节点 class(与内置样式合并) */
|
|
1423
|
+
className?: string;
|
|
1424
|
+
/** 通用:根节点内联样式(与栅格样式合并,同键后者优先) */
|
|
1425
|
+
style?: CSSProperties;
|
|
1426
|
+
children?: ReactNode;
|
|
1427
|
+
}
|
|
1428
|
+
/**
|
|
1429
|
+
* Col 栅格列(对齐 antd Grid.Col):24 分栏 span / offset / order / pull / push /
|
|
1430
|
+
* flex,及 xs~xxl 响应式档位。与 Row 搭配时读取 gutter 对半拆分为 padding;
|
|
1431
|
+
* 响应式样式经客户端注入的 style 标签实现(!important 覆盖基础内联样式)。
|
|
1432
|
+
*/
|
|
1433
|
+
declare function Col({ span, offset, order, pull, push, flex, xs, sm, md, lg, xl, xxl, className, style, children, }: ColProps): React.JSX.Element;
|
|
1434
|
+
|
|
1203
1435
|
/** 品牌区位置(缺省 'left') */
|
|
1204
1436
|
type HeaderBrandPosition = 'left' | 'right';
|
|
1205
|
-
/**
|
|
1206
|
-
|
|
1207
|
-
label: string;
|
|
1208
|
-
value: string;
|
|
1209
|
-
disabled?: boolean;
|
|
1210
|
-
/** 图标名(Icon 白名单,kebab/Pascal 均可),渲染于文字前 */
|
|
1211
|
-
icon?: string;
|
|
1212
|
-
}
|
|
1437
|
+
/** 通用下拉项(复用 DropdownMenu 菜单项:支持 icon/trailing/selected/separator/children) */
|
|
1438
|
+
type HeaderDropdownItem = DropdownMenuItemData;
|
|
1213
1439
|
/** 通用下拉区配置 */
|
|
1214
1440
|
interface HeaderDropdown {
|
|
1215
1441
|
label: string;
|
|
@@ -1225,13 +1451,8 @@ interface HeaderMenuItem {
|
|
|
1225
1451
|
icon?: string;
|
|
1226
1452
|
children?: HeaderMenuItem[];
|
|
1227
1453
|
}
|
|
1228
|
-
/**
|
|
1229
|
-
|
|
1230
|
-
label: string;
|
|
1231
|
-
value: string;
|
|
1232
|
-
/** 图标名(Icon 白名单,kebab/Pascal 均可),渲染于文字前 */
|
|
1233
|
-
icon?: string;
|
|
1234
|
-
}
|
|
1454
|
+
/** 用户区菜单项(复用 DropdownMenu 菜单项:支持 icon/trailing/selected/separator/children) */
|
|
1455
|
+
type HeaderUserItem = DropdownMenuItemData;
|
|
1235
1456
|
/** 用户区配置;`items` 缺省或为空时退化为纯展示(无下拉) */
|
|
1236
1457
|
interface HeaderUser {
|
|
1237
1458
|
name: string;
|
|
@@ -1614,6 +1835,8 @@ interface MentionsProps {
|
|
|
1614
1835
|
/** 受控值(完整字符串);Form 内作为字段初始值 */
|
|
1615
1836
|
value?: string;
|
|
1616
1837
|
disabled?: boolean;
|
|
1838
|
+
/** 控件尺寸(默认 middle;影响内边距与字号,高度仍由行数/内容决定) */
|
|
1839
|
+
size?: ControlSize;
|
|
1617
1840
|
/** 输入变化事件,传出完整字符串 */
|
|
1618
1841
|
onChange?: (value: string) => void;
|
|
1619
1842
|
/** 通用:根节点 class(Form 内为 form-item 容器,独立渲染时为控件包裹节点) */
|
|
@@ -1627,7 +1850,7 @@ interface MentionsProps {
|
|
|
1627
1850
|
* 光标处插入 `trigger + value + 空格`;↑/↓ 移动高亮,Esc 关闭。
|
|
1628
1851
|
* onChange 传出完整字符串(DSL 语义值);Form 内声明 `name` 自动成为表单项。
|
|
1629
1852
|
*/
|
|
1630
|
-
declare function Mentions({ name, label, rules, options, trigger, rows, placeholder, value, disabled, onChange, className, style, }: MentionsProps): React.JSX.Element;
|
|
1853
|
+
declare function Mentions({ name, label, rules, options, trigger, rows, placeholder, value, disabled, size, onChange, className, style, }: MentionsProps): React.JSX.Element;
|
|
1631
1854
|
|
|
1632
1855
|
/** 菜单项;`children` 为子菜单(inline 模式下缩进展示) */
|
|
1633
1856
|
interface MenuItem {
|
|
@@ -1657,6 +1880,9 @@ interface MenuProps {
|
|
|
1657
1880
|
* 点击展开/收起(不触发 onSelect),右端 chevron 指示
|
|
1658
1881
|
*/
|
|
1659
1882
|
collapsible?: boolean;
|
|
1883
|
+
/** 强制图标轨形态(仅图标,label/badge 隐藏,hover 经 RailTooltip 展示);
|
|
1884
|
+
* 缺省跟随所在 Sidebar 的折叠态;右轨等脱离 Sidebar 的场景用它 */
|
|
1885
|
+
collapsed?: boolean;
|
|
1660
1886
|
/** 初始展开的目录 key(与 selectedKey 祖先链合并;展开状态非受控) */
|
|
1661
1887
|
defaultExpandedKeys?: string[];
|
|
1662
1888
|
/** 选中变化事件,传出选中项 key */
|
|
@@ -1675,7 +1901,7 @@ interface MenuProps {
|
|
|
1675
1901
|
* 点击目录项只 toggle 不触发 onSelect,右端 chevron 展开时旋转 180°;
|
|
1676
1902
|
* 展开状态内部维护,初始为 defaultExpandedKeys ∪ selectedKey 祖先链。
|
|
1677
1903
|
*/
|
|
1678
|
-
declare function Menu({ items, mode, selectedKey, collapsible, defaultExpandedKeys, onSelect, className, style, }: MenuProps): React.JSX.Element;
|
|
1904
|
+
declare function Menu({ items, mode, selectedKey, collapsible, collapsed: collapsedProp, defaultExpandedKeys, onSelect, className, style, }: MenuProps): React.JSX.Element;
|
|
1679
1905
|
|
|
1680
1906
|
/** 菜单项(叶子);value 为 onSelect 传出值 */
|
|
1681
1907
|
interface MenubarLeafItem {
|
|
@@ -1796,6 +2022,8 @@ interface NumberInputProps {
|
|
|
1796
2022
|
precision?: number;
|
|
1797
2023
|
placeholder?: string;
|
|
1798
2024
|
disabled?: boolean;
|
|
2025
|
+
/** 控件尺寸(默认 middle,即现行 h-9 尺寸) */
|
|
2026
|
+
size?: ControlSize;
|
|
1799
2027
|
/** 输入事件,传出 number;清空时传出 undefined */
|
|
1800
2028
|
onChange?: (value: number | undefined) => void;
|
|
1801
2029
|
/** 通用:根节点 class(Form 内为 form-item 容器,独立渲染时为控件包裹节点) */
|
|
@@ -1813,7 +2041,7 @@ interface NumberInputProps {
|
|
|
1813
2041
|
* 可解析时传出钳制 + 精度规整后的 number,清空时传出 undefined。
|
|
1814
2042
|
* 步进按钮按 step 增减并以 min/max 钳制;到达边界或 disabled 时对应按钮禁用。
|
|
1815
2043
|
*/
|
|
1816
|
-
declare function NumberInput({ name, label, rules, value, min, max, step, precision, placeholder, disabled, onChange, className, controlClassName, style, }: NumberInputProps): React.JSX.Element;
|
|
2044
|
+
declare function NumberInput({ name, label, rules, value, min, max, step, precision, placeholder, disabled, size, onChange, className, controlClassName, style, }: NumberInputProps): React.JSX.Element;
|
|
1817
2045
|
|
|
1818
2046
|
interface PageProps {
|
|
1819
2047
|
/** 页面标题,可选 */
|
|
@@ -1836,6 +2064,14 @@ interface PaginationProps {
|
|
|
1836
2064
|
page?: number;
|
|
1837
2065
|
/** 翻页事件,传出目标页码(number) */
|
|
1838
2066
|
onChange?: (page: number) => void;
|
|
2067
|
+
/** 对齐方式:left / center / right(缺省 center) */
|
|
2068
|
+
align?: 'left' | 'center' | 'right';
|
|
2069
|
+
/** 展示总条数文案「共 n 条」(缺省 false) */
|
|
2070
|
+
showTotal?: boolean;
|
|
2071
|
+
/** 每页条数可选项(如 [10, 20, 50]);给出时展示「每页 n 条」切换下拉 */
|
|
2072
|
+
pageSizeOptions?: number[];
|
|
2073
|
+
/** 每页条数变更事件,传出新的 pageSize(页码同时回到 1 并触发 onChange) */
|
|
2074
|
+
onPageSizeChange?: (pageSize: number) => void;
|
|
1839
2075
|
/** 通用:根节点 class(与内置样式合并) */
|
|
1840
2076
|
className?: string;
|
|
1841
2077
|
/** 通用:根节点内联样式 */
|
|
@@ -1844,9 +2080,10 @@ interface PaginationProps {
|
|
|
1844
2080
|
/**
|
|
1845
2081
|
* Pagination 适配器(shadcn kit):total/pageSize 推页数;page 受控
|
|
1846
2082
|
* (缺省内部自管理);onChange 传出目标页码 number。上一页/下一页
|
|
1847
|
-
* 与页码点击均走同一 onChange
|
|
2083
|
+
* 与页码点击均走同一 onChange。可选扩展:align 对齐、showTotal
|
|
2084
|
+
* 「共 n 条」、pageSizeOptions「每页 n 条」切换(onPageSizeChange 传出)。
|
|
1848
2085
|
*/
|
|
1849
|
-
declare function Pagination({ total, pageSize, page, onChange, className, style, }: PaginationProps): React.JSX.Element;
|
|
2086
|
+
declare function Pagination({ total, pageSize, page, onChange, align, showTotal, pageSizeOptions, onPageSizeChange, className, style, }: PaginationProps): React.JSX.Element;
|
|
1850
2087
|
|
|
1851
2088
|
interface PopconfirmProps {
|
|
1852
2089
|
/** 确认框标题 */
|
|
@@ -1882,6 +2119,10 @@ interface PopoverProps {
|
|
|
1882
2119
|
content?: DslNode | string;
|
|
1883
2120
|
/** 触发元素(DSL 子树,经 Renderer children 机制渲染) */
|
|
1884
2121
|
children?: ReactNode;
|
|
2122
|
+
/** 浮层方位(缺省 bottom;底部触发器用 top) */
|
|
2123
|
+
side?: 'top' | 'bottom' | 'left' | 'right';
|
|
2124
|
+
/** 浮层对齐(缺省 center) */
|
|
2125
|
+
align?: 'start' | 'center' | 'end';
|
|
1885
2126
|
/** 通用:根节点 class(挂在浮层内容根节点,与内置样式合并) */
|
|
1886
2127
|
className?: string;
|
|
1887
2128
|
/** 通用:内联样式(同 className 挂载规则) */
|
|
@@ -1891,7 +2132,7 @@ interface PopoverProps {
|
|
|
1891
2132
|
* Popover 适配器(shadcn kit):children 为触发元素(span 包装接入
|
|
1892
2133
|
* Base UI Trigger);content 支持 DSL 子树或纯文本。
|
|
1893
2134
|
*/
|
|
1894
|
-
declare function Popover({ content, children, className, style }: PopoverProps): React.JSX.Element;
|
|
2135
|
+
declare function Popover({ content, children, side, align, className, style }: PopoverProps): React.JSX.Element;
|
|
1895
2136
|
|
|
1896
2137
|
interface ProgressProps {
|
|
1897
2138
|
/** 百分比(0-100,可为表达式解析后的数字);undefined / null 为不确定态 */
|
|
@@ -2126,10 +2367,17 @@ interface SelectProps {
|
|
|
2126
2367
|
rules?: FieldRule[];
|
|
2127
2368
|
/** 选项列表 */
|
|
2128
2369
|
options?: SelectOption[];
|
|
2370
|
+
/**
|
|
2371
|
+
* 选项搜索:true 始终展示搜索框;false 禁止;缺省选项数 > 10 时自动展示。
|
|
2372
|
+
* 按 label 包含匹配过滤(大小写不敏感)
|
|
2373
|
+
*/
|
|
2374
|
+
showSearch?: boolean;
|
|
2129
2375
|
/** 受控值(独立渲染时生效);Form 内作为字段初始值(优先于 Form initialValues) */
|
|
2130
2376
|
value?: string | number | boolean;
|
|
2131
2377
|
placeholder?: string;
|
|
2132
2378
|
disabled?: boolean;
|
|
2379
|
+
/** 控件尺寸(默认 middle,即现行 h-9 尺寸) */
|
|
2380
|
+
size?: ControlSize;
|
|
2133
2381
|
allowClear?: boolean;
|
|
2134
2382
|
/** 选中变化事件,传出选中的 value */
|
|
2135
2383
|
onChange?: (value: unknown) => void;
|
|
@@ -2151,7 +2399,7 @@ interface SelectProps {
|
|
|
2151
2399
|
* popup 时(如表单初始值回填),Trigger 同样显示 label(对齐原 Radix 坑
|
|
2152
2400
|
* 的对应场景,见 design D2/风险表)。
|
|
2153
2401
|
*/
|
|
2154
|
-
declare function Select({ name, label, rules, options, value, placeholder, disabled, allowClear, onChange, className, controlClassName, style, }: SelectProps): React.JSX.Element;
|
|
2402
|
+
declare function Select({ name, label, rules, options, value, placeholder, disabled, size, allowClear, showSearch, onChange, className, controlClassName, style, }: SelectProps): React.JSX.Element;
|
|
2155
2403
|
|
|
2156
2404
|
interface SeparatorProps {
|
|
2157
2405
|
/** 方向,默认 horizontal */
|
|
@@ -2212,6 +2460,8 @@ interface SidebarProps {
|
|
|
2212
2460
|
sidebarFooter?: ReactNode;
|
|
2213
2461
|
/** 是否渲染折叠触发器:折叠后桌面侧栏收窄为 icon rail(导航仅图标) */
|
|
2214
2462
|
collapsible?: boolean;
|
|
2463
|
+
/** 初始为折叠态(icon rail);仅在 collapsible 下有意义 */
|
|
2464
|
+
defaultCollapsed?: boolean;
|
|
2215
2465
|
/** 折叠状态变化事件,传出 boolean */
|
|
2216
2466
|
onCollapse?: (collapsed: boolean) => void;
|
|
2217
2467
|
/** 路由 / 会话切换标识:值变化时移动端抽屉在渲染期关闭 */
|
|
@@ -2248,7 +2498,7 @@ declare function useSidebarDrawer(): {
|
|
|
2248
2498
|
* - 侧栏内容可经 useSidebarDrawer() 取 close / collapsed 自行适配。
|
|
2249
2499
|
* - ⌘B / Ctrl+B 键盘快捷键切换侧栏(shadcn SidebarProvider 内建)。
|
|
2250
2500
|
*/
|
|
2251
|
-
declare function Sidebar({ brand, items, content, sidebarFooter, collapsible, onCollapse, locationKey, drawer, className, style, children, }: SidebarProps): React.JSX.Element;
|
|
2501
|
+
declare function Sidebar({ brand, items, content, sidebarFooter, collapsible, defaultCollapsed, onCollapse, locationKey, drawer, className, style, children, }: SidebarProps): React.JSX.Element;
|
|
2252
2502
|
|
|
2253
2503
|
interface SiderProps {
|
|
2254
2504
|
/** 展开宽度(px),默认 200 */
|
|
@@ -2472,17 +2722,35 @@ interface TableColumn {
|
|
|
2472
2722
|
width?: number | string;
|
|
2473
2723
|
/** 列内容水平对齐(表头与单元格同时生效),默认 left */
|
|
2474
2724
|
align?: 'left' | 'center' | 'right';
|
|
2725
|
+
/** 列固定(sticky):right 常用于操作列固定最右;单侧仅支持一列 */
|
|
2726
|
+
fixed?: 'left' | 'right';
|
|
2727
|
+
/** 可排序列:表头带 ⇅/↑/↓ 图标,点击三态循环 asc → desc → 取消(单例排序) */
|
|
2728
|
+
sorter?: boolean;
|
|
2729
|
+
/** 默认排序方向(仅 sorter 列;页面初始序) */
|
|
2730
|
+
defaultSortOrder?: SortOrder;
|
|
2475
2731
|
cell?: DslNode;
|
|
2476
2732
|
}
|
|
2733
|
+
/** 排序方向 */
|
|
2734
|
+
type SortOrder = 'ascend' | 'descend';
|
|
2477
2735
|
/** DSL 分页配置:false 关闭,`{ pageSize }` 简化映射 */
|
|
2478
2736
|
type TablePagination = false | {
|
|
2479
2737
|
pageSize?: number;
|
|
2480
2738
|
};
|
|
2481
|
-
/**
|
|
2739
|
+
/** 分页 / 排序变化事件参数 */
|
|
2482
2740
|
interface TablePaginationInfo {
|
|
2483
2741
|
current?: number;
|
|
2484
2742
|
pageSize?: number;
|
|
2485
2743
|
total?: number;
|
|
2744
|
+
/** 当前排序字段(取消排序为 undefined) */
|
|
2745
|
+
field?: string;
|
|
2746
|
+
/** 当前排序方向(取消排序为 undefined) */
|
|
2747
|
+
order?: SortOrder;
|
|
2748
|
+
}
|
|
2749
|
+
/** 行拖拽放下事件参数(同级排序:目标前 / 目标后) */
|
|
2750
|
+
interface TableRowDropInfo {
|
|
2751
|
+
dragKey: string | number;
|
|
2752
|
+
dropKey: string | number;
|
|
2753
|
+
position: 'before' | 'after';
|
|
2486
2754
|
}
|
|
2487
2755
|
interface TableProps {
|
|
2488
2756
|
columns?: TableColumn[];
|
|
@@ -2492,8 +2760,33 @@ interface TableProps {
|
|
|
2492
2760
|
rowKey?: string;
|
|
2493
2761
|
loading?: boolean;
|
|
2494
2762
|
pagination?: TablePagination;
|
|
2763
|
+
/** 空态文案(缺省走 i18n「暂无数据」);空态同时展示图标 */
|
|
2764
|
+
emptyText?: string;
|
|
2765
|
+
/** 行多选:首列渲染 Checkbox(表头为当前页全选),选中变化经 onSelectChange 传出 */
|
|
2766
|
+
rowSelection?: boolean;
|
|
2767
|
+
/** 行数据字段名:该字段值为 true 的行禁用选择(如无选择权限的内置行) */
|
|
2768
|
+
selectionDisabledField?: string;
|
|
2769
|
+
/** 选中行 key 数组(受控;rowSelection 开启时生效,缺省内部管理) */
|
|
2770
|
+
selectedRowKeys?: (string | number)[];
|
|
2771
|
+
/** 选中变化事件,传出选中行 key 数组(rowSelection 开启时生效) */
|
|
2772
|
+
onSelectChange?: (keys: (string | number)[]) => void;
|
|
2495
2773
|
/** 分页 / 排序变化事件,传出 pagination 信息 */
|
|
2496
2774
|
onChange?: (pagination: TablePaginationInfo) => void;
|
|
2775
|
+
/**
|
|
2776
|
+
* 树形数据的子级字段名,默认 'children':行数据含该字段(非空数组)时
|
|
2777
|
+
* 自动展示为树形表格(首列带展开箭头与层级缩进);设为 false 禁用树形
|
|
2778
|
+
*/
|
|
2779
|
+
childrenColumnName?: string | false;
|
|
2780
|
+
/** 树形表格每一层的缩进宽度(px),默认 16 */
|
|
2781
|
+
indentSize?: number;
|
|
2782
|
+
/** 树形表格初始展开全部行(缺省为全部收起,点击箭头 toggle) */
|
|
2783
|
+
defaultExpandAllRows?: boolean;
|
|
2784
|
+
/** 行拖拽排序:首列渲染拖拽手柄(仅手柄可拖),同级内排序;变化经 onRowDrop 传出 */
|
|
2785
|
+
rowDraggable?: boolean;
|
|
2786
|
+
/** 行拖拽放下事件,传出 { dragKey, dropKey, position } */
|
|
2787
|
+
onRowDrop?: (info: TableRowDropInfo) => void;
|
|
2788
|
+
/** 表体最大高度(px):超过后表体纵向滚动、表头固定(sticky),便于一页展示大量数据 */
|
|
2789
|
+
scrollY?: number;
|
|
2497
2790
|
/** 通用:根节点 class(与内置样式合并) */
|
|
2498
2791
|
className?: string;
|
|
2499
2792
|
/** 通用:根节点内联样式 */
|
|
@@ -2504,8 +2797,15 @@ interface TableProps {
|
|
|
2504
2797
|
* 实现 columns / dataSource / rowKey(默认 'id')/ loading / 简化分页
|
|
2505
2798
|
* (pageSize)/ 空态;`cell` 行模板经 renderChildren 注入
|
|
2506
2799
|
* `{ row, rowIndex }`(rowIndex 为当前页内序号)。
|
|
2800
|
+
*
|
|
2801
|
+
* 增强能力:
|
|
2802
|
+
* - 树形数据:行数据含 childrenColumnName(默认 children)字段时自动树形,
|
|
2803
|
+
* 首列展开箭头 + indentSize 层级缩进,排序按层递归、分页按顶层行计;
|
|
2804
|
+
* - 行拖拽排序(rowDraggable):手柄拖拽,同级内 before/after 落点,
|
|
2805
|
+
* 内部维护行副本即时更新,onRowDrop 传出;
|
|
2806
|
+
* - 固定表头(scrollY):表体超高纵向滚动,表头 sticky 固定。
|
|
2507
2807
|
*/
|
|
2508
|
-
declare function Table({ columns, dataSource, rowKey, loading, pagination, onChange, className, style, }: TableProps): React.JSX.Element;
|
|
2808
|
+
declare function Table({ columns, dataSource, rowKey, loading, pagination, emptyText, rowSelection, selectionDisabledField, selectedRowKeys, onSelectChange, onChange, childrenColumnName, indentSize, defaultExpandAllRows, rowDraggable, onRowDrop, scrollY, className, style, }: TableProps): React.JSX.Element;
|
|
2509
2809
|
|
|
2510
2810
|
/** Tabs 页签定义;`children` 为 DSL 子树,经 Renderer children 机制渲染 */
|
|
2511
2811
|
interface TabItem {
|
|
@@ -2523,6 +2823,8 @@ interface TabsProps {
|
|
|
2523
2823
|
activeKey?: string;
|
|
2524
2824
|
/** 页签栏样式:default 胶囊(缺省)/ line 下划线 */
|
|
2525
2825
|
variant?: 'default' | 'line';
|
|
2826
|
+
/** 页签位置:top 顶部(缺省)/ left 左侧竖排(子 Tab 较多或左侧需放摘要时用) */
|
|
2827
|
+
tabPosition?: 'top' | 'left';
|
|
2526
2828
|
/** 页签切换事件,传出新激活的 key */
|
|
2527
2829
|
onChange?: (key: string) => void;
|
|
2528
2830
|
/** 页签内容区 class(TabsContent 根节点,与内置样式合并) */
|
|
@@ -2539,7 +2841,7 @@ interface TabsProps {
|
|
|
2539
2841
|
* 基于 vendored shadcn Tabs(@base-ui/react),每个 pane 的内容经
|
|
2540
2842
|
* renderChildren 渲染;未传 activeKey 时缺省激活第一个页签。
|
|
2541
2843
|
*/
|
|
2542
|
-
declare function Tabs({ items, activeKey, variant, onChange, contentClassName, contentStyle, className, style, }: TabsProps): React.JSX.Element;
|
|
2844
|
+
declare function Tabs({ items, activeKey, variant, tabPosition, onChange, contentClassName, contentStyle, className, style, }: TabsProps): React.JSX.Element;
|
|
2543
2845
|
|
|
2544
2846
|
/** DSL Tag 语义色 */
|
|
2545
2847
|
type TagColor = 'default' | 'success' | 'warning' | 'error' | 'info';
|
|
@@ -2609,6 +2911,8 @@ interface TextareaProps {
|
|
|
2609
2911
|
/** 行数(缺省由内容自适应) */
|
|
2610
2912
|
rows?: number;
|
|
2611
2913
|
disabled?: boolean;
|
|
2914
|
+
/** 控件尺寸(默认 middle;影响内边距与字号,高度仍由行数/内容决定) */
|
|
2915
|
+
size?: ControlSize;
|
|
2612
2916
|
/** 输入事件,传出 string 值 */
|
|
2613
2917
|
onChange?: (value: string) => void;
|
|
2614
2918
|
/** 通用:根节点 class(Form 内为 form-item 容器,独立渲染时为控件本身) */
|
|
@@ -2620,7 +2924,7 @@ interface TextareaProps {
|
|
|
2620
2924
|
* Textarea 适配器(shadcn kit):Form 内声明 `name` 自动成为表单项;
|
|
2621
2925
|
* onChange 传出 string(非原生 event)。
|
|
2622
2926
|
*/
|
|
2623
|
-
declare function Textarea({ name, label, rules, value, placeholder, rows, disabled, onChange, className, style, }: TextareaProps): React.JSX.Element;
|
|
2927
|
+
declare function Textarea({ name, label, rules, value, placeholder, rows, disabled, size, onChange, className, style, }: TextareaProps): React.JSX.Element;
|
|
2624
2928
|
|
|
2625
2929
|
interface TimePickerProps {
|
|
2626
2930
|
/** 字段名;在 Form 内声明 name 即自动成为表单项 */
|
|
@@ -2635,6 +2939,8 @@ interface TimePickerProps {
|
|
|
2635
2939
|
format?: 'HH:mm:ss' | 'HH:mm';
|
|
2636
2940
|
placeholder?: string;
|
|
2637
2941
|
disabled?: boolean;
|
|
2942
|
+
/** 控件尺寸(默认 middle,即现行 h-9 尺寸) */
|
|
2943
|
+
size?: ControlSize;
|
|
2638
2944
|
/** 时间变化事件,传出按 format 格式化的时间字符串 */
|
|
2639
2945
|
onChange?: (value: string) => void;
|
|
2640
2946
|
/** 通用:根节点 class(Form 内为 form-item 容器,独立渲染时为触发器) */
|
|
@@ -2648,7 +2954,7 @@ interface TimePickerProps {
|
|
|
2648
2954
|
* 「此刻」取当前时间。`format: 'HH:mm'` 时无秒列、值无秒。
|
|
2649
2955
|
* onChange 传出时间字符串(DSL 语义值);Form 内声明 `name` 自动成为表单项。
|
|
2650
2956
|
*/
|
|
2651
|
-
declare function TimePicker({ name, label, rules, value, format, placeholder, disabled, onChange, className, style, }: TimePickerProps): React.JSX.Element;
|
|
2957
|
+
declare function TimePicker({ name, label, rules, value, format, placeholder, disabled, size, onChange, className, style, }: TimePickerProps): React.JSX.Element;
|
|
2652
2958
|
|
|
2653
2959
|
/** 时间轴节点;`icon` 为 Icon 白名单图标名(kebab-case 或 PascalCase) */
|
|
2654
2960
|
interface TimelineItemData {
|
|
@@ -2805,12 +3111,55 @@ interface TransferProps {
|
|
|
2805
3111
|
*/
|
|
2806
3112
|
declare function Transfer({ name, label, rules, options, value, titles, disabled, onChange, className, style, }: TransferProps): React.JSX.Element;
|
|
2807
3113
|
|
|
2808
|
-
/**
|
|
3114
|
+
/** 拖拽落下的相对位置:目标前 / 目标后(同级排序)/ 目标内(作为子级) */
|
|
3115
|
+
type DropPosition = 'before' | 'after' | 'inside';
|
|
3116
|
+
/** 拖拽放下事件载荷(Renderer 绑定 events.onDrop) */
|
|
3117
|
+
interface TreeDropInfo {
|
|
3118
|
+
dragKey: string;
|
|
3119
|
+
dropKey: string;
|
|
3120
|
+
position: DropPosition;
|
|
3121
|
+
}
|
|
3122
|
+
|
|
3123
|
+
/** 树节点行级操作可绑定的静态编辑操作(Tree 执行内部即时改树) */
|
|
3124
|
+
type TreeNodeActionOp = "addSibling" | "addChild" | "delete";
|
|
3125
|
+
/** 树节点行级操作(右端图标按钮 / ⋯ 下拉菜单项),由外部传入 */
|
|
3126
|
+
interface TreeNodeAction {
|
|
3127
|
+
/** 动作标识(onNodeAction 传出) */
|
|
3128
|
+
value: string;
|
|
3129
|
+
/** 图标名(Icon 白名单,kebab-case / PascalCase 均可) */
|
|
3130
|
+
icon?: string;
|
|
3131
|
+
/** 文案:inline 时为 aria-label/title,dropdown 时为菜单项文字 */
|
|
3132
|
+
label?: string;
|
|
3133
|
+
/** 危险样式(dropdown 菜单项标红) */
|
|
3134
|
+
danger?: boolean;
|
|
3135
|
+
/** 禁用 */
|
|
3136
|
+
disabled?: boolean;
|
|
3137
|
+
/**
|
|
3138
|
+
* 绑定的静态编辑操作:addSibling 在目标后插入「新节点」、addChild 追加
|
|
3139
|
+
* 子级「新节点」并展开、delete 连带子树删除;组件内部即时改树,
|
|
3140
|
+
* onNodeAction 仍按本动作的 value 传出(新增时带 newKey)
|
|
3141
|
+
*/
|
|
3142
|
+
op?: TreeNodeActionOp;
|
|
3143
|
+
/** dropdown 展示时在本项前渲染分隔线 */
|
|
3144
|
+
separatorBefore?: boolean;
|
|
3145
|
+
}
|
|
3146
|
+
/** 行级操作点击事件载荷(Renderer 绑定 events.onNodeAction) */
|
|
3147
|
+
interface TreeNodeActionInfo {
|
|
3148
|
+
/** 动作标识(外部传入的 TreeNodeAction.value) */
|
|
3149
|
+
value: string;
|
|
3150
|
+
/** 所在节点 key */
|
|
3151
|
+
key: string;
|
|
3152
|
+
/** op 为 addSibling / addChild 时生成的新节点 key */
|
|
3153
|
+
newKey?: string;
|
|
3154
|
+
}
|
|
3155
|
+
/** 树节点;`children` 为子节点数组,`actions` 为该节点的行级操作 */
|
|
2809
3156
|
interface TreeNodeData {
|
|
2810
3157
|
key: string;
|
|
2811
3158
|
title: string;
|
|
2812
3159
|
children?: TreeNodeData[];
|
|
2813
3160
|
disabled?: boolean;
|
|
3161
|
+
/** 行级操作(优先于 Tree 级 nodeActions) */
|
|
3162
|
+
actions?: TreeNodeAction[];
|
|
2814
3163
|
}
|
|
2815
3164
|
interface TreeProps {
|
|
2816
3165
|
/** 树数据(可含表达式解析后的数组) */
|
|
@@ -2831,12 +3180,26 @@ interface TreeProps {
|
|
|
2831
3180
|
defaultCheckedKeys?: string[];
|
|
2832
3181
|
/** 整树禁用 */
|
|
2833
3182
|
disabled?: boolean;
|
|
3183
|
+
/**
|
|
3184
|
+
* 可拖拽调整节点位置:hover 行时左侧显示拖拽手柄(grip),**仅拖动手柄生效**;
|
|
3185
|
+
* 拖到目标上/下边缘为同级排序(before/after),拖到目标中部为移入作为子级(inside);
|
|
3186
|
+
* 组件内部即时更新,持久化经 events.onDrop 同步(如 setState / service.call)
|
|
3187
|
+
*/
|
|
3188
|
+
draggable?: boolean;
|
|
3189
|
+
/** 全树统一的行级操作(节点数据 actions 字段优先;hover 行时右端显示) */
|
|
3190
|
+
nodeActions?: TreeNodeAction[];
|
|
3191
|
+
/** 行级操作展示方式:inline 平铺图标按钮(适合 1-2 个)| dropdown 收进 ⋯ 菜单,默认 inline */
|
|
3192
|
+
nodeActionDisplay?: "inline" | "dropdown";
|
|
2834
3193
|
/** 选中事件,传出选中 keys 数组 */
|
|
2835
3194
|
onSelect?: (keys: string[]) => void;
|
|
2836
3195
|
/** 展开事件,传出展开 keys 数组 */
|
|
2837
3196
|
onExpand?: (keys: string[]) => void;
|
|
2838
3197
|
/** 勾选事件,传出勾选 keys 数组 */
|
|
2839
3198
|
onCheck?: (keys: string[]) => void;
|
|
3199
|
+
/** 拖拽放下事件,传出 { dragKey, dropKey, position } */
|
|
3200
|
+
onDrop?: (info: TreeDropInfo) => void;
|
|
3201
|
+
/** 行级操作点击事件,传出 { value, key } */
|
|
3202
|
+
onNodeAction?: (info: TreeNodeActionInfo) => void;
|
|
2840
3203
|
/** 通用:根节点 class(与内置样式合并) */
|
|
2841
3204
|
className?: string;
|
|
2842
3205
|
/** 通用:根节点内联样式 */
|
|
@@ -2847,7 +3210,7 @@ interface TreeProps {
|
|
|
2847
3210
|
* expanded / selected / checked 均支持受控(对应 props 传入即受控)与非受控
|
|
2848
3211
|
* (default\*Keys 初始化内部状态);勾选为独立勾选,父节点按子孙勾选状态显示半选。
|
|
2849
3212
|
*/
|
|
2850
|
-
declare function Tree({ treeData, defaultExpandedKeys, expandedKeys, selectedKeys, defaultSelectedKeys, checkable, checkedKeys, defaultCheckedKeys, disabled, onSelect, onExpand, onCheck, className, style, }: TreeProps): React.JSX.Element;
|
|
3213
|
+
declare function Tree({ treeData, defaultExpandedKeys, expandedKeys, selectedKeys, defaultSelectedKeys, checkable, checkedKeys, defaultCheckedKeys, disabled, draggable, nodeActions, nodeActionDisplay, onSelect, onExpand, onCheck, onDrop, onNodeAction, className, style, }: TreeProps): React.JSX.Element;
|
|
2851
3214
|
|
|
2852
3215
|
/** TreeSelect 树节点(嵌套) */
|
|
2853
3216
|
interface TreeSelectOption {
|
|
@@ -2870,6 +3233,8 @@ interface TreeSelectProps {
|
|
|
2870
3233
|
/** 弹层顶部显示过滤输入(按 label 过滤,命中节点的祖先保留展开) */
|
|
2871
3234
|
searchable?: boolean;
|
|
2872
3235
|
disabled?: boolean;
|
|
3236
|
+
/** 控件尺寸(默认 middle,即现行 h-9 尺寸) */
|
|
3237
|
+
size?: ControlSize;
|
|
2873
3238
|
/** 选中变化事件,传出选中节点 value */
|
|
2874
3239
|
onChange?: (value: string | number) => void;
|
|
2875
3240
|
/** 通用:根节点 class(Form 内为 form-item 容器,独立渲染时为触发器) */
|
|
@@ -2883,7 +3248,7 @@ interface TreeSelectProps {
|
|
|
2883
3248
|
* 命中节点的祖先保留展开。单选,onChange 传出选中节点 value
|
|
2884
3249
|
* (DSL 语义值);Form 内声明 `name` 自动成为表单项。
|
|
2885
3250
|
*/
|
|
2886
|
-
declare function TreeSelect({ name, label, rules, options, value, placeholder, searchable, disabled, onChange, className, style, }: TreeSelectProps): React.JSX.Element;
|
|
3251
|
+
declare function TreeSelect({ name, label, rules, options, value, placeholder, searchable, disabled, size, onChange, className, style, }: TreeSelectProps): React.JSX.Element;
|
|
2887
3252
|
|
|
2888
3253
|
/** Typography 排版变体 */
|
|
2889
3254
|
type TypographyVariant = NonNullable<VariantProps<typeof typographyVariants>['variant']>;
|
|
@@ -4340,6 +4705,231 @@ interface TreeChartProps {
|
|
|
4340
4705
|
}
|
|
4341
4706
|
declare function TreeChart({ data, title, orient, edgeShape, initialTreeDepth, height, onSelect, className, style, }: TreeChartProps): React.JSX.Element;
|
|
4342
4707
|
|
|
4708
|
+
/** 上层右侧状态/分类标签 */
|
|
4709
|
+
interface EntityCardTag {
|
|
4710
|
+
text: string;
|
|
4711
|
+
/** 语义色,默认 default */
|
|
4712
|
+
color?: TagColor;
|
|
4713
|
+
}
|
|
4714
|
+
/** 下层操作按钮;key 缺省取 text */
|
|
4715
|
+
interface EntityCardAction {
|
|
4716
|
+
text: string;
|
|
4717
|
+
key?: string;
|
|
4718
|
+
variant?: ButtonVariant;
|
|
4719
|
+
danger?: boolean;
|
|
4720
|
+
}
|
|
4721
|
+
interface EntityCardProps {
|
|
4722
|
+
/** 图标名(Icon 白名单);与 logo 二选一,logo 优先 */
|
|
4723
|
+
icon?: string;
|
|
4724
|
+
/** Logo 图片地址 */
|
|
4725
|
+
logo?: string;
|
|
4726
|
+
/** 主标题 */
|
|
4727
|
+
title?: string;
|
|
4728
|
+
/** 标题下方辅助短文案(版本号、编码等) */
|
|
4729
|
+
subtitle?: string;
|
|
4730
|
+
/** 上层右侧标签组 */
|
|
4731
|
+
tags?: EntityCardTag[];
|
|
4732
|
+
/** 中层描述说明,固定两行高度、超出截断 */
|
|
4733
|
+
description?: string;
|
|
4734
|
+
/** 中层右侧维护信息(与描述平铺,如「平台组 · 更新于 2026-09-28」) */
|
|
4735
|
+
meta?: string;
|
|
4736
|
+
/** 下层操作按钮组(居右);不配置则不渲染下层 */
|
|
4737
|
+
actions?: EntityCardAction[];
|
|
4738
|
+
/** 下层是否带浅底栏背景,默认 true */
|
|
4739
|
+
footerBackground?: boolean;
|
|
4740
|
+
/** 整卡可点:手型 + hover 边框/背景高亮,常配 events.onClick */
|
|
4741
|
+
hoverable?: boolean;
|
|
4742
|
+
/** 通用:根节点 class(与内置样式合并) */
|
|
4743
|
+
className?: string;
|
|
4744
|
+
/** 通用:内容区 class */
|
|
4745
|
+
contentClassName?: string;
|
|
4746
|
+
/** 通用:根节点内联样式 */
|
|
4747
|
+
style?: CSSProperties;
|
|
4748
|
+
/** 整卡点击(actions 区域不触发) */
|
|
4749
|
+
onClick?: () => void;
|
|
4750
|
+
/** 操作按钮点击,参数 { key, text, index } */
|
|
4751
|
+
onAction?: (event: {
|
|
4752
|
+
key: string;
|
|
4753
|
+
text: string;
|
|
4754
|
+
index: number;
|
|
4755
|
+
}) => void;
|
|
4756
|
+
}
|
|
4757
|
+
/**
|
|
4758
|
+
* EntityCard 实体摘要卡(business 目录):上(图标+标题+副文案 / 标签组)、
|
|
4759
|
+
* 中(描述 / 维护信息)、下(浅底栏操作按钮组)三层结构;按钮点击独立于
|
|
4760
|
+
* 整卡点击(stopPropagation)。组件不内置请求,交互由 DSL events 编排。
|
|
4761
|
+
*/
|
|
4762
|
+
declare function EntityCard({ icon, logo, title, subtitle, tags, description, meta, actions, footerBackground, hoverable, className, contentClassName, style, onClick, onAction, }: EntityCardProps): React.JSX.Element;
|
|
4763
|
+
|
|
4764
|
+
/** 卡片数据项:字段与 EntityCard props 同形,可携带额外业务字段(事件参数原样回传) */
|
|
4765
|
+
interface CardListItem {
|
|
4766
|
+
icon?: string;
|
|
4767
|
+
logo?: string;
|
|
4768
|
+
title?: string;
|
|
4769
|
+
subtitle?: string;
|
|
4770
|
+
tags?: EntityCardTag[];
|
|
4771
|
+
description?: string;
|
|
4772
|
+
meta?: string;
|
|
4773
|
+
actions?: EntityCardAction[];
|
|
4774
|
+
[key: string]: unknown;
|
|
4775
|
+
}
|
|
4776
|
+
interface CardListProps {
|
|
4777
|
+
/** 卡片数据 */
|
|
4778
|
+
items?: CardListItem[];
|
|
4779
|
+
/** 网格列数,默认 3 */
|
|
4780
|
+
columns?: number;
|
|
4781
|
+
/** 卡片间距(px),默认 16 */
|
|
4782
|
+
gap?: number;
|
|
4783
|
+
/** 配置后首格展示虚线新建占位卡(文案如「新建插件」) */
|
|
4784
|
+
createText?: string;
|
|
4785
|
+
/** 新建占位卡图标,默认 plus */
|
|
4786
|
+
createIcon?: string;
|
|
4787
|
+
/** 卡片是否整卡可点(透传 EntityCard hoverable),默认 false */
|
|
4788
|
+
hoverable?: boolean;
|
|
4789
|
+
/** 底部是否展示「共 N 个」计数,默认 false */
|
|
4790
|
+
showCount?: boolean;
|
|
4791
|
+
/** 空数据文案(默认 i18n pactor.table.empty) */
|
|
4792
|
+
emptyText?: string;
|
|
4793
|
+
/** 通用:根节点 class(与内置样式合并) */
|
|
4794
|
+
className?: string;
|
|
4795
|
+
/** 通用:根节点内联样式 */
|
|
4796
|
+
style?: CSSProperties;
|
|
4797
|
+
/** 整卡点击,参数 { item, index } */
|
|
4798
|
+
onItemClick?: (event: {
|
|
4799
|
+
item: CardListItem;
|
|
4800
|
+
index: number;
|
|
4801
|
+
}) => void;
|
|
4802
|
+
/** 卡内操作按钮点击,参数 { key, text, item, index } */
|
|
4803
|
+
onItemAction?: (event: {
|
|
4804
|
+
key: string;
|
|
4805
|
+
text: string;
|
|
4806
|
+
item: CardListItem;
|
|
4807
|
+
index: number;
|
|
4808
|
+
}) => void;
|
|
4809
|
+
/** 新建占位卡点击 */
|
|
4810
|
+
onCreateClick?: () => void;
|
|
4811
|
+
}
|
|
4812
|
+
/**
|
|
4813
|
+
* CardList 卡片列表(business 目录):响应式网格渲染实体摘要卡,
|
|
4814
|
+
* 支持首格新建占位卡、空状态与结果计数;交互经 events 编排
|
|
4815
|
+
* (onItemClick / onItemAction / onCreateClick,参数经 ${event} 读取)。
|
|
4816
|
+
*/
|
|
4817
|
+
declare function CardList({ items, columns, gap, createText, createIcon, hoverable, showCount, emptyText, className, style, onItemClick, onItemAction, onCreateClick, }: CardListProps): React.JSX.Element;
|
|
4818
|
+
|
|
4819
|
+
/**
|
|
4820
|
+
* valueMapping 条目:描述模板中一个 ${key} / {{key}} 占位符的取值方式,
|
|
4821
|
+
* 结构与表单项(FormFieldDefinition)一致。
|
|
4822
|
+
*/
|
|
4823
|
+
interface ExpressionMappingItem {
|
|
4824
|
+
name?: string | null;
|
|
4825
|
+
label?: string | null;
|
|
4826
|
+
/**
|
|
4827
|
+
* 控件类型:"select" 下拉框、"number" 数值输入、"fieldCondition" 条件组编辑器,
|
|
4828
|
+
* 其他值(input、nodeType、edgeType 等)回退为文本输入框
|
|
4829
|
+
*/
|
|
4830
|
+
type?: string | null;
|
|
4831
|
+
required?: boolean | null;
|
|
4832
|
+
placeholder?: string | null;
|
|
4833
|
+
/** select 的内联候选 */
|
|
4834
|
+
options?: Array<{
|
|
4835
|
+
label: string;
|
|
4836
|
+
value: string;
|
|
4837
|
+
}> | null;
|
|
4838
|
+
/**
|
|
4839
|
+
* select 的候选来源:匹配页面 optionSource 中的同名条目,
|
|
4840
|
+
* 支持静态 { options };远程 { request, valueField, labelField } 条目
|
|
4841
|
+
* 在本移植版中不支持(无 fetchApi 通道),按空候选处理。
|
|
4842
|
+
*/
|
|
4843
|
+
optionSource?: string | null;
|
|
4844
|
+
/** 默认值 */
|
|
4845
|
+
default?: any;
|
|
4846
|
+
multiple?: boolean | null;
|
|
4847
|
+
/**
|
|
4848
|
+
* 校验规则(与 type 同级):pattern 为正则字符串,message 为失败提示;
|
|
4849
|
+
* 与外层表单字段的 validation 同构,编辑态逐项校验,不通过则阻断提交
|
|
4850
|
+
*/
|
|
4851
|
+
validation?: {
|
|
4852
|
+
pattern?: string | null;
|
|
4853
|
+
message?: string | null;
|
|
4854
|
+
} | null;
|
|
4855
|
+
}
|
|
4856
|
+
interface ExpressionEditorProps {
|
|
4857
|
+
id?: string;
|
|
4858
|
+
value?: string;
|
|
4859
|
+
onChange?: (value: string) => void;
|
|
4860
|
+
/**
|
|
4861
|
+
* 表单值模板,如 "return ft.period(${a}, ${b})"。
|
|
4862
|
+
* 占位符支持 ${key} 与 {{key}} 两种写法;DSL props 内联书写时须用 {{key}},
|
|
4863
|
+
* 因为 ${ 会被 DSL 表达式引擎提前求值(后端数据 / state 透传的模板不受此限)。
|
|
4864
|
+
*/
|
|
4865
|
+
valueTemplate: string;
|
|
4866
|
+
/** 模板占位符到控件的映射,key 与模板中 ${key} / {{key}} 对应 */
|
|
4867
|
+
valueMapping?: Record<string, ExpressionMappingItem>;
|
|
4868
|
+
/**
|
|
4869
|
+
* 页面级 optionSource 集合,供 mapping 条目的 optionSource 匹配。
|
|
4870
|
+
* 仅静态 { options } 条目生效;远程 { request } 条目被忽略(按空候选渲染)。
|
|
4871
|
+
*/
|
|
4872
|
+
optionSources?: Record<string, any>;
|
|
4873
|
+
/** 字段标签:渲染在头部左侧,右侧为「编辑」按钮 */
|
|
4874
|
+
label?: string | null;
|
|
4875
|
+
/** 必填标记(label 后显示 *) */
|
|
4876
|
+
required?: boolean;
|
|
4877
|
+
readonly?: boolean;
|
|
4878
|
+
/** 控件尺寸(默认 middle;编辑态子控件与表达式文本框统一按尺寸令牌渲染) */
|
|
4879
|
+
size?: ControlSize;
|
|
4880
|
+
/**
|
|
4881
|
+
* 只读展示模式:以「表单控件」形态展示(控件禁用、隐藏编辑/确定/取消按钮),
|
|
4882
|
+
* 供详情页等"只看不改"的场景复用同一套组件。
|
|
4883
|
+
*/
|
|
4884
|
+
viewOnly?: boolean;
|
|
4885
|
+
className?: string;
|
|
4886
|
+
/**
|
|
4887
|
+
* 校验状态上报:编辑态存在未通过校验的草稿时为 true。
|
|
4888
|
+
* 模板子字段的校验无法由外层表单 rules 感知,外层需据此在提交前阻断。
|
|
4889
|
+
*/
|
|
4890
|
+
onValidityChange?: (invalid: boolean) => void;
|
|
4891
|
+
}
|
|
4892
|
+
declare function ExpressionEditor({ id, value, onChange, valueTemplate, valueMapping, optionSources, label, required, readonly, viewOnly, size, className, onValidityChange, }: ExpressionEditorProps): React.JSX.Element | null;
|
|
4893
|
+
|
|
4894
|
+
/** 候选字段(datasource.json 结构) */
|
|
4895
|
+
interface ConditionFieldOption {
|
|
4896
|
+
featureCode: string;
|
|
4897
|
+
featureName: string;
|
|
4898
|
+
/** DATE | STRING | NUMBER | BOOLEAN */
|
|
4899
|
+
fieldType: string;
|
|
4900
|
+
recommended?: boolean;
|
|
4901
|
+
}
|
|
4902
|
+
interface FieldConditionItem {
|
|
4903
|
+
field: {
|
|
4904
|
+
value?: string;
|
|
4905
|
+
label?: string;
|
|
4906
|
+
dataType?: string;
|
|
4907
|
+
};
|
|
4908
|
+
term: {
|
|
4909
|
+
value?: string;
|
|
4910
|
+
label?: string;
|
|
4911
|
+
};
|
|
4912
|
+
value?: any;
|
|
4913
|
+
}
|
|
4914
|
+
interface FieldConditionGroup {
|
|
4915
|
+
relation: 'AND' | 'OR';
|
|
4916
|
+
children: FieldConditionItem[];
|
|
4917
|
+
}
|
|
4918
|
+
interface FieldConditionValue {
|
|
4919
|
+
relation: 'AND' | 'OR';
|
|
4920
|
+
children: FieldConditionGroup[];
|
|
4921
|
+
}
|
|
4922
|
+
interface FieldConditionProps {
|
|
4923
|
+
value?: FieldConditionValue;
|
|
4924
|
+
onChange?: (value: FieldConditionValue) => void;
|
|
4925
|
+
/** 候选字段(datasource.json 结构) */
|
|
4926
|
+
fields?: ConditionFieldOption[];
|
|
4927
|
+
disabled?: boolean;
|
|
4928
|
+
/** 控件尺寸(默认 middle;行内字段/操作符/值控件统一按尺寸令牌渲染) */
|
|
4929
|
+
size?: ControlSize;
|
|
4930
|
+
}
|
|
4931
|
+
declare function FieldCondition({ value, onChange, fields, disabled, size, }: FieldConditionProps): React.JSX.Element;
|
|
4932
|
+
|
|
4343
4933
|
/**
|
|
4344
4934
|
* 结构模式(对应《登录页产品结构设计》的容器关系):
|
|
4345
4935
|
* - `split`(默认,01–04、12)左右分栏:比例、方向、认证区容器均可配置
|
|
@@ -4420,6 +5010,120 @@ interface LoginProps {
|
|
|
4420
5010
|
*/
|
|
4421
5011
|
declare function Login({ layout, brandSide, brandRatio, authVariant, brandPanelBackground, decor, brand, title, subtitle, usernameLabel, usernamePlaceholder, passwordLabel, passwordPlaceholder, submitText, registerLink, forgotLink, footer, className, style, onSubmit, onRegisterClick, onForgotClick, }: LoginProps): React.JSX.Element;
|
|
4422
5012
|
|
|
5013
|
+
type ConditionOpt = 'GREATER' | 'GREATER_EQUAL' | 'LESS_EQUAL' | 'LESS' | 'EQUAL' | 'IN' | 'NOT_IN' | 'UNEQUAL' | 'LIKE' | 'NULL' | 'HASVAL' | 'NOTNULL' | 'BETWEEN';
|
|
5014
|
+
interface Condition {
|
|
5015
|
+
key: number;
|
|
5016
|
+
opt: ConditionOpt;
|
|
5017
|
+
value?: string | number | (string | number)[];
|
|
5018
|
+
score?: number;
|
|
5019
|
+
}
|
|
5020
|
+
interface RuleConfigValue {
|
|
5021
|
+
score?: number;
|
|
5022
|
+
ruleConditions: Condition[];
|
|
5023
|
+
}
|
|
5024
|
+
interface RuleConfigProps {
|
|
5025
|
+
value?: RuleConfigValue;
|
|
5026
|
+
onChange?: (value: RuleConfigValue) => void;
|
|
5027
|
+
disabled?: boolean;
|
|
5028
|
+
/** 控件尺寸(默认 middle;权重/取值/评分输入与操作符下拉统一按尺寸令牌渲染) */
|
|
5029
|
+
size?: ControlSize;
|
|
5030
|
+
}
|
|
5031
|
+
declare function RuleConfig({ value, onChange, disabled, size }: RuleConfigProps): React.JSX.Element;
|
|
5032
|
+
|
|
5033
|
+
interface RuleExpressionOption {
|
|
5034
|
+
label: string;
|
|
5035
|
+
value: string;
|
|
5036
|
+
}
|
|
5037
|
+
/** 组件值:expression 为表达式串(其中字段使用选项的 value),expressionLabel 为 label 组成的串,sourceField 为所有选中特征字段的 value 数组 */
|
|
5038
|
+
interface RuleExpressionValue {
|
|
5039
|
+
expression: string;
|
|
5040
|
+
expressionLabel: string;
|
|
5041
|
+
sourceField: string[];
|
|
5042
|
+
}
|
|
5043
|
+
interface RuleExpressionProps {
|
|
5044
|
+
/** 特征字段候选(label 用于匹配与展示,value 写入 sourceField) */
|
|
5045
|
+
options?: RuleExpressionOption[];
|
|
5046
|
+
value?: RuleExpressionValue | string | null;
|
|
5047
|
+
onChange?: (value: RuleExpressionValue) => void;
|
|
5048
|
+
placeholder?: string;
|
|
5049
|
+
disabled?: boolean;
|
|
5050
|
+
/** 控件尺寸(默认 middle;影响编辑区内边距与字号,高度仍随内容增长) */
|
|
5051
|
+
size?: ControlSize;
|
|
5052
|
+
id?: string;
|
|
5053
|
+
className?: string;
|
|
5054
|
+
}
|
|
5055
|
+
/**
|
|
5056
|
+
* 规则表达式编辑器:contentEditable 富文本输入框,高度随内容增长。
|
|
5057
|
+
* 选中的字段渲染为 contentEditable=false 的整体 chip,
|
|
5058
|
+
* 光标可用鼠标点击或 ←/→ 在任意位置自由定位(chip 作为原子单位越过);
|
|
5059
|
+
* 输入时按光标前的尾部词匹配特征字段 label 候选,↑/↓ 选择、回车选中;
|
|
5060
|
+
* chip 旁的退格/Delete 整体删除 chip;未匹配的输入保留为字符串。
|
|
5061
|
+
*/
|
|
5062
|
+
declare function RuleExpression({ options, value, onChange, placeholder, disabled, size, id, className, }: RuleExpressionProps): React.JSX.Element;
|
|
5063
|
+
|
|
5064
|
+
interface ScriptFunctionParameter {
|
|
5065
|
+
name: string;
|
|
5066
|
+
type?: string;
|
|
5067
|
+
description?: string;
|
|
5068
|
+
}
|
|
5069
|
+
/** 自定义函数定义:联想时以 snippet 形式补全(如 SUM(${1:field})) */
|
|
5070
|
+
interface ScriptFunctionDef {
|
|
5071
|
+
name: string;
|
|
5072
|
+
description?: string;
|
|
5073
|
+
parameters?: ScriptFunctionParameter[];
|
|
5074
|
+
}
|
|
5075
|
+
/** 自定义变量定义:联想时直接补全变量名 */
|
|
5076
|
+
interface ScriptVariableDef {
|
|
5077
|
+
name: string;
|
|
5078
|
+
type?: string;
|
|
5079
|
+
description?: string;
|
|
5080
|
+
}
|
|
5081
|
+
interface ScriptEditorProps {
|
|
5082
|
+
id?: string;
|
|
5083
|
+
value?: string;
|
|
5084
|
+
onChange?: (value: string) => void;
|
|
5085
|
+
placeholder?: string;
|
|
5086
|
+
/** 语法模式,默认 python;未知值回退为纯文本 */
|
|
5087
|
+
language?: string;
|
|
5088
|
+
functions?: ScriptFunctionDef[];
|
|
5089
|
+
variables?: ScriptVariableDef[];
|
|
5090
|
+
readonly?: boolean;
|
|
5091
|
+
/** 编辑器高度(px),默认 160 */
|
|
5092
|
+
height?: number;
|
|
5093
|
+
className?: string;
|
|
5094
|
+
}
|
|
5095
|
+
declare function ScriptEditor({ id, value, onChange, placeholder, language, functions, variables, readonly, height, className, }: ScriptEditorProps): React.JSX.Element;
|
|
5096
|
+
|
|
5097
|
+
interface SearchableSelectProps {
|
|
5098
|
+
value?: string | string[];
|
|
5099
|
+
/** 单选清除时回传 ""(不用 undefined:RHF 会移除 undefined 并回退到 defaultValue) */
|
|
5100
|
+
onChange?: (value: string | string[] | undefined) => void;
|
|
5101
|
+
options: Array<{
|
|
5102
|
+
label: string;
|
|
5103
|
+
value: string;
|
|
5104
|
+
}>;
|
|
5105
|
+
/** 未选值时的占位文案,缺省「请选择」 */
|
|
5106
|
+
placeholder?: string;
|
|
5107
|
+
/** 搜索框占位文案,缺省「搜索…」 */
|
|
5108
|
+
searchPlaceholder?: string;
|
|
5109
|
+
/** 过滤无匹配的空态文案,缺省「无匹配结果」 */
|
|
5110
|
+
emptyText?: string;
|
|
5111
|
+
disabled?: boolean;
|
|
5112
|
+
/** 控件尺寸(默认 middle,即现行 min-h-9 尺寸;与基础表单控件同一尺寸令牌) */
|
|
5113
|
+
size?: ControlSize;
|
|
5114
|
+
className?: string;
|
|
5115
|
+
id?: string;
|
|
5116
|
+
/** Whether to show the search input. When undefined, auto-show if options.length > 8. */
|
|
5117
|
+
showSearch?: boolean;
|
|
5118
|
+
/** Whether to allow multiple selection. */
|
|
5119
|
+
multiple?: boolean;
|
|
5120
|
+
/** 下拉选项完整显示:不截断字符,弹层宽度自适应内容 */
|
|
5121
|
+
fullOptionText?: boolean;
|
|
5122
|
+
/** 自定义下拉列表(CommandList)样式,如覆盖 max-h 限制 */
|
|
5123
|
+
listClassName?: string;
|
|
5124
|
+
}
|
|
5125
|
+
declare function SearchableSelect({ value, onChange, options, placeholder, searchPlaceholder, emptyText, disabled, size, className, id, showSearch, multiple, fullOptionText, listClassName, }: SearchableSelectProps): React.JSX.Element;
|
|
5126
|
+
|
|
4423
5127
|
/**
|
|
4424
5128
|
* 内置组件表:DSL 类型名 → 组件适配器。
|
|
4425
5129
|
* 类型名集合即 spec: builtin-components 的内置组件清单;
|
|
@@ -4428,6 +5132,8 @@ declare function Login({ layout, brandSide, brandRatio, authVariant, brandPanelB
|
|
|
4428
5132
|
declare const builtinComponents: {
|
|
4429
5133
|
readonly Page: typeof Page;
|
|
4430
5134
|
readonly Grid: typeof Grid;
|
|
5135
|
+
readonly Row: typeof Row;
|
|
5136
|
+
readonly Col: typeof Col;
|
|
4431
5137
|
readonly For: {
|
|
4432
5138
|
readonly component: typeof For;
|
|
4433
5139
|
readonly withScope: true;
|
|
@@ -4465,6 +5171,8 @@ declare const builtinComponents: {
|
|
|
4465
5171
|
readonly Progress: typeof Progress;
|
|
4466
5172
|
readonly Textarea: typeof Textarea;
|
|
4467
5173
|
readonly Checkbox: typeof Checkbox;
|
|
5174
|
+
readonly ChipFilter: typeof ChipFilter;
|
|
5175
|
+
readonly ChipNode: typeof ChipNode;
|
|
4468
5176
|
readonly RadioGroup: typeof RadioGroup;
|
|
4469
5177
|
readonly Switch: typeof Switch;
|
|
4470
5178
|
readonly Slider: typeof Slider;
|
|
@@ -4581,6 +5289,14 @@ declare const builtinComponents: {
|
|
|
4581
5289
|
readonly MapChart: typeof MapChart;
|
|
4582
5290
|
readonly ComposedChart: typeof ComposedChart;
|
|
4583
5291
|
readonly Login: typeof Login;
|
|
5292
|
+
readonly EntityCard: typeof EntityCard;
|
|
5293
|
+
readonly CardList: typeof CardList;
|
|
5294
|
+
readonly SearchableSelect: typeof SearchableSelect;
|
|
5295
|
+
readonly FieldCondition: typeof FieldCondition;
|
|
5296
|
+
readonly ExpressionEditor: typeof ExpressionEditor;
|
|
5297
|
+
readonly RuleConfig: typeof RuleConfig;
|
|
5298
|
+
readonly RuleExpression: typeof RuleExpression;
|
|
5299
|
+
readonly ScriptEditor: typeof ScriptEditor;
|
|
4584
5300
|
};
|
|
4585
5301
|
/** 把全部 V1 内置组件按 DSL 类型名注册到给定 ComponentRegistry */
|
|
4586
5302
|
declare function registerBuiltinComponents(registry: ComponentRegistry): void;
|
|
@@ -4627,4 +5343,4 @@ interface FormContextValue {
|
|
|
4627
5343
|
/** 在字段组件内探测 Form 上下文;不在 Form 内时返回 null */
|
|
4628
5344
|
declare function useFormContext(): FormContextValue | null;
|
|
4629
5345
|
|
|
4630
|
-
export { Accordion, type AccordionItemData, type AccordionProps, Affix, type AffixProps, AgentStatus, type AgentStatusProps, type AgentStatusType, Alert, AlertDialog, type AlertDialogProps, type AlertProps, type AlertVariant, Anchor, type AnchorItemData, type AnchorProps, AreaChart, type AreaChartProps, ArtifactPanel, type ArtifactPanelProps, type ArtifactTreeNode, type ArtifactViewer, type ArtifactViewers, AspectRatio, type AspectRatioProps, Attachment, type AttachmentItemData, type AttachmentProps, Audio, type AudioProps, Avatar, type AvatarProps, BackTop, type BackTopProps, Badge, type BadgeProps, type BadgeVariant, BarChart, type BarChartProps, Breadcrumb, type BreadcrumbItemData, type BreadcrumbProps, Bubble, BubbleChart, type BubbleChartProps, type BubbleProps, type BubbleVariant, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, type CardProps, Carousel, type CarouselImage, type CarouselItemData, type CarouselProps, Cascader, type CascaderOption, type CascaderProps, type ChartSelectPayload, ChatInput, type ChatInputProps, ChatMessage, type ChatMessageActionItem, type ChatMessageAgent, type ChatMessagePart, type ChatMessageProps, type ChatMessageStatus, ChatPage, type ChatPageArtifact, type ChatPageBrand, type ChatPageMenuItem, type ChatPageProps, Checkbox, type CheckboxProps, Citation, type CitationItem, type CitationProps, CodeBlock, type CodeBlockProps, Collapsible, type CollapsibleProps, ColorPicker, type ColorPickerProps, ColumnChart, type ColumnChartProps, Combobox, type ComboboxOption, type ComboboxProps, Command, type CommandGroupData, type CommandItemData, type CommandProps, ComposedChart, type ComposedChartProps, type ComposedSeriesItem, Composer, type ComposerContextItem, type ComposerContextSource, type ComposerModelOption, type ComposerProps, Container, type ContainerProps, type ContainerSize, Content, type ContentProps, ContextMenu, type ContextMenuItemData, type ContextMenuProps, type ConversationItemData, ConversationList, type ConversationListProps, type ConversationRailItem, DataTable, type DataTableColumn, type DataTablePagination, type DataTableProps, type DataTableSort, type DataTableSortOrder, DatePicker, type DatePickerPreset, type DatePickerPresetKey, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRangeValue, Descriptions, type DescriptionsItemData, type DescriptionsProps, Dialog, type DialogProps, DiffViewer, type DiffViewerProps, type DocumentPageData, DocumentPreview, type DocumentPreviewProps, DonutChart, type DonutChartProps, Drawer, type DrawerPlacement, type DrawerProps, DropdownMenu, type DropdownMenuItemData, type DropdownMenuProps, EChartBase, type EChartBaseProps, Empty, type EmptyProps, Field, type FieldProps, type FieldRule, FilePreview, type FilePreviewKind, type FilePreviewProps, Flex, type FlexProps, Footer, type FooterProps, For, type ForProps, Form, type FormContextValue, type FormProps, FunnelChart, type FunnelChartProps, Gallery, type GalleryItemData, type GalleryProps, GaugeChart, type GaugeChartProps, Grid, type GridProps, Header, type HeaderBrandPosition, type HeaderDropdown, type HeaderDropdownItem, type HeaderLocale, type HeaderMenuItem, type HeaderProps, type HeaderTheme, type HeaderUser, type HeaderUserItem, Heatmap, type HeatmapProps, HoverCard, type HoverCardProps, ICONS, Icon, type IconProps, type IconSize, Image, ImageLightbox, type ImageLightboxProps, type ImageProps, ImageViewer, type ImageViewerProps, Input, InputGroup, type InputGroupProps, InputOTP, type InputOTPProps, type InputProps, Item, type ItemProps, JSONViewer, type JSONViewerProps, Kbd, type KbdProps, Label, type LabelProps, Layout, type LayoutProps, LineChart, type LineChartProps, Link, type LinkProps, List, type ListItemData, type ListProps, LoadingOverlay, type LoadingOverlayProps, Login, type LoginBrandInfo, type LoginLink, type LoginProps, type LoginVariant, MapChart, type MapChartProps, type MentionOption, Mentions, type MentionsProps, Menu, type MenuItem, type MenuProps, Menubar, type MenubarLeafItem, type MenubarMenuData, type MenubarProps, Message, MessageList, type MessageListItem, type MessageListProps, type MessageProps, MetricCard, type MetricCardProps, NavigationMenu, type NavigationMenuChildItem, type NavigationMenuItemData, type NavigationMenuProps, Notification, type NotificationProps, NumberInput, type NumberInputProps, Page, type PageProps, Pagination, type PaginationProps, PieChart, type PieChartProps, Popconfirm, type PopconfirmProps, Popover, type PopoverProps, Progress, type ProgressProps, Prompt, type PromptProps, QRCode, type QRCodeProps, RadarChart, type RadarChartProps, RadioGroup, type RadioGroupOption, type RadioGroupProps, RailTooltip, Rate, type RateProps, Resizable, type ResizablePanelData, type ResizableProps, Result, type ResultProps, type ResultStatus, RichText, type RichTextProps, SankeyChart, type SankeyChartProps, ScatterChart, type ScatterChartProps, ScrollArea, type ScrollAreaProps, Segmented, type SegmentedOption, type SegmentedProps, Select, type SelectOption, type SelectProps, Sender, type SenderProps, Separator, type SeparatorProps, Sheet, type SheetProps, type SheetSide, Sidebar, type SidebarBrand, type SidebarNavItem, type SidebarProps, Sider, type SiderProps, Skeleton, type SkeletonProps, type SkeletonShape, Slider, type SliderProps, Sonner, type SonnerProps, Space, type SpaceProps, Spinner, type SpinnerProps, type SpinnerSize, Statistic, type StatisticProps, Status, type StatusProps, type StatusType, type StepItemData, type StepStatus, Steps, StepsPanel, type StepsPanelItemData, type StepsPanelProps, type StepsProps, StreamingText, type StreamingTextProps, Suggestion, type SuggestionItem, type SuggestionProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TablePagination, type TablePaginationInfo, type TableProps, Tabs, type TabsProps, Tag, type TagColor, type TagProps, Text, type TextProps, type TextType, Textarea, type TextareaProps, Thinking, type ThinkingProps, type ThinkingStatus, TimePicker, type TimePickerProps, Timeline, type TimelineItemData, type TimelineProps, Toggle, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleProps, ToolCall, type ToolCallProps, type ToolCallStatus, Tooltip, type TooltipProps, Tour, type TourProps, type TourStep, Transfer, type TransferOption, type TransferProps, Tree, TreeChart, type TreeChartProps, type TreeNodeData, type TreeProps, TreeSelect, type TreeSelectOption, type TreeSelectProps, Typography, type TypographyProps, type TypographyVariant, Upload, type UploadFileMeta, type UploadProps, Video, type VideoProps, Watermark, type WatermarkProps, Welcome, type WelcomePromptItem, type WelcomeProps, buildArtifactTree, builtinComponents, createComponentRegistry, diffLines, inferKind, normalizeIconName, registerBuiltinComponents, useFormContext, useSidebarDrawer };
|
|
5346
|
+
export { Accordion, type AccordionItemData, type AccordionProps, Affix, type AffixProps, AgentStatus, type AgentStatusProps, type AgentStatusType, Alert, AlertDialog, type AlertDialogProps, type AlertProps, type AlertVariant, Anchor, type AnchorItemData, type AnchorProps, AreaChart, type AreaChartProps, ArtifactPanel, type ArtifactPanelProps, type ArtifactTreeNode, type ArtifactViewer, type ArtifactViewers, AspectRatio, type AspectRatioProps, Attachment, type AttachmentItemData, type AttachmentProps, Audio, type AudioProps, Avatar, type AvatarProps, BackTop, type BackTopProps, Badge, type BadgeProps, type BadgeVariant, BarChart, type BarChartProps, Breadcrumb, type BreadcrumbItemData, type BreadcrumbProps, Bubble, BubbleChart, type BubbleChartProps, type BubbleProps, type BubbleVariant, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonSize, type ButtonVariant, CONTROL_SIZE_AREA, CONTROL_SIZE_BOX, CONTROL_SIZE_BOX_GROW, CONTROL_SIZE_SELECT_ATTR, CONTROL_SIZE_TRIGGER_TEXT, Calendar, type CalendarProps, Card, CardList, type CardListItem, type CardListProps, type CardProps, Carousel, type CarouselImage, type CarouselItemData, type CarouselProps, Cascader, type CascaderOption, type CascaderProps, type ChartSelectPayload, ChatInput, type ChatInputProps, ChatMessage, type ChatMessageActionItem, type ChatMessageAgent, type ChatMessagePart, type ChatMessageProps, type ChatMessageStatus, ChatPage, type ChatPageArtifact, type ChatPageBrand, type ChatPageMenuItem, type ChatPageProps, Checkbox, type CheckboxProps, ChipFilter, type ChipFilterItem, type ChipFilterProps, ChipNode, type ChipNodeProps, Citation, type CitationItem, type CitationProps, CodeBlock, type CodeBlockProps, Col, type ColBreakpoint, type ColProps, type ColResponsiveValue, Collapsible, type CollapsibleProps, ColorPicker, type ColorPickerProps, ColumnChart, type ColumnChartProps, Combobox, type ComboboxOption, type ComboboxProps, Command, type CommandGroupData, type CommandItemData, type CommandProps, ComposedChart, type ComposedChartProps, type ComposedSeriesItem, Composer, type ComposerContextItem, type ComposerContextSource, type ComposerModelOption, type ComposerProps, type Condition, type ConditionFieldOption, type ConditionOpt, Container, type ContainerProps, type ContainerSize, Content, type ContentProps, ContextMenu, type ContextMenuItemData, type ContextMenuProps, type ControlSize, type ConversationItemData, ConversationList, type ConversationListProps, type ConversationRailItem, DataTable, type DataTableColumn, type DataTablePagination, type DataTableProps, type DataTableSort, type DataTableSortOrder, DatePicker, type DatePickerPreset, type DatePickerPresetKey, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, type DateRangeValue, Descriptions, type DescriptionsItemData, type DescriptionsProps, Dialog, type DialogProps, DiffViewer, type DiffViewerProps, type DocumentPageData, DocumentPreview, type DocumentPreviewProps, DonutChart, type DonutChartProps, Drawer, type DrawerPlacement, type DrawerProps, DropdownMenu, type DropdownMenuItemData, type DropdownMenuProps, EChartBase, type EChartBaseProps, Empty, type EmptyProps, EntityCard, type EntityCardAction, type EntityCardProps, type EntityCardTag, ExpressionEditor, type ExpressionEditorProps, type ExpressionMappingItem, Field, FieldCondition, type FieldConditionGroup, type FieldConditionItem, type FieldConditionProps, type FieldConditionValue, type FieldProps, type FieldRule, FilePreview, type FilePreviewKind, type FilePreviewProps, Flex, type FlexProps, Footer, type FooterProps, For, type ForProps, Form, type FormContextValue, type FormProps, FunnelChart, type FunnelChartProps, Gallery, type GalleryItemData, type GalleryProps, GaugeChart, type GaugeChartProps, Grid, type GridProps, Header, type HeaderBrandPosition, type HeaderDropdown, type HeaderDropdownItem, type HeaderLocale, type HeaderMenuItem, type HeaderProps, type HeaderTheme, type HeaderUser, type HeaderUserItem, Heatmap, type HeatmapProps, HoverCard, type HoverCardProps, ICONS, Icon, type IconProps, type IconSize, Image, ImageLightbox, type ImageLightboxProps, type ImageProps, ImageViewer, type ImageViewerProps, Input, InputGroup, type InputGroupProps, InputOTP, type InputOTPProps, type InputProps, Item, type ItemProps, JSONViewer, type JSONViewerProps, Kbd, type KbdProps, Label, type LabelProps, Layout, type LayoutProps, LineChart, type LineChartProps, Link, type LinkProps, List, type ListItemData, type ListProps, LoadingOverlay, type LoadingOverlayProps, Login, type LoginBrandInfo, type LoginLink, type LoginProps, type LoginVariant, MapChart, type MapChartProps, type MentionOption, Mentions, type MentionsProps, Menu, type MenuItem, type MenuProps, Menubar, type MenubarLeafItem, type MenubarMenuData, type MenubarProps, Message, MessageList, type MessageListItem, type MessageListProps, type MessageProps, MetricCard, type MetricCardProps, NavigationMenu, type NavigationMenuChildItem, type NavigationMenuItemData, type NavigationMenuProps, Notification, type NotificationProps, NumberInput, type NumberInputProps, Page, type PageProps, Pagination, type PaginationProps, PieChart, type PieChartProps, Popconfirm, type PopconfirmProps, Popover, type PopoverProps, Progress, type ProgressProps, Prompt, type PromptProps, QRCode, type QRCodeProps, RadarChart, type RadarChartProps, RadioGroup, type RadioGroupOption, type RadioGroupProps, RailTooltip, Rate, type RateProps, Resizable, type ResizablePanelData, type ResizableProps, Result, type ResultProps, type ResultStatus, RichText, type RichTextProps, Row, type RowAlign, type RowJustify, type RowProps, RuleConfig, type RuleConfigProps, type RuleConfigValue, RuleExpression, type RuleExpressionOption, type RuleExpressionProps, type RuleExpressionValue, SankeyChart, type SankeyChartProps, ScatterChart, type ScatterChartProps, ScriptEditor, type ScriptEditorProps, type ScriptFunctionDef, type ScriptFunctionParameter, type ScriptVariableDef, ScrollArea, type ScrollAreaProps, SearchableSelect, type SearchableSelectProps, Segmented, type SegmentedOption, type SegmentedProps, Select, type SelectOption, type SelectProps, Sender, type SenderProps, Separator, type SeparatorProps, Sheet, type SheetProps, type SheetSide, Sidebar, type SidebarBrand, type SidebarNavItem, type SidebarProps, Sider, type SiderProps, Skeleton, type SkeletonProps, type SkeletonShape, Slider, type SliderProps, Sonner, type SonnerProps, Space, type SpaceProps, Spinner, type SpinnerProps, type SpinnerSize, Statistic, type StatisticProps, Status, type StatusProps, type StatusType, type StepItemData, type StepStatus, Steps, StepsPanel, type StepsPanelItemData, type StepsPanelProps, type StepsProps, StreamingText, type StreamingTextProps, Suggestion, type SuggestionItem, type SuggestionProps, Switch, type SwitchProps, type TabItem, Table, type TableColumn, type TablePagination, type TablePaginationInfo, type TableProps, Tabs, type TabsProps, Tag, type TagColor, type TagProps, Text, type TextProps, type TextType, Textarea, type TextareaProps, Thinking, type ThinkingProps, type ThinkingStatus, TimePicker, type TimePickerProps, Timeline, type TimelineItemData, type TimelineProps, Toggle, ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, type ToggleProps, ToolCall, type ToolCallProps, type ToolCallStatus, Tooltip, type TooltipProps, Tour, type TourProps, type TourStep, Transfer, type TransferOption, type TransferProps, Tree, TreeChart, type TreeChartProps, type TreeNodeData, type TreeProps, TreeSelect, type TreeSelectOption, type TreeSelectProps, Typography, type TypographyProps, type TypographyVariant, Upload, type UploadFileMeta, type UploadProps, Video, type VideoProps, Watermark, type WatermarkProps, Welcome, type WelcomePromptItem, type WelcomeProps, buildArtifactTree, builtinComponents, createComponentRegistry, diffLines, inferKind, normalizeIconName, registerBuiltinComponents, useFormContext, useSidebarDrawer };
|