open-index/open-npm huggingface dataset:
npm package: @limuen/react-scale-screen
Description: react 大屏自适应插件
Latest version: 1.0.0

## @limuen/react-scale-screen

大屏自适应容器组件

### 安装

```bash
npm install @limuen/react-scale-screen
# or
yarn add @limuen/react-scale-screen
```

#### 使用

```tsx
import ReactScaleDataScreen from "@limuen/react-scale-screen";

function App() {
  return (
    <>
      <ReactScaleDataScreen height={1080} width={1920}>
        <ECharts />
        <ECharts />
        <ECharts />
        <ECharts />
      </ReactScaleDataScreen>
    </>
  );
}
```

### API

| 属性               | 说明                                                                                                                                                        | 类型                             | 默认值 |
| ------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- | ------ |
| width              | 大屏宽度                                                                                                                                                    | `Number` or `String`             | 1920   |
| height             | 大屏高度                                                                                                                                                    | `Number` or `String`             | 1080   |
| autoScale          | 自适应配置，配置为 boolean 类型时，为启动或者关闭自适应，配置为对象时，若 x 为 true，x 轴产生边距，y 为 true 时，y 轴产生边距，启用 fullScreen 时此配置失效 | Boolean or {x:boolean,y:boolean} | true   |
| delay              | 窗口变化防抖延迟时间                                                                                                                                        | Number                           | 500    |
| fullScreen         | 全屏自适应，启用此配置项时会存在拉伸效果，同时 autoScale 失效，非必要情况下不建议开启                                                                       | Boolean                          | false  |
| boxStyle           | 修改容器样式，如居中展示时侧边背景色式                                                                                                                      | Object                           | null   |
| wrapperStyle       | 修改自适应区域样式式                                                                                                                                        | Object                           | null   |
| bodyOverflowHidden | 启用后body的样式会自动设置为 `overflow: hidden`                                                                                                             | Boolean                          | true   |