iter: b05 文档站 props 表补齐默认值列(df 字段),manifest 驱动链路核查闭环

This commit is contained in:
HIsheR
2026-10-23 16:03:47 +08:00
parent 8c9a63b5d2
commit 83bc1e241c
6 changed files with 88 additions and 55 deletions
+17 -17
View File
@@ -1,6 +1,6 @@
# @ui-arch 组件库 Agent 文档(无图形版)
> 自动生成于 2026-10-23T07:59:47.390Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
> 自动生成于 2026-10-23T08:02:39.002Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
> 组件 = 普通函数,传 props 返回 DOM;状态用 signal 双向绑定:读 signal() 写 signal(v)。
## 快速上手
@@ -47,7 +47,7 @@
参数:
- label(必填):string —— 按钮文案
- variant:'primary' | 'ghost' | 'danger' —— 视觉强度;缺省 primary
- variant(默认 primary):'primary' | 'ghost' | 'danger' —— 视觉强度;缺省 primary
- onClick(回调):() => void —— 点击回调
示例:
@@ -91,7 +91,7 @@ const name = signal(''); const el = textField({ value: name, placeholder: '输
参数:
- value:Signal<string> —— 双向绑定信号
- rows:number —— 初始行数;缺省 3
- rows(默认 3):number —— 初始行数;缺省 3
- placeholder:string —— 占位文案
- onInput(回调):(value: string) => void —— 输入回调
@@ -225,7 +225,7 @@ card({ title: '用户表' }, dataTable({ data, columns }))
参数:
- label(必填):string —— 徽标文案
- variant:'default' | 'success' | 'warning' | 'danger' —— 语义色;缺省 default
- variant(默认 default):'default' | 'success' | 'warning' | 'danger' —— 语义色;缺省 default
示例:
@@ -245,7 +245,7 @@ badge({ label: '成功', variant: 'success' })
参数:
- message(必填):string —— 提示内容
- variant:'info' | 'success' | 'warning' | 'danger' —— 语义色;缺省 info
- variant(默认 info):'info' | 'success' | 'warning' | 'danger' —— 语义色;缺省 info
示例:
@@ -264,8 +264,8 @@ alert({ message: '操作可能存在风险', variant: 'warning' })
参数:
- variant:'text' | 'rect' | 'circle' —— 占位形状;缺省 rect(整块矩形)
- rows:number —— text 形状的行数;缺省 3,末行自动缩短模拟段落
- variant(默认 rect):'text' | 'rect' | 'circle' —— 占位形状;缺省 rect(整块矩形)
- rows(默认 3):number —— text 形状的行数;缺省 3,末行自动缩短模拟段落
示例:
@@ -287,8 +287,8 @@ skeleton({ variant: 'text', rows: 3 }); skeleton({ variant: 'circle' }); skeleto
参数:
- message(必填):string —— 提示文案
- duration:number —— 自动消失毫秒;缺省 3000
- variant:'info' | 'success' | 'warning' | 'danger' —— 语义色;缺省 info(toast.error 对应 danger)
- duration(默认 3000):number —— 自动消失毫秒;缺省 3000
- variant(默认 info):'info' | 'success' | 'warning' | 'danger' —— 语义色;缺省 info(toast.error 对应 danger)
示例:
@@ -310,8 +310,8 @@ toast.success('保存成功'); toast.error('网络请求失败', 5000)
参数:
- content(必填):string —— 提示文案(纯文本)
- placement:'top' | 'bottom' —— 气泡方位;缺省 top(触发器上方)
- delay:number —— 出场延迟毫秒;缺省 150,传 0 立即显示
- placement(默认 top):'top' | 'bottom' —— 气泡方位;缺省 top(触发器上方)
- delay(默认 150):number —— 出场延迟毫秒;缺省 150,传 0 立即显示
- trigger(必填):HTMLElement —— 第二个参数:被包裹的触发器元素(按钮 / 输入框等任意 DOM)
示例:
@@ -335,7 +335,7 @@ tooltip({ content: '保存后立即生效' }, button({ label: '保存', onClick:
参数:
- size:number —— 直径像素;缺省 18
- size(默认 18):number —— 直径像素;缺省 18
示例:
@@ -355,7 +355,7 @@ spinner(); spinner({ size: 26 })
参数:
- value(必填):Signal<number> —— 进度 0-100 信号,变化自动平滑过渡
- showText:boolean —— 是否显示百分比文字;缺省 true
- showText(默认 true):boolean —— 是否显示百分比文字;缺省 true
示例:
@@ -448,7 +448,7 @@ const open = signal(false); modal({ title: '确认操作', open, onClose: () =>
参数:
- layout:'vertical' | 'horizontal' —— 布局方向;缺省 vertical(horizontal 为标签左置)
- layout(默认 vertical):'vertical' | 'horizontal' —— 布局方向;缺省 vertical(horizontal 为标签左置)
- submitText:string —— 提交按钮文案;缺省「提交」
- resetText:string —— 重置按钮文案;缺省不渲染
- onSubmit(回调):() => void —— 全部字段校验通过后的提交回调
@@ -456,7 +456,7 @@ const open = signal(false); modal({ title: '确认操作', open, onClose: () =>
- (formItem)value(必填):Signal<string> —— 字段值信号,校验数据源
- (formItem)required:boolean —— 必填:显示红星并自动追加非空规则
- (formItem)rules:FormRule[] —— 校验规则:required / min / max / pattern / validator,按序执行取首个失败
- (formItem)validateOn:'input' | 'blur' | 'submit' —— 校验时机;缺省 blur(输入时自动清已报错误)
- (formItem)validateOn(默认 blur):'input' | 'blur' | 'submit' —— 校验时机;缺省 blur(输入时自动清已报错误)
示例:
@@ -482,8 +482,8 @@ const name = signal(''); const f = form({ onSubmit: submit }, [formItem({ label:
- data(必填):T[] —— 全量行数据,每行须含 id 字段作 rowKey
- columns(必填):ColumnDef<T>[] —— 列定义:{ key, header?, sortable? }
- filterKey:string —— 工具栏筛选的列;缺省取第一列
- pageSize:number —— 每页行数;缺省 5
- selectable:boolean —— 启用行选择列:全选三态(含半选)、行 checkbox、已选计数;缺省 false
- pageSize(默认 5):number —— 每页行数;缺省 5
- selectable(默认 false):boolean —— 启用行选择列:全选三态(含半选)、行 checkbox、已选计数;缺省 false
- page:Signal<number> —— 受控页码信号:与内核分页双向同步,传同一个信号给独立 pagination 组件即可联动
示例: