AMAZEHOME/TypeWords
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

文章解析

Browse Source
This commit is contained in:
zyronon
2023-09-09 16:55:16 +08:00
parent f920d191ec
commit a4ca6c6d94
2 changed files with 194 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
src/components/Practice/TypeArticle.vue
View File

@@ -16,7 +16,7 @@ import correct from '../..//assets/sound/correct.wav'
import {useSound} from "@/hooks/useSound.ts"
import {CnKeyboardMap, useSplitArticle} from "@/hooks/useSplitArticle";
import {$computed, $ref} from "vue/macros";
import {Article, DefaultWord, DictType, SaveKey, Sentence, ShortKeyMap, Word} from "@/types";
import {Article, ArticleWord, DefaultWord, DictType, SaveKey, Sentence, ShortKeyMap, Word} from "@/types";
import {useBaseStore} from "@/stores/base";
import Footer from "@/components/Practice/Footer.vue"
import {usePracticeStore} from "@/components/Practice/usePracticeStore.ts";
@@ -94,30 +94,31 @@ let article = reactive<Article>({
onMounted(() => {
let sections = useSplitArticle(article.article)
// practiceStore.total = 0
// sections.map(v => {
// v.map(w => {
// w.words.map(s => {
// if (!store.skipWordNamesWithSimpleWords.includes(s.toLowerCase())) {
// practiceStore.total++
// }
// })
// })
// })
// practiceStore.startDate = Date.now()
//
// let temp = useSplitArticle(article.articleTranslate, 'cn', CnKeyboardMap)
// temp.map((v, i) => {
// v.map((w, j) => {
// article.translate.push({
// sentence: w.sentence,
// location: i + '-' + j
// })
// })
// })
// article.sections = sections
console.log(cloneDeep(sections))
// calcTranslateLocation()
practiceStore.total = 0
sections.map(v => {
v.map(w => {
w.words.map(s => {
if (!store.skipWordNamesWithSimpleWords.includes(s.name.toLowerCase())) {
practiceStore.total++
}
})
})
})
practiceStore.startDate = Date.now()
let temp = useSplitArticle(article.articleTranslate, 'cn', CnKeyboardMap)
temp.map((v, i) => {
v.map((w, j) => {
article.translate.push({
sentence: w.sentence,
location: i + '-' + j
})
})
})
// console.log('temp',temp)
article.sections = sections
console.log(cloneDeep(article))
calcTranslateLocation()
})
function calcTranslateLocation() {
@@ -164,18 +165,18 @@ const currentIndex = computed(() => {
function onKeyDown(e: KeyboardEvent) {
if (tabIndex !== 0) return
// console.log('keyDown', e.key, e.code, e.keyCode)
console.log('keyDown', e.key, e.code, e.keyCode)
wrong = ''
let currentSection = article.sections[sectionIndex]
let currentSentence = currentSection[sentenceIndex]
let currentWord = currentSentence.words[wordIndex]
let currentWord: ArticleWord = currentSentence.words[wordIndex]
if (isSpace) {
if (e.code === 'Space') {
isSpace = false
stringIndex = 0
wordIndex++
if (!store.skipWordNamesWithSimpleWords.includes(currentWord.toLowerCase())) {
if (!store.skipWordNamesWithSimpleWords.includes(currentWord.name.toLowerCase())) {
practiceStore.inputNumber++
}
playCorrect()
@@ -221,15 +222,15 @@ function onKeyDown(e: KeyboardEvent) {
) {
let letter = e.key
let key = currentWord[stringIndex]
// console.log('key', key,)
let key = currentWord.name[stringIndex]
console.log('key', key,)
if (key === letter) {
input += letter
wrong = ''
// console.log('匹配上了')
stringIndex++
//如果当前词没有index，说明这个词完了，下一个是空格
if (!currentWord[stringIndex]) {
if (!currentWord.name[stringIndex]) {
input = wrong = ''
isSpace = true
//但如果当前句子也没有index+1，并且当前段也没sentenceIndex+1，说明本段完了，不需要打空格，直接跳到下一段吧
@@ -251,21 +252,15 @@ function onKeyDown(e: KeyboardEvent) {
}
}
} else {
let word: Word = {
name: currentWord,
usphone: '',
ukphone: '',
trans: []
}
if (!store.wrongWordDict.originWords.find((v: Word) => v.name.toLowerCase() === currentWord.toLowerCase())) {
store.wrongWordDict.originWords.push(word)
store.wrongWordDict.words.push(word)
if (!store.wrongWordDict.originWords.find((v: Word) => v.name.toLowerCase() === currentWord.name.toLowerCase())) {
store.wrongWordDict.originWords.push(currentWord)
store.wrongWordDict.words.push(currentWord)
store.wrongWordDict.chapterWords = [store.wrongWordDict.words]
}
if (!store.skipWordNamesWithSimpleWords.includes(currentWord.toLowerCase())) {
if (!practiceStore.wrongWords.find((v) => v.name.toLowerCase() === currentWord.toLowerCase())) {
practiceStore.wrongWords.push(word)
if (!store.skipWordNamesWithSimpleWords.includes(currentWord.name.toLowerCase())) {
if (!practiceStore.wrongWords.find((v) => v.name.toLowerCase() === currentWord.name.toLowerCase())) {
practiceStore.wrongWords.push(currentWord)
practiceStore.wrongNumber++
}
}
@@ -324,12 +319,12 @@ function onKeyUp() {
useEventListener('keydown', onKeyDown)
useEventListener('keyup', onKeyUp)
function playWord(word: string) {
playAudio(word)
function playWord(word: ArticleWord) {
playAudio(word.name)
}
function currentWordInput(word: string, i: number, i2: number,) {
let str = word.slice(input.length + wrong.length, input.length + wrong.length + 1)
function currentWordInput(word: ArticleWord, i: number, i2: number,) {
let str = word.name.slice(input.length + wrong.length, input.length + wrong.length + 1)
if (hoverIndex.sectionIndex === i && hoverIndex.sentenceIndex === i2) {
return str
@@ -341,8 +336,8 @@ function currentWordInput(word: string, i: number, i2: number,) {
return str
}
function currentWordEnd(word: string, i: number, i2: number,) {
let str = word.slice(input.length + wrong.length + 1)
function currentWordEnd(word: ArticleWord, i: number, i2: number,) {
let str = word.name.slice(input.length + wrong.length + 1)
if (hoverIndex.sectionIndex === i && hoverIndex.sentenceIndex === i2) {
return str
}
@@ -353,8 +348,8 @@ function currentWordEnd(word: string, i: number, i2: number,) {
return str
}
function otherWord(word: string, i: number, i2: number, i3: number) {
let str = word
function otherWord(word: ArticleWord, i: number, i2: number, i3: number) {
let str = word.name
if (hoverIndex.sectionIndex === i && hoverIndex.sentenceIndex === i2) {
return str
@@ -388,8 +383,10 @@ function otherWord(word: string, i: number, i2: number, i3: number) {
@mouseleave="hoverIndex = {sectionIndex : -1,sentenceIndex :-1}"
@click="playAudio(sentence.sentence)"
v-for="(sentence,indexJ) in section">
<span class="word"
:class="[(sectionIndex>indexI
<span
v-for="(word,indexW) in sentence.words"
class="word"
:class="[(sectionIndex>indexI
?'wrote':
(sectionIndex>=indexI &&sentenceIndex>indexJ)
?'wrote' :
@@ -401,8 +398,7 @@ function otherWord(word: string, i: number, i2: number, i3: number) {
(`${indexI}${indexJ}${indexW}` === currentIndex && !isSpace && wrong )?'word-wrong':'',
indexW === 0 && `word${indexI}-${indexJ}`
]"
@click="playWord(word)"
v-for="(word,indexW) in sentence.words">
@click="playWord(word)">
<span v-if="`${indexI}${indexJ}${indexW}` === currentIndex && !isSpace">
<span class="input" v-if="input">{{ input }}</span>
<span class="wrong" :class="wrong === ' ' && 'bg-wrong'" v-if="wrong">{{ wrong }}</span>
@@ -411,6 +407,7 @@ function otherWord(word: string, i: number, i2: number, i3: number) {
</span>
<span v-else>{{ otherWord(word, indexI, indexJ, indexW) }}</span>
<span
v-if="word.nextSpace"
:class="[
`${indexI}${indexJ}${indexW}`,
(`${indexI}${indexJ}${indexW}` === currentIndex && isSpace && wrong) && 'bg-wrong',

283
src/hooks/useSplitArticle.ts
View File

@@ -2,158 +2,159 @@ import {DefaultArticleWord, Sentence, Word} from "@/types.ts";
import {cloneDeep} from "lodash";
interface KeyboardMap {
Period: string,
Comma: string,
Slash: string,
Exclamation: string,
Quote: string,
Period: string,
Comma: string,
Slash: string,
Exclamation: string,
Quote: string,
}
export const CnKeyboardMap: KeyboardMap = {
Period: '。',
Comma: '，',
Slash: '？',
Exclamation: '！',
Quote: '”',
Period: '。',
Comma: '，',
Slash: '？',
Exclamation: '！',
Quote: '”',
}
export const EnKeyboardMap: KeyboardMap = {
Period: '.',
Comma: ',',
Slash: '?',
Exclamation: '!',
Quote: '"',
Period: '.',
Comma: ',',
Slash: '?',
Exclamation: '!',
Quote: '"',
}
export function useSplitArticle(article: string, lang: string = 'en', keyboardMap: KeyboardMap = EnKeyboardMap): Sentence[][] {
let sections: Sentence[][] = []
let section: Sentence[] = []
let sentence: Sentence = {
sentence: '',
words: []
}
section.push(sentence)
sections.push(section)
let word = cloneDeep({...DefaultArticleWord, name: '', nextSpace: true});
//加\n用于添加最后一段
article += '\n'
if (lang === 'en') {
article = article.replaceAll(`‘`, '"')
article = article.replaceAll(`’`, '"')
article = article.replaceAll(`“`, '"')
article = article.replaceAll(`”`, '"')
}
let sections: Sentence[][] = []
let section: Sentence[] = []
let sentence: Sentence = {
sentence: '',
words: []
}
section.push(sentence)
sections.push(section)
let word = cloneDeep({...DefaultArticleWord, name: '', nextSpace: true});
//加\n用于添加最后一段
article += '\n'
if (lang === 'en') {
article = article.replaceAll(`‘`, '"')
article = article.replaceAll(`’`, '"')
article = article.replaceAll(`“`, '"')
article = article.replaceAll(`”`, '"')
}
// console.log('article', article)
// console.log('article', article)
article.split('').map((v, i, arr) => {
switch (v) {
case ' ':
if (word.name) {
sentence.words.push(word)
word = cloneDeep(DefaultArticleWord)
}
break
case keyboardMap.Period:
case keyboardMap.Comma:
case keyboardMap.Slash:
case keyboardMap.Exclamation:
word.nextSpace = false
sentence.words.push(word)
sentence.words.push(cloneDeep({...DefaultArticleWord, name: v, nextSpace: true}))
// sentence.words = sentence.words.filter(v => v)
sentence.sentence = sentence.words.map(v => v.name).join(' ')
section.push({
sentence: '',
words: []
})
sentence = section[section.length - 1]
word = cloneDeep(DefaultArticleWord)
break
case keyboardMap.Quote:
let lastSentence = {
sentence: '',
words: []
}
let startSymbol = null
let indexs = {
a: -1,
b: -1,
c: -1
}
//TODO 可以优化成for+break
sections.toReversed().map((sectionItem, a) => {
sectionItem.toReversed().map((sentenceItem, b) => {
sentenceItem.words.toReversed().map((wordItem, c) => {
if (wordItem.symbolPosition !== '' && !startSymbol) {
startSymbol = wordItem.symbolPosition === 'end'
indexs = {a, b, c}
}
})
})
})
debugger
if (startSymbol || startSymbol === null) {
sentence.words.push(cloneDeep({
...DefaultArticleWord,
name: v,
nextSpace: false,
isSymbol: true,
symbolPosition: 'start'
}))
word = cloneDeep(DefaultArticleWord)
} else {
let addCurrent = false
sentence.words.toReversed().map((wordItem, c) => {
if (wordItem.symbolPosition === 'start' && !addCurrent) {
addCurrent = true
}
})
if (addCurrent) {
sentence.words.push(cloneDeep({
...DefaultArticleWord,
name: v,
nextSpace: true,
isSymbol: true,
symbolPosition: 'end'
}))
word = cloneDeep(DefaultArticleWord)
} else {
section[section.length - 2].words.push(cloneDeep({
...DefaultArticleWord,
name: v,
nextSpace: true,
isSymbol: true,
symbolPosition: 'end'
}))
section[section.length - 2].sentence = section[section.length - 2].words.map(v => v.name).join(' ')
}
}
sentence.sentence = sentence.words.map(v => v.name).join(' ')
break
case '\n':
section.pop()
if (i !== arr.length - 1) {
sections.push([])
section = sections[sections.length - 1]
section.push({
sentence: '',
words: []
})
sentence = section[section.length - 1]
word = cloneDeep(DefaultArticleWord)
}
break
default:
word.name += v
break
article.split('').map((v, i, arr) => {
switch (v) {
case ' ':
if (word.name) {
sentence.words.push(word)
word = cloneDeep(DefaultArticleWord)
}
})
// if (!sections.length && section.length) {
// sections.push(section)
// }
break
case keyboardMap.Period:
case keyboardMap.Comma:
case keyboardMap.Slash:
case keyboardMap.Exclamation:
word.nextSpace = false
sentence.words.push(word)
sentence.words.push(cloneDeep({...DefaultArticleWord, name: v, nextSpace: true}))
section.push({
sentence: '',
words: []
})
sentence = section[section.length - 1]
word = cloneDeep(DefaultArticleWord)
break
case keyboardMap.Quote:
let symbolPosition = null
let indexs = {
a: -1,
b: -1,
c: -1
}
//TODO 可以优化成for+break
sections.toReversed().map((sectionItem, a) => {
sectionItem.toReversed().map((sentenceItem, b) => {
sentenceItem.words.toReversed().map((wordItem, c) => {
if (wordItem.symbolPosition !== '' && symbolPosition === null) {
symbolPosition = wordItem.symbolPosition === 'end'
indexs = {a, b, c}
}
})
})
})
return sections
if (symbolPosition || symbolPosition === null) {
sentence.words.push(cloneDeep({
...DefaultArticleWord,
name: v,
nextSpace: false,
isSymbol: true,
symbolPosition: 'start'
}))
word = cloneDeep(DefaultArticleWord)
} else {
let addCurrent = false
sentence.words.toReversed().map((wordItem, c) => {
if (wordItem.symbolPosition === 'start' && !addCurrent) {
addCurrent = true
}
})
if (addCurrent) {
sentence.words.push(cloneDeep({
...DefaultArticleWord,
name: v,
nextSpace: true,
isSymbol: true,
symbolPosition: 'end'
}))
word = cloneDeep(DefaultArticleWord)
} else {
let lastSentence = section[section.length - 2]
lastSentence.words[lastSentence.words.length - 1].nextSpace = false
lastSentence.words.push(cloneDeep({
...DefaultArticleWord,
name: v,
nextSpace: true,
isSymbol: true,
symbolPosition: 'end'
}))
}
}
break
case '\n':
section.pop()
if (i !== arr.length - 1) {
sections.push([])
section = sections[sections.length - 1]
section.push({
sentence: '',
words: []
})
sentence = section[section.length - 1]
word = cloneDeep(DefaultArticleWord)
}
break
default:
word.name += v
break
}
})
sections.map((sectionItem, a) => {
sectionItem.map((sentenceItem, b) => {
sentenceItem.sentence = sentenceItem.words.reduce((previousValue: string, currentValue) => {
previousValue += currentValue.name + (currentValue.nextSpace ? ' ' : '')
return previousValue
}, '')
})
})
// if (!sections.length && section.length) {
// sections.push(section)
// }
return sections
}