mirror/tiptap
1
0
Fork 0
mirror of https://github.com/ueberdosis/tiptap.git synced 2024-11-28 07:40:13 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

add VueRendererOptions

Browse Source
This commit is contained in:
Philipp Kühn 2020-11-25 21:19:34 +01:00
parent 24a3cb444a
commit d479c184aa
1 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/vue/src/VueRenderer.ts
View File

@ -5,6 +5,11 @@ import { Node as ProseMirrorNode } from 'prosemirror-model'
import Vue from 'vue'
import { VueConstructor } from 'vue/types/umd'
interface VueRendererOptions {
stopEvent: ((event: Event) => boolean) | null,
update: ((node: ProseMirrorNode, decorations: Decoration[]) => boolean) | null,
}
class VueNodeView implements NodeView {
vm!: Vue
@ -23,7 +28,13 @@ class VueNodeView implements NodeView {
isDragging = false
constructor(component: Vue | VueConstructor, props: NodeViewRendererProps) {
options: VueRendererOptions = {
stopEvent: null,
update: null,
}
constructor(component: Vue | VueConstructor, props: NodeViewRendererProps, options?: Partial<VueRendererOptions>) {
this.options = { ...this.options, ...options }
this.editor = props.editor
this.extension = props.extension
this.node = props.node
@ -148,6 +159,10 @@ class VueNodeView implements NodeView {
}
stopEvent(event: Event) {
if (typeof this.options.stopEvent === 'function') {
return this.options.stopEvent(event)
}
const target = (event.target as HTMLElement)
const isInElement = this.dom.contains(target) && !this.contentDOM?.contains(target)
@ -209,6 +224,10 @@ class VueNodeView implements NodeView {
}
update(node: ProseMirrorNode, decorations: Decoration[]) {
if (typeof this.options.update === 'function') {
return this.options.update(node, decorations)
}
if (node.type !== this.node.type) {
return false
}
@ -246,6 +265,6 @@ class VueNodeView implements NodeView {
}
export default function VueRenderer(component: Vue | VueConstructor) {
return (props: NodeViewRendererProps) => new VueNodeView(component, props) as NodeView
export default function VueRenderer(component: Vue | VueConstructor, options?: Partial<VueRendererOptions>) {
return (props: NodeViewRendererProps) => new VueNodeView(component, props, options) as NodeView
}