ResizeObserver 设计文档

尺寸监听工具组件,封装原生 ResizeObserver(经 @chenzy-design/core 归一化),渲染一个无视觉样式的包裹元素作为观测容器,slot 暴露 width/height/entry,onResize 分发归一化尺寸事件;内置 throttle/debounce 节流去抖与 multiple 多目标观测;SSR/老浏览器静默降级,fallbackToWindow 可降级为 window.resize 近似监听;onResizeStart/onResizeEnd 暴露连续变化的首帧与静默结束边界事件;另导出 resize action 供轻量 use:resize 用法、getGlobalResizeObserver 单例池供大列表共享。盒模型支持 content-box/border-box/device-pixel-content-box,包裹元素标签可经 tag 自定义。

← API 文档

使用建议

尺寸监听工具组件,封装原生 ResizeObserver(经 @chenzy-design/core 归一化),渲染一个无视觉样式的包裹元素作为观测容器,slot 暴露 width/height/entry,onResize 分发归一化尺寸事件;内置 throttle/debounce 节流去抖与 multiple 多目标观测;SSR/老浏览器静默降级,fallbackToWindow 可降级为 window.resize 近似监听;onResizeStart/onResizeEnd 暴露连续变化的首帧与静默结束边界事件;另导出 resize action 供轻量 use:resize 用法、getGlobalResizeObserver 单例池供大列表共享。盒模型支持 content-box/border-box/device-pixel-content-box,包裹元素标签可经 tag 自定义。

Accessibility

  • 包裹元素不设 role/aria,透明容器不进 a11y 树、不可聚焦、不移动焦点。

设计变量

该组件暂无专属设计变量。