@4399ywkf/editor 0.4.2 → 0.4.4

package/dist/{DocView-IZ4JBSIA.js → DocView-XQMJUUVK.js}

@@ -1,4 +1,4 @@
-import { EditorConfigProvider, NotionEditor } from './chunk-FQCG2HNJ.js';
+import { EditorConfigProvider, NotionEditor } from './chunk-IUDLMN53.js';
 import './chunk-QMYT5WXO.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -15,5 +15,5 @@ function DocView({ content, readOnly, room, className, onReady }) {
 }
 
 export { DocView as default };
-//# sourceMappingURL=DocView-IZ4JBSIA.js.map
-//# sourceMappingURL=DocView-IZ4JBSIA.js.map
+//# sourceMappingURL=DocView-XQMJUUVK.js.map
+//# sourceMappingURL=DocView-XQMJUUVK.js.map

package/dist/{DocView-IZ4JBSIA.js.map → DocView-XQMJUUVK.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/views/DocView.tsx"],"names":[],"mappings":";;;;AAMe,SAAR,QAAyB,EAAE,OAAA,EAAS,UAAU,IAAA,EAAM,SAAA,EAAW,SAAQ,EAAsB;AAClG,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EACH,8BAAC,oBAAA,EAAA,EAAqB,MAAA,EAAQ,EAAC,EAC7B,QAAA,kBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,IAAQ,SAAA;AAAA,MACd,OAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA,EAAe,CAAC,MAAA,KAAmB,OAAA,GAAU,MAAM;AAAA;AAAA,KAEvD,CAAA,EACF,CAAA;AAEJ","file":"DocView-IZ4JBSIA.js","sourcesContent":["import type { Editor } from \"@tiptap/react\"\nimport { EditorConfigProvider } from \"../contexts/editor-config-context\"\nimport { NotionEditor } from \"../components/tiptap-templates/notion-like/notion-like-editor\"\nimport type { DocumentViewProps } from \"../registry\"\n\n/** doc 通道：云文档与本地 doc 是同一套 tiptap，不做区分 */\nexport default function DocView({ content, readOnly, room, className, onReady }: DocumentViewProps) {\n  return (\n    <div className={className}>\n      <EditorConfigProvider config={{}}>\n        <NotionEditor\n          room={room ?? \"default\"}\n          content={content as string}\n          readOnly={readOnly}\n          onEditorReady={(editor: Editor) => onReady?.(editor)}\n        />\n      </EditorConfigProvider>\n    </div>\n  )\n}\n"]}
+{"version":3,"sources":["../src/views/DocView.tsx"],"names":[],"mappings":";;;;AAMe,SAAR,QAAyB,EAAE,OAAA,EAAS,UAAU,IAAA,EAAM,SAAA,EAAW,SAAQ,EAAsB;AAClG,EAAA,2BACG,KAAA,EAAA,EAAI,SAAA,EACH,8BAAC,oBAAA,EAAA,EAAqB,MAAA,EAAQ,EAAC,EAC7B,QAAA,kBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,MAAM,IAAA,IAAQ,SAAA;AAAA,MACd,OAAA;AAAA,MACA,QAAA;AAAA,MACA,aAAA,EAAe,CAAC,MAAA,KAAmB,OAAA,GAAU,MAAM;AAAA;AAAA,KAEvD,CAAA,EACF,CAAA;AAEJ","file":"DocView-XQMJUUVK.js","sourcesContent":["import type { Editor } from \"@tiptap/react\"\nimport { EditorConfigProvider } from \"../contexts/editor-config-context\"\nimport { NotionEditor } from \"../components/tiptap-templates/notion-like/notion-like-editor\"\nimport type { DocumentViewProps } from \"../registry\"\n\n/** doc 通道：云文档与本地 doc 是同一套 tiptap，不做区分 */\nexport default function DocView({ content, readOnly, room, className, onReady }: DocumentViewProps) {\n  return (\n    <div className={className}>\n      <EditorConfigProvider config={{}}>\n        <NotionEditor\n          room={room ?? \"default\"}\n          content={content as string}\n          readOnly={readOnly}\n          onEditorReady={(editor: Editor) => onReady?.(editor)}\n        />\n      </EditorConfigProvider>\n    </div>\n  )\n}\n"]}

