{"id":26042566,"url":"https://github.com/monaizi/vue-virtual-keyboard","last_synced_at":"2025-04-03T03:11:27.046Z","repository":{"id":62478058,"uuid":"537286302","full_name":"MoNaiZi/vue-virtual-keyboard","owner":"MoNaiZi","description":"vue2虚拟键盘，pc，移动端都可用的虚拟输入法，可自定义加载词库多拼，大小写字母，数字，字符，密码键盘","archived":false,"fork":false,"pushed_at":"2023-07-07T06:57:13.000Z","size":21022,"stargazers_count":192,"open_issues_count":2,"forks_count":11,"subscribers_count":1,"default_branch":"newest","last_synced_at":"2025-04-02T12:50:58.488Z","etag":null,"topics":["javascript","vue","vuejs"],"latest_commit_sha":null,"homepage":"https://monaizi.github.io/vue-virtual-keyboard/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MoNaiZi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-09-16T03:05:55.000Z","updated_at":"2025-03-19T03:41:53.000Z","dependencies_parsed_at":"2023-01-28T12:01:40.718Z","dependency_job_id":null,"html_url":"https://github.com/MoNaiZi/vue-virtual-keyboard","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoNaiZi%2Fvue-virtual-keyboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoNaiZi%2Fvue-virtual-keyboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoNaiZi%2Fvue-virtual-keyboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoNaiZi%2Fvue-virtual-keyboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MoNaiZi","download_url":"https://codeload.github.com/MoNaiZi/vue-virtual-keyboard/tar.gz/refs/heads/newest","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246927839,"owners_count":20856198,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","vue","vuejs"],"created_at":"2025-03-07T16:34:44.478Z","updated_at":"2025-04-03T03:11:27.025Z","avatar_url":"https://github.com/MoNaiZi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-virtual-keyboard\n\n演示(词库较大请耐心等待) https://monaizi.github.io/vue-virtual-keyboard/\n\n## 安装\n```bash\nyarn add vue-virtual-keyboard-cn\n\nnpm install vue-virtual-keyboard-cn\n\n```\n## 使用\n### 局部使用\n```\nimport keyboard from \"vue-virtual-keyboard-cn/keyboardIndex.vue\" \n```\n### 全局注册\n```\nimport keyboard from \"vue-virtual-keyboard-cn\"\nVue.use(keyboard) 然后使用 \u003cvue-virtual-keyboard-cn\u003e\u003c/vue-virtual-keyboard-cn\u003e;\n```\n\u003cbr/\u003e\n\n### 要想让键盘自动绑定上，input或textarea必须设置keyboard=\"true\"属性\ndata-mode 默认不传是是中文，不传词库默认就是小写英文\n### input属性\n\n|  属性   | 说明  | 值 | 备注 \n|  ----  | ----  | ---- | ---- |\n| data-mode  | 键盘类型 | cn | 中文\n| data-mode  | 键盘类型 | en_cap | 英文大写\n| data-mode  | 键盘类型 | en | 英文小写\n| data-mode  | 键盘类型 | num | 数字键盘\n| data-mode  | 键盘类型 | biaodian | 符号键盘\n| data-mode  | 键盘类型 | password | 密码键盘\n| data-mode  | 键盘类型 | id_card | 身份证键盘\n| data-mode  | 键盘类型 | di_git | 带小数点的数字键盘\n\n### 词库在本项目的src/dict目录下\n### 引用词库示例\n比如我有个词库在 src/dict目录下：\n```正确的引用\u003ckeyboard :singleDict=\"'dict/baseDict.json\"'\"\u003e\u003c/keyboard\u003e ```\n\n!!! 注意不要把多词汇词库传递给单词汇词库的属性\n\u003cbr/\u003e\n### 词库介绍\n|  属性   | 说明  | 备注 \n|  ----  | ----  | ---- |\n| baseDict.json  | 单词汇词库 | 基础词库\n| address.json  | 多词汇词库 | 全国省市区地址(主要)和一些短词句词库\n| chowder.json  | 多词汇词库 | 日常生活,成语,人名,全国省市区地址词库\n\u003cbr/\u003e\n\n### 组件属性\n|  属性   | 说明  | 值 | 备注 \n|  ----  | ----  | ---- | ---- |\n| singleDict  | 单词汇词库 |  baseDict.json | 要想使用汉字拼写功能此项必填\n| manyDict  | 多词汇词库 |  请看词库介绍 | 可以根据不同场景使用不同的词库\n| maxQuantify  | 显示选词个数 | Number | 默认 10\n| showKeyboard  | 手动显示隐藏键盘 | true/false | 默认不需要自己手动传值\n| inputEvent  | 手动传入可编辑的对象 | element | 用来处理可编辑元素\n| blurHide  | 失去焦点是否自动隐藏键盘 | true/false | \n| transitionTime  | 键盘动画过渡时间 | String | 默认 '0.3s'\n\u003cbr/\u003e\n\n### 组件事件\n|  事件   | 说明  | 值 | 备注 \n|  ----  | ----  | ---- | ---- |\n| clickNumber  | 点击数字符号触发 | key | \n| clickKey  | 点击字母空格触发 | key | \n| del  | 点击删除触发 | key | 如果是中文，会返回当前的拼音\n| changeMode  | 键盘类型改变时触发 | data-mode | \n| changeShow  | 键盘显示和隐藏触发 | true/false | \n| initResult  | 词库加载事件 | success/fail | 成功和错误都会返回对应的结果\n| inputBindKeyboard  | 重新给input绑定键盘 |  | 使用：调用组件里面的inputBindKeyboard方法，例子：this.$refs.keyboard.inputBindKeyboard();\n| contenteditableInput  | 更改可编辑元素是触发的事件 | value | \n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmonaizi%2Fvue-virtual-keyboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmonaizi%2Fvue-virtual-keyboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmonaizi%2Fvue-virtual-keyboard/lists"}