iter(g11): 浮层空间不足时自动翻转

apps/demo/main.ts

@@ -214,7 +214,7 @@ const content = h(
   section(
     'sec-form',
     '表单控件',
-    'checkbox / switch / select / radioGroup / textarea：状态一律由调用方信号持有。',
+    'checkbox / switch / select / radioGroup / textarea：状态一律由调用方信号持有；select 弹层在视口下方空间不足时自动翻到上方。',
     h('div', { class: 'row' }, checkbox({ label: '同意条款', checked: agreed }), h('span', { class: 'out' }, () => (agreed() ? '已同意' : '未同意'))),
     h('div', { class: 'row' }, switchButton({ label: '夜间模式', checked: nightMode }), h('span', { class: 'out' }, () => (nightMode() ? '开' : '关'))),
     h('div', { class: 'row' }, select({ options: cities.map((c) => ({ value: c, label: c })), value: city, placeholder: '选择城市…' }), h('span', { class: 'out' }, () => (city() ? `城市：${city()}` : '未选择'))),
@@ -332,7 +332,7 @@ const content = h(
   section(
     'sec-tooltip',
     '悬浮提示',
-    'tooltip 包裹触发器：hover / 聚焦延迟 150ms 出场，移出、失焦或 Esc 收起，气泡不抢指针。',
+    'tooltip 包裹触发器：hover / 聚焦延迟 150ms 出场，移出、失焦或 Esc 收起，气泡不抢指针；视口一侧空间不足时气泡自动翻到另一侧。',
     h(
       'div',
       { class: 'row' },
@@ -568,7 +568,7 @@ const content = h(
   section(
     'sec-menu',
     '下拉菜单',
-    'menu 触发器 + 自绘弹层：条目支持禁用 / 危险 / 分隔线，↑↓ 环形导航，点外部或 Esc 收起。',
+    'menu 触发器 + 自绘弹层：条目支持禁用 / 危险 / 分隔线，↑↓ 环形导航，点外部或 Esc 收起；视口下方空间不足时弹层自动翻到上方。',
     h(
       'div',
       { class: 'row' },
@@ -599,7 +599,7 @@ const content = h(
   section(
     'sec-popover',
     '气泡卡片',
-    'popover：可交互弹层（tooltip 只展示，popover 里能点），点外部 / Esc 收起。',
+    'popover：可交互弹层（tooltip 只展示，popover 里能点），点外部 / Esc 收起；视口下方空间不足时弹层自动翻到上方。',
     h(
       'div',
       { class: 'row' },