## Switch 開關
### 該文檔不再維護,新版文檔地址: [form-create 文檔](http://fc.gd8.top)
#### [在線預覽](https://jsrun.net/dehKp/edit)
#### 舉例:
```js
{
type:"switch",
title:"是否上架",
field:"is_show",
value:"1",
props: {
"trueValue":"1",
"falseValue":"0",
},
slot: {
open:"上架",
close:"下架",
},
}
```
#### maker快速生成:
```js
$formCreate.maker.switch('是否上架','is_show','1').slot({
open:"上架",
close:"下架",
}).props({
"trueValue":"1",
"falseValue":"0",
})
```
#### json 生成規則
```json
{
type:"switch",//必填!
//label名稱
title:"是否上架",//必填!
//字段名稱
field:"is_show",//必填!
//input值
value:"1",
props: {
//開關的尺寸，可選值為large、small、default或者不寫。建議開關如果使用了2個漢字的文字，使用 large。
"size":"default",
//禁用開關
"disabled":false,
//選中時的值，當使用類似 1 和 0 來判斷是否選中時會很有用
"trueValue":"1",
//沒有選中時的值，當使用類似 1 和 0 來判斷是否選中時會很有用
"falseValue":"0",
},
slot: {
//自定義顯示打開時的內容
open:"上架",
//自定義顯示關閉時的內容
close:"下架",
},
validate:[],
}
```
#### 參數說明
##### 基本規則 rule:
| 字段名 | 說明 | 字段類型 | 是否必填 | 默認值 |
| :--- | :--- | :--- | :--- | :--- |
| type | 元素類型 | String | true | - |
| field | 字段名稱 | String | true | - |
| title | 字段別名 | String | true | - |
| value | 字段值 | String,Number,Array | false | - |
| slot | 自定義顯示 | Object | false | - |
| props | 元素配置 | Object | false | - |
| event | 元素事件 | Object | false | - |
| validate | 驗證規則 | Array | false | - |
##### 自定義顯示 Slot:
| 字段名 | 說明 | 字段類型 | 是否必填 | 默認值 |
| :--- | :--- | :--- | :--- | :--- |
| open | 自定義顯示打開時的內容 | String | false | - |
| close | 自定義顯示關閉時的內容 | String | false | - |
##### 元素配置 props:
| 字段名 | 說明 | 字段類型 | 是否必填 | 默認值 |
| :--- | :--- | :--- | :--- | :--- |
| trueValue | 選中時的值，當使用類似 1 和 0 來判斷是否選中時會很有用 | Boolean,Number,String | false | '1' |
| falseValue | 沒有選中時的值，當使用類似 1 和 0 來判斷是否選中時會很有用 | Boolean,Number,String | false | '0' |
| size | 開關的尺寸，可選值為large、small、default或者不寫。建議開關如果使用了2個漢字的文字，使用 large。 | String | false | - |
| disabled | 禁用開關 | Boolean | false | false |
##### 事件擴展 event:
| 事件名 | 說明 | 字段類型 | 是否必填 | 默認值 |
| :--- | :--- | :--- | :--- | :--- |
| change | 開關變化時觸發，返回當前的狀態 0 或 1 | Function | false | - |
---
