yexuejc007/rubick
1
0
Fork 0
mirror of https://github.com/rubickCenter/rubick synced 2025-12-22 18:22:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

ref: 切换翻译API

Browse Source
This commit is contained in:
muwoo
2021-07-20 14:10:39 +08:00
parent 7783d9520d
commit 8869931105
3 changed files with 72 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
static/plugins/superPanel/index.html
View File

@@ -79,6 +79,50 @@
display: flex;
align-items: center;
}
.spinner {
padding-left: 10px;
}
.spinner > div {
width: 10px;
height: 10px;
background-color: #ddd;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% { -webkit-transform: scale(0.0) }
40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}
</style>
<script src="./index.js" type="module"></script>
<body>
@@ -87,10 +131,22 @@
<span class="img"><img src="./assets/logo.png" /></span>
<span class="text" v-if="selectData.text && selectData.text.length">选择的文本 {{selectData.text.length}} 个</span>
</div>
<div class="translate" v-if="selectData.translate">
<div class="trans-item" v-for="trans in selectData.translate">
<div>{{trans.src}}</div>
<div>n. {{trans.dst}}</div>
<div class="spinner" v-if="loading">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
</div>
<div class="translate" v-if="selectData.translate && !loading">
<div>{{selectData.translate.src}}</div>
<div v-if="selectData.translate.basic">
<div v-for="item in selectData.translate.basic.explains">
{{item}}
</div>
</div>
<div v-else>
<div v-for="item in selectData.translate.transition">
{{item}}
</div>
</div>
</div>
<div @click="() => commonClick(op, selectData.fileUrl)" class="options-item" v-for="op in targetOptions">

27
static/plugins/superPanel/index.js
View File

@@ -1,14 +1,10 @@
const {ipcRenderer, nativeImage, remote, clipboard} = require('electron')
const md5 = require("md5");
const rp = require("request-promise");
const isChinese = require('is-chinese');
const path = require('path');
const fs = require('fs');
const { spawn } = require ('child_process');
const mineType = require("mime-types");
const opConfig = remote.getGlobal('opConfig');
new Vue({
el: '#app',
data: {
@@ -66,6 +62,7 @@ new Vue({
]
},
targetOptions: [],
loading: false,
},
created() {
// 简单唤起超级面板
@@ -74,9 +71,9 @@ new Vue({
const ext = path.extname(this.selectData.fileUrl);
// 剪切板只有文本时，显示翻译
if (!this.selectData.fileUrl) {
this.loading = true;
const word = this.selectData.text;
const isCh = isChinese(word);
this.translate(word, isCh ? 'en' : 'zh');
this.translate(word);
this.targetOptions = JSON.parse(JSON.stringify(this.options.translate));
(this.selectData.optionPlugin || []).forEach(plugin => {
plugin.features.forEach(fe => {
@@ -172,20 +169,20 @@ new Vue({
},
methods: {
translate(msg, to) {
const {appid, key} = opConfig.get().superPanel.baiduAPI;
if (!appid || !key) return;
const q = msg;
const salt = parseInt(Math.random() * 1000000000); //加盐
const sign = md5(appid + q + salt + key); //生成签名
translate(msg) {
const params = encodeURI(
`q=${q}&from=auto&to=${to}&appid=${appid}&salt=${salt}&sign=${sign}`
`q=${msg}&keyfrom=neverland&key=969918857&type=data&doctype=json&version=1.1`
);
const options = {
uri: `https://fanyi-api.baidu.com/api/trans/vip/translate?${params}`,
uri: `http://fanyi.youdao.com/openapi.do?${params}`,
};
return rp(options).then((res) => {
this.$set(this.selectData, 'translate', JSON.parse(res).trans_result)
this.$set(this.selectData, 'translate', {
...JSON.parse(res),
src: msg,
});
}).finally(() => {
this.loading = false;
})
},
commonClick(item, fileUrl) {