anatolykopyl/vue-highlights
1
0
Fork 0
mirror of https://github.com/anatolykopyl/vue-highlights.git synced 2026-03-26 12:55:35 +00:00
Code Issues Projects Releases Wiki Activity

Merge branch 'two-way-binding' into new

Browse Source
This commit is contained in:
Anatoly Kopyl
2022-07-09 20:11:16 +03:00
parent ad6f22dfde 2bbd11a7ed
commit b0a3890db4
7 changed files with 37 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
dist/vue-highlights.common.js vendored
View File

@@ -1751,16 +1751,21 @@ function src_autoLink (text, options) {
}, },
data () { data () {
return { return {
focused: false, focused: false
body: ''
} }
}, },
computed: { computed: {
valueModel: {
get () { return this.value },
set (value) {
this.$emit('input', value)
}
},
showPlaceholder () { showPlaceholder () {
return !this.body.replace(/^\s*\n/gm, '').length return !this.valueModel.replace(/^\s*\n/gm, '').length
}, },
computedBody () { computedBody () {
return highlight(this.body, { return highlight(this.valueModel, {
extractUrlsWithoutProtocol: this.extractUrlsWithoutProtocol, extractUrlsWithoutProtocol: this.extractUrlsWithoutProtocol,
mentionsWithDots: this.mentionsWithDots mentionsWithDots: this.mentionsWithDots
}) })
@@ -1789,7 +1794,7 @@ function src_autoLink (text, options) {
}, },
clear () { clear () {
this.$refs.mbody.innerText = '' this.$refs.mbody.innerText = ''
this.body = '' this.valueModel = ''
}, },
onKeyUp (e) { onKeyUp (e) {
const keysToIgnore = ['Shift', 'Meta', 'Control', 'Alt', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'] const keysToIgnore = ['Shift', 'Meta', 'Control', 'Alt', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']
@@ -1799,8 +1804,7 @@ function src_autoLink (text, options) {
if (e.key === 'Enter') { if (e.key === 'Enter') {
caretPosition++ caretPosition++
} }
this.body = e.target.innerText this.valueModel = e.target.innerText
this.$emit('input', this.body)
this.$nextTick(() => { this.$nextTick(() => {
this.setCaretPos(caretPosition) this.setCaretPos(caretPosition)
}) })

2
dist/vue-highlights.common.js.map vendored
View File

File diff suppressed because one or more lines are too long

18
dist/vue-highlights.umd.js vendored
View File

@@ -1760,16 +1760,21 @@ function src_autoLink (text, options) {
}, },
data () { data () {
return { return {
focused: false, focused: false
body: ''
} }
}, },
computed: { computed: {
valueModel: {
get () { return this.value },
set (value) {
this.$emit('input', value)
}
},
showPlaceholder () { showPlaceholder () {
return !this.body.replace(/^\s*\n/gm, '').length return !this.valueModel.replace(/^\s*\n/gm, '').length
}, },
computedBody () { computedBody () {
return highlight(this.body, { return highlight(this.valueModel, {
extractUrlsWithoutProtocol: this.extractUrlsWithoutProtocol, extractUrlsWithoutProtocol: this.extractUrlsWithoutProtocol,
mentionsWithDots: this.mentionsWithDots mentionsWithDots: this.mentionsWithDots
}) })
@@ -1798,7 +1803,7 @@ function src_autoLink (text, options) {
}, },
clear () { clear () {
this.$refs.mbody.innerText = '' this.$refs.mbody.innerText = ''
this.body = '' this.valueModel = ''
}, },
onKeyUp (e) { onKeyUp (e) {
const keysToIgnore = ['Shift', 'Meta', 'Control', 'Alt', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'] const keysToIgnore = ['Shift', 'Meta', 'Control', 'Alt', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']
@@ -1808,8 +1813,7 @@ function src_autoLink (text, options) {
if (e.key === 'Enter') { if (e.key === 'Enter') {
caretPosition++ caretPosition++
} }
this.body = e.target.innerText this.valueModel = e.target.innerText
this.$emit('input', this.body)
this.$nextTick(() => { this.$nextTick(() => {
this.setCaretPos(caretPosition) this.setCaretPos(caretPosition)
}) })

2
dist/vue-highlights.umd.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/vue-highlights.umd.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/vue-highlights.umd.min.js.map vendored
View File

File diff suppressed because one or more lines are too long

18
src/index.js
View File

@@ -31,16 +31,21 @@ export default {
}, },
data () { data () {
return { return {
focused: false, focused: false
body: ''
} }
}, },
computed: { computed: {
valueModel: {
get () { return this.value },
set (value) {
this.$emit('input', value)
}
},
showPlaceholder () { showPlaceholder () {
return !this.body.replace(/^\s*\n/gm, '').length return !this.valueModel.replace(/^\s*\n/gm, '').length
}, },
computedBody () { computedBody () {
return highlight(this.body, { return highlight(this.valueModel, {
extractUrlsWithoutProtocol: this.extractUrlsWithoutProtocol, extractUrlsWithoutProtocol: this.extractUrlsWithoutProtocol,
mentionsWithDots: this.mentionsWithDots mentionsWithDots: this.mentionsWithDots
}) })
@@ -69,7 +74,7 @@ export default {
}, },
clear () { clear () {
this.$refs.mbody.innerText = '' this.$refs.mbody.innerText = ''
this.body = '' this.valueModel = ''
}, },
onKeyUp (e) { onKeyUp (e) {
const keysToIgnore = ['Shift', 'Meta', 'Control', 'Alt', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'] const keysToIgnore = ['Shift', 'Meta', 'Control', 'Alt', 'ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight']
@@ -79,8 +84,7 @@ export default {
if (e.key === 'Enter') { if (e.key === 'Enter') {
caretPosition++ caretPosition++
} }
this.body = e.target.innerText this.valueModel = e.target.innerText
this.$emit('input', this.body)
this.$nextTick(() => { this.$nextTick(() => {
this.setCaretPos(caretPosition) this.setCaretPos(caretPosition)
}) })