npm - @textbus/xnote - Versions diffs - 0.0.8 → 0.0.10 - Mend

@textbus/xnote 0.0.8 → 0.0.10

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.

Files changed (3) hide show

package/bundles/index.esm.js CHANGED Viewed

@@ -5557,16 +5557,17 @@ function TopBar(props) {
         });
         return () => sub.unsubscribe();
     });
-    const instance = getCurrentInstance();
+    // const instance = getCurrentInstance()
     const s = props.component.changeMarker.onChange.subscribe(() => {
-        instance.markAsDirtied();
+        const currentLayout = props.component.state.columnsConfig.slice();
+        if (currentLayout.join(',') !== props.layoutWidth().join(',')) {
+            props.layoutWidth.set(currentLayout);
+        }
+        // instance.markAsDirtied()
     });
     onUnmounted(() => {
         s.unsubscribe();
     });
-    function refreshLayoutWidth() {
-        props.layoutWidth.set(props.component.state.columnsConfig.slice());
-    }
     return withScopedCSS(scopedId$4, () => {
         const { state, tableSelection } = props.component;
         const position = tableSelection();
@@ -5585,7 +5586,6 @@ function TopBar(props) {
                                     transform: 'translateX(-50%)'
                                 }, visible: !!selectedColumnRange(), children: jsx(ToolbarItem, { children: jsx(Button, { onClick: () => {
                                             props.component.deleteColumns();
-                                            refreshLayoutWidth();
                                         }, children: jsx("span", { class: "xnote-icon-bin" }) }) }) }), jsx("table", { style: {
                                     transform: `translateX(${-leftDistance()}px)`
                                 }, children: jsx("tbody", { children: jsx("tr", { children: props.layoutWidth().map((i, index) => {
@@ -5597,14 +5597,12 @@ function TopBar(props) {
                                                                 left: '-10px'
                                                             }, onClick: () => {
                                                                 props.component.insertColumn(0);
-                                                                refreshLayoutWidth();
                                                             }, children: jsx("button", { class: "insert-btn", type: "button", children: "+" }) })), jsx("span", { class: "insert-btn-wrap", onMouseenter: () => {
                                                                 tableService.onInsertColumnBefore.next(index + 1);
                                                             }, onMouseleave: () => {
                                                                 tableService.onInsertColumnBefore.next(null);
                                                             }, onClick: () => {
                                                                 props.component.insertColumn(index + 1);
-                                                                refreshLayoutWidth();
                                                             }, children: jsx("button", { class: "insert-btn", type: "button", children: "+" }) })] }) }));
                                         }) }) }) })] }), jsx("div", { class: ['action-bar', { active: props.isFocus() }], children: jsx("table", { style: {
                                 transform: `translateX(${-leftDistance()}px)`
@@ -5681,8 +5679,8 @@ function LeftBar(props) {
         const actionBarRows = actionBarRef.current.rows;
         setTimeout(() => {
             Array.from(props.tableRef.current.rows).forEach((tr, i) => {
-                const height = tr.offsetHeight ||
-                    Math.min(...Array.from(tr.children).map(i => i.offsetHeight)) || 0;
+                const height = tr.getBoundingClientRect().height ||
+                    Math.min(...Array.from(tr.children).map(i => i.getBoundingClientRect().height)) || 0;
                 insertBarRows.item(i).style.height = height + 'px';
                 actionBarRows.item(i).style.height = height + 'px';
             });
@@ -6433,7 +6431,7 @@ class Editor extends Textbus {
                         provide: CollaborateSelectionAwarenessDelegate,
                         useClass: TableSelectionAwarenessDelegate
                     }, {
-                        provide: MessageBus,
+                        provide: XNoteMessageBug,
                         useFactory: (selection, collaborateCursor) => {
                             return new XNoteMessageBug(selection, collaborateCursor, editorConfig.collaborateConfig.userinfo);
                         },
@@ -6441,6 +6439,9 @@ class Editor extends Textbus {
                             Selection,
                             CollaborateCursor
                         ]
+                    }, {
+                        provide: MessageBus,
+                        useExisting: XNoteMessageBug
                     }]
             });
         }

package/bundles/index.js CHANGED Viewed

@@ -5559,16 +5559,17 @@ function TopBar(props) {
         });
         return () => sub.unsubscribe();
     });
-    const instance = core.getCurrentInstance();
+    // const instance = getCurrentInstance()
     const s = props.component.changeMarker.onChange.subscribe(() => {
-        instance.markAsDirtied();
+        const currentLayout = props.component.state.columnsConfig.slice();
+        if (currentLayout.join(',') !== props.layoutWidth().join(',')) {
+            props.layoutWidth.set(currentLayout);
+        }
+        // instance.markAsDirtied()
     });
     core.onUnmounted(() => {
         s.unsubscribe();
     });
-    function refreshLayoutWidth() {
-        props.layoutWidth.set(props.component.state.columnsConfig.slice());
-    }
     return scopedCss.withScopedCSS(scopedId$4, () => {
         const { state, tableSelection } = props.component;
         const position = tableSelection();
@@ -5587,7 +5588,6 @@ function TopBar(props) {
                                     transform: 'translateX(-50%)'
                                 }, visible: !!selectedColumnRange(), children: jsxRuntime.jsx(ToolbarItem, { children: jsxRuntime.jsx(Button, { onClick: () => {
                                             props.component.deleteColumns();
-                                            refreshLayoutWidth();
                                         }, children: jsxRuntime.jsx("span", { class: "xnote-icon-bin" }) }) }) }), jsxRuntime.jsx("table", { style: {
                                     transform: `translateX(${-leftDistance()}px)`
                                 }, children: jsxRuntime.jsx("tbody", { children: jsxRuntime.jsx("tr", { children: props.layoutWidth().map((i, index) => {
@@ -5599,14 +5599,12 @@ function TopBar(props) {
                                                                 left: '-10px'
                                                             }, onClick: () => {
                                                                 props.component.insertColumn(0);
-                                                                refreshLayoutWidth();
                                                             }, children: jsxRuntime.jsx("button", { class: "insert-btn", type: "button", children: "+" }) })), jsxRuntime.jsx("span", { class: "insert-btn-wrap", onMouseenter: () => {
                                                                 tableService.onInsertColumnBefore.next(index + 1);
                                                             }, onMouseleave: () => {
                                                                 tableService.onInsertColumnBefore.next(null);
                                                             }, onClick: () => {
                                                                 props.component.insertColumn(index + 1);
-                                                                refreshLayoutWidth();
                                                             }, children: jsxRuntime.jsx("button", { class: "insert-btn", type: "button", children: "+" }) })] }) }));
                                         }) }) }) })] }), jsxRuntime.jsx("div", { class: ['action-bar', { active: props.isFocus() }], children: jsxRuntime.jsx("table", { style: {
                                 transform: `translateX(${-leftDistance()}px)`
@@ -5683,8 +5681,8 @@ function LeftBar(props) {
         const actionBarRows = actionBarRef.current.rows;
         setTimeout(() => {
             Array.from(props.tableRef.current.rows).forEach((tr, i) => {
-                const height = tr.offsetHeight ||
-                    Math.min(...Array.from(tr.children).map(i => i.offsetHeight)) || 0;
+                const height = tr.getBoundingClientRect().height ||
+                    Math.min(...Array.from(tr.children).map(i => i.getBoundingClientRect().height)) || 0;
                 insertBarRows.item(i).style.height = height + 'px';
                 actionBarRows.item(i).style.height = height + 'px';
             });
@@ -6435,7 +6433,7 @@ class Editor extends core$1.Textbus {
                         provide: platformBrowser.CollaborateSelectionAwarenessDelegate,
                         useClass: TableSelectionAwarenessDelegate
                     }, {
-                        provide: collaborate.MessageBus,
+                        provide: XNoteMessageBug,
                         useFactory: (selection, collaborateCursor) => {
                             return new XNoteMessageBug(selection, collaborateCursor, editorConfig.collaborateConfig.userinfo);
                         },
@@ -6443,6 +6441,9 @@ class Editor extends core$1.Textbus {
                             core$1.Selection,
                             platformBrowser.CollaborateCursor
                         ]
+                    }, {
+                        provide: collaborate.MessageBus,
+                        useExisting: XNoteMessageBug
                     }]
             });
         }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@textbus/xnote",
-  "version": "0.0.8",
+  "version": "0.0.10",
   "description": "A high-performance rich text editor that supports multiplayer online collaboration.",
   "main": "./bundles/index.js",
   "module": "./bundles/index.esm.js",