# xKeyboard

**Repository Path**: OpenHarmony1/xKeyboard

## Basic Information

- **Project Name**: xKeyboard
- **Description**: 一个车牌、身份证号以及纯数字输入键盘组件
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-11-01
- **Last Updated**: 2023-05-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: keyboard, OpenHarmony

## README

# xKeyboard

#### 项目介绍
    一个车牌、身份证号以及纯数字输入键盘组件

#### 项目演示

![输入图片说明](./screenshot/demo_1.gif)


##### 基础用法
   ```javascript 
   <element src="../../../../../../../library/src/main/js/components/numkeyboard/numkeyboard.hml" name="numkeyboard"></element>
   <element src="../../../../../../../library/src/main/js/components/carkeyboard/carkeyboard.hml" name="carkeyboard"></element>
   
   <numkeyboard id="numberKeyboard" mode="{{mode}}" random="{{random}}" dot-disabled="{{dotDisable}}" @change='change' @backspace='backspace'></numkeyboard>

   <carkeyboard id="carKeyboard" random="{{false}}" @change='change' @backspace='backspace'></carkeyboard>
   

   ```   

#### 接口及属性
**numkeyboard组件属性**

| **属性**                             | **必填** | **说明**                                                   |
| ------------------------------------ | :------: | --------------------------------------------------------- |
| mode:  String                        |    否    | 键盘输入类型，可选number(数字)和card(身份证), 默认number |
| dotDisabled: BottomNavigationStyle   |    否    | 是否显示键盘的"."符号，默认true                         |
| random: Boolean                      |    否    | 是否打乱键盘按键的顺序，默认false                                     |

**carkeyboard组件属性**

| **属性**                             | **必填** | **说明**                                                   |
| ------------------------------------ | :------: | --------------------------------------------------------- |
| random:  Boolean                     |    否    | 是否打乱键盘按键的顺序，默认false                           |
| autoChange: Boolean                  |    否    |  输入一个中文后，是否自动切换到英文，默认true                 |


#### 版权和许可信息

```
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
```