electron-vue-dusion-keyboard

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_let en_cap cn hand	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暂不对外公开。