')
const $box = this.dom('
')
let size = 0
const title = (this.lang.has('emoji.' + name)) ? this.lang.get('emoji.' + name) : name.charAt(0).toUpperCase() + name.slice(1)
$title.html(title)
$section.append($title)
$section.append($box)
for (const [key, value] of Object.entries(section)) {
if (filter && filter !== '' && key.search(filter) === -1) continue
const $item = this.dom('')
$item.html(value)
if (panel) {
$item.on('click', this._insertFromPanel.bind(this))
} else {
$item.on('click', this._insert.bind(this))
}
$box.append($item)
size++
}
if (size > 0) {
sections++
$modal.append($section)
}
}
return sections
},
_insert (e) {
this.app.modal.close()
e.preventDefault()
e.stopPropagation()
const $target = this.dom(e.target)
const value = $target.html()
const insertion = this.app.create('insertion')
insertion.insertText(value, 'after')
},
_insertFromPanel (e, $el) {
this.app.editor.restore()
const $item = ($el) || this.dom(e.target)
const replacement = $item.html()
const trigger = this.opts.get('emoji.trigger')
const offset = this.app.create('offset')
const selection = this.app.create('selection')
const current = selection.getCurrent()
let currentText = current.textContent
const offsetObj = offset.get()
const leftFix = (trigger + this.handleStr).length
const what = trigger + this.handleStr
const n = currentText.lastIndexOf(what)
if (n >= 0) {
currentText = currentText.substring(0, n) + replacement + currentText.substring(n + what.length)
}
current.textContent = currentText
offsetObj.start = offsetObj.start - leftFix + replacement.length
offsetObj.end = offsetObj.end - leftFix + replacement.length
offset.set(offsetObj)
// hide
this._hideForce()
},
_hidePanel (e) {
let hidable = false
const key = (e && e.which)
const ks = this.app.keycodes
if (!e) {
hidable = true
} else if (e.type === 'click' || key === ks.ESC || key === ks.SPACE) {
hidable = true
}
if (hidable) {
this._hideForce()
}
},
_hide () {
this.app.panel.close()
this._stopEvents()
},
_hideForce () {
this._hide()
this.handleStr = ''
this.handleLen = 1
},
_startEvents () {
const name = 'click.rx-plugin-emoji keydown.rx-plugin-emoji'
this.app.getDoc().on(name, this._hidePanel.bind(this))
this.app.editor.getEditor().on(name, this._hidePanel.bind(this))
},
_stopEvents () {
const name = '.rx-plugin-emoji'
this.app.getDoc().off(name)
this.app.editor.getEditor().off(name)
}
})