|
|
@@ -285,28 +285,28 @@ export default{
|
|
|
## API
|
|
|
### Props
|
|
|
|
|
|
-| Attribute | Description | Type | Default |
|
|
|
-|----- | ----- | ----- | ----- |
|
|
|
-| v-model:visible | Whether to show keyboard | boolean | `false` |
|
|
|
-| v-model | Current value | string | - |
|
|
|
-| title | Keyboard title | string | - |
|
|
|
-| type | Keyboard type can be set to `rightColumn` | string | `default` |
|
|
|
-| random-keys | Whether to shuffle the order of keys | boolean | `false` |
|
|
|
-| custom-key | Content of bottom left key | string [] | `Array form supports adding up to two` |
|
|
|
-| maxlength | Value maxlength,Use with v-model | number \| string| `6` |
|
|
|
-| confirm-text | Custom done button text,Such as "pay", "next", "submit" | string | `done` |
|
|
|
-| teleport | Specify the mount node | string | `"body"` |
|
|
|
-| pop-class | Custom bullet box classname | string | - |
|
|
|
+| Attribute | Description | Type | Default |
|
|
|
+|-----------------|---------------------------------------------------------|------------------|----------------------------------------|
|
|
|
+| v-model:visible | Whether to show keyboard | boolean | `false` |
|
|
|
+| v-model | Current value | string | - |
|
|
|
+| title | Keyboard title | string | - |
|
|
|
+| type | Keyboard type can be set to `rightColumn` | string | `default` |
|
|
|
+| random-keys | Whether to shuffle the order of keys | boolean | `false` |
|
|
|
+| custom-key | Content of bottom left key | string [] | `Array form supports adding up to two` |
|
|
|
+| maxlength | Value maxlength,Use with v-model | number \| string | `6` |
|
|
|
+| confirm-text | Custom done button text,Such as "pay", "next", "submit" | string | `done` |
|
|
|
+| teleport | Specify the mount node | string | `"body"` |
|
|
|
+| pop-class | Custom bullet box classname | string | - |
|
|
|
|
|
|
|
|
|
### Events
|
|
|
|
|
|
-| Event | Description | Arguments
|
|
|
-|----- | ----- | -----
|
|
|
-| input | Emitted when a key is pressed | key: string |
|
|
|
-| delete | Emitted when the delete key is pressed | - |
|
|
|
-| close | Emitted when the close button or non-keyboard area is clicked is clicked | - |
|
|
|
-| blur | Emitted when the close button is clicked or the keyboard is blurred | - |
|
|
|
+| Event | Description | Arguments |
|
|
|
+|--------|--------------------------------------------------------------------------|-------------|
|
|
|
+| input | Emitted when a key is pressed | key: string |
|
|
|
+| delete | Emitted when the delete key is pressed | - |
|
|
|
+| close | Emitted when the close button or non-keyboard area is clicked is clicked | - |
|
|
|
+| blur | Emitted when the close button is clicked or the keyboard is blurred | - |
|
|
|
|
|
|
## Theming
|
|
|
|
|
|
@@ -314,28 +314,28 @@ export default{
|
|
|
|
|
|
The component provides the following CSS variables, which can be used to customize styles. Please refer to [ConfigProvider component](#/en-US/component/configprovider).
|
|
|
|
|
|
-| Name | Default Value |
|
|
|
-| --------------------------------------- | -------------------------- |
|
|
|
-| --nut-numberkeyboard-width| _100%_ |
|
|
|
-| --nut-numberkeyboard-padding| _0_ |
|
|
|
-| --nut-numberkeyboard-background-color| _#f2f3f5_ |
|
|
|
-| --nut-numberkeyboard-header-height| _34px_ |
|
|
|
-| --nut-numberkeyboard-header-padding| _6px 0 0 0_ |
|
|
|
-| --nut-numberkeyboard-header-color| _#646566_ |
|
|
|
-| --nut-numberkeyboard-header-font-size| _16px_ |
|
|
|
-| --nut-numberkeyboard-header-close-padding| _0 16px_ |
|
|
|
-| --nut-numberkeyboard-header-close-color| _#576b95_ |
|
|
|
-| --nut-numberkeyboard-header-close-font-size| _14px_ |
|
|
|
-| --nut-numberkeyboard-header-close-background-color| _transparent_ |
|
|
|
-| --nut-numberkeyboard-key-background-color| _#fff_ |
|
|
|
-| --nut-numberkeyboard-key-active-background-color| _#ebedf0_ |
|
|
|
-| --nut-numberkeyboard-key-height| _48px_ |
|
|
|
-| --nut-numberkeyboard-key-line-height| _1.5_ |
|
|
|
-| --nut-numberkeyboard-key-border-radius| _8px_ |
|
|
|
-| --nut-numberkeyboard-key-font-size| _28px_ |
|
|
|
-| --nut-numberkeyboard-key-font-size-color| _#333_ |
|
|
|
-| --nut-numberkeyboard-key-finish-font-size| _16px_ |
|
|
|
-| --nut-numberkeyboard-key-finish-font-size-color| _#fff_ |
|
|
|
-| --nut-numberkeyboard-key-finish-background-color| _#1989fa_ |
|
|
|
-| --nut-numberkeyboard-key-activeFinsh-background-color| _#0570db_ |
|
|
|
+| Name | Default Value |
|
|
|
+|-------------------------------------------------------|---------------|
|
|
|
+| --nut-numberkeyboard-width | _100%_ |
|
|
|
+| --nut-numberkeyboard-padding | _0_ |
|
|
|
+| --nut-numberkeyboard-background-color | _#f2f3f5_ |
|
|
|
+| --nut-numberkeyboard-header-height | _34px_ |
|
|
|
+| --nut-numberkeyboard-header-padding | _6px 0 0 0_ |
|
|
|
+| --nut-numberkeyboard-header-color | _#646566_ |
|
|
|
+| --nut-numberkeyboard-header-font-size | _16px_ |
|
|
|
+| --nut-numberkeyboard-header-close-padding | _0 16px_ |
|
|
|
+| --nut-numberkeyboard-header-close-color | _#576b95_ |
|
|
|
+| --nut-numberkeyboard-header-close-font-size | _14px_ |
|
|
|
+| --nut-numberkeyboard-header-close-background-color | _transparent_ |
|
|
|
+| --nut-numberkeyboard-key-background-color | _#fff_ |
|
|
|
+| --nut-numberkeyboard-key-active-background-color | _#ebedf0_ |
|
|
|
+| --nut-numberkeyboard-key-height | _48px_ |
|
|
|
+| --nut-numberkeyboard-key-line-height | _1.5_ |
|
|
|
+| --nut-numberkeyboard-key-border-radius | _8px_ |
|
|
|
+| --nut-numberkeyboard-key-font-size | _28px_ |
|
|
|
+| --nut-numberkeyboard-key-font-size-color | _#333_ |
|
|
|
+| --nut-numberkeyboard-key-finish-font-size | _16px_ |
|
|
|
+| --nut-numberkeyboard-key-finish-font-size-color | _#fff_ |
|
|
|
+| --nut-numberkeyboard-key-finish-background-color | _#1989fa_ |
|
|
|
+| --nut-numberkeyboard-key-activeFinsh-background-color | _#0570db_ |
|
|
|
|