electron-vue-dusion-keyboarddeprecated

A Vue.js project

Usage no npm install needed!

<script type="module">
  import electronVueDusionKeyboard from 'https://cdn.skypack.dev/electron-vue-dusion-keyboard';
</script>

README

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暂不对外公开。