iter(g33): 新增 upload 文件选择组件

This commit is contained in:
HIsheR
2026-10-26 11:44:34 +08:00
parent 052c215609
commit f20e977fdf
13 changed files with 327 additions and 9 deletions
+14
View File
@@ -28,6 +28,7 @@ import {
list,
carousel,
tree,
upload,
menu,
modal,
pagination,
@@ -178,6 +179,7 @@ const menuPick = signal('');
const listPick = signal(''); // 列表点击选中的条目标题
const slideIndex = signal(0); // 轮播当前下标(外部受控演示)
const treePick = signal('core'); // 树形选中节点 key
const pickedFiles = signal(''); // 文件选择结果(名称串)
// —— 禁用态演示:开关信号同时绑定 switch 的 checked 与 checkbox 的 disabled ——
const locked = signal(true);
@@ -643,6 +645,18 @@ const content = h(
h('span', { class: 'out' }, () => (treePick() ? `已选节点:${treePick()}` : '未选中节点')),
),
),
section(
'sec-upload',
'文件选择',
'upload:点击或拖拽入列,清单可逐个移除;只负责选文件并回传 onChange,上传请求交给调用方。',
h(
'div',
{ class: 'row' },
upload({ multiple: true, hint: '点击或拖拽多个文件到此处', onChange: (fs2) => pickedFiles(fs2.map((f) => f.name).join('、')) }),
h('span', { class: 'out' }, () => (pickedFiles() ? `已选:${pickedFiles()}` : '未选择文件')),
),
h('div', { class: 'row' }, upload({ accept: 'image/*', hint: '仅图片(accept: image/*)' }), upload({ disabled: true, hint: '禁用态' })),
),
section(
'sec-menu',
'下拉菜单',