@pactor-app/ui 1.42.0 → 1.44.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.
@@ -7,7 +7,6 @@ import { LucideIcon } from 'lucide-react';
7
7
  import { MarkdownDslComponent } from '@pactor-app/markdown';
8
8
  export { MarkdownDslComponent as Markdown, MarkdownDslComponentProps as MarkdownProps } from '@pactor-app/markdown';
9
9
  import { VariantProps } from 'class-variance-authority';
10
- import { EChartsCoreOption } from 'echarts/core';
11
10
  import '@base-ui/react';
12
11
  import 'class-variance-authority/types';
13
12
  import '@base-ui/react/toggle';
@@ -286,7 +285,7 @@ declare function ButtonGroup({ className, style, children }: ButtonGroupProps):
286
285
 
287
286
  /**
288
287
  * 表单控件统一尺寸令牌:small / middle / large,默认 middle(= 现行 h-9 尺寸)。
289
- * 所有盒式表单控件(Input / Select / DatePicker / SearchableSelect / 业务组件
288
+ * 所有盒式表单控件(Input / Select / DatePicker / 业务组件
290
289
  * 内嵌控件等)共用同一映射,保证同一 size 下高度、内边距、字号一致。
291
290
  *
292
291
  * 使用方式:把控件尺寸类合并到控件 className 末位(cn/tailwind-merge 会覆盖
@@ -3963,6 +3962,13 @@ interface ChatPageProps {
3963
3962
  defaultArtifactOpen?: boolean;
3964
3963
  /** 产物区开关变化事件,传出 boolean */
3965
3964
  onArtifactOpenChange?: (open: boolean) => void;
3965
+ /**
3966
+ * 主体内容槽(React 元素或 DslNode):提供时整体替换右侧主区域——
3967
+ * 对话 header、Welcome / MessageList、Composer、对话图标栏与右侧
3968
+ * 产物 / 附加分栏均不渲染,由调用方自带完整主体(含 header);
3969
+ * 最左图标栏与展开菜单区不受影响
3970
+ */
3971
+ content?: DslNode | ReactNode;
3966
3972
  /** 通用:根节点 class(与内置样式合并) */
3967
3973
  className?: string;
3968
3974
  /** 通用:根节点内联样式 */
@@ -3982,11 +3988,13 @@ interface ChatPageProps {
3982
3988
  * 展示附加内容——popover 悬浮弹框或 panel 右侧分栏,与产物区互斥)、
3983
3989
  * 最右产物区(ArtifactPanel:内建产物预览、
3984
3990
  * 目录树与下载,可显隐;展示时经 Resizable 拖拽调节与对话区的宽度)。
3991
+ * content 槽(React 元素或 DslNode)提供时整体替换右侧主区域(含对话
3992
+ * header),由调用方自带完整主体内容;左侧图标栏与展开菜单区保留。
3985
3993
  * 数据与行为全部经 props / events 进出,
3986
3994
  * 本组件不持有业务状态(产物区开关、图标栏激活项与分区折叠缺省非受控,
3987
3995
  * 均可经受控 prop + change 事件闭环)。
3988
3996
  */
3989
- declare function ChatPage({ brand, menuItems, activeMenuKey, railItems, railFooterItems, menuAction, onMenuSelect, onMenuAction, conversationSectionTitle, conversationSectionCollapsed, defaultConversationSectionCollapsed, onConversationSectionToggle, conversations, activeConversationId, onSelectConversation, onDeleteConversation, moreLabel, onMore, footerSectionTitle, footerItems, footerSectionCollapsed, defaultFooterSectionCollapsed, onFooterSectionToggle, conversationTitle, conversationHeaderAction, onConversationHeaderAction, conversationRailItems, hideArtifactRailItem, activeConversationRailKey, onConversationRailChange, messages, sending, composerPlaceholder, welcome, onSend, onMessageAction, models, model, onModelChange, contexts, contextItems, onContextItemsChange, attachments, onAttachFiles, onRemoveAttachment, onRetryAttachment, composerFooter, composerBottom, artifactTitle, artifacts, activeArtifactId, onSelectArtifact, artifactEmptyText, safeRegistry, user, artifactViewers, onDownloadArtifact, artifactOpen, defaultArtifactOpen, onArtifactOpenChange, className, style, }: ChatPageProps): React.JSX.Element;
3997
+ declare function ChatPage({ brand, menuItems, activeMenuKey, railItems, railFooterItems, menuAction, onMenuSelect, onMenuAction, conversationSectionTitle, conversationSectionCollapsed, defaultConversationSectionCollapsed, onConversationSectionToggle, conversations, activeConversationId, onSelectConversation, onDeleteConversation, moreLabel, onMore, footerSectionTitle, footerItems, footerSectionCollapsed, defaultFooterSectionCollapsed, onFooterSectionToggle, conversationTitle, conversationHeaderAction, onConversationHeaderAction, conversationRailItems, hideArtifactRailItem, activeConversationRailKey, onConversationRailChange, messages, sending, composerPlaceholder, welcome, onSend, onMessageAction, models, model, onModelChange, contexts, contextItems, onContextItemsChange, attachments, onAttachFiles, onRemoveAttachment, onRetryAttachment, composerFooter, composerBottom, artifactTitle, artifacts, activeArtifactId, onSelectArtifact, artifactEmptyText, safeRegistry, user, artifactViewers, onDownloadArtifact, artifactOpen, defaultArtifactOpen, onArtifactOpenChange, content, className, style, }: ChatPageProps): React.JSX.Element;
3990
3998
 
3991
3999
  /** 引用来源项 */
