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

packages/skin/ui/src/popover.ts

@@ -1,5 +1,6 @@
 import { effect, h, signal } from '@ui-arch/frame';
 import type { PopoverProps } from './types.js';
+import { flip } from './position.js';
 
 let seq = 0; // 全局自增序号：保证每个弹层 id 唯一，供 aria-controls 关联
 
@@ -7,6 +8,7 @@ let seq = 0; // 全局自增序号：保证每个弹层 id 唯一，供 aria-con
 export function popover(props: PopoverProps, trigger: HTMLElement): HTMLElement {
   // —— 状态集中声明 ——
   const open = signal(false);      // 弹层显隐
+  const place = signal(props.placement ?? 'bottom'); // 实际生效方位：打开时按视口空间自动翻转
   const id = `ua-pop-${++seq}`;    // 弹层唯一 id
   let timer: number | null = null; // hover 模式下的出入场计时器
 
@@ -24,7 +26,7 @@ export function popover(props: PopoverProps, trigger: HTMLElement): HTMLElement
     'div',
     {
       id,
-      class: () => `ua-pop ua-pop-${props.placement ?? 'bottom'}${open() ? ' ua-open' : ''}`,
+      class: () => `ua-pop ua-pop-${place()}${open() ? ' ua-open' : ''}`,
       role: 'dialog',
       'aria-hidden': () => String(!open()),
       onClick: (e: Event) => e.stopPropagation(), // 弹层内点击不触发外部关闭
@@ -55,6 +57,7 @@ export function popover(props: PopoverProps, trigger: HTMLElement): HTMLElement
     trigger.focus();                           // 收起后焦点回触发器
   });
   document.addEventListener('click', () => setOpen(false)); // 点外部收起（弹层内已阻止冒泡）
+  effect(() => { if (open()) place(flip(trigger, panel, props.placement ?? 'bottom')); }); // 每次打开重算方位：空间不足自动翻转
 
   return root;
 }