You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
95 lines
2.7 KiB
95 lines
2.7 KiB
export default function (Quill) {
|
|
const Parchment = Quill.import('parchment')
|
|
const Container = Quill.import('blots/container')
|
|
const ListItem = Quill.import('formats/list/item')
|
|
|
|
class List extends Container {
|
|
static create (value) {
|
|
const tagName = value === 'ordered' ? 'OL' : 'UL'
|
|
const node = super.create(tagName)
|
|
if (value === 'checked' || value === 'unchecked') {
|
|
node.setAttribute('data-checked', value === 'checked')
|
|
}
|
|
return node
|
|
}
|
|
|
|
static formats (domNode) {
|
|
if (domNode.tagName === 'OL') return 'ordered'
|
|
if (domNode.tagName === 'UL') {
|
|
if (domNode.hasAttribute('data-checked')) {
|
|
return domNode.getAttribute('data-checked') === 'true' ? 'checked' : 'unchecked'
|
|
} else {
|
|
return 'bullet'
|
|
}
|
|
}
|
|
return undefined
|
|
}
|
|
|
|
constructor (domNode) {
|
|
super(domNode)
|
|
const listEventHandler = (e) => {
|
|
if (e.target.parentNode !== domNode) return
|
|
const format = this.statics.formats(domNode)
|
|
const blot = Parchment.find(e.target)
|
|
if (format === 'checked') {
|
|
blot.format('list', 'unchecked')
|
|
} else if (format === 'unchecked') {
|
|
blot.format('list', 'checked')
|
|
}
|
|
}
|
|
|
|
domNode.addEventListener('click', listEventHandler)
|
|
}
|
|
|
|
format (name, value) {
|
|
if (this.children.length > 0) {
|
|
this.children.tail.format(name, value)
|
|
}
|
|
}
|
|
|
|
formats () {
|
|
// We don't inherit from FormatBlot
|
|
return { [this.statics.blotName]: this.statics.formats(this.domNode) }
|
|
}
|
|
|
|
insertBefore (blot, ref) {
|
|
if (blot instanceof ListItem) {
|
|
super.insertBefore(blot, ref)
|
|
} else {
|
|
const index = ref == null ? this.length() : ref.offset(this)
|
|
const after = this.split(index)
|
|
after.parent.insertBefore(blot, after)
|
|
}
|
|
}
|
|
|
|
optimize (context) {
|
|
super.optimize(context)
|
|
const next = this.next
|
|
if (next != null && next.prev === this &&
|
|
next.statics.blotName === this.statics.blotName &&
|
|
next.domNode.tagName === this.domNode.tagName &&
|
|
next.domNode.getAttribute('data-checked') === this.domNode.getAttribute('data-checked')) {
|
|
next.moveChildren(this)
|
|
next.remove()
|
|
}
|
|
}
|
|
|
|
replace (target) {
|
|
if (target.statics.blotName !== this.statics.blotName) {
|
|
const item = Parchment.create(this.statics.defaultChild)
|
|
target.moveChildren(item)
|
|
this.appendChild(item)
|
|
}
|
|
super.replace(target)
|
|
}
|
|
}
|
|
List.blotName = 'list'
|
|
List.scope = Parchment.Scope.BLOCK_BLOT
|
|
List.tagName = ['OL', 'UL']
|
|
List.defaultChild = 'list-item'
|
|
List.allowedChildren = [ListItem]
|
|
|
|
return {
|
|
'formats/list': List
|
|
}
|
|
}
|
|
|