3992
4000
  interface CitationItem {
@@ -4185,1029 +4193,6 @@ interface ToolCallProps {
4185
4193
  */
4186
4194
  declare function ToolCall({ name, params, status, result, durationMs, defaultExpanded, className, style }: ToolCallProps): React.JSX.Element;
4187
4195
 
4188
- /** 图表点击事件的规范化载荷(DSL 事件 `${event}` 值) */
4189
- interface ChartSelectPayload {
4190
- name?: unknown;
4191
- value?: unknown;
4192
- seriesName?: string;
4193
- dataIndex?: number;
4194
- }
4195
- interface EChartBaseProps {
4196
- /** echarts option(由 option-builders 纯函数生成) */
4197
- option: EChartsCoreOption;
4198
- /** 容器高度:数字按 px,缺省 256 */
4199
- height?: number | string;
4200
- /** 点击图表元素(柱子 / 折线点 / 扇区等)触发,映射 echarts click */
4201
- onSelect?: (payload: ChartSelectPayload) => void;
4202
- /** 通用:根节点 class(与内置样式合并) */
4203
- className?: string;
4204
- /** 通用:根节点内联样式 */
4205
- style?: CSSProperties;
4206
- /** 根节点 data-slot 标识(组件名 kebab) */
4207
- slot: string;
4208
- }
4209
- /**
4210
- * 图表渲染基础件(chart/ 组件集共享,不注册为 DSL 组件):
4211
- * 懒初始化 echarts 实例、notMerge 全量更新 option、
4212
- * ResizeObserver 自适应、卸载销毁;初始化失败(如无 canvas 环境)
4213
- * 降级为占位提示。SSR 下仅渲染空容器,effect 不执行。
4214
- */
4215
- declare function EChartBase({ option, height, onSelect, className, style, slot, }: EChartBaseProps): React.JSX.Element;
4216
-
4217
- /**
4218
- * AreaChart 适配器(chart/ 组件集,echarts):面积图,
4219
- * 强调趋势与累计规模,支持多系列 / 堆叠 / 填充不透明度。
4220
- */
4221
- interface AreaChartProps {
4222
- /** 数据行数组 */
4223
- data?: Record<string, unknown>[];
4224
- /** 类目字段 */
4225
- xKey?: string;
4226
- /** 数值字段(多系列传多个) */
4227
- yKeys?: string[];
4228
- /** 堆叠面积 */
4229
- stacked?: boolean;
4230
- /** 填充不透明度(0-1),缺省 0.25 */
4231
- fillOpacity?: number;
4232
- /** 系列颜色覆盖(按序循环) */
4233
- colors?: string[];
4234
- /** 图表标题 */
4235
- title?: string;
4236
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4237
- height?: number | string;
4238
- /** 点击数据点触发(DSL:events.onSelect → `${event}`) */
4239
- onSelect?: (payload: ChartSelectPayload) => void;
4240
- /** 通用:根节点 class(与内置样式合并) */
4241
- className?: string;
4242
- /** 通用:根节点内联样式 */
4243
- style?: CSSProperties;
4244
- }
4245
- declare function AreaChart({ data, xKey, yKeys, stacked, fillOpacity, colors, title, height, onSelect, className, style, }: AreaChartProps): React.JSX.Element;
4246
-
4247
- /**
4248
- * BarChart 适配器(chart/ 组件集,echarts):横向条形图,
4249
- * 适用于长分类名称的横向比较(yKey 类目 + xKeys 数值)。
4250
- */
4251
- interface BarChartProps {
4252
- /** 数据行数组 */
4253
- data?: Record<string, unknown>[];
4254
- /** 类目字段(纵轴) */
4255
- yKey?: string;
4256
- /** 数值字段(横轴,多系列传多个) */
4257
- xKeys?: string[];
4258
- /** 堆叠条 */
4259
- stacked?: boolean;
4260
- /** 系列颜色覆盖(按序循环) */
4261
- colors?: string[];
4262
- /** 图表标题 */
4263
- title?: string;
4264
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4265
- height?: number | string;
4266
- /** 点击条块触发(DSL:events.onSelect → `${event}`) */
4267
- onSelect?: (payload: ChartSelectPayload) => void;
4268
- /** 通用:根节点 class(与内置样式合并) */
4269
- className?: string;
4270
- /** 通用:根节点内联样式 */
4271
- style?: CSSProperties;
4272
- }
4273
- declare function BarChart({ data, yKey, xKeys, stacked, colors, title, height, onSelect, className, style, }: BarChartProps): React.JSX.Element;
4274
-
4275
- /**
4276
- * BubbleChart 适配器(chart/ 组件集,echarts):气泡图,
4277
- * 在两变量关系上叠加第三变量(sizeKey)映射气泡大小。
4278
- */
4279
- interface BubbleChartProps {
4280
- /** 数据行数组 */
4281
- data?: Record<string, unknown>[];
4282
- /** X 数值字段,默认 x */
4283
- xKey?: string;
4284
- /** Y 数值字段,默认 y */
4285
- yKey?: string;
4286
- /** 气泡大小字段(第三变量),默认 size */
4287
- sizeKey?: string;
4288
- /** 分组字段(按值拆系列) */
4289
- seriesKey?: string;
4290
- /** 系列颜色覆盖(按序循环) */
4291
- colors?: string[];
4292
- /** 图表标题 */
4293
- title?: string;
4294
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4295
- height?: number | string;
4296
- /** 点击气泡触发(DSL:events.onSelect → `${event}`) */
4297
- onSelect?: (payload: ChartSelectPayload) => void;
4298
- /** 通用:根节点 class(与内置样式合并) */
4299
- className?: string;
4300
- /** 通用:根节点内联样式 */
4301
- style?: CSSProperties;
4302
- }
4303
- declare function BubbleChart({ data, xKey, yKey, sizeKey, seriesKey, colors, title, height, onSelect, className, style, }: BubbleChartProps): React.JSX.Element;
4304
-
4305
- /**
4306
- * ColumnChart 适配器(chart/ 组件集,echarts):垂直柱状图,
4307
- * 支持多系列 / 堆叠,适用于离散类目比较。
4308
- */
4309
- interface ColumnChartProps {
4310
- /** 数据行数组 */
4311
- data?: Record<string, unknown>[];
4312
- /** 类目字段 */
4313
- xKey?: string;
4314
- /** 数值字段(多系列传多个) */
4315
- yKeys?: string[];
4316
- /** 堆叠柱 */
4317
- stacked?: boolean;
4318
- /** 系列颜色覆盖(按序循环) */
4319
- colors?: string[];
4320
- /** 图表标题 */
4321
- title?: string;
4322
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4323
- height?: number | string;
4324
- /** 点击柱子触发(DSL:events.onSelect → `${event}`) */
4325
- onSelect?: (payload: ChartSelectPayload) => void;
4326
- /** 通用:根节点 class(与内置样式合并) */
4327
- className?: string;
4328
- /** 通用:根节点内联样式 */
4329
- style?: CSSProperties;
4330
- }
4331
- declare function ColumnChart({ data, xKey, yKeys, stacked, colors, title, height, onSelect, className, style, }: ColumnChartProps): React.JSX.Element;
4332
-
4333
- /**
4334
- * echarts option 构建纯函数:每个图表组件把受限 props 翻译为 option,
4335
- * 纯函数便于单测(jsdom 无 canvas,不断言 echarts 实例行为)。
4336
- * 颜色一律来自 ChartTheme 令牌解析结果或用户显式覆盖。
4337
- */
4338
-
4339
- interface ComposedSeriesItem {
4340
- /** 图型:折线 / 柱 / 面积 */
4341
- type: 'line' | 'bar' | 'area';
4342
- /** 数据字段 */
4343
- dataKey: string;
4344
- /** 0 主数值轴 / 1 副数值轴(双轴) */
4345
- yAxisIndex?: 0 | 1;
4346
- /** 系列显示名,缺省取 dataKey */
4347
- name?: string;
4348
- }
4349
-
4350
- /**
4351
- * ComposedChart 适配器(chart/ 组件集,echarts):组合图,
4352
- * 声明式 series 描述混合折线/柱/面积,支持双数值轴。
4353
- */
4354
- interface ComposedChartProps {
4355
- /** 数据行数组 */
4356
- data?: Record<string, unknown>[];
4357
- /** 类目字段 */
4358
- xKey?: string;
4359
- /** 系列描述数组(图型 + 数据字段,可指定副轴) */
4360
- series?: ComposedSeriesItem[];
4361
- /** 系列颜色覆盖(按序循环) */
4362
- colors?: string[];
4363
- /** 图表标题 */
4364
- title?: string;
4365
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4366
- height?: number | string;
4367
- /** 点击图元触发(DSL:events.onSelect → `${event}`) */
4368
- onSelect?: (payload: ChartSelectPayload) => void;
4369
- /** 通用:根节点 class(与内置样式合并) */
4370
- className?: string;
4371
- /** 通用:根节点内联样式 */
4372
- style?: CSSProperties;
4373
- }
4374
- declare function ComposedChart({ data, xKey, series, colors, title, height, onSelect, className, style, }: ComposedChartProps): React.JSX.Element;
4375
-
4376
- /**
4377
- * DonutChart 适配器(chart/ 组件集,echarts):环形图,
4378
- * 中心可展示关键指标(centerLabel / centerValue)。
4379
- */
4380
- interface DonutChartProps {
4381
- /** 切片数据行数组 */
4382
- data?: Record<string, unknown>[];
4383
- /** 切片名称字段,默认 name */
4384
- nameKey?: string;
4385
- /** 切片数值字段,默认 value */
4386
- valueKey?: string;
4387
- /** 内半径(px 或百分比串),默认 '48%' */
4388
- innerRadius?: number | string;
4389
- /** 外半径,默认 '72%' */
4390
- outerRadius?: number | string;
4391
- /** 中心指标名(如 "总计") */
4392
- centerLabel?: string;
4393
- /** 中心指标值 */
4394
- centerValue?: number | string;
4395
- /** 是否显示切片标签 */
4396
- showLabel?: boolean;
4397
- /** 系列颜色覆盖(按序循环) */
4398
- colors?: string[];
4399
- /** 图表标题 */
4400
- title?: string;
4401
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4402
- height?: number | string;
4403
- /** 点击切片触发(DSL:events.onSelect → `${event}`) */
4404
- onSelect?: (payload: ChartSelectPayload) => void;
4405
- /** 通用:根节点 class(与内置样式合并) */
4406
- className?: string;
4407
- /** 通用:根节点内联样式 */
4408
- style?: CSSProperties;
4409
- }
4410
- declare function DonutChart({ data, nameKey, valueKey, innerRadius, outerRadius, centerLabel, centerValue, showLabel, colors, title, height, onSelect, className, style, }: DonutChartProps): React.JSX.Element;
4411
-
4412
- /**
4413
- * FunnelChart 适配器(chart/ 组件集,echarts):漏斗图,
4414
- * 展示流程阶段转化,支持降序 / 升序 / 输入顺序排列。
4415
- */
4416
- interface FunnelChartProps {
4417
- /** 阶段数据行数组 */
4418
- data?: Record<string, unknown>[];
4419
- /** 阶段名字段,默认 name */
4420
- nameKey?: string;
4421
- /** 阶段数值字段,默认 value */
4422
- valueKey?: string;
4423
- /** 排序方式:降序(大在上,缺省)/ 升序 / 输入顺序 */
4424
- sort?: 'descending' | 'ascending' | 'none';
4425
- /** 系列颜色覆盖(按序循环) */
4426
- colors?: string[];
4427
- /** 图表标题 */
4428
- title?: string;
4429
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4430
- height?: number | string;
4431
- /** 点击阶段触发(DSL:events.onSelect → `${event}`) */
4432
- onSelect?: (payload: ChartSelectPayload) => void;
4433
- /** 通用:根节点 class(与内置样式合并) */
4434
- className?: string;
4435
- /** 通用:根节点内联样式 */
4436
- style?: CSSProperties;
4437
- }
4438
- declare function FunnelChart({ data, nameKey, valueKey, sort, colors, title, height, onSelect, className, style, }: FunnelChartProps): React.JSX.Element;
4439
-
4440
- /**
4441
- * GaugeChart 适配器(chart/ 组件集,echarts):仪表盘,
4442
- * 单指标区间状态展示,阈值分段配色(语义色令牌)。
4443
- */
4444
- interface GaugeChartProps {
4445
- /** 当前值 */
4446
- value?: number;
4447
- /** 量程下限,默认 0 */
4448
- min?: number;
4449
- /** 量程上限,默认 100 */
4450
- max?: number;
4451
- /** 阈值区间:按 value 上限分段配色(颜色缺省取主题色板首色),末段兜底到 max */
4452
- thresholds?: {
4453
- value: number;
4454
- color?: string;
4455
- }[];
4456
- /** 数值单位后缀(如 %) */
4457
- unit?: string;
4458
- /** 图表标题 */
4459
- title?: string;
4460
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4461
- height?: number | string;
4462
- /** 点击触发(DSL:events.onSelect → `${event}`) */
4463
- onSelect?: (payload: ChartSelectPayload) => void;
4464
- /** 通用:根节点 class(与内置样式合并) */
4465
- className?: string;
4466
- /** 通用:根节点内联样式 */
4467
- style?: CSSProperties;
4468
- }
4469
- declare function GaugeChart({ value, min, max, thresholds, unit, title, height, onSelect, className, style, }: GaugeChartProps): React.JSX.Element;
4470
-
4471
- /**
4472
- * Heatmap 适配器(chart/ 组件集,echarts):热力图,
4473
- * x/y 二维类目密度展示,visualMap 色阶取主题令牌。
4474
- */
4475
- interface HeatmapProps {
4476
- /** 数据行数组(每行 x / y / value) */
4477
- data?: Record<string, unknown>[];
4478
- /** 横轴类目字段,默认 x */
4479
- xKey?: string;
4480
- /** 纵轴类目字段,默认 y */
4481
- yKey?: string;
4482
- /** 数值字段,默认 value */
4483
- valueKey?: string;
4484
- /** 图表标题 */
4485
- title?: string;
4486
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4487
- height?: number | string;
4488
- /** 点击单元格触发(DSL:events.onSelect → `${event}`) */
4489
- onSelect?: (payload: ChartSelectPayload) => void;
4490
- /** 通用:根节点 class(与内置样式合并) */
4491
- className?: string;
4492
- /** 通用:根节点内联样式 */
4493
- style?: CSSProperties;
4494
- }
4495
- declare function Heatmap({ data, xKey, yKey, valueKey, title, height, onSelect, className, style, }: HeatmapProps): React.JSX.Element;
4496
-
4497
- /**
4498
- * LineChart 适配器(chart/ 组件集,echarts):连续趋势折线,
4499
- * 支持多系列 / 平滑 / 面积填充 / 堆叠。
4500
- */
4501
- interface LineChartProps {
4502
- /** 数据行数组(通常为 `${data.xxx}` 表达式解析结果) */
4503
- data?: Record<string, unknown>[];
4504
- /** 类目字段 */
4505
- xKey?: string;
4506
- /** 数值字段(多系列传多个) */
4507
- yKeys?: string[];
4508
- /** 平滑曲线 */
4509
- smooth?: boolean;
4510
- /** 折线下方面积填充 */
4511
- showArea?: boolean;
4512
- /** 堆叠面积/折线 */
4513
- stacked?: boolean;
4514
- /** 系列颜色覆盖(按序循环) */
4515
- colors?: string[];
4516
- /** 图表标题 */
4517
- title?: string;
4518
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4519
- height?: number | string;
4520
- /** 点击数据点触发(DSL:events.onSelect → `${event}`) */
4521
- onSelect?: (payload: ChartSelectPayload) => void;
4522
- /** 通用:根节点 class(与内置样式合并) */
4523
- className?: string;
4524
- /** 通用:根节点内联样式 */
4525
- style?: CSSProperties;
4526
- }
4527
- declare function LineChart({ data, xKey, yKeys, smooth, showArea, stacked, colors, title, height, onSelect, className, style, }: LineChartProps): React.JSX.Element;
4528
-
4529
- /**
4530
- * MapChart 适配器(chart/ 组件集,echarts):地图,
4531
- * 展示地理分布与区域比较(世界地图 / 国家地图 / 其他区域地图)。
4532
- * 地图数据三种供给方式(优先级从高到低):
4533
- * - `geoJson`:内联 GeoJSON 对象,渲染期同步注册(幂等,StrictMode 安全);
4534
- * - `geoJsonUrl`:GeoJSON 资源地址,组件 fetch 后注册(按 mapName 缓存,
4535
- * 同一地图多处复用只请求一次);
4536
- * - 两者都不传时要求 `mapName` 已注册(如应用启动时统一 registerMap)。
4537
- * 未注册渲染 Empty 占位并 console.warn,不抛错。
4538
- */
4539
- interface MapChartProps {
4540
- /** echarts 地图名 */
4541
- mapName?: string;
4542
- /** 区域数据行数组(区域名 + 数值) */
4543
- data?: Record<string, unknown>[];
4544
- /** 区域名字段,默认 name */
4545
- nameKey?: string;
4546
- /** 区域数值字段,默认 value */
4547
- valueKey?: string;
4548
- /** GeoJSON 地图数据(传入即注册到 echarts,优先于 geoJsonUrl) */
4549
- geoJson?: Record<string, unknown>;
4550
- /** GeoJSON 资源地址(组件 fetch 后注册到 echarts) */
4551
- geoJsonUrl?: string;
4552
- /** 图表标题 */
4553
- title?: string;
4554
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4555
- height?: number | string;
4556
- /** 点击区域触发(DSL:events.onSelect → `${event}`) */
4557
- onSelect?: (payload: ChartSelectPayload) => void;
4558
- /** 通用:根节点 class(与内置样式合并) */
4559
- className?: string;
4560
- /** 通用:根节点内联样式 */
4561
- style?: CSSProperties;
4562
- }
4563
- declare function MapChart({ mapName, data, nameKey, valueKey, geoJson, geoJsonUrl, title, height, onSelect, className, style, }: MapChartProps): React.JSX.Element;
4564
-
4565
- /**
4566
- * MetricCard 适配器(chart/ 组件集):单指标卡——标题 + 大数值 +
4567
- * 趋势箭头(语义色令牌)。数据可视化看板的顶层概览单元。
4568
- */
4569
- interface MetricCardProps {
4570
- /** 指标标题 */
4571
- title?: string;
4572
- /** 指标数值(通常为表达式解析后的数字) */
4573
- value?: number | string;
4574
- /** 前缀(如 ¥) */
4575
- prefix?: string;
4576
- /** 后缀(如单位) */
4577
- suffix?: string;
4578
- /** 趋势百分比:正数升(success),负数降(destructive),0 / 缺省不展示 */
4579
- trend?: number;
4580
- /** 趋势对比说明(如 "较上月") */
4581
- trendLabel?: string;
4582
- /** 通用:根节点 class(与内置样式合并) */
4583
- className?: string;
4584
- /** 通用:根节点内联样式 */
4585
- style?: CSSProperties;
4586
- }
4587
- declare function MetricCard({ title, value, prefix, suffix, trend, trendLabel, className, style, }: MetricCardProps): React.JSX.Element;
4588
-
4589
- /**
4590
- * PieChart 适配器(chart/ 组件集,echarts):饼图,
4591
- * 适用于少量类别的构成展示。
4592
- */
4593
- interface PieChartProps {
4594
- /** 切片数据行数组 */
4595
- data?: Record<string, unknown>[];
4596
- /** 切片名称字段,默认 name */
4597
- nameKey?: string;
4598
- /** 切片数值字段,默认 value */
4599
- valueKey?: string;
4600
- /** 是否显示切片标签 */
4601
- showLabel?: boolean;
4602
- /** 系列颜色覆盖(按序循环) */
4603
- colors?: string[];
4604
- /** 图表标题 */
4605
- title?: string;
4606
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4607
- height?: number | string;
4608
- /** 点击切片触发(DSL:events.onSelect → `${event}`) */
4609
- onSelect?: (payload: ChartSelectPayload) => void;
4610
- /** 通用:根节点 class(与内置样式合并) */
4611
- className?: string;
4612
- /** 通用:根节点内联样式 */
4613
- style?: CSSProperties;
4614
- }
4615
- declare function PieChart({ data, nameKey, valueKey, showLabel, colors, title, height, onSelect, className, style, }: PieChartProps): React.JSX.Element;
4616
-
4617
- /**
4618
- * RadarChart 适配器(chart/ 组件集,echarts):雷达图,
4619
- * 每行一个维度(indicatorKey),每列一个对比系列(yKeys)。
4620
- */
4621
- interface RadarChartProps {
4622
- /** 数据行数组(每行一个雷达维度) */
4623
- data?: Record<string, unknown>[];
4624
- /** 维度名字段,默认 indicator */
4625
- indicatorKey?: string;
4626
- /** 系列字段(多列多维对比),默认 ['value'] */
4627
- yKeys?: string[];
4628
- /** 系列颜色覆盖(按序循环) */
4629
- colors?: string[];
4630
- /** 图表标题 */
4631
- title?: string;
4632
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4633
- height?: number | string;
4634
- /** 点击触发(DSL:events.onSelect → `${event}`) */
4635
- onSelect?: (payload: ChartSelectPayload) => void;
4636
- /** 通用:根节点 class(与内置样式合并) */
4637
- className?: string;
4638
- /** 通用:根节点内联样式 */
4639
- style?: CSSProperties;
4640
- }
4641
- declare function RadarChart({ data, indicatorKey, yKeys, colors, title, height, onSelect, className, style, }: RadarChartProps): React.JSX.Element;
4642
-
4643
- /**
4644
- * SankeyChart 适配器(chart/ 组件集,echarts):桑基图,
4645
- * 展示节点之间的流向与规模。
4646
- */
4647
- interface SankeyChartProps {
4648
- /** 节点数组 */
4649
- nodes?: {
4650
- name: string;
4651
- }[];
4652
- /** 流向边:source → target 及数值 */
4653
- links?: {
4654
- source: string;
4655
- target: string;
4656
- value: number;
4657
- }[];
4658
- /** 图表标题 */
4659
- title?: string;
4660
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4661
- height?: number | string;
4662
- /** 点击节点或边触发(DSL:events.onSelect → `${event}`) */
4663
- onSelect?: (payload: ChartSelectPayload) => void;
4664
- /** 通用:根节点 class(与内置样式合并) */
4665
- className?: string;
4666
- /** 通用:根节点内联样式 */
4667
- style?: CSSProperties;
4668
- }
4669
- declare function SankeyChart({ nodes, links, title, height, onSelect, className, style, }: SankeyChartProps): React.JSX.Element;
4670
-
4671
- /**
4672
- * ScatterChart 适配器(chart/ 组件集,echarts):散点图,
4673
- * 展示两变量关系与分布,seriesKey 可按值拆分子系列。
4674
- */
4675
- interface ScatterChartProps {
4676
- /** 数据行数组 */
4677
- data?: Record<string, unknown>[];
4678
- /** X 数值字段,默认 x */
4679
- xKey?: string;
4680
- /** Y 数值字段,默认 y */
4681
- yKey?: string;
4682
- /** 分组字段(按值拆系列,配图例) */
4683
- seriesKey?: string;
4684
- /** 系列颜色覆盖(按序循环) */
4685
- colors?: string[];
4686
- /** 图表标题 */
4687
- title?: string;
4688
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4689
- height?: number | string;
4690
- /** 点击数据点触发(DSL:events.onSelect → `${event}`) */
4691
- onSelect?: (payload: ChartSelectPayload) => void;
4692
- /** 通用:根节点 class(与内置样式合并) */
4693
- className?: string;
4694
- /** 通用:根节点内联样式 */
4695
- style?: CSSProperties;
4696
- }
4697
- declare function ScatterChart({ data, xKey, yKey, seriesKey, colors, title, height, onSelect, className, style, }: ScatterChartProps): React.JSX.Element;
4698
-
4699
- /**
4700
- * TreeChart 适配器(chart/ 组件集,echarts):树图,
4701
- * 节点-连线层级树(对齐 echarts 2.2.4 tree 系列形态):
4702
- * 根节点定位布局,曲线/折线连边,叶子节点着色,支持展开方向与
4703
- * 初始展开深度配置。
4704
- */
4705
- interface TreeChartProps {
4706
- /** 层级数据:通常为单根 [{ name, children: [...] }] */
4707
- data?: Record<string, unknown>[];
4708
- /** 图表标题 */
4709
- title?: string;
4710
- /** 展开方向:vertical 根在上向下(缺省)/ horizontal 根在左向右 */
4711
- orient?: 'vertical' | 'horizontal';
4712
- /** 连线形状:曲线(缺省)/ 折线 */
4713
- edgeShape?: 'curve' | 'polyline';
4714
- /** 初始展开的层级深度,缺省 2;-1 表示全部展开 */
4715
- initialTreeDepth?: number;
4716
- /** 容器高度(px 或 CSS 长度),缺省 256 */
4717
- height?: number | string;
4718
- /** 点击节点触发(DSL:events.onSelect → `${event}`) */
4719
- onSelect?: (payload: ChartSelectPayload) => void;
4720
- /** 通用:根节点 class(与内置样式合并) */
4721
- className?: string;
4722
- /** 通用:根节点内联样式 */
4723
- style?: CSSProperties;
4724
- }
4725
- declare function TreeChart({ data, title, orient, edgeShape, initialTreeDepth, height, onSelect, className, style, }: TreeChartProps): React.JSX.Element;
4726
-
4727
- /** 上层右侧状态/分类标签 */
4728
- interface EntityCardTag {
4729
- text: string;
4730
- /** 语义色,默认 default */
4731
- color?: TagColor;
4732
- }
4733
- /** 下层操作按钮;key 缺省取 text */
4734
- interface EntityCardAction {
4735
- text: string;
4736
- key?: string;
4737
- variant?: ButtonVariant;
4738
- danger?: boolean;
4739
- }
4740
- interface EntityCardProps {
4741
- /** 图标名(Icon 白名单);与 logo 二选一,logo 优先 */
4742
- icon?: string;
4743
- /** Logo 图片地址 */
4744
- logo?: string;
4745
- /** 主标题 */
4746
- title?: string;
4747
- /** 标题下方辅助短文案(版本号、编码等) */
4748
- subtitle?: string;
4749
- /** 上层右侧标签组 */
4750
- tags?: EntityCardTag[];
4751
- /** 中层描述说明,固定两行高度、超出截断 */
4752
- description?: string;
4753
- /** 中层右侧维护信息(与描述平铺,如「平台组 · 更新于 2026-09-28」) */
4754
- meta?: string;
4755
- /** 下层操作按钮组(居右);不配置则不渲染下层 */
4756
- actions?: EntityCardAction[];
4757
- /** 下层是否带浅底栏背景,默认 true */
4758
- footerBackground?: boolean;
4759
- /** 整卡可点:手型 + hover 边框/背景高亮,常配 events.onClick */
4760
- hoverable?: boolean;
4761
- /** 通用:根节点 class(与内置样式合并) */
4762
- className?: string;
4763
- /** 通用:内容区 class */
4764
- contentClassName?: string;
4765
- /** 通用:根节点内联样式 */
4766
- style?: CSSProperties;
4767
- /** 整卡点击(actions 区域不触发) */
4768
- onClick?: () => void;
4769
- /** 操作按钮点击,参数 { key, text, index } */
4770
- onAction?: (event: {
4771
- key: string;
4772
- text: string;
4773
- index: number;
4774
- }) => void;
4775
- }
4776
- /**
4777
- * EntityCard 实体摘要卡(business 目录):上(图标+标题+副文案 / 标签组)、
4778
- * 中(描述 / 维护信息)、下(浅底栏操作按钮组)三层结构;按钮点击独立于
4779
- * 整卡点击(stopPropagation)。组件不内置请求,交互由 DSL events 编排。
4780
- */
4781
- declare function EntityCard({ icon, logo, title, subtitle, tags, description, meta, actions, footerBackground, hoverable, className, contentClassName, style, onClick, onAction, }: EntityCardProps): React.JSX.Element;
4782
-
4783
- /** 卡片数据项:字段与 EntityCard props 同形,可携带额外业务字段(事件参数原样回传) */
4784
- interface CardListItem {
4785
- icon?: string;
4786
- logo?: string;
4787
- title?: string;
4788
- subtitle?: string;
4789
- tags?: EntityCardTag[];
4790
- description?: string;
4791
- meta?: string;
4792
- actions?: EntityCardAction[];
4793
- [key: string]: unknown;
4794
- }
4795
- interface CardListProps {
4796
- /** 卡片数据 */
4797
- items?: CardListItem[];
4798
- /** 网格列数,默认 3 */
4799
- columns?: number;
4800
- /** 卡片间距(px),默认 16 */
4801
- gap?: number;
4802
- /** 配置后首格展示虚线新建占位卡(文案如「新建插件」) */
4803
- createText?: string;
4804
- /** 新建占位卡图标,默认 plus */
4805
- createIcon?: string;
4806
- /** 卡片是否整卡可点(透传 EntityCard hoverable),默认 false */
4807
- hoverable?: boolean;
4808
- /** 底部是否展示「共 N 个」计数,默认 false */
4809
- showCount?: boolean;
4810
- /** 空数据文案(默认 i18n pactor.table.empty) */
4811
- emptyText?: string;
4812
- /** 通用:根节点 class(与内置样式合并) */
4813
- className?: string;
4814
- /** 通用:根节点内联样式 */
4815
- style?: CSSProperties;
4816
- /** 整卡点击,参数 { item, index } */
4817
- onItemClick?: (event: {
4818
- item: CardListItem;
4819
- index: number;
4820
- }) => void;
4821
- /** 卡内操作按钮点击,参数 { key, text, item, index } */
4822
- onItemAction?: (event: {
4823
- key: string;
4824
- text: string;
4825
- item: CardListItem;
4826
- index: number;
4827
- }) => void;
4828
- /** 新建占位卡点击 */
4829
- onCreateClick?: () => void;
4830
- }
4831
- /**
4832
- * CardList 卡片列表(business 目录):响应式网格渲染实体摘要卡,
4833
- * 支持首格新建占位卡、空状态与结果计数;交互经 events 编排
4834
- * (onItemClick / onItemAction / onCreateClick,参数经 ${event} 读取)。
4835
- */
4836
- declare function CardList({ items, columns, gap, createText, createIcon, hoverable, showCount, emptyText, className, style, onItemClick, onItemAction, onCreateClick, }: CardListProps): React.JSX.Element;
4837
-
4838
- /**
4839
- * valueMapping 条目:描述模板中一个 ${key} / {{key}} 占位符的取值方式,
4840
- * 结构与表单项(FormFieldDefinition)一致。
4841
- */
4842
- interface ExpressionMappingItem {
4843
- name?: string | null;
4844
- label?: string | null;
4845
- /**
4846
- * 控件类型:"select" 下拉框、"number" 数值输入、"fieldCondition" 条件组编辑器,
4847
- * 其他值(input、nodeType、edgeType 等)回退为文本输入框
4848
- */
4849
- type?: string | null;
4850
- required?: boolean | null;
4851
- placeholder?: string | null;
4852
- /** select 的内联候选 */
4853
- options?: Array<{
4854
- label: string;
4855
- value: string;
4856
- }> | null;
4857
- /**
4858
- * select 的候选来源:匹配页面 optionSource 中的同名条目,
4859
- * 支持静态 { options };远程 { request, valueField, labelField } 条目
4860
- * 在本移植版中不支持(无 fetchApi 通道),按空候选处理。
4861
- */
4862
- optionSource?: string | null;
4863
- /** 默认值 */
4864
- default?: any;
4865
- multiple?: boolean | null;
4866
- /**
4867
- * 校验规则(与 type 同级):pattern 为正则字符串,message 为失败提示;
4868
- * 与外层表单字段的 validation 同构,编辑态逐项校验,不通过则阻断提交
4869
- */
4870
- validation?: {
4871
- pattern?: string | null;
4872
- message?: string | null;
4873
- } | null;
4874
- }
4875
- interface ExpressionEditorProps {
4876
- id?: string;
4877
- value?: string;
4878
- onChange?: (value: string) => void;
4879
- /**
4880
- * 表单值模板,如 "return ft.period(${a}, ${b})"。
4881
- * 占位符支持 ${key} 与 {{key}} 两种写法;DSL props 内联书写时须用 {{key}},
4882
- * 因为 ${ 会被 DSL 表达式引擎提前求值(后端数据 / state 透传的模板不受此限)。
4883
- */
4884
- valueTemplate: string;
4885
- /** 模板占位符到控件的映射,key 与模板中 ${key} / {{key}} 对应 */
4886
- valueMapping?: Record<string, ExpressionMappingItem>;
4887
- /**
4888
- * 页面级 optionSource 集合,供 mapping 条目的 optionSource 匹配。
4889
- * 仅静态 { options } 条目生效;远程 { request } 条目被忽略(按空候选渲染)。
4890
- */
4891
- optionSources?: Record<string, any>;
4892
- /** 字段标签:渲染在头部左侧,右侧为「编辑」按钮 */
4893
- label?: string | null;
4894
- /** 必填标记(label 后显示 *) */
4895
- required?: boolean;
4896
- readonly?: boolean;
4897
- /** 控件尺寸(默认 middle;编辑态子控件与表达式文本框统一按尺寸令牌渲染) */
4898
- size?: ControlSize;
4899
- /**
4900
- * 只读展示模式:以「表单控件」形态展示(控件禁用、隐藏编辑/确定/取消按钮),
4901
- * 供详情页等"只看不改"的场景复用同一套组件。
4902
- */
4903
- viewOnly?: boolean;
4904
- className?: string;
4905
- /**
4906
- * 校验状态上报:编辑态存在未通过校验的草稿时为 true。
4907
- * 模板子字段的校验无法由外层表单 rules 感知,外层需据此在提交前阻断。
4908
- */
4909
- onValidityChange?: (invalid: boolean) => void;
4910
- }
4911
- declare function ExpressionEditor({ id, value, onChange, valueTemplate, valueMapping, optionSources, label, required, readonly, viewOnly, size, className, onValidityChange, }: ExpressionEditorProps): React.JSX.Element | null;
4912
-
4913
- /** 候选字段(datasource.json 结构) */
4914
- interface ConditionFieldOption {
4915
- featureCode: string;
4916
- featureName: string;
4917
- /** DATE | STRING | NUMBER | BOOLEAN */
4918
- fieldType: string;
4919
- recommended?: boolean;
4920
- }
4921
- interface FieldConditionItem {
4922
- field: {
4923
- value?: string;
4924
- label?: string;
4925
- dataType?: string;
4926
- };
4927
- term: {
4928
- value?: string;
4929
- label?: string;
4930
- };
4931
- value?: any;
4932
- }
4933
- interface FieldConditionGroup {
4934
- relation: 'AND' | 'OR';
4935
- children: FieldConditionItem[];
4936
- }
4937
- interface FieldConditionValue {
4938
- relation: 'AND' | 'OR';
4939
- children: FieldConditionGroup[];
4940
- }
4941
- interface FieldConditionProps {
4942
- value?: FieldConditionValue;
4943
- onChange?: (value: FieldConditionValue) => void;
4944
- /** 候选字段(datasource.json 结构) */
4945
- fields?: ConditionFieldOption[];
4946
- disabled?: boolean;
4947
- /** 控件尺寸(默认 middle;行内字段/操作符/值控件统一按尺寸令牌渲染) */
4948
- size?: ControlSize;
4949
- }
4950
- declare function FieldCondition({ value, onChange, fields, disabled, size, }: FieldConditionProps): React.JSX.Element;
4951
-
4952
- /**
4953
- * 结构模式(对应《登录页产品结构设计》的容器关系):
4954
- * - `split`(默认,01–04、12)左右分栏:比例、方向、认证区容器均可配置
4955
- * - `centered`(05/07)居中认证区
4956
- * - `brand-card`(06)品牌区为独立卡片 + 右侧裸表单
4957
- * - `overlap`(08)品牌卡片与登录卡片局部叠加
4958
- * - `backdrop`(11)整页渐变品牌背景 + 悬浮认证卡片
4959
- * (10 扫码登录不在组件范围内)
4960
- */
4961
- type LoginVariant = "split" | "centered" | "brand-card" | "overlap" | "backdrop";
4962
- interface LoginBrandInfo {
4963
- /** Logo 图片地址 */
4964
- logo?: string;
4965
- /** 品牌/产品名称 */
4966
- name?: string;
4967
- /** 品牌主标题 / Slogan */
4968
- title?: string;
4969
- /** 品牌副标题 / 说明 */
4970
- description?: string;
4971
- /** 品牌展示插画地址(窄屏不展示);缺省展示内置默认插画,传空字符串可隐藏 */
4972
- illustration?: string;
4973
- }
4974
- interface LoginLink {
4975
- text: string;
4976
- /** 配置后渲染为链接直接跳转;缺省时点击触发对应 DSL 事件 */
4977
- href?: string;
4978
- }
4979
- interface LoginProps {
4980
- /** 结构模式,默认 split */
4981
- layout?: LoginVariant;
4982
- /**
4983
- * 品牌区方向(split / brand-card / overlap / backdrop 生效;centered 无分栏不适用),
4984
- * 默认 left;right 即文档 12「左表单 + 右概念展示」的镜像结构
4985
- * (窄屏均为认证区在前,品牌区隐藏或后置)
4986
- */
4987
- brandSide?: "left" | "right";
4988
- /** 品牌区分栏占比 0–1(仅 split),默认 0.5;0.6 即文档 04 的品牌大区 */
4989
- brandRatio?: number;
4990
- /**
4991
- * 认证区容器(split / centered 生效):
4992
- * `plain` 裸表单(320–380px);`card` 常规卡片(默认,400px);
4993
- * `float` 大尺寸悬浮卡片(440px + 大留白 + 强阴影,即文档 03)
4994
- */
4995
- authVariant?: "plain" | "card" | "float";
4996
- /** split 品牌面板是否带渐变背景,默认 true */
4997
- brandPanelBackground?: boolean;
4998
- /** 是否渲染默认背景装饰(圆斑/圆环/点阵/流线),默认 true */
4999
- decor?: boolean;
5000
- /** 品牌区配置;居中布局下仅展示 logo+name(配置了才渲染) */
5001
- brand?: LoginBrandInfo;
5002
- /** 认证区标题 */
5003
- title?: string;
5004
- /** 认证区说明 */
5005
- subtitle?: string;
5006
- usernameLabel?: string;
5007
- usernamePlaceholder?: string;
5008
- passwordLabel?: string;
5009
- passwordPlaceholder?: string;
5010
- /** 提交按钮文案 */
5011
- submitText?: string;
5012
- /** 注册入口(未配置不渲染) */
5013
- registerLink?: LoginLink;
5014
- /** 找回密码入口(未配置不渲染) */
5015
- forgotLink?: LoginLink;
5016
- /** 页脚文案(版权/协议行,未配置不渲染) */
5017
- footer?: string;
5018
- /**
5019
- * 认证区内容插槽(DSL children 或 ReactNode):提供时替换内置账号密码表单,
5020
- * 标题/副标题与辅助入口(registerLink / forgotLink)保留。
5021
- * 可内嵌 Tabs 切换多种登录方式(手机验证码 / 账号密码等);
5022
- * 插槽内的表单字段、校验与提交事件由使用方自行编排,Login 的 onSubmit 不再生效
5023
- */
5024
- children?: ReactNode;
5025
- /** 通用:根节点 class(与内置样式合并) */
5026
- className?: string;
5027
- /** 通用:根节点内联样式 */
5028
- style?: CSSProperties;
5029
- /** 校验通过后触发,参数为 { username, password };登录请求与跳转由 DSL 编排 */
5030
- onSubmit?: (values: Record<string, unknown>) => void;
5031
- onRegisterClick?: () => void;
5032
- onForgotClick?: () => void;
5033
- }
5034
- /**
5035
- * Login 登录业务组件(business 目录):
5036
- * 品牌区 + 认证区 + 辅助入口 + 页脚的整页组合,内部复用 Form/Input/Button。
5037
- * 结构模式(layout)与修饰配置(方向/比例/卡片样式/背景/装饰)正交组合;
5038
- * 认证区内容支持 children 插槽替换内置表单(可内嵌 Tabs 切换多种登录方式);
5039
- * 样式全部走语义令牌(深浅色/换肤自适应);文案缺省走 i18n(pactor.login.*),
5040
- * 同名 props 优先。组件不内置登录请求。
5041
- */
5042
- declare function Login({ layout, brandSide, brandRatio, authVariant, brandPanelBackground, decor, brand, title, subtitle, usernameLabel, usernamePlaceholder, passwordLabel, passwordPlaceholder, submitText, registerLink, forgotLink, footer, children, className, style, onSubmit, onRegisterClick, onForgotClick, }: LoginProps): React.JSX.Element;
5043
-
5044
- type ConditionOpt = 'GREATER' | 'GREATER_EQUAL' | 'LESS_EQUAL' | 'LESS' | 'EQUAL' | 'IN' | 'NOT_IN' | 'UNEQUAL' | 'LIKE' | 'NULL' | 'HASVAL' | 'NOTNULL' | 'BETWEEN';
5045
- interface Condition {
5046
- key: number;
5047
- opt: ConditionOpt;
5048
- value?: string | number | (string | number)[];
5049
- score?: number;
5050
- }
5051
- interface RuleConfigValue {
5052
- score?: number;
5053
- ruleConditions: Condition[];
5054
- }
5055
- interface RuleConfigProps {
5056
- value?: RuleConfigValue;
5057
- onChange?: (value: RuleConfigValue) => void;
5058
- disabled?: boolean;
5059
- /** 控件尺寸(默认 middle;权重/取值/评分输入与操作符下拉统一按尺寸令牌渲染) */
5060
- size?: ControlSize;
5061
- }
5062
- declare function RuleConfig({ value, onChange, disabled, size }: RuleConfigProps): React.JSX.Element;
5063
-
5064
- interface RuleExpressionOption {
5065
- label: string;
5066
- value: string;
5067
- }
5068
- /** 组件值:expression 为表达式串(其中字段使用选项的 value),expressionLabel 为 label 组成的串,sourceField 为所有选中特征字段的 value 数组 */
5069
- interface RuleExpressionValue {
5070
- expression: string;
5071
- expressionLabel: string;
5072
- sourceField: string[];
5073
- }
5074
- interface RuleExpressionProps {
5075
- /** 特征字段候选(label 用于匹配与展示,value 写入 sourceField) */
5076
- options?: RuleExpressionOption[];
5077
- value?: RuleExpressionValue | string | null;
5078
- onChange?: (value: RuleExpressionValue) => void;
5079
- placeholder?: string;
5080
- disabled?: boolean;
5081
- /** 控件尺寸(默认 middle;影响编辑区内边距与字号,高度仍随内容增长) */
5082
- size?: ControlSize;
5083
- id?: string;
5084
- className?: string;
5085
- }
5086
- /**
5087
- * 规则表达式编辑器:contentEditable 富文本输入框,高度随内容增长。
5088
- * 选中的字段渲染为 contentEditable=false 的整体 chip,
5089
- * 光标可用鼠标点击或 ←/→ 在任意位置自由定位(chip 作为原子单位越过);
5090
- * 输入时按光标前的尾部词匹配特征字段 label 候选,↑/↓ 选择、回车选中;
5091
- * chip 旁的退格/Delete 整体删除 chip;未匹配的输入保留为字符串。
5092
- */
5093
- declare function RuleExpression({ options, value, onChange, placeholder, disabled, size, id, className, }: RuleExpressionProps): React.JSX.Element;
5094
-
5095
- interface ScriptFunctionParameter {
5096
- name: string;
5097
- type?: string;
5098
- description?: string;
5099
- }
5100
- /** 自定义函数定义:联想时以 snippet 形式补全(如 SUM(${1:field})) */
5101
- interface ScriptFunctionDef {
5102
- name: string;
5103
- description?: string;
5104
- parameters?: ScriptFunctionParameter[];
5105
- }
5106
- /** 自定义变量定义:联想时直接补全变量名 */
5107
- interface ScriptVariableDef {
5108
- name: string;
5109
- type?: string;
5110
- description?: string;
5111
- }
5112
- interface ScriptEditorProps {
5113
- id?: string;
5114
- value?: string;
5115
- onChange?: (value: string) => void;
5116
- placeholder?: string;
5117
- /** 语法模式,默认 python;未知值回退为纯文本 */
5118
- language?: string;
5119
- functions?: ScriptFunctionDef[];
5120
- variables?: ScriptVariableDef[];
5121
- readonly?: boolean;
5122
- /** 编辑器高度(px),默认 160 */
5123
- height?: number;
5124
- className?: string;
5125
- }
5126
- declare function ScriptEditor({ id, value, onChange, placeholder, language, functions, variables, readonly, height, className, }: ScriptEditorProps): React.JSX.Element;
5127
-
5128
- interface SearchableSelectProps {
5129
- value?: string | string[];
5130
- /** 单选清除时回传 ""(不用 undefined:RHF 会移除 undefined 并回退到 defaultValue) */
5131
- onChange?: (value: string | string[] | undefined) => void;
5132
- options: Array<{
5133
- label: string;
5134
- value: string;
5135
- }>;
5136
- /** 未选值时的占位文案,缺省「请选择」 */
5137
- placeholder?: string;
5138
- /** 搜索框占位文案,缺省「搜索…」 */
5139
- searchPlaceholder?: string;
5140
- /** 过滤无匹配的空态文案,缺省「无匹配结果」 */
5141
- emptyText?: string;
5142
- disabled?: boolean;
5143
- /** hover 清除(缺省开启,传 false 关闭;仅单选):有选中值时悬停触发器,上下箭头替换为 ×,点击清空(回传 "") */
5144
- allowClear?: boolean;
5145
- /** 控件尺寸(默认 middle,即现行 min-h-9 尺寸;与基础表单控件同一尺寸令牌) */
5146
- size?: ControlSize;
5147
- className?: string;
5148
- id?: string;
5149
- /** Whether to show the search input. When undefined, auto-show if options.length > 8. */
5150
- showSearch?: boolean;
5151
- /** Whether to allow multiple selection. */
5152
- multiple?: boolean;
5153
- /** 下拉选项完整显示:不截断字符,弹层宽度自适应内容 */
5154
- fullOptionText?: boolean;
5155
- /** 自定义下拉列表(CommandList)样式,如覆盖 max-h 限制 */
5156
- listClassName?: string;
5157
- }
5158
- declare function SearchableSelect({ value, onChange, options, placeholder, searchPlaceholder, emptyText, disabled, allowClear, size, className, id, showSearch, multiple, fullOptionText, listClassName, }: SearchableSelectProps): React.JSX.Element;
5159
-
5160
- /** 页脚链接:有 href 渲染 Link(SPA 语义),无 href 渲染 button 并触发 onLinkClick */
5161
- interface SiteFooterLink {
5162
- /** 链接文案 */
5163
- text: string;
5164
- /** 链接地址;配置后渲染为 <a>(站内 SPA 跳转 / 站外新窗口由 Link 语义处理) */
5165
- href?: string;
5166
- }
5167
- /** 链接列组:标题 + 组内链接列表 */
5168
- interface SiteFooterLinkGroup {
5169
- /** 组标题(如「产品」「资源」) */
5170
- title: string;
5171
- /** 组内链接 */
5172
- links: SiteFooterLink[];
5173
- }
5174
- /** 品牌区配置(左列:logo / 名称 / 描述) */
5175
- interface SiteFooterBrand {
5176
- /** Logo 图片地址 */
5177
- logo?: string;
5178
- /** 品牌名称 */
5179
- name?: string;
5180
- /** 品牌描述 / 副文案 */
5181
- description?: string;
5182
- }
5183
- interface SiteFooterProps {
5184
- /** 品牌区配置;未配置不渲染品牌列 */
5185
- brand?: SiteFooterBrand;
5186
- /** 链接列组;未配置不渲染链接区 */
5187
- groups?: SiteFooterLinkGroup[];
5188
- /** 底部栏版权文案(如「© 2026 Pactor」) */
5189
- copyright?: string;
5190
- /** 底部栏辅助链接(备案号 / 隐私协议 / 服务条款等) */
5191
- bottomLinks?: SiteFooterLink[];
5192
- /** 链接点击(仅无 href 的链接),回传 { key, text }(key 缺省取 text,对齐 EntityCardAction 约定) */
5193
- onLinkClick?: (event: {
5194
- key: string;
5195
- text: string;
5196
- }) => void;
5197
- /** 通用:根节点 class(与内置样式合并) */
5198
- className?: string;
5199
- /** 通用:根节点内联样式 */
5200
- style?: CSSProperties;
5201
- }
5202
- /**
5203
- * SiteFooter 站点页脚(business 级组合组件):
5204
- * 上层左侧品牌区(logo / 名称 / 描述)+ 右侧链接列组(标题 + 链接),
5205
- * 底部版权栏(copyright 左、辅助链接右,border 分隔);
5206
- * 与 Layout 子区域 Footer 区分(后者为页面骨架槽位,本组件为独立站点页脚资产)。
5207
- * 布局响应式:窄屏上下堆叠(主区 flex-col、底部栏居中堆叠),宽屏左右分栏。
5208
- */
5209
- declare function SiteFooter({ brand, groups, copyright, bottomLinks, onLinkClick, className, style, }: SiteFooterProps): React.JSX.Element | null;
5210
-
5211
4196
  /**
5212
4197
  * 内置组件表:DSL 类型名 → 组件适配器。
5213
4198
  * 类型名集合即 spec: builtin-components 的内置组件清单;
@@ -5355,33 +4340,6 @@ declare const builtinComponents: {
5355
4340
  readonly Composer: typeof Composer;
5356
4341
  readonly ConversationList: typeof ConversationList;
5357
4342
  readonly StepsPanel: typeof StepsPanel;
5358
- readonly MetricCard: typeof MetricCard;
5359
- readonly LineChart: typeof LineChart;
5360
- readonly ColumnChart: typeof ColumnChart;
5361
- readonly BarChart: typeof BarChart;
5362
- readonly AreaChart: typeof AreaChart;
5363
- readonly PieChart: typeof PieChart;
5364
- readonly DonutChart: typeof DonutChart;
5365
- readonly ScatterChart: typeof ScatterChart;
5366
- readonly BubbleChart: typeof BubbleChart;
5367
- readonly RadarChart: typeof RadarChart;
5368
- readonly FunnelChart: typeof FunnelChart;
5369
- readonly GaugeChart: typeof GaugeChart;
5370
- readonly Heatmap: typeof Heatmap;
5371
- readonly TreeChart: typeof TreeChart;
5372
- readonly SankeyChart: typeof SankeyChart;
5373
- readonly MapChart: typeof MapChart;
5374
- readonly ComposedChart: typeof ComposedChart;
5375
- readonly Login: typeof Login;
5376
- readonly EntityCard: typeof EntityCard;
5377
- readonly CardList: typeof CardList;
5378
- readonly SiteFooter: typeof SiteFooter;
5379
- readonly SearchableSelect: typeof SearchableSelect;
5380
- readonly FieldCondition: typeof FieldCondition;
5381
- readonly ExpressionEditor: typeof ExpressionEditor;
5382
- readonly RuleConfig: typeof RuleConfig;
5383
- readonly RuleExpression: typeof RuleExpression;
5384
- readonly ScriptEditor: typeof ScriptEditor;
5385
4343
  };
5386
4344
  /** 把全部 V1 内置组件按 DSL 类型名注册到给定 ComponentRegistry */
5387
4345
  declare function registerBuiltinComponents(registry: ComponentRegistry): void;
@@ -5428,4 +4386,13 @@ interface FormContextValue {
5428
4386
  /** 在字段组件内探测 Form 上下文;不在 Form 内时返回 null */
5429
4387
  declare function useFormContext(): FormContextValue | null;
5430
4388
 
5431
- 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, SiteFooter, type SiteFooterBrand, type SiteFooterLink, type SiteFooterLinkGroup, type SiteFooterProps, 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 };
4389
+ interface ClearHoverButtonProps {
4390
+ /** aria-label(缺省「清除」语义,调用方传 i18n 文案或既有测试标签) */
4391
+ label: string;
4392
+ onClear: () => void;
4393
+ /** 额外 class(如 Input 的绝对定位 right-2) */
4394
+ className?: string;
4395
+ }
4396
+ declare function ClearHoverButton({ label, onClear, className }: ClearHoverButtonProps): React.JSX.Element;
4397
+
4398
+ 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, 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, Breadcrumb, type BreadcrumbItemData, type BreadcrumbProps, Bubble, 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, type CardProps, Carousel, type CarouselImage, type CarouselItemData, type CarouselProps, Cascader, type CascaderOption, type CascaderProps, 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, ClearHoverButton, type ClearHoverButtonProps, CodeBlock, type CodeBlockProps, Col, type ColBreakpoint, type ColProps, type ColResponsiveValue, Collapsible, type CollapsibleProps, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, Command, type CommandGroupData, type CommandItemData, type CommandProps, Composer, type ComposerContextItem, type ComposerContextSource, type ComposerModelOption, type ComposerProps, 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, Drawer, type DrawerPlacement, type DrawerProps, DropdownMenu, type DropdownMenuItemData, type DropdownMenuProps, 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, Gallery, type GalleryItemData, type GalleryProps, Grid, type GridProps, Header, type HeaderBrandPosition, type HeaderDropdown, type HeaderDropdownItem, type HeaderLocale, type HeaderMenuItem, type HeaderProps, type HeaderTheme, type HeaderUser, type HeaderUserItem, 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, Link, type LinkProps, List, type ListItemData, type ListProps, LoadingOverlay, type LoadingOverlayProps, 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, NavigationMenu, type NavigationMenuChildItem, type NavigationMenuItemData, type NavigationMenuProps, Notification, type NotificationProps, NumberInput, type NumberInputProps, Page, type PageProps, Pagination, type PaginationProps, Popconfirm, type PopconfirmProps, Popover, type PopoverProps, Progress, type ProgressProps, Prompt, type PromptProps, QRCode, type QRCodeProps, 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, 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, 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 };