iter: b05 文档站 props 表补齐默认值列(df 字段),manifest 驱动链路核查闭环
This commit is contained in:
+17
-17
@@ -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 组件即可联动
|
||||
|
||||
示例:
|
||||
|
||||
Reference in New Issue
Block a user