iter(g96): 抽屉支持上下滑出方位

apps/demo/main.ts

@@ -139,6 +139,7 @@ const name = signal('');
 // —— 表单控件状态集中声明 ——
 const agreed = signal(false);
 const nightMode = signal(true);
+const sheetOpen = signal(false); // 底部抽屉开合
 const sound = signal(true); // 无可见文案的开关演示
 const city = signal('');
 const size = signal('m');
@@ -279,8 +280,11 @@ const content = h(
   section(
     'sec-drawer',
     '抽屉',
-    'drawer：open 信号驱动侧滑面板，保留主视图上下文；遮罩 / × / Esc 关闭。',
-    button({ label: '打开抽屉', onClick: () => drawerOpen(true) }),
+    'drawer：open 信号驱动侧滑面板，保留主视图上下文；四向滑出（左右按宽度、上下按高度），遮罩 / × / Esc 关闭。',
+    h('div', { class: 'row' },
+      button({ label: '从右侧打开', onClick: () => drawerOpen(true) }),
+      button({ label: '从底部打开', variant: 'ghost', onClick: () => sheetOpen(true) }),
+    ),
     drawer(
       {
         title: '订单详情',
@@ -292,6 +296,10 @@ const content = h(
       h('p', null, '这里是抽屉内容，可放任意 DOM。'),
       h('div', { class: 'row' }, tag({ label: '#A1024', variant: 'info' }), badge({ label: '已发货', variant: 'success' })),
     ),
+    drawer(
+      { title: '快捷操作', open: sheetOpen, placement: 'bottom', width: 220, onClose: () => sheetOpen(false) },
+      h('p', null, '从底部滑出的操作面板：适合移动端底部弹层，宽度自动铺满、高度由 width 指定。'),
+    ),
   ),
   section(
     'sec-tag',