wb-table/js/index.js

133 lines
3.3 KiB
JavaScript

/**
*
* @author yutent<yutent.io@gmail.com>
* @date 2022/03/11 12:03:59
*/
import '//unpkg.yutent.top/anot/dist/anot.js'
import '//unpkg.yutent.top/@bytedo/wcui/dist/layer/index.js'
import '//unpkg.yutent.top/@bytedo/wcui/dist/form/input.js'
import '//unpkg.yutent.top/@bytedo/wcui/dist/form/button.js'
import '//unpkg.yutent.top/@bytedo/wcui/dist/form/radio.js'
import '//unpkg.yutent.top/@bytedo/wcui/dist/form/switch.js'
import fetch from '//unpkg.yutent.top/@bytedo/fetch/dist/index.js'
import { Enum } from './lib/core.js'
import FIXED_18030 from './lib/18030.js'
const WB_CODE_NAME = { 1: '一级简码', 2: '二级简码', 3: '三级简码', 4: '四级简码' }
const WB_TABLE = new Enum()
const WB_TABLE_18030 = new Enum(FIXED_18030)
Anot.hideProperty(WB_TABLE, 'length', 0)
Anot({
$id: 'app',
state: {
single: 0,
words: 0,
result: '',
filter: {
text: '',
table: '86'
}
},
mounted() {
fetch('./data/table.txt')
.then(r => r.text())
.then(r => {
//
r.split('\n').forEach(it => {
it = it
.trim()
.split(' ')
.map(_ => _.trim())
let k = it.shift()
if (k) {
WB_TABLE.add(k, it)
}
})
this.single = WB_TABLE.length
})
},
methods: {
search() {
var { text, table } = this.filter
var reverse = false
var res, res18030
text = text.trim().toLowerCase()
if (!text) {
return
}
reverse = /^[a-z]{1,4}$/.test(text)
if (!reverse) {
text = text.replace(/[\sa-z]/g, '')
}
if (reverse || text.length === 1) {
res = [WB_TABLE.get(text)]
if (table === '18030') {
res18030 = [WB_TABLE_18030.get(text)]
}
} else {
res = text.split('').map(t => WB_TABLE.get(t))
if (table === '18030') {
res18030 = text.split('').map(t => WB_TABLE_18030.get(t))
}
}
if (reverse) {
text = text.toUpperCase()
// 反查时, 直接替换结果
if (res18030 && res18030.length) {
res = res18030
}
if (res[0]) {
res = `${text} 】👉\t${res[0]
.map(
t =>
`${t}(${(res18030 && res18030.length ? WB_TABLE_18030.get(t) : WB_TABLE.get(t))
.join('、')
.toUpperCase()})`
)
.join('\t\t')}`
} else {
res = `${text} 】👉\t无结果, 请检查你的输入是否正确, 如果确认无误, 可以反馈缺失字库。`
}
} else {
if (res18030 && res18030.length) {
res18030.forEach((it, i) => {
if (it) {
res[i] = it
}
})
}
res = res
.map((it, i) => {
if (it) {
return `${text[i]} 】👉\t${it
.map(t => `${WB_CODE_NAME[t.length]}: ${t.toUpperCase()}`)
.join('\t\t')}`
} else {
return `${
text[i]
} 】👉\t无结果, 请检查你的输入是否正确, 如果确认无误, 可以反馈缺失字库。`
}
})
.join('\n')
}
this.result = `查询结果: \n${res}`
}
}
})
五笔词库生成器
JavaScript 53.5%
Vue 45.1%
HTML 1.4%