@phuong-tran-redoc/document-engine-core 0.0.16 → 0.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -3
- package/src/constants/indent.constant.js +1 -11
- package/src/constants/index.js +1 -18
- package/src/constants/table.constant.js +1 -11
- package/src/extensions/clear-content.extension.js +2 -12
- package/src/extensions/indent.extension.js +4 -14
- package/src/extensions/index.js +8 -25
- package/src/extensions/ordered-list.extension.js +2 -12
- package/src/extensions/reset-format.extension.js +2 -12
- package/src/extensions/reset-on-enter.extension.js +7 -12
- package/src/extensions/restricted-editing.extension.js +8 -25
- package/src/extensions/table-resizing.extension.js +15 -22
- package/src/extensions/table-style.extension.js +29 -57
- package/src/extensions/text-case.extension.js +4 -14
- package/src/index.d.ts +0 -31
- package/src/index.js +7 -242
- package/src/models/color.model.js +4 -14
- package/src/models/index.js +1 -18
- package/src/nodes/dynamic-field.node.js +9 -13
- package/src/nodes/heading.node.js +3 -13
- package/src/nodes/index.js +3 -20
- package/src/nodes/page-break.node.js +3 -13
- package/src/types/index.js +2 -19
- package/src/types/ordered-list.type.js +1 -4
- package/src/types/text-case.type.js +1 -4
- package/src/utils/color.util.js +1 -11
- package/src/utils/dom.util.js +1 -11
- package/src/utils/index.js +4 -21
- package/src/utils/table.util.js +22 -35
- package/src/utils/text.util.js +9 -22
- package/src/views/block-handler.js +9 -29
- package/src/views/index.js +1 -18
|
@@ -1,27 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: all[name]
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
HandleNodeView: function() {
|
|
13
|
-
return HandleNodeView;
|
|
14
|
-
},
|
|
15
|
-
TableNodeView: function() {
|
|
16
|
-
return TableNodeView;
|
|
17
|
-
},
|
|
18
|
-
createTableNodeView: function() {
|
|
19
|
-
return createTableNodeView;
|
|
20
|
-
}
|
|
21
|
-
});
|
|
22
|
-
const _model = require("@tiptap/pm/model");
|
|
23
|
-
const _state = require("@tiptap/pm/state");
|
|
24
|
-
class HandleNodeView {
|
|
1
|
+
import { DOMSerializer } from '@tiptap/pm/model';
|
|
2
|
+
import { NodeSelection, TextSelection } from '@tiptap/pm/state';
|
|
3
|
+
export class HandleNodeView {
|
|
25
4
|
setupDragHandling(view, getPos, node) {
|
|
26
5
|
const handleDragStart = (event)=>{
|
|
27
6
|
const pos = getPos();
|
|
@@ -31,7 +10,7 @@ class HandleNodeView {
|
|
|
31
10
|
event.dataTransfer.effectAllowed = 'move';
|
|
32
11
|
// ProseMirror expects this format
|
|
33
12
|
const slice = view.state.doc.slice(pos, pos + node.nodeSize);
|
|
34
|
-
const serializer =
|
|
13
|
+
const serializer = DOMSerializer.fromSchema(view.state.schema);
|
|
35
14
|
const dom = document.createElement('div');
|
|
36
15
|
dom.appendChild(serializer.serializeFragment(slice.content));
|
|
37
16
|
event.dataTransfer.setDragImage(this.dom, 0, 0);
|
|
@@ -72,7 +51,7 @@ class HandleNodeView {
|
|
|
72
51
|
event.preventDefault();
|
|
73
52
|
event.stopPropagation();
|
|
74
53
|
const pos = getPos() ?? 0;
|
|
75
|
-
const tr = view.state.tr.setSelection(
|
|
54
|
+
const tr = view.state.tr.setSelection(NodeSelection.create(view.state.doc, pos));
|
|
76
55
|
view.dispatch(tr);
|
|
77
56
|
}
|
|
78
57
|
isDragging = false;
|
|
@@ -117,7 +96,7 @@ class HandleNodeView {
|
|
|
117
96
|
const mappedInsertPos = tr.mapping.map(insertPos, -1);
|
|
118
97
|
const selectionPos = mappedInsertPos + 1;
|
|
119
98
|
// Di chuyển con trỏ vào node mới
|
|
120
|
-
view.dispatch(tr.setSelection(
|
|
99
|
+
view.dispatch(tr.setSelection(TextSelection.create(tr.doc, selectionPos)));
|
|
121
100
|
view.focus();
|
|
122
101
|
};
|
|
123
102
|
// Button Before event handlers
|
|
@@ -220,7 +199,7 @@ class HandleNodeView {
|
|
|
220
199
|
// this.setupDragHandling(view, getPos, node);
|
|
221
200
|
}
|
|
222
201
|
}
|
|
223
|
-
class TableNodeView extends HandleNodeView {
|
|
202
|
+
export class TableNodeView extends HandleNodeView {
|
|
224
203
|
createContentElement() {
|
|
225
204
|
// Create table element
|
|
226
205
|
const table = document.createElement('table');
|
|
@@ -305,6 +284,7 @@ class TableNodeView extends HandleNodeView {
|
|
|
305
284
|
}
|
|
306
285
|
}
|
|
307
286
|
}
|
|
308
|
-
|
|
287
|
+
// Factory function for Tiptap NodeView
|
|
288
|
+
export const createTableNodeView = (props)=>{
|
|
309
289
|
return new TableNodeView(props.node, props.view, props.getPos);
|
|
310
290
|
};
|
package/src/views/index.js
CHANGED
|
@@ -1,18 +1 @@
|
|
|
1
|
-
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
_export_star(require("./block-handler"), exports);
|
|
6
|
-
function _export_star(from, to) {
|
|
7
|
-
Object.keys(from).forEach(function(k) {
|
|
8
|
-
if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {
|
|
9
|
-
Object.defineProperty(to, k, {
|
|
10
|
-
enumerable: true,
|
|
11
|
-
get: function() {
|
|
12
|
-
return from[k];
|
|
13
|
-
}
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
return from;
|
|
18
|
-
}
|
|
1
|
+
export * from './block-handler';
|