@zjlab-fe/data-hub-ui 0.33.1 → 0.33.3
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.
|
@@ -231,19 +231,34 @@ const NotionEditor = forwardRef(({ initContent, editable = false, className = ''
|
|
|
231
231
|
useEffect(() => {
|
|
232
232
|
if (editor) {
|
|
233
233
|
editor.isEditable = editable;
|
|
234
|
-
if (window.location.hash) {
|
|
235
|
-
const id = window.location.hash.split('#')[1];
|
|
236
|
-
if (id) {
|
|
237
|
-
setTimeout(() => {
|
|
238
|
-
var _a;
|
|
239
|
-
// 将 hash 中指定 id 对应的 block 滚动到可视范围内
|
|
240
|
-
const target = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`.data-hub-ui-blocknote-editor [data-id="${CSS.escape(id)}"]`);
|
|
241
|
-
target === null || target === void 0 ? void 0 : target.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
242
|
-
}, 500);
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
234
|
}
|
|
246
235
|
}, [editor, editable]);
|
|
236
|
+
useEffect(() => {
|
|
237
|
+
const onHashChange = () => {
|
|
238
|
+
if (editor) {
|
|
239
|
+
setTimeout(() => {
|
|
240
|
+
var _a;
|
|
241
|
+
if (window.location.hash) {
|
|
242
|
+
const id = window.location.hash.slice(1);
|
|
243
|
+
if (id) {
|
|
244
|
+
// 将 hash 中指定 id 对应的 block 滚动到可视范围内
|
|
245
|
+
const target = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(`.data-hub-ui-blocknote-editor [data-id="${CSS.escape(id)}"]`);
|
|
246
|
+
target === null || target === void 0 ? void 0 : target.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
}, 500);
|
|
250
|
+
}
|
|
251
|
+
};
|
|
252
|
+
onHashChange();
|
|
253
|
+
if (window.navigation) {
|
|
254
|
+
window.navigation.addEventListener('navigate', onHashChange);
|
|
255
|
+
}
|
|
256
|
+
return () => {
|
|
257
|
+
if (window.navigation) {
|
|
258
|
+
window.navigation.removeEventListener('navigate', onHashChange);
|
|
259
|
+
}
|
|
260
|
+
};
|
|
261
|
+
}, [editor]);
|
|
247
262
|
const handleChange = useCallback(() => {
|
|
248
263
|
if (editor) {
|
|
249
264
|
const blocks = editor.document;
|