@textbus/xnote 0.0.1-alpha.33 → 0.0.1-alpha.34

package/bundles/components/menu-item/menu-item.d.ts

@@ -1,11 +1,11 @@
-import { Props, ViewNode } from '@viewfly/core';
+import { Props, JSXNode } from '@viewfly/core';
 export interface MenuItemProps extends Props {
     disabled?: boolean;
     checked?: boolean;
-    icon?: ViewNode;
+    icon?: JSXNode;
     value?: any;
     arrow?: boolean;
-    desc?: ViewNode;
+    desc?: JSXNode;
     onClick?(value: any): void;
 }
 export declare function MenuItem(props: MenuItemProps): () => any;

package/bundles/index.esm.js

@@ -2635,6 +2635,8 @@ function useBlockTransform() {
                                         lineNumber: true,
                                         autoBreak: true,
                                         slots: slots.map(slot => {
+                                            slot.cleanFormats();
+                                            slot.cleanAttributes();
                                             return {
                                                 slot,
                                                 emphasize: false
@@ -3463,7 +3465,6 @@ function LinkTool(props) {
             });
         }
         isShow.set(false);
-        editorService.hideInlineToolbar = false;
     }
     let isClickFromSelf = false;
     const sub = fromEvent(document, 'click').subscribe(() => {
@@ -4212,6 +4213,7 @@ function LinkJump() {
         onSelectionChange();
     });
     function cleanLink() {
+        isShow.set(false);
         const commonAncestorSlot = selection.commonAncestorSlot;
         const index = selection.focusOffset;
         const ranges = commonAncestorSlot.getFormatRangesByFormatter(linkFormatter, 0, commonAncestorSlot.length);
@@ -4237,6 +4239,8 @@ const Toolbar = withAnnotation({
 }, function Toolbar() {
     const selection = inject(Selection);
     const viewDocument = inject(VIEW_CONTAINER);
+    const rootComponentRef = inject(RootComponentRef);
+    const adapter = inject(DomAdapter);
     const bridge = inject(SelectionBridge);
     const textbus = inject(Textbus);
     const editorService = inject(EditorService);
@@ -4258,7 +4262,7 @@ const Toolbar = withAnnotation({
     const toolbarRef = createRef();
     function getTop() {
         const docRect = viewDocument.getBoundingClientRect();
-        const toolbarRect = toolbarRef.current.getBoundingClientRect();
+        const toolbarHeight = 36;
         // const documentHeight = document.documentElement.clientHeight
         const selectionFocusRect = bridge.getRect({
             slot: selection.focusSlot,
@@ -4267,12 +4271,11 @@ const Toolbar = withAnnotation({
         if (!selectionFocusRect) {
             return null;
         }
-        // console.log(selectionFocusRect.top, toolbarRect.height)
         const centerLeft = selectionFocusRect.left;
-        const toBottom = selectionFocusRect.top < toolbarRect.height + 10;
+        const toBottom = selectionFocusRect.top < toolbarHeight + 10;
         const top = toBottom ?
             selectionFocusRect.top + selectionFocusRect.height - docRect.top + 10 :
-            selectionFocusRect.top - docRect.top - toolbarRect.height - 10;
+            selectionFocusRect.top - docRect.top - toolbarHeight - 10;
         updateViewPosition(draft => {
             draft.transitionDuration = .15;
             draft.left = centerLeft - docRect.left;
@@ -4294,7 +4297,8 @@ const Toolbar = withAnnotation({
         sub.unsubscribe();
     });
     function bindMouseup() {
-        mouseupSubscription = fromEvent(viewDocument, 'mouseup').pipe(filter(ev => {
+        const docElement = adapter.getNativeNodeByComponent(rootComponentRef.component);
+        mouseupSubscription = fromEvent(docElement, 'mouseup').pipe(filter(ev => {
             return !ev.composedPath().includes(toolbarRef.current);
         }), delay(100), filter(() => {
             return !selection.isCollapsed && !(selection.commonAncestorComponent instanceof SourceCodeComponent);

package/bundles/index.js

@@ -2637,6 +2637,8 @@ function useBlockTransform() {
                                         lineNumber: true,
                                         autoBreak: true,
                                         slots: slots.map(slot => {
+                                            slot.cleanFormats();
+                                            slot.cleanAttributes();
                                             return {
                                                 slot,
                                                 emphasize: false
@@ -3465,7 +3467,6 @@ function LinkTool(props) {
             });
         }
         isShow.set(false);
-        editorService.hideInlineToolbar = false;
     }
     let isClickFromSelf = false;
     const sub = core$1.fromEvent(document, 'click').subscribe(() => {
@@ -4214,6 +4215,7 @@ function LinkJump() {
         onSelectionChange();
     });
     function cleanLink() {
+        isShow.set(false);
         const commonAncestorSlot = selection.commonAncestorSlot;
         const index = selection.focusOffset;
         const ranges = commonAncestorSlot.getFormatRangesByFormatter(linkFormatter, 0, commonAncestorSlot.length);
@@ -4239,6 +4241,8 @@ const Toolbar = core.withAnnotation({
 }, function Toolbar() {
     const selection = core.inject(core$1.Selection);
     const viewDocument = core.inject(platformBrowser.VIEW_CONTAINER);
+    const rootComponentRef = core.inject(core$1.RootComponentRef);
+    const adapter = core.inject(platformBrowser.DomAdapter);
     const bridge = core.inject(platformBrowser.SelectionBridge);
     const textbus = core.inject(core$1.Textbus);
     const editorService = core.inject(exports.EditorService);
@@ -4260,7 +4264,7 @@ const Toolbar = core.withAnnotation({
     const toolbarRef = core.createRef();
     function getTop() {
         const docRect = viewDocument.getBoundingClientRect();
-        const toolbarRect = toolbarRef.current.getBoundingClientRect();
+        const toolbarHeight = 36;
         // const documentHeight = document.documentElement.clientHeight
         const selectionFocusRect = bridge.getRect({
             slot: selection.focusSlot,
@@ -4269,12 +4273,11 @@ const Toolbar = core.withAnnotation({
         if (!selectionFocusRect) {
             return null;
         }
-        // console.log(selectionFocusRect.top, toolbarRect.height)
         const centerLeft = selectionFocusRect.left;
-        const toBottom = selectionFocusRect.top < toolbarRect.height + 10;
+        const toBottom = selectionFocusRect.top < toolbarHeight + 10;
         const top = toBottom ?
             selectionFocusRect.top + selectionFocusRect.height - docRect.top + 10 :
-            selectionFocusRect.top - docRect.top - toolbarRect.height - 10;
+            selectionFocusRect.top - docRect.top - toolbarHeight - 10;
         updateViewPosition(draft => {
             draft.transitionDuration = .15;
             draft.left = centerLeft - docRect.left;
@@ -4296,7 +4299,8 @@ const Toolbar = core.withAnnotation({
         sub.unsubscribe();
     });
     function bindMouseup() {
-        mouseupSubscription = core$1.fromEvent(viewDocument, 'mouseup').pipe(core$1.filter(ev => {
+        const docElement = adapter.getNativeNodeByComponent(rootComponentRef.component);
+        mouseupSubscription = core$1.fromEvent(docElement, 'mouseup').pipe(core$1.filter(ev => {
             return !ev.composedPath().includes(toolbarRef.current);
         }), core$1.delay(100), core$1.filter(() => {
             return !selection.isCollapsed && !(selection.commonAncestorComponent instanceof SourceCodeComponent);

package/bundles/plugins/link-jump/link-jump.d.ts

@@ -1,4 +1,4 @@
 export declare function LinkJump(): {
     $portalHost: HTMLElement;
-    $render: () => import("@viewfly/core").JSXNode<string | JSXInternal.ComponentSetup<any>>;
+    $render: () => import("@viewfly/core").ViewFlyNode<string | import("@viewfly/core").ComponentSetup<any>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/xnote",
-  "version": "0.0.1-alpha.33",
+  "version": "0.0.1-alpha.34",
   "description": "A high-performance rich text editor that supports multiplayer online collaboration.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",
@@ -27,14 +27,14 @@
   },
   "dependencies": {
     "@tanbo/color": "^0.1.1",
-    "@textbus/adapter-viewfly": "^4.0.0-alpha.62",
-    "@textbus/collaborate": "^4.0.0-alpha.61",
-    "@textbus/core": "^4.0.0-alpha.61",
-    "@textbus/platform-browser": "^4.0.0-alpha.62",
-    "@viewfly/core": "^1.0.0-alpha.11",
-    "@viewfly/hooks": "^1.0.0-alpha.11",
-    "@viewfly/platform-browser": "^1.0.0-alpha.11",
-    "@viewfly/scoped-css": "^1.0.0-alpha.11",
+    "@textbus/adapter-viewfly": "^4.0.0-alpha.64",
+    "@textbus/collaborate": "^4.0.0-alpha.64",
+    "@textbus/core": "^4.0.0-alpha.64",
+    "@textbus/platform-browser": "^4.0.0-alpha.64",
+    "@viewfly/core": "^1.0.0-alpha.16",
+    "@viewfly/hooks": "^1.0.0-alpha.16",
+    "@viewfly/platform-browser": "^1.0.0-alpha.16",
+    "@viewfly/scoped-css": "^1.0.0-alpha.16",
     "highlight.js": "^11.9.0",
     "katex": "^0.16.10"
   },