# nuke-switch

> 开关

Latest version **2.3.12** (published 2019-09-26) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install nuke-switch
pnpm add nuke-switch
yarn add nuke-switch
bun add nuke-switch
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.3.12 |
| Published | 2019-09-26 |
| First published | 2017-05-10 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 55.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | leanhunter |
| Maintainers | doub, leanhunter, no-repeat |
| Keywords | nuke, nuke-switch |

## Links

- npm: https://www.npmjs.com/package/nuke-switch
- Repository: git@gitlab.alibaba-inc.com:nuke/switch
- npm.io page: https://npm.io/package/nuke-switch

## Dependencies (3)

- [nuke-env](https://npm.io/package/nuke-env.md) ^2.3.12
- [nuke-helper](https://npm.io/package/nuke-helper.md) ^2.3.12
- [nuke-theme-provider](https://npm.io/package/nuke-theme-provider.md) ^2.3.12

## Recent versions

- 2.3.12 (latest) — 2019-09-26
- 2.1.3 (beta) — 2018-08-15
- 2.0.9 (lateset) — 2018-04-16
- 2.3.11 — 2019-09-26
- 2.3.10 — 2019-09-26
- 2.3.9 — 2019-09-26
- 2.3.8 — 2019-09-25
- 2.3.7 — 2019-07-24
- 2.3.6 — 2019-07-19
- 2.3.5 — 2019-07-02
- 2.3.4 — 2019-05-10
- 2.3.3 — 2019-04-28
- 2.3.2 — 2019-01-15
- 2.3.0 — 2018-11-14
- 2.2.29 — 2018-10-09
- … 53 more at https://npm.io/package/nuke-switch/versions

## README

# Switch

* category: Components
* chinese: 开关
* type: 基本

---

## 何时使用

Switch 是状态切换的开关按钮组件。

## API

**注意：Switch 在客户端上是个非受控组件**

| 属性           | 说明                                                                          | 类型            | 默认值 |
| -------------- | ----------------------------------------------------------------------------- | --------------- | ------ |
| type           | 展现 安卓 还是 iOS 风格，如果不传，默认根据设备自动切换，可选 `android` `iOS` | 无              |
| disabled       | 开关是否可交互                                                                | boolean         | true   |
| defaultChecked | 默认是否选中（非受控用法）                                                    | boolean         | false  |
| onValueChange  | Switch 改变时调用此函数                                                       | function(value) | 无     |

## Demo

非受控用法： 组件自身自由改变，并通过事件通知外部改变成了什么。如下 demo :

```js
change = (value) => {
    console.log('switch 改变成了：',value);
}
//...
render(){
    return (<Switch defaultChecked={true} onValueChange={this.change}/>)
}
```

## 其他
- bug、建议联系 <a href="dingtalk://dingtalkclient/action/sendmsg?dingtalk_id=kjwo3w5">@翊晨</a>
- 钉钉交流群

<img src="https://img.alicdn.com/tfs/TB101EESpXXXXXFXpXXXXXXXXXX-1122-1362.jpg" width="260" />

---
_Source: https://npm.io/package/nuke-switch · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._