iter(g18): textField 可清空按钮

2026-10-26 11:03:58 +08:00
parent cfe299c377
commit 44b86971ec
9 changed files with 58 additions and 11 deletions
@@ -205,10 +205,10 @@ const content = h(
  section(
    'sec-bind',
    '双向绑定',
-    'textField 与信号双向同步：输入即回显；prefix/suffix 渲染为输入框内侧附加块。',
+    'textField 与信号双向同步：输入即回显；prefix/suffix 渲染为输入框内侧附加块；clearable 开启后有值即显一键清空。',
    textField({ placeholder: '输入名字…', value: name }),
-    textField({ placeholder: '搜索…', value: name, prefix: '🔍' }),
-    textField({ value: price, suffix: '元' }),
+    textField({ placeholder: '搜索…', value: name, prefix: '🔍', clearable: true }),
+    textField({ value: price, suffix: '元', clearable: true }),
    h('span', { class: 'out' }, () => (name() ? `你好，${name()}！` : '等待输入…')),
  ),
  section(