package/dist/{chunk-FQCG2HNJ.js → chunk-IUDLMN53.js}

@@ -20944,6 +20944,16 @@ function EditorProvider(props) {
   } = props;
   const { user } = useUser();
   const { setTocContent } = useToc();
+  const scrollParentRef = useRef(null);
+  const editorRef = useRef(null);
+  const resolveScrollParent = useCallback(() => {
+    if (scrollParentRef.current) return scrollParentRef.current;
+    const dom = editorRef.current?.view?.dom;
+    if (!dom?.isConnected) return window;
+    const found = getScrollableAncestor(dom);
+    scrollParentRef.current = found;
+    return found;
+  }, []);
   const editorConfig = useEditorConfig();
   const onUpload = editorConfig?.upload?.onUpload ?? handleImageUpload;
   const onUploadError = editorConfig?.upload?.onError ?? ((error) => console.error("Upload failed:", error));
@@ -21040,6 +21050,8 @@ function EditorProvider(props) {
       Image,
       TableOfContents.configure({
         getIndex: getHierarchicalIndexes,
+        // 见 resolveScrollParent 的说明：默认的 window 在「内层 div 滚动」的宿主里收不到事件
+        scrollParent: resolveScrollParent,
         onUpdate(content2) {
           setTocContent(content2);
         }
@@ -21123,6 +21135,24 @@ function EditorProvider(props) {
       ...extraExtensions ?? []
     ]
   });
+  useEffect(() => {
+    if (!editor) return;
+    editorRef.current = editor;
+    const dom = editor.view?.dom;
+    if (!dom?.isConnected) return;
+    const target = getScrollableAncestor(dom);
+    if (target instanceof Window) return;
+    scrollParentRef.current = target;
+    const handler = () => {
+      const storage = editor.storage?.tableOfContents;
+      storage?.scrollHandler?.();
+    };
+    target.addEventListener("scroll", handler, { passive: true });
+    handler();
+    return () => {
+      target.removeEventListener("scroll", handler);
+    };
+  }, [editor]);
   useEffect(() => {
     if (provider) return;
     if (!editor) return;
@@ -21243,5 +21273,5 @@ function ArticleViewer({ content, placeholder = "" }) {
 }
 
 export { ArticleViewer, Audio, CollabContext, CollabProvider, Column, Columns, DEFAULT_MAX_FILE_SIZES, DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditorConfigProvider, EditorContentArea, EditorProvider, FileAttachment, FloatingElement, HIDE_FLOATING_META, LoadingSpinner, MediaUploadButton, MediaUploadPlaceholder, NotionEditor, NotionEditorContent, PasteDropMedia, Separator, Spacer, Toolbar, ToolbarGroup, ToolbarSeparator, UiState, UserContext, UserProvider, Video, defaultUiState, detectMediaKind, findSelectionPosition, hasContentAbove, markHideFloatingOnNext, pickFile, resolveMaxSize, runMediaUpload, selectNodeAndHideFloating, useCollab, useCollaboration, useComposedRef, useCursorVisibility, useEditorConfig, useElementRect, useFloatingElement, useFloatingToolbarVisibility, useIsBreakpoint, useIsomorphicLayoutEffect, useMenuNavigation, useOnClickOutside, useThrottledCallback, useUiEditorState, useUnmount, useUser, useWindowSize, use_ui_editor_state_default };
-//# sourceMappingURL=chunk-FQCG2HNJ.js.map
-//# sourceMappingURL=chunk-FQCG2HNJ.js.map
+//# sourceMappingURL=chunk-IUDLMN53.js.map
+//# sourceMappingURL=chunk-IUDLMN53.js.map