@ctzhian/tiptap 1.6.10 → 1.6.12
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.
|
@@ -23,7 +23,7 @@ import { Box, Divider, Stack, Typography, useTheme } from '@mui/material';
|
|
|
23
23
|
import DragHandle from '@tiptap/extension-drag-handle-react';
|
|
24
24
|
import { Fragment, Slice } from '@tiptap/pm/model';
|
|
25
25
|
import { NodeSelection } from '@tiptap/pm/state';
|
|
26
|
-
import React, { useCallback,
|
|
26
|
+
import React, { useCallback, useState } from 'react';
|
|
27
27
|
import { convertNodeAt, downloadFiles, filterResourcesByType, getAllResources, getShortcutKeyText } from "../../util";
|
|
28
28
|
import Menu from "../Menu";
|
|
29
29
|
import { ToolbarItem } from "../Toolbar";
|
|
@@ -122,105 +122,6 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
|
|
|
122
122
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
123
123
|
currentNode = _useState8[0],
|
|
124
124
|
setCurrentNode = _useState8[1];
|
|
125
|
-
|
|
126
|
-
// 利用插件支持的元信息，在捕获阶段锁定/解锁拖拽句柄，避免在行内/无效区域触发内部 posAtDOM 计算
|
|
127
|
-
var lockedRef = useRef(true);
|
|
128
|
-
useEffect(function () {
|
|
129
|
-
if (!editor || editor !== null && editor !== void 0 && editor.isDestroyed) return;
|
|
130
|
-
var disposed = false;
|
|
131
|
-
var cleanup = null;
|
|
132
|
-
var onMouseMoveCapture = function onMouseMoveCapture(e) {
|
|
133
|
-
if (!editor.isEditable) return;
|
|
134
|
-
var viewAny;
|
|
135
|
-
var root;
|
|
136
|
-
try {
|
|
137
|
-
var _viewAny;
|
|
138
|
-
viewAny = editor.view;
|
|
139
|
-
root = (_viewAny = viewAny) === null || _viewAny === void 0 ? void 0 : _viewAny.dom;
|
|
140
|
-
} catch (_unused) {
|
|
141
|
-
return;
|
|
142
|
-
}
|
|
143
|
-
if (!root) return;
|
|
144
|
-
var el = document.elementFromPoint(e.clientX, e.clientY);
|
|
145
|
-
if (!el) return;
|
|
146
|
-
var cur = el;
|
|
147
|
-
var allowed = false;
|
|
148
|
-
while (cur && root.contains(cur)) {
|
|
149
|
-
var _desc$node;
|
|
150
|
-
var desc = cur.pmViewDesc;
|
|
151
|
-
if (desc !== null && desc !== void 0 && (_desc$node = desc.node) !== null && _desc$node !== void 0 && _desc$node.isBlock) {
|
|
152
|
-
allowed = true;
|
|
153
|
-
break;
|
|
154
|
-
}
|
|
155
|
-
if (cur.hasAttribute && cur.hasAttribute('data-drag-handle')) {
|
|
156
|
-
allowed = true;
|
|
157
|
-
break;
|
|
158
|
-
}
|
|
159
|
-
cur = cur.parentElement;
|
|
160
|
-
}
|
|
161
|
-
var shouldLock = !allowed;
|
|
162
|
-
if (shouldLock !== lockedRef.current) {
|
|
163
|
-
lockedRef.current = shouldLock;
|
|
164
|
-
try {
|
|
165
|
-
var _viewAny2, _viewAny2$dispatch;
|
|
166
|
-
var tr = editor.state.tr.setMeta('lockDragHandle', shouldLock);
|
|
167
|
-
if (shouldLock) tr.setMeta('hideDragHandle', true);
|
|
168
|
-
(_viewAny2 = viewAny) === null || _viewAny2 === void 0 || (_viewAny2$dispatch = _viewAny2.dispatch) === null || _viewAny2$dispatch === void 0 || _viewAny2$dispatch.call(_viewAny2, tr);
|
|
169
|
-
} catch (_unused2) {}
|
|
170
|
-
}
|
|
171
|
-
};
|
|
172
|
-
var bind = function bind() {
|
|
173
|
-
if (disposed) return false;
|
|
174
|
-
var viewAny;
|
|
175
|
-
var root;
|
|
176
|
-
try {
|
|
177
|
-
var _viewAny3;
|
|
178
|
-
viewAny = editor.view;
|
|
179
|
-
root = (_viewAny3 = viewAny) === null || _viewAny3 === void 0 ? void 0 : _viewAny3.dom;
|
|
180
|
-
} catch (_unused3) {
|
|
181
|
-
return false;
|
|
182
|
-
}
|
|
183
|
-
if (!root) return false;
|
|
184
|
-
try {
|
|
185
|
-
var _viewAny4, _viewAny4$dispatch;
|
|
186
|
-
lockedRef.current = true;
|
|
187
|
-
var tr0 = editor.state.tr.setMeta('lockDragHandle', true).setMeta('hideDragHandle', true);
|
|
188
|
-
(_viewAny4 = viewAny) === null || _viewAny4 === void 0 || (_viewAny4$dispatch = _viewAny4.dispatch) === null || _viewAny4$dispatch === void 0 || _viewAny4$dispatch.call(_viewAny4, tr0);
|
|
189
|
-
} catch (_unused4) {}
|
|
190
|
-
root.addEventListener('mousemove', onMouseMoveCapture, {
|
|
191
|
-
capture: true
|
|
192
|
-
});
|
|
193
|
-
cleanup = function cleanup() {
|
|
194
|
-
root && root.removeEventListener('mousemove', onMouseMoveCapture, {
|
|
195
|
-
capture: true
|
|
196
|
-
});
|
|
197
|
-
};
|
|
198
|
-
return true;
|
|
199
|
-
};
|
|
200
|
-
if (!bind()) {
|
|
201
|
-
var onCreate = function onCreate() {
|
|
202
|
-
bind();
|
|
203
|
-
};
|
|
204
|
-
try {
|
|
205
|
-
var _on, _ref4;
|
|
206
|
-
(_on = (_ref4 = editor).on) === null || _on === void 0 || _on.call(_ref4, 'create', onCreate);
|
|
207
|
-
} catch (_unused5) {}
|
|
208
|
-
return function () {
|
|
209
|
-
var _cleanup;
|
|
210
|
-
disposed = true;
|
|
211
|
-
try {
|
|
212
|
-
var _off, _ref5;
|
|
213
|
-
(_off = (_ref5 = editor).off) === null || _off === void 0 || _off.call(_ref5, 'create', onCreate);
|
|
214
|
-
} catch (_unused6) {}
|
|
215
|
-
(_cleanup = cleanup) === null || _cleanup === void 0 || _cleanup();
|
|
216
|
-
};
|
|
217
|
-
}
|
|
218
|
-
return function () {
|
|
219
|
-
var _cleanup2;
|
|
220
|
-
disposed = true;
|
|
221
|
-
(_cleanup2 = cleanup) === null || _cleanup2 === void 0 || _cleanup2();
|
|
222
|
-
};
|
|
223
|
-
}, [editor]);
|
|
224
125
|
var THEME_TEXT_COLOR = [{
|
|
225
126
|
label: '默认色',
|
|
226
127
|
value: theme.palette.text.primary
|
|
@@ -339,9 +240,9 @@ var CustomDragHandle = function CustomDragHandle(_ref3) {
|
|
|
339
240
|
var attrs = current.editor.getAttributes(node.type.name);
|
|
340
241
|
return Number(attrs.indent) || 0;
|
|
341
242
|
};
|
|
342
|
-
var shouldShowButton = function shouldShowButton(
|
|
343
|
-
var editor =
|
|
344
|
-
data =
|
|
243
|
+
var shouldShowButton = function shouldShowButton(_ref4) {
|
|
244
|
+
var editor = _ref4.editor,
|
|
245
|
+
data = _ref4.data;
|
|
345
246
|
if (!editor || !editor.isEditable) return false;
|
|
346
247
|
var currentNode = data.node;
|
|
347
248
|
var empty = (currentNode === null || currentNode === void 0 ? void 0 : currentNode.textContent) === '';
|
|
@@ -9,7 +9,6 @@ import { ReactNodeViewRenderer } from "@tiptap/react";
|
|
|
9
9
|
import ImageViewWrapper from "../component/Image";
|
|
10
10
|
var customImage = function customImage(props) {
|
|
11
11
|
return Image.extend({
|
|
12
|
-
marks: '',
|
|
13
12
|
addKeyboardShortcuts: function addKeyboardShortcuts() {
|
|
14
13
|
var _this = this;
|
|
15
14
|
return {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ctzhian/tiptap",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.12",
|
|
4
4
|
"description": "基于 Tiptap 二次开发的编辑器组件",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -81,36 +81,36 @@
|
|
|
81
81
|
},
|
|
82
82
|
"dependencies": {
|
|
83
83
|
"@floating-ui/dom": "^1.7.2",
|
|
84
|
-
"@tiptap/core": "^3.
|
|
85
|
-
"@tiptap/extension-bubble-menu": "^3.
|
|
84
|
+
"@tiptap/core": "^3.3.0",
|
|
85
|
+
"@tiptap/extension-bubble-menu": "^3.3.0",
|
|
86
86
|
"@tiptap/extension-code": "^3.4.3",
|
|
87
|
-
"@tiptap/extension-code-block-lowlight": "^3.
|
|
88
|
-
"@tiptap/extension-details": "^3.
|
|
89
|
-
"@tiptap/extension-drag-handle-react": "^3.
|
|
90
|
-
"@tiptap/extension-emoji": "^3.
|
|
91
|
-
"@tiptap/extension-file-handler": "^3.
|
|
92
|
-
"@tiptap/extension-highlight": "^3.
|
|
93
|
-
"@tiptap/extension-image": "^3.
|
|
94
|
-
"@tiptap/extension-invisible-characters": "^3.
|
|
95
|
-
"@tiptap/extension-link": "^3.
|
|
96
|
-
"@tiptap/extension-list": "^3.
|
|
97
|
-
"@tiptap/extension-mathematics": "^3.
|
|
98
|
-
"@tiptap/extension-mention": "^3.
|
|
99
|
-
"@tiptap/extension-subscript": "^3.
|
|
100
|
-
"@tiptap/extension-superscript": "^3.
|
|
101
|
-
"@tiptap/extension-table": "^3.
|
|
102
|
-
"@tiptap/extension-table-of-contents": "^3.
|
|
103
|
-
"@tiptap/extension-text-align": "^3.
|
|
104
|
-
"@tiptap/extension-text-style": "^3.
|
|
105
|
-
"@tiptap/extension-unique-id": "^3.
|
|
106
|
-
"@tiptap/extension-youtube": "^3.
|
|
107
|
-
"@tiptap/extensions": "^3.
|
|
108
|
-
"@tiptap/html": "^3.
|
|
109
|
-
"@tiptap/pm": "^3.
|
|
110
|
-
"@tiptap/react": "^3.
|
|
111
|
-
"@tiptap/starter-kit": "^3.
|
|
112
|
-
"@tiptap/static-renderer": "^3.
|
|
113
|
-
"@tiptap/suggestion": "^3.
|
|
87
|
+
"@tiptap/extension-code-block-lowlight": "^3.3.0",
|
|
88
|
+
"@tiptap/extension-details": "^3.3.0",
|
|
89
|
+
"@tiptap/extension-drag-handle-react": "^3.3.0",
|
|
90
|
+
"@tiptap/extension-emoji": "^3.3.0",
|
|
91
|
+
"@tiptap/extension-file-handler": "^3.3.0",
|
|
92
|
+
"@tiptap/extension-highlight": "^3.3.0",
|
|
93
|
+
"@tiptap/extension-image": "^3.3.0",
|
|
94
|
+
"@tiptap/extension-invisible-characters": "^3.3.0",
|
|
95
|
+
"@tiptap/extension-link": "^3.3.0",
|
|
96
|
+
"@tiptap/extension-list": "^3.3.0",
|
|
97
|
+
"@tiptap/extension-mathematics": "^3.3.0",
|
|
98
|
+
"@tiptap/extension-mention": "^3.3.0",
|
|
99
|
+
"@tiptap/extension-subscript": "^3.3.0",
|
|
100
|
+
"@tiptap/extension-superscript": "^3.3.0",
|
|
101
|
+
"@tiptap/extension-table": "^3.3.0",
|
|
102
|
+
"@tiptap/extension-table-of-contents": "^3.3.0",
|
|
103
|
+
"@tiptap/extension-text-align": "^3.3.0",
|
|
104
|
+
"@tiptap/extension-text-style": "^3.3.0",
|
|
105
|
+
"@tiptap/extension-unique-id": "^3.3.0",
|
|
106
|
+
"@tiptap/extension-youtube": "^3.3.0",
|
|
107
|
+
"@tiptap/extensions": "^3.3.0",
|
|
108
|
+
"@tiptap/html": "^3.3.0",
|
|
109
|
+
"@tiptap/pm": "^3.3.0",
|
|
110
|
+
"@tiptap/react": "^3.3.0",
|
|
111
|
+
"@tiptap/starter-kit": "^3.3.0",
|
|
112
|
+
"@tiptap/static-renderer": "^3.3.0",
|
|
113
|
+
"@tiptap/suggestion": "^3.3.0",
|
|
114
114
|
"diff-match-patch": "^1.0.5",
|
|
115
115
|
"highlight.js": "^11.11.1",
|
|
116
116
|
"jszip": "^3.10.1",
|