fix: resolve TypeScript errors in frontend build
This commit is contained in:
146
node_modules/prosemirror-dropcursor/dist/index.js
generated
vendored
Normal file
146
node_modules/prosemirror-dropcursor/dist/index.js
generated
vendored
Normal file
@@ -0,0 +1,146 @@
|
||||
import { Plugin } from 'prosemirror-state';
|
||||
import { dropPoint } from 'prosemirror-transform';
|
||||
|
||||
/**
|
||||
Create a plugin that, when added to a ProseMirror instance,
|
||||
causes a decoration to show up at the drop position when something
|
||||
is dragged over the editor.
|
||||
|
||||
Nodes may add a `disableDropCursor` property to their spec to
|
||||
control the showing of a drop cursor inside them. This may be a
|
||||
boolean or a function, which will be called with a view and a
|
||||
position, and should return a boolean.
|
||||
*/
|
||||
function dropCursor(options = {}) {
|
||||
return new Plugin({
|
||||
view(editorView) { return new DropCursorView(editorView, options); }
|
||||
});
|
||||
}
|
||||
class DropCursorView {
|
||||
constructor(editorView, options) {
|
||||
var _a;
|
||||
this.editorView = editorView;
|
||||
this.cursorPos = null;
|
||||
this.element = null;
|
||||
this.timeout = -1;
|
||||
this.width = (_a = options.width) !== null && _a !== void 0 ? _a : 1;
|
||||
this.color = options.color === false ? undefined : (options.color || "black");
|
||||
this.class = options.class;
|
||||
this.handlers = ["dragover", "dragend", "drop", "dragleave"].map(name => {
|
||||
let handler = (e) => { this[name](e); };
|
||||
editorView.dom.addEventListener(name, handler);
|
||||
return { name, handler };
|
||||
});
|
||||
}
|
||||
destroy() {
|
||||
this.handlers.forEach(({ name, handler }) => this.editorView.dom.removeEventListener(name, handler));
|
||||
}
|
||||
update(editorView, prevState) {
|
||||
if (this.cursorPos != null && prevState.doc != editorView.state.doc) {
|
||||
if (this.cursorPos > editorView.state.doc.content.size)
|
||||
this.setCursor(null);
|
||||
else
|
||||
this.updateOverlay();
|
||||
}
|
||||
}
|
||||
setCursor(pos) {
|
||||
if (pos == this.cursorPos)
|
||||
return;
|
||||
this.cursorPos = pos;
|
||||
if (pos == null) {
|
||||
this.element.parentNode.removeChild(this.element);
|
||||
this.element = null;
|
||||
}
|
||||
else {
|
||||
this.updateOverlay();
|
||||
}
|
||||
}
|
||||
updateOverlay() {
|
||||
let $pos = this.editorView.state.doc.resolve(this.cursorPos);
|
||||
let isBlock = !$pos.parent.inlineContent, rect;
|
||||
let editorDOM = this.editorView.dom, editorRect = editorDOM.getBoundingClientRect();
|
||||
let scaleX = editorRect.width / editorDOM.offsetWidth, scaleY = editorRect.height / editorDOM.offsetHeight;
|
||||
if (isBlock) {
|
||||
let before = $pos.nodeBefore, after = $pos.nodeAfter;
|
||||
if (before || after) {
|
||||
let node = this.editorView.nodeDOM(this.cursorPos - (before ? before.nodeSize : 0));
|
||||
if (node) {
|
||||
let nodeRect = node.getBoundingClientRect();
|
||||
let top = before ? nodeRect.bottom : nodeRect.top;
|
||||
if (before && after)
|
||||
top = (top + this.editorView.nodeDOM(this.cursorPos).getBoundingClientRect().top) / 2;
|
||||
let halfWidth = (this.width / 2) * scaleY;
|
||||
rect = { left: nodeRect.left, right: nodeRect.right, top: top - halfWidth, bottom: top + halfWidth };
|
||||
}
|
||||
}
|
||||
}
|
||||
if (!rect) {
|
||||
let coords = this.editorView.coordsAtPos(this.cursorPos);
|
||||
let halfWidth = (this.width / 2) * scaleX;
|
||||
rect = { left: coords.left - halfWidth, right: coords.left + halfWidth, top: coords.top, bottom: coords.bottom };
|
||||
}
|
||||
let parent = this.editorView.dom.offsetParent;
|
||||
if (!this.element) {
|
||||
this.element = parent.appendChild(document.createElement("div"));
|
||||
if (this.class)
|
||||
this.element.className = this.class;
|
||||
this.element.style.cssText = "position: absolute; z-index: 50; pointer-events: none;";
|
||||
if (this.color) {
|
||||
this.element.style.backgroundColor = this.color;
|
||||
}
|
||||
}
|
||||
this.element.classList.toggle("prosemirror-dropcursor-block", isBlock);
|
||||
this.element.classList.toggle("prosemirror-dropcursor-inline", !isBlock);
|
||||
let parentLeft, parentTop;
|
||||
if (!parent || parent == document.body && getComputedStyle(parent).position == "static") {
|
||||
parentLeft = -pageXOffset;
|
||||
parentTop = -pageYOffset;
|
||||
}
|
||||
else {
|
||||
let rect = parent.getBoundingClientRect();
|
||||
let parentScaleX = rect.width / parent.offsetWidth, parentScaleY = rect.height / parent.offsetHeight;
|
||||
parentLeft = rect.left - parent.scrollLeft * parentScaleX;
|
||||
parentTop = rect.top - parent.scrollTop * parentScaleY;
|
||||
}
|
||||
this.element.style.left = (rect.left - parentLeft) / scaleX + "px";
|
||||
this.element.style.top = (rect.top - parentTop) / scaleY + "px";
|
||||
this.element.style.width = (rect.right - rect.left) / scaleX + "px";
|
||||
this.element.style.height = (rect.bottom - rect.top) / scaleY + "px";
|
||||
}
|
||||
scheduleRemoval(timeout) {
|
||||
clearTimeout(this.timeout);
|
||||
this.timeout = setTimeout(() => this.setCursor(null), timeout);
|
||||
}
|
||||
dragover(event) {
|
||||
if (!this.editorView.editable)
|
||||
return;
|
||||
let pos = this.editorView.posAtCoords({ left: event.clientX, top: event.clientY });
|
||||
let node = pos && pos.inside >= 0 && this.editorView.state.doc.nodeAt(pos.inside);
|
||||
let disableDropCursor = node && node.type.spec.disableDropCursor;
|
||||
let disabled = typeof disableDropCursor == "function"
|
||||
? disableDropCursor(this.editorView, pos, event)
|
||||
: disableDropCursor;
|
||||
if (pos && !disabled) {
|
||||
let target = pos.pos;
|
||||
if (this.editorView.dragging && this.editorView.dragging.slice) {
|
||||
let point = dropPoint(this.editorView.state.doc, target, this.editorView.dragging.slice);
|
||||
if (point != null)
|
||||
target = point;
|
||||
}
|
||||
this.setCursor(target);
|
||||
this.scheduleRemoval(5000);
|
||||
}
|
||||
}
|
||||
dragend() {
|
||||
this.scheduleRemoval(20);
|
||||
}
|
||||
drop() {
|
||||
this.scheduleRemoval(20);
|
||||
}
|
||||
dragleave(event) {
|
||||
if (!this.editorView.dom.contains(event.relatedTarget))
|
||||
this.setCursor(null);
|
||||
}
|
||||
}
|
||||
|
||||
export { dropCursor };
|
||||
Reference in New Issue
Block a user