iter(g121): textField 补 maxCount 字数统计
This commit is contained in:
@@ -14,7 +14,7 @@
|
||||
"entry": "src/index.ts",
|
||||
"exports": [
|
||||
"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 承载键盘交互,右侧可显示当前值",
|
||||
@@ -257,6 +257,11 @@
|
||||
"t": "boolean",
|
||||
"df": "false",
|
||||
"d": "开启后有值即显示一键清空按钮;缺省 false"
|
||||
},
|
||||
{
|
||||
"n": "maxCount",
|
||||
"t": "number",
|
||||
"d": "字数上限:同时设原生 maxlength,并在输入框内侧显示实时计数;缺省不限"
|
||||
}
|
||||
],
|
||||
"example": "const name = signal(''); const el = textField({ value: name, placeholder: '输入名字…', onInput: (v) => console.log(v) })",
|
||||
@@ -264,7 +269,8 @@
|
||||
"先用 signal('') 创建字符串信号",
|
||||
"传入 value 完成双向绑定:用户输入自动写回,外部赋值自动回显",
|
||||
"在任意响应式位置用 name() 读取最新值,如 () => `你好,${name()}`",
|
||||
"需要图标、货币符、单位等前后缀时传 prefix/suffix(字符串或 DOM),控件会包进带边框的附加组,聚焦光环由组统一承载"
|
||||
"需要图标、货币符、单位等前后缀时传 prefix/suffix(字符串或 DOM),控件会包进带边框的附加组,聚焦光环由组统一承载",
|
||||
"需要限制长度就给 maxCount:超限输入被原生拦截,输入框内侧实时显示 n/上限"
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user