iter(g86): 弹层外部点击监听改按需挂载

packages/skin/ui/src/datePicker.ts

@@ -1,6 +1,6 @@
 import { effect, h, signal } from '@ui-arch/frame';
 import type { Signal } from '@ui-arch/frame';
-import { pushOverlay } from './overlay.js';
+import { bindOutside, pushOverlay } from './overlay.js';
 import { flip } from './position.js';
 import type { DatePickerProps } from './types.js';
 
@@ -136,10 +136,7 @@ export function datePicker(props: DatePickerProps): HTMLElement {
     if (e.key === 'PageUp' || e.key === 'PageDown') { e.preventDefault(); turn(e.key === 'PageUp' ? -1 : 1); return; }
     if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); if (!outOfRange(focus())) commit(focus()); }
   });
-  document.addEventListener('click', (e) => {
-    if (root.contains(e.target as Node)) return; // 卫语句：组件内点击不处理
-    open(false);
-  });
+  bindOutside(root, open, () => open(false)); // 点外部收起：仅展开期间挂监听，收起即摘
   effect(render); // 依赖 view / value / focus
   effect(() => {
     if (open()) releaseEsc ??= pushOverlay(() => { open(false); trigger.focus(); }); // 入栈逐层关闭