iter(g263): 标签输入支持多值粘贴
This commit is contained in:
+4
-3
@@ -1,6 +1,6 @@
|
||||
# @ui-arch 组件库 Agent 文档(无图形版)
|
||||
|
||||
> 自动生成于 2026-10-26T14:23:51.644Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 自动生成于 2026-10-26T14:25:29.547Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 组件 = 普通函数,传 props 返回 DOM;状态用 signal 双向绑定:读 signal() 写 signal(v)。
|
||||
|
||||
## 快速上手
|
||||
@@ -2172,8 +2172,9 @@ inputTag({ value: tags, max: 5, onChange: (list) => console.log(list.length) })
|
||||
1. 传一个 signal<string[]> 作为 value:回车或逗号把当前输入转成 chip,写回信号后立即重画
|
||||
2. 点 chip 上的 × 删除单个标签,删完焦点交回输入框(chip 一删按钮就消失,不接住焦点键盘用户要从头 Tab);输入框为空时按退格键删掉最后一个(手不离键盘也能改)
|
||||
3. 输入后直接失焦也会成标签,不必强行回车;max 满额后输入框禁用,占位文案变成「最多 N 个标签」
|
||||
4. 要区分大小写重复判断就传 allowDuplicate: true;默认按原样去重
|
||||
5. 样式复用输入组与标签:外框聚焦光环、chip 圆角与语义色都跟既有组件一致,无新增视觉字面量
|
||||
4. 整段粘贴「上海,北京,深圳」这类带分隔符的文字会自动拆成多个标签(半角/全角逗号、换行、制表符都认),单个值仍走浏览器默认粘贴
|
||||
5. 要区分大小写重复判断就传 allowDuplicate: true;默认按原样去重
|
||||
6. 样式复用输入组与标签:外框聚焦光环、chip 圆角与语义色都跟既有组件一致,无新增视觉字面量
|
||||
|
||||
现场演示:apps/docs/demo.html#sec-inputtag
|
||||
|
||||
|
||||
Reference in New Issue
Block a user