File size: 2,792 Bytes
4304c6d |
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 96 97 98 99 100 101 |
import type { LexicalNode, NodeKey, SerializedLexicalNode } from 'lexical'
import { DecoratorNode } from 'lexical'
import ContextBlockComponent from './component'
import type { Dataset } from './index'
export type SerializedNode = SerializedLexicalNode & { datasets: Dataset[]; onAddContext: () => void; canNotAddContext: boolean }
export class ContextBlockNode extends DecoratorNode<JSX.Element> {
__datasets: Dataset[]
__onAddContext: () => void
__canNotAddContext: boolean
static getType(): string {
return 'context-block'
}
static clone(node: ContextBlockNode): ContextBlockNode {
return new ContextBlockNode(node.__datasets, node.__onAddContext, node.getKey(), node.__canNotAddContext)
}
isInline(): boolean {
return true
}
constructor(datasets: Dataset[], onAddContext: () => void, key?: NodeKey, canNotAddContext?: boolean) {
super(key)
this.__datasets = datasets
this.__onAddContext = onAddContext
this.__canNotAddContext = canNotAddContext || false
}
createDOM(): HTMLElement {
const div = document.createElement('div')
div.classList.add('inline-flex', 'items-center', 'align-middle')
return div
}
updateDOM(): false {
return false
}
decorate(): JSX.Element {
return (
<ContextBlockComponent
nodeKey={this.getKey()}
datasets={this.getDatasets()}
onAddContext={this.getOnAddContext()}
canNotAddContext={this.getCanNotAddContext()}
/>
)
}
getDatasets(): Dataset[] {
const self = this.getLatest()
return self.__datasets
}
getOnAddContext(): () => void {
const self = this.getLatest()
return self.__onAddContext
}
getCanNotAddContext(): boolean {
const self = this.getLatest()
return self.__canNotAddContext
}
static importJSON(serializedNode: SerializedNode): ContextBlockNode {
const node = $createContextBlockNode(serializedNode.datasets, serializedNode.onAddContext, serializedNode.canNotAddContext)
return node
}
exportJSON(): SerializedNode {
return {
type: 'context-block',
version: 1,
datasets: this.getDatasets(),
onAddContext: this.getOnAddContext(),
canNotAddContext: this.getCanNotAddContext(),
}
}
getTextContent(): string {
return '{{#context#}}'
}
}
export function $createContextBlockNode(datasets: Dataset[], onAddContext: () => void, canNotAddContext?: boolean): ContextBlockNode {
return new ContextBlockNode(datasets, onAddContext, undefined, canNotAddContext)
}
export function $isContextBlockNode(
node: ContextBlockNode | LexicalNode | null | undefined,
): boolean {
return node instanceof ContextBlockNode
}
|