open-index/open-npm huggingface dataset:
npm package: @plutojs/camera
Description: 摄像头组件
Author: firewood1122
Latest version: 0.2.0

# `@plutojs/camera`

> 摄像头组件

## Usage

```
import Camera from '@plutojs/camera';
import '@plutojs/camera/build/index.css';

const onChange = (files) => {
  ...
};

<Camera text="点击录制" onChange={onChange} />
<Camera text="点击拍照" type="image" onChange={onChange} />
```

| 参数 | 描述 | 类型 | 可选 | 默认值 |
| ---- | ---- | ---- | ---- | ---- |
| text | 显示文案 | string | 是 | 开始录制 |
| type | 文件类型 | video/image | 是 | video |
| onChange | 回调方法 | Function | 是 | 无 |
npm package: @plutojs/carousel
Description: Carousel轮播图
Author: firewood1122
Latest version: 1.0.2

# `@plutojs/carousel`

> Carousel轮播图 

## Usage

```
import Carousel from '@plutojs/carousel';
import '@plutojs/carousel/build/index.css';

<Carousel>
  <img src="https://img11.360buyimg.com/n1/s450x450_jfs/t1/112811/33/9121/246982/5ed786a7E22ec29b5/dc259bda64040882.jpg" />
  <img src="https://img11.360buyimg.com/n1/s450x450_jfs/t1/112811/33/9121/246982/5ed786a7E22ec29b5/dc259bda64040882.jpg" />
</Carousel>
```
npm package: @plutojs/copy
Description: 复制组件
Author: firewood1122
Latest version: 1.0.0

# `@plutojs/copy`

> 复制组件

## Usage

```
import Copy from '@plutojs/copy';

// 判断是否支持复制
Copy.isSupported();

// 复制操作
Copy.copy(ele: HTMLElement);
```
npm package: @plutojs/countdown
Description: Countdown 倒计时组件
Author: firewood1122
Latest version: 1.0.5

# `@plutojs/countdown`

> 倒计时组件

## Countdown倒计时组件

```
import Countdown from '@plutojs/countdown';

<Countdown leftSecond={20} done={() => { Toast.info('倒计时结束'); }} />
```
| 参数 | 描述 | 类型 | 可选 | 默认值 |
| ---- | ---- | ---- | ---- | ---- |
| leftSecond | 剩余时间（秒） | number | 否 | 无 |
| renderChildren | 内容构造方法 | (hour: number, min: number, second: number) => React.ReactNode | 是 | `${hour}小时${min}分${second}秒` |
| done | 倒计时回调方法 | Function | 是 | 无 |
npm package: @plutojs/header
Description: Header 头部导航
Author: firewood1122
Latest version: 1.1.2

# `@plutojs/header`

> Header 头部导航

## Usage

```
import Header from '@plutojs/header';
import '@plutojs/header/build/index.css';

<Header title="头部导航标题" />
```

| 参数 | 描述 | 类型 | 可选 | 默认值 |
| ---- | ---- | ---- | ---- | ---- |
| title | 标题 | String | 是 | '' |
| hide | 是否隐藏 | Boolean | 是 | false |
| zIndex | 组件层级 | Number | 是 | 999 |
npm package: @plutojs/input-code
Description: InputCode 验证码输入框
Author: firewood1122
Latest version: 1.1.0

# `@plutojs/input-code`

> InputCode 验证码输入框

## Usage

```
import InputCode from '@plutojs/input-code';
import '@plutojs/input-code/build/index.css';

<InputCode count={4} />
```

| 参数 | 描述 | 类型 | 可选 | 默认值 |
| ---- | ---- | ---- | ---- | ---- |
| count | 验证码位数 | Number | 是 | 4 |
| onChange | 输入回调方法 | Function | 是 | 无 |

### 方法

| 方法名称 | 描述 | 参数 |
| ---- | ---- | ---- |
| clear | 清空&聚焦输入框 | 无 |
npm package: @plutojs/input-number
Description: InputNumber 数字输入框
Author: firewood1122
Latest version: 1.0.8

# `@plutojs/input-number`

> InputNumber 数字输入框

## Usage

```
import InputNumber from '@plutojs/input-number';
import '@plutojs/input-number/build/index.css';

<InputNumber min={1} max={5} keyboard={false} onChange={val => { console.log(val); }} />
```

| 参数 | 描述 | 类型 | 可选 | 默认值 |
| ---- | ---- | ---- | ---- | ---- |
| default | 默认值 | Number | 是 | 无 |
| min | 最小值 | Number | 是 | 1 |
| max | 最大值 | Number | 是 | 无 |
| keyboard | 可键盘输入 | Boolean | 是 | true |
| onChange | 值变化回调方法 | Function | 否 | 无 |
npm package: @plutojs/load-more
Description: LoadMore 加载更多
Author: firewood1122
Latest version: 1.1.0

# `@plutojs/load-more`

> LoadMore 加载更多 

## Usage

```
import LoadMore from '@plutojs/load-more';

<LoadMore loadMore={() => { alert('load more'); }}>
  <div className="load-more-demo-field">
  </div>
</LoadMore
```

| 参数 | 描述 | 类型 | 可选 | 默认值 |
| ---- | ---- | ---- | ---- | ---- |
| bodyScroll | 是否页面body滚动 | boolean | 是 | true |
| scrollThreshold | 滚动边界系数 | 小于或等于1的正小数 | 是 | 1 |
| loadMore | 响应方法 | Function | 是 | 无 |
| debounceTime | 防抖间隔时间 | number | 是 | 1000 |
npm package: @plutojs/postcss-px2rem
Description: postcss-px2rem优化版本
Author: firewood1122
Latest version: 2.0.2

# `@plutojs/postcss-px2rem`

## Usage

```
const postcssPx2Rem = require('@plutojs/postcss-px2rem');

css文件顶部添加 /*px2rem-disabled*/，会跳过px到rem的转换
```
npm package: @plutojs/safe-area
Description: 安全区域组件
Author: firewood1122
Latest version: 1.0.1

# `@plutojs/safe-area`

> 安全区域组件
- 适配iphone X的底部小黑条，保证安全区域

## Usage

```
import { SafeAreaBottom } from '@plutojs/safe-area';
import '@plutojs/safe-area/build/index.css';

<SafeAreaBottom>底部工具栏</SafeAreaBottom>
```