iter: e01 新增 inputNumber 数字输入组件(−/+ 步进 + 键盘上下调节,信号双向绑定,min/max/step 夹取)
This commit is contained in:
@@ -12,6 +12,7 @@ import {
|
||||
drawer,
|
||||
form,
|
||||
formItem,
|
||||
inputNumber,
|
||||
menu,
|
||||
modal,
|
||||
pagination,
|
||||
@@ -111,6 +112,9 @@ const tags = signal(['设计', '前端', '组件库']);
|
||||
// —— 滑块:音量与禁用态演示 ——
|
||||
const volume = signal(40);
|
||||
|
||||
// —— 数字输入:购买数量演示,与禁用态实例共用同一信号 ——
|
||||
const qty = signal(1);
|
||||
|
||||
// —— 受控选中:dataTable 内部勾选实时写回,外部可清空 ——
|
||||
const picked = signal<RowKey[]>([]);
|
||||
|
||||
@@ -232,6 +236,17 @@ const content = h(
|
||||
slider({ value: volume, disabled: locked }),
|
||||
),
|
||||
),
|
||||
section(
|
||||
'sec-inputnumber',
|
||||
'数字输入',
|
||||
'inputNumber:−/+ 按钮与键盘 ↑↓ 调节,value 信号双向绑定,min/max/step 超界自动夹取。',
|
||||
h(
|
||||
'div',
|
||||
{ class: 'row' },
|
||||
inputNumber({ value: qty, min: 1, max: 99, onChange: (v) => toast.info(`数量 ${v}`) }),
|
||||
inputNumber({ value: qty, disabled: locked }),
|
||||
),
|
||||
),
|
||||
section(
|
||||
'sec-feedback',
|
||||
'反馈与提示',
|
||||
|
||||
Reference in New Issue
Block a user