@ones-editor/editor 5.0.4 → 5.0.5-beta.ONES22302330.1

package/dist/index.js

@@ -5276,6 +5276,14 @@ div[data-command-bar-id=table-row-column-toolbar] .tippy-box .tippy-content butt
 div[data-command-bar-id=table-cell-menu] .tippy-box .tippy-content .editor-command-bar.menu .command-item.selected[data-id=delete-select-row], div[data-command-bar-id=table-cell-menu] .tippy-box .tippy-content .editor-command-bar.menu .command-item.selected[data-id=delete-select-col] {
   color: #eb3723;
   background-color: #fff6f5;
+}
+@media screen {
+  @supports (content-visibility: auto) and (contain-intrinsic-size: auto 400px) {
+    .editor-root.readonly:not(.find-dialog-open) [data-type=table-content].deferred-table-content {
+      content-visibility: auto;
+      contain-intrinsic-size: auto 1000px auto 400px;
+    }
+  }
 }.editor-root .editor-content div[data-type=editor-block] div[data-type=block-tools] .block-anchor[data-id=paste-special-button-anchor] {
   z-index: unset;
 }
@@ -26786,9 +26794,25 @@ var __publicField = (obj, key, value) => {
       }
     }
   }
+  function allSelected(editor, range) {
+    if (range.isCollapsed()) {
+      return false;
+    }
+    const firstChildBlock = getFirstChildBlock(editor.rootContainer);
+    const lastChildBlock = getLastChildBlock(editor.rootContainer);
+    const { start, end } = range;
+    return start.blockId === getBlockId(firstChildBlock) && start.offset === 0 && end.blockId === getBlockId(lastChildBlock) && end.offset === getBlockTextLength$6(editor, lastChildBlock);
+  }
   function updateSelectionBackground(editor) {
     clearAllSelection(editor);
-    editor.selection.range.getSelectedBlocks().forEach((s) => updateBlockSelection(editor, s.block, s.start, s.end));
+    const { range } = editor.selection;
+    const cssSelection = hasClass(editor.rootContainer, "select-all") && range.isSimple() && allSelected(editor, range);
+    range.getSelectedBlocks().forEach((s) => {
+      if (cssSelection && isTextKindBlock(editor, s.block) && !s.block.hasAttribute("data-document-title")) {
+        return;
+      }
+      updateBlockSelection(editor, s.block, s.start, s.end);
+    });
   }
   const logger$3U = getLogger("editor-dom");
   function editorGetClientHeight(editor) {
@@ -26937,15 +26961,6 @@ var __publicField = (obj, key, value) => {
       anchorElem.remove();
     }, 200);
   }
