'use client'

import { useEffect } from 'react';
import { createScreenAdapter } from '@/utils/tools';

export function ScreenAdapter() {
  useEffect(() => {
    console.log('ScreenAdapter: 开始应用屏幕适配');

    // 页面加载完成后立即应用
    createScreenAdapter();

    // 窗口大小改变时重新应用
    const handleResize = () => {
      console.log('ScreenAdapter: 窗口大小改变，重新应用适配');
      createScreenAdapter();
    };

    window.addEventListener('resize', handleResize);

    // 清理函数
    return () => {
      window.removeEventListener('resize', handleResize);
    };
  }, []);

  return null; // 这个组件不渲染任何内容
}
