'f'

mh-two-thousand-and-two

2024-04-12 26f2711ef9461961fb953e2b497bd314ef95e345

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
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
  }
}