46 lines
1.3 KiB
Markdown
46 lines
1.3 KiB
Markdown
---
|
|
title: CodeBox
|
|
preview: https://didi.github.io/mand-mobile/examples/#/codebox
|
|
---
|
|
|
|
### Import
|
|
|
|
```javascript
|
|
import { Codebox } from 'mand-mobile'
|
|
|
|
Vue.component(Codebox.name, Codebox)
|
|
```
|
|
|
|
### Code Examples
|
|
<!-- DEMO -->
|
|
|
|
### API
|
|
|
|
#### Codebox Props
|
|
| Props | Description | Type | Default |
|
|
|----|-----|------|------|
|
|
| v-model | captcha | String | - |
|
|
| maxlength | maxlength of captacha, set to `-1` as no restriction | Number | `4` |
|
|
| autofocus | immediately open simulated keyboard, not work for system keyboard | Boolean | `false` |
|
|
| mask | whether to mask code or not | Boolean | `false` |
|
|
|disabled|disable input|Boolean|`false`|
|
|
|justify|take full space|Boolean|`false`|
|
|
| closable | whether to hide keyboard when clicking away | Boolean | `true` |
|
|
| ok-text | the text of confirmation button of the keyboard |String| `Confirm` |
|
|
| disorder| whether to use random keyboard layout or not | Boolean | `false` |
|
|
| system | whether to use system keyboard or simulated keyboard | Boolean | `false` |
|
|
| is-view | whether to show as inline element or append to the body | Boolean |`false`|
|
|
| is-error-style | Whether to display an error style | Boolean | `false` |
|
|
|
|
#### Codebox Methods
|
|
|
|
##### focus()
|
|
|
|
##### blur()
|
|
Hide keyboard
|
|
|
|
#### Codebox Events
|
|
|
|
##### @submit(code)
|
|
Invoked when user submit
|