iter(g121): textField 补 maxCount 字数统计
This commit is contained in:
+4
-2
@@ -1,6 +1,6 @@
|
||||
# @ui-arch 组件库 Agent 文档(无图形版)
|
||||
|
||||
> 自动生成于 2026-10-26T06:12:21.011Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 自动生成于 2026-10-26T06:30:27.757Z,数据源:各包 ua.manifest.json,勿手改。人类版文档站:apps/docs/index.html。
|
||||
> 组件 = 普通函数,传 props 返回 DOM;状态用 signal 双向绑定:读 signal() 写 signal(v)。
|
||||
|
||||
## 快速上手
|
||||
@@ -111,6 +111,7 @@ button({ label: '提交', variant: 'primary', onClick: () => console.log('clicke
|
||||
- prefix:string | HTMLElement —— 前置附加块(textField/inputNumber 在输入框内侧前、textarea 在上方);缺省不渲染
|
||||
- suffix:string | HTMLElement —— 后置附加块(textField/inputNumber 在输入框内侧后、textarea 在下方);缺省不渲染
|
||||
- clearable(默认 false):boolean —— 开启后有值即显示一键清空按钮;缺省 false
|
||||
- maxCount:number —— 字数上限:同时设原生 maxlength,并在输入框内侧显示实时计数;缺省不限
|
||||
|
||||
示例:
|
||||
|
||||
@@ -124,6 +125,7 @@ const name = signal(''); const el = textField({ value: name, placeholder: '输
|
||||
2. 传入 value 完成双向绑定:用户输入自动写回,外部赋值自动回显
|
||||
3. 在任意响应式位置用 name() 读取最新值,如 () => `你好,${name()}`
|
||||
4. 需要图标、货币符、单位等前后缀时传 prefix/suffix(字符串或 DOM),控件会包进带边框的附加组,聚焦光环由组统一承载
|
||||
5. 需要限制长度就给 maxCount:超限输入被原生拦截,输入框内侧实时显示 n/上限
|
||||
|
||||
现场演示:apps/docs/demo.html#sec-bind
|
||||
|
||||
@@ -1661,7 +1663,7 @@ const day = signal(''); calendar({ value: day, marker: (d) => (d === '2026-10-26
|
||||
API 速览:
|
||||
|
||||
- button(props):按钮,variant = primary | ghost | danger,disabled 支持布尔或信号禁用;type 缺省 button(表单内不隐式提交)
|
||||
- textField(props):文本输入,value 信号双向绑定,disabled 支持布尔或信号,onInput 输入回调;prefix/suffix 可选渲染为输入框内侧附加块,clearable 开启后有值即显一键清空按钮
|
||||
- textField(props):文本输入,value 信号双向绑定,disabled 支持布尔或信号,onInput 输入回调;prefix/suffix 可选渲染为输入框内侧附加块,clearable 开启后有值即显一键清空按钮,maxCount 设原生上限并实时显示字数
|
||||
- inputNumber(props):数字输入,−/+ 按钮与键盘 ↑↓ 调节(长按连发步进),min/max/step 夹取;prefix/suffix 可选渲染为整组前后附加块
|
||||
- textarea(props):多行输入,value 信号双向绑定,disabled 支持布尔或信号,rows 控行数;prefix/suffix 可选渲染为上下附加块,maxCount 显示实时字数并设原生上限
|
||||
- slider(props):滑块,value 信号双向绑定,min/max/step 可配,原生 range 承载键盘交互,右侧可显示当前值
|
||||
|
||||
Reference in New Issue
Block a user