iter: d11 modal 补 size 档位与 footer 操作区
This commit is contained in:
+5
-2
@@ -1,6 +1,6 @@
|
||||
# @ui-arch 组件库 Agent 文档(无图形版)
|
||||
|
||||
> 自动生成于 2026-10-23T08:53:43.712Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 自动生成于 2026-10-23T08:54:30.235Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 组件 = 普通函数,传 props 返回 DOM;状态用 signal 双向绑定:读 signal() 写 signal(v)。
|
||||
|
||||
## 快速上手
|
||||
@@ -569,6 +569,8 @@ const page = signal(1); pagination({ page, pageSize: 3, total: 24, onChange: (p)
|
||||
|
||||
- open(必填):Signal<boolean> —— 开关信号:true 显示 / false 隐藏
|
||||
- title(必填):string —— 标题
|
||||
- size(默认 md):'sm' | 'md' | 'lg' —— 宽度档位:sm 340px / md 420px / lg 640px;缺省 md
|
||||
- footer:unknown —— 底部操作区内容(常见为按钮组,右对齐);缺省不渲染
|
||||
- onClose(回调):() => void —— 关闭回调(点遮罩、× 或 Esc 触发)
|
||||
- ...children:unknown[] —— 弹窗内容子节点
|
||||
|
||||
@@ -584,6 +586,7 @@ const open = signal(false); modal({ title: '确认操作', open, onClose: () =>
|
||||
2. 把 open 传给 modal,其余参数为弹窗内容子节点
|
||||
3. 打开:open(true);关闭:open(false),点遮罩或 × 会自动写回 false
|
||||
4. 入场自带遮罩淡入 + 弹窗上浮动画
|
||||
5. 底部操作按钮放进 footer(如取消/确定),需要更宽内容用 size: 'lg',窄确认框用 'sm'
|
||||
|
||||
现场演示:apps/docs/demo.html#sec-tabs-modal
|
||||
|
||||
@@ -673,7 +676,7 @@ API 速览:
|
||||
- spinner(props):加载指示器,size 控制直径
|
||||
- progress(props):进度条,轨道 + 渐变流动填充,value 信号驱动 0-100,满格切 success 色
|
||||
- tabs(props):标签页,active 信号双向绑定,滑动指示条 + 方向键环形导航,支持禁用页签
|
||||
- modal(props, ...children):弹窗,open 信号驱动显隐,Esc / 遮罩 / × 关闭
|
||||
- modal(props, ...children):弹窗,open 信号驱动显隐,Esc / 遮罩 / × 关闭,size 三档宽度,footer 提供底部操作区
|
||||
- form(props, items):表单容器,布局 + 聚合校验,全部通过才触发 onSubmit
|
||||
- formItem(props, control):表单字段,label + 必填红星 + 规则校验 + 错误区,返回 { el, validate } 句柄
|
||||
- dataTable(props):数据表格,粘性表头 / 行选择(全选三态)/ 排序 / 筛选 / 分页 / 空状态;loading 为真时数据行换骨架行且筛选/翻页禁用,内核为 table-core
|
||||
|
||||
Reference in New Issue
Block a user