1.1.1 • Published 5 years ago
electron-vue-dusion-keyboard v1.1.1
electron-vue-dusion-keyboard
基于vue的一款js输入法，需运行在electron环境下
安装
npm安装
npm install electron-vue-dusion-keyboard -S在 main.js 中写入以下内容全局注册：
import VueDusionKeyboard from 'electron-vue-dusion-keyboard'
Vue.use(VueDusionKeyboard)标签引入
<script src="./electron-vue-dusion-keyboard.js"></script>使用
在非all模式下，input标签添加属性data-mode，然后在合适位置放置组件<vue-dusion-keyboard></vue-dusion-keyboard>即可。
<input type="text" data-mode="en_cap" />
<vue-dusion-keyboard float></vue-dusion-keyboard>组件添加all属性即可为所有input标签注册弹出输入法
<vue-dusion-keyboard all float :blurHide="true" hand></vue-dusion-keyboard>input标签属性
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| data-mode | 弹出输入法的类型：en_let 英文小写en_cap 英文大写cn 中文hand 手写 | String | en_leten_capcnhand | en_let |
组件属性
| 属性 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| all | 是否为所有input标签注册弹出输入法 | Boolean | true/false | false |
| float | 是否使输入法组件浮动在当前input标签下方 | Boolean | true/false | false |
| hand | 是否启用手写输入，默认禁用 | Boolean | true/false | false |
| blurHide | 当input标签失去焦点时是否隐藏输入组件 | Boolean | true/false | true |
| enter-active-class | 输入组件弹出来的动画效果，基于Animate.css | String | 见 Animate.css 官网 | fadeInUp |
| leave-active-class | 输入组件隐藏时的动画效果 | String | 同上 | fadeOutDown |
启用手写输入需运行在electron环境下，并且添加手写输入dll。
手写输入dll加QQ751069244索取手写输入dll暂不对外公开。