iter: e01 新增 inputNumber 数字输入组件(−/+ 步进 + 键盘上下调节,信号双向绑定,min/max/step 夹取)

This commit is contained in:
HIsheR
2026-10-23 17:50:44 +08:00
parent d7226f452d
commit 20d7b9440f
12 changed files with 204 additions and 6 deletions
+15
View File
@@ -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',
'反馈与提示',