iter(g125): 开关补 loading 加载态
This commit is contained in:
+4
-2
@@ -1,6 +1,6 @@
|
||||
# @ui-arch 组件库 Agent 文档(无图形版)
|
||||
|
||||
> 自动生成于 2026-10-26T06:36:53.099Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 自动生成于 2026-10-26T06:44:14.161Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 组件 = 普通函数,传 props 返回 DOM;状态用 signal 双向绑定:读 signal() 写 signal(v)。
|
||||
|
||||
## 快速上手
|
||||
@@ -245,6 +245,7 @@ const agreed = signal(false); checkbox({ label: '同意条款', checked: agreed,
|
||||
- checked:Signal<boolean> —— 开关状态信号,双向绑定
|
||||
- ariaLabel:string —— 无可见文案时的可访问名(如纯图标开关);缺省取 label
|
||||
- label:string —— 左侧文案
|
||||
- loading:boolean | Signal<boolean> —— 加载中:锁定交互、滑块换成转圈并挂 aria-busy(异步提交防误点);与 disabled 同时生效
|
||||
- disabled:boolean | Signal<boolean> —— 禁用态:布尔直接置位,传信号则动态同步
|
||||
- onChange(回调):(checked: boolean) => void —— 变更回调
|
||||
|
||||
@@ -259,6 +260,7 @@ const night = signal(true); switchButton({ label: '夜间模式', checked: night
|
||||
1. 创建布尔信号并传入 checked
|
||||
2. 轨道与滑块的动画由 CSS 完成,无需干预
|
||||
3. 状态变化在 onChange 里做副作用(如切换主题)
|
||||
4. 切换要等异步请求就传 loading(布尔或信号):请求期间滑块转圈、不可点,完成后自动恢复
|
||||
|
||||
现场演示:apps/docs/demo.html#sec-form
|
||||
|
||||
@@ -1672,7 +1674,7 @@ API 速览:
|
||||
- textarea(props):多行输入,value 信号双向绑定,disabled 支持布尔或信号,rows 控行数;prefix/suffix 可选渲染为上下附加块,maxCount 显示实时字数并设原生上限
|
||||
- slider(props):滑块,value 信号双向绑定,min/max/step 可配,原生 range 承载键盘交互,右侧可显示当前值
|
||||
- checkbox(props):复选框,checked 信号双向绑定,indeterminate 半选态(读屏播报 mixed),disabled 支持布尔或信号禁用
|
||||
- switchButton(props):开关,checked 信号双向绑定,disabled 支持布尔或信号禁用
|
||||
- switchButton(props):开关,checked 信号双向绑定,loading 加载锁(滑块转圈 + aria-busy),disabled 支持布尔或信号禁用
|
||||
- select(props):自绘下拉选择(非原生 select),value 信号双向绑定,点外部 / Esc 关闭,选项弹层带微动画,disabled 支持布尔或信号禁用,空间不足自动翻转,键入字母快跳选项;searchable 开启弹层搜索框,clearable 有值时给清空按钮
|
||||
- menu(props):下拉菜单,触发器 + 自绘弹层,条目支持禁用 / 危险 / 分隔线,↑↓ 环形导航,点外部 / Esc 关闭,空间不足自动翻转,键入字母快跳菜单项
|
||||
- flip(trigger, panel, preferred):浮层上下翻转判定,按触发器与面板的视口几何决定 preferred 方位放不下时是否翻转,返回实际生效方位 'top' | 'bottom'
|
||||
|
||||
Reference in New Issue
Block a user