-  function allSelected(editor, range) {
-    if (range.isCollapsed()) {
-      return false;
-    }
-    const firstChildBlock = getFirstChildBlock(editor.rootContainer);
-    const lastChildBlock = getLastChildBlock(editor.rootContainer);
-    const { start, end } = range;
-    return start.blockId === getBlockId(firstChildBlock) && start.offset === 0 && end.blockId === getBlockId(lastChildBlock) && end.offset === getBlockTextLength$6(editor, lastChildBlock);
-  }
   const logger$3T = getLogger("range-in-block");
   function rangeInBlock(block, range) {
     const editor = range.getEditor();
@@ -27712,14 +27727,14 @@ var __publicField = (obj, key, value) => {
   }
   function mergeDocs(docs) {
     const rootBlocks = [];
-    let childContainers = {};
+    const childContainers = /* @__PURE__ */ Object.create(null);
     docs.forEach((doc2) => {
       rootBlocks.push(...doc2.blocks.root);
-      const { root: root2, ...subContainers } = doc2.blocks;
-      childContainers = {
-        ...childContainers,
-        ...subContainers
-      };
+      Object.entries(doc2.blocks).forEach(([containerId, blocks]) => {
+        if (containerId !== "root") {
+          childContainers[containerId] = blocks;
+        }
+      });
     });
     return {
       blocks: {
@@ -29029,10 +29044,10 @@ var __publicField = (obj, key, value) => {
       doc2.blocks[childContainerId] = cloneDeep__default.default(childBlocks);
     });
   }
-  function selectedBlockToDoc(editor, selectedBlock) {
+  function selectedBlockToDoc(editor, selectedBlock, getSourceDoc) {
     const blockClass = getBlockClass(editor, selectedBlock.block);
     if (blockClass.selectionToDoc) {
-      return blockClass.selectionToDoc(editor, selectedBlock);
+      return blockClass.selectionToDoc(editor, selectedBlock, getSourceDoc);
     }
     const data2 = cloneDeep__default.default(editorGetBlockData(editor, selectedBlock.block));
     if (isTextKindBlock(editor, selectedBlock.block)) {
@@ -29099,7 +29114,12 @@ var __publicField = (obj, key, value) => {
   }
   function selectionToDoc$2(editor) {
     const selectedBlocks = editor.selection.range.getSelectedBlocks();
-    const docs = selectedBlocks.map((s) => selectedBlockToDoc(editor, s));
+    let sourceDoc;
+    const getSourceDoc = () => {
+      sourceDoc != null ? sourceDoc : sourceDoc = editor.doc.toJSON();
+      return sourceDoc;
+    };
+    const docs = selectedBlocks.map((s) => selectedBlockToDoc(editor, s, getSourceDoc));
     return mergeDocs(docs);
   }
   function containerToDoc(editor, containerId) {
@@ -41171,9 +41191,31 @@ ${codeText}
   class ChildBlockEventTracker extends tinyTypedEmitter.TypedEmitter {
     constructor(editor) {
       super();
+      __publicField(this, "trackedListeners", /* @__PURE__ */ new Map());
       this.editor = editor;
       this.editor.doc.registerCallback(this);
     }
+    track(callback) {
+      var _a;
+      const count = (_a = this.trackedListeners.get(callback)) != null ? _a : 0;
+      this.trackedListeners.set(callback, count + 1);
+      if (count === 0) {
+        this.addListener("change", callback);
+        this.addListener("insert", callback);
+      }
+    }
+    untrack(callback) {
+      const count = this.trackedListeners.get(callback);
+      if (!count)
+        return;
+      if (count > 1) {
+        this.trackedListeners.set(callback, count - 1);
+      } else {
+        this.trackedListeners.delete(callback);
+        this.removeListener("change", callback);
+        this.removeListener("insert", callback);
+      }
+    }
     handleChild(containerId, blockIndex, action) {
       if (isRootContainer(getContainerById(this.editor, containerId))) {
         return;
@@ -41201,6 +41243,8 @@ ${codeText}
     }
     destroy() {
       this.editor.doc.unregisterCallback(this);
+      this.trackedListeners.clear();
+      this.removeAllListeners();
     }
   }
   function trackChildBlockEvent(editor, callback) {
@@ -41208,16 +41252,14 @@ ${codeText}
       "child-block-tracker",
       () => new ChildBlockEventTracker(editor)
     );
-    handler.addListener("change", callback);
-    handler.addListener("insert", callback);
+    handler.track(callback);
   }
   function untrackChildBlockEvent(editor, callback) {
     const handler = editor.addCustom(
       "child-block-tracker",
       () => new ChildBlockEventTracker(editor)
     );
-    handler.removeListener("change", callback);
-    handler.removeListener("insert", callback);
+    handler.untrack(callback);
   }
   const style$e = "";
   const zhCN$x = {
@@ -48688,13 +48730,22 @@ ${codeText}
   class ContainerIntersectionObserver {
     constructor(scrollCore, callback) {
       __publicField(this, "intersectionObserver");
+      __publicField(this, "intersecting", /* @__PURE__ */ new WeakSet());
       __publicField(this, "handleIntersection", (entries) => {
         entries.forEach((entry) => {
           const container = this.containers.get(getContainer(entry.target));
           if (container) {
-            this.handleIntersectionEntry(entry);
+            if (entry.isIntersecting || this.intersecting.has(entry.target)) {
+              this.handleIntersectionEntry(entry);
+            }
+            if (entry.isIntersecting) {
+              this.intersecting.add(entry.target);
+            } else {
+              this.intersecting.delete(entry.target);
+            }
             this.callback(entry);
           } else {
+            this.intersecting.delete(entry.target);
             this.intersectionObserver.unobserve(entry.target);
           }
         });
@@ -48723,9 +48774,11 @@ ${codeText}
       this.intersectionObserver.observe(scrollContainer);
     }
     unbind(scrollContainer) {
+      this.intersecting.delete(scrollContainer);
       this.intersectionObserver.unobserve(scrollContainer);
     }
     destroy() {
+      this.intersecting = /* @__PURE__ */ new WeakSet();
       this.intersectionObserver.disconnect();
     }
   }
@@ -49064,11 +49117,17 @@ ${codeText}
       __publicField(this, "scrollWrapResizeObserve", null);
       __publicField(this, "locatingContainerResizeObserver", null);
       __publicField(this, "isWindowEventBind", false);
+      __publicField(this, "boundContainers", /* @__PURE__ */ new WeakSet());
       __publicField(this, "containers", /* @__PURE__ */ new Map());
+      __publicField(this, "containerCallbacks", /* @__PURE__ */ new Map());
       __publicField(this, "handleScrollContainerScroll", (scrollContainerElement) => {
+        var _a;
+        (_a = this.containerCallbacks.get(getContainer(scrollContainerElement))) == null ? void 0 : _a.scroll(this, scrollContainerElement);
         this.emit("scroll", this, scrollContainerElement);
       });
       __publicField(this, "handleResize", (scrollContainerElement) => {
+        var _a;
+        (_a = this.containerCallbacks.get(getContainer(scrollContainerElement))) == null ? void 0 : _a.resize(this, scrollContainerElement);
         this.emit("resize", this, scrollContainerElement);
       });
       __publicField(this, "handleIntersection", (entry) => {
@@ -49121,6 +49180,8 @@ ${codeText}
     }
     unbindCore(scrollContainer, scrollWrap) {
       var _a, _b, _c, _d, _e, _f;
+      if (!this.boundContainers.delete(scrollContainer))
+        return;
       const scrollbarContainer = getScrollbarContainer(scrollContainer);
       (_a = this.containerScrollObserver) == null ? void 0 : _a.unbindContentScroll(scrollContainer);
       (_b = this.containerScrollObserver) == null ? void 0 : _b.unbind(scrollbarContainer);
@@ -49145,8 +49206,11 @@ ${codeText}
         (_e = this.parentContainerScrollObserver) == null ? void 0 : _e.bindScrollContainer(scrollContainer);
       }
       (_f = this.locatingContainerResizeObserver) == null ? void 0 : _f.bind(scrollContainer);
+      this.boundContainers.add(scrollContainer);
     }
-    bind(container, option) {
+    bind(container, option, callbacks) {
+      if (callbacks)
+        this.containerCallbacks.set(container, callbacks);
       this.containers.set(container, option);
       const scrollContainer = container.firstElementChild;
       if (!this.containerIntersectionObserver) {
@@ -49160,6 +49224,7 @@ ${codeText}
       const scrollWrap = getContainerScrollArea(scrollContainer);
       this.unbindCore(scrollContainer, scrollWrap);
       this.containers.delete(container);
+      this.containerCallbacks.delete(container);
       (_a = this.containerIntersectionObserver) == null ? void 0 : _a.unbind(scrollContainer);
       if (!this.containers.size) {
         this.destroy();
@@ -49208,9 +49273,10 @@ ${codeText}
           rootScrollMap.set(parentContainer, this.scrollListener);
         }
         this.scrollListener.unbind(container);
-        this.scrollListener.bind(container, options);
-        this.scrollListener.on("scroll", this.handleContainerScroll);
-        this.scrollListener.on("resize", this.handleResize);
+        this.scrollListener.bind(container, options, {
+          scroll: this.handleContainerScroll,
+          resize: this.handleResize
+        });
         this.scrollContainerElement = scrollContainerElement;
       });
       __publicField(this, "handleContainerScroll", (scrollListener, scrollContainerElement) => {
@@ -49239,8 +49305,6 @@ ${codeText}
       baseListener.destroy();
     }
     destroy() {
-      var _a;
-      (_a = this.scrollListener) == null ? void 0 : _a.off("scroll", this.handleContainerScroll);
       const container = getContainer(this.contentElement);
       if (container) {
         rootScrollMap.forEach((baseListener, parentContainer) => {
@@ -74926,6 +74990,9 @@ ${codeText}
     try {
       const tableContent = createElement("div", [], null);
       tableContent.setAttribute("data-type", "table-content");
+      if (isRootContainer(container)) {
+        addClass(tableContent, "deferred-table-content");
+      }
       const table = createTable(editor, path, tableData);
       table.classList.add("drag-preview-element");
       tableContent.appendChild(table);
@@ -74941,15 +75008,16 @@ ${codeText}
       }
       trackChildBlockEvent(editor, handleChartDebounceUpdate);
       const scrollContainer = editor.addCustom(getTableScrollKey(blockElement), () => createScrollContainer());
-      const overflowY = window.getComputedStyle(container).overflowY;
+      const rootContainer = isRootContainer(container);
+      const overflowY = rootContainer ? "" : window.getComputedStyle(container).overflowY;
       const containerScrollable = overflowY === "auto" || overflowY === "scroll";
       scrollContainer.init({
         parentElement: content,
         childElement: tableContent,
         safeRightSpace: clientType.isMobile ? 20 : 50,
         safeLeftSpace: 40,
-        parentContainer: isRootContainer(container) || !containerScrollable ? editor.scrollContainer : container,
-        locatingContainer: isRootContainer(container) ? (options == null ? void 0 : options.locatingContainer) || editor.parent : container,
+        parentContainer: rootContainer || !containerScrollable ? editor.scrollContainer : container,
+        locatingContainer: rootContainer ? (options == null ? void 0 : options.locatingContainer) || editor.parent : container,
         paddingLeft: TABLE_BAR_WIDTH + INSERT_BUTTON_SIZE,
         paddingTop: TABLE_BAR_WIDTH + INSERT_BUTTON_SIZE,
         paddingBottom: INSERT_BUTTON_SIZE / 2,
@@ -74961,9 +75029,11 @@ ${codeText}
       const tableScrollEvents = handleTableScrollEvents(editor);
       scrollContainer.on("scroll", tableScrollEvents.handleReset);
       scrollContainer.on("resize", tableScrollEvents.handleReset);
-      setTimeout(() => {
-        handleChartUpdate(editor, blockElement);
-      });
+      if (tableData.chart) {
+        setTimeout(() => {
+          handleChartUpdate(editor, blockElement);
+        });
+      }
     } catch (err) {
       const message = `invalid table data: ${JSON.stringify(tableData)}`;
       logger$_.error(message);
@@ -75118,13 +75188,14 @@ ${codeText}
       return acc;
     }, {});
   }
-  function selectionToDoc(editor, selectedBlock) {
+  function selectionToDoc(editor, selectedBlock, getSourceDoc) {
     const { start, end, block } = selectedBlock;
     const blockType = getBlockType(block);
     assert(logger$Y, blockType === "table", `invalid block type: ${blockType}`);
     const blockData = editor.getBlockData(block);
+    const oldDoc = getSourceDoc ? getSourceDoc() : editor.doc.toJSON();
     if (start.isSimple() && end.isSimple()) {
-      const doc2 = cloneBlock(editor.editorBlocks, editor.doc.toJSON(), blockData);
+      const doc2 = cloneBlock(editor.editorBlocks, oldDoc, blockData);
       return doc2;
     }
     assert(logger$Y, !start.isSimple() && !end.isSimple(), "invalid block pos type");
@@ -75132,7 +75203,6 @@ ${codeText}
     const { fromCol, toCol, fromRow, toRow } = getTableSelectionRange(block, start, end);
     const spanData = {};
     const children = [];
-    const oldDoc = editor.doc.toJSON();
     let childContainers = {};
     const subGrid = grid.sub({ row: fromRow, col: fromCol }, { row: toRow, col: toCol });
     subGrid.forEach((row, rowIndex) => {
@@ -75792,7 +75862,7 @@ ${codeText}
       const tableScrollEvents = handleTableScrollEvents(editor);
       scrollContent.off("scroll", tableScrollEvents.handleReset);
       scrollContent.off("resize", tableScrollEvents.handleReset);
-      scrollContent.destroy();
+      editor.destroyCustom(getTableScrollKey(block));
     }
   }
   function getBlockProperties$9() {
@@ -79929,7 +79999,11 @@ ${docStr}
       const eleRect = firstChild.getBoundingClientRect();
       offsetTop = eleRect.y;
     }
-    scrollIntoView(editor, firstChild, { animation: true });
+    if (editor.readonly) {
+      firstChild.scrollIntoView({ block: "center", inline: "nearest" });
+    } else {
+      scrollIntoView(editor, firstChild, { animation: true });
+    }
   }
   function getCurrentHighligh(editor) {
     const elem = editor.rootContainer.querySelector(".editor-highlight.active");
@@ -80524,6 +80598,7 @@ ${docStr}
       this.components.statusContainer.style.display = "flex";
     }
     show(options) {
+      this.editor.rootElement.classList.add("find-dialog-open");
       document.addEventListener("keydown", this.handleDocumentKeyDown);
       const text2 = this.editor.getSelectedText();
       if (text2.length > 0 && text2.length < 50) {
@@ -80576,6 +80651,7 @@ ${docStr}
     }
     hide() {
       var _a;
+      this.editor.rootElement.classList.remove("find-dialog-open");
       (_a = this.dialog) == null ? void 0 : _a.close("cancelBar");
       clearAllHighlights(this.editor);
       document.removeEventListener("keydown", this.handleDocumentKeyDown);
@@ -80590,6 +80666,7 @@ ${docStr}
     }
     destroy() {
       var _a;
+      this.editor.rootElement.classList.remove("find-dialog-open");
       (_a = this.dialog) == null ? void 0 : _a.destroy();
     }
   }
@@ -97661,7 +97738,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "5.0.4";
+    editor.version = "5.0.5-beta.ONES22302330.1";
     return editor;
   }
   function isDoc(doc2) {
@@ -97797,7 +97874,7 @@ ${JSON.stringify(error2, null, 2)}`);
       OnesEditorDropTarget.register(editor);
       OnesEditorTocProvider.register(editor);
       OnesEditorExclusiveBlock.register(editor);
-      editor.version = "5.0.4";
+      editor.version = "5.0.5-beta.ONES22302330.1";
       return editor;
     } catch (error2) {
       try {
@@ -97940,7 +98017,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "5.0.4";
+    editor.version = "5.0.5-beta.ONES22302330.1";
     return editor;
   }
   const emojis$1 = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ones-editor/editor",
-  "version": "5.0.4",
+  "version": "5.0.5-beta.ONES22302330.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {