@ones-editor/editor 2.2.26 → 2.2.28

package/dist/index.js

@@ -5100,12 +5100,16 @@ div.editor-root div.editor-content div[data-type=editor-container] div.embed-blo
   border-radius: 6px;
   border: 1px solid #DFE1E5;
   padding: 10px;
+  position: relative;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root::before {
   border-radius: 3px;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root:hover {
-  background-color: rgba(0, 36, 90, 0.04);
+  background-color: rgb(247, 248, 250);
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root:hover .file-actions {
+  background-color: rgb(247, 248, 250);
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root:hover .file-actions button {
   display: flex;
@@ -5124,13 +5128,18 @@ div.editor-root div.editor-content div[data-type=editor-container] div.embed-blo
   display: flex;
   flex-direction: row;
   align-items: center;
-  white-space: nowrap;
   font-size: 14px;
   margin-top: 2px;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-details .file-name-pre {
-  text-overflow: ellipsis;
+  display: -webkit-box;
   overflow: hidden;
+  word-break: break-all;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-details .file-name-suf {
+  white-space: nowrap;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-info {
   display: flex;
@@ -5157,8 +5166,13 @@ div.editor-root div.editor-content div[data-type=editor-container] div.embed-blo
   flex-shrink: 0;
 }
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-actions {
-  align-self: center;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
   display: flex;
+  align-items: center;
+  justify-content: center;
   column-gap: 15px;
   margin-right: 10px;
   margin-left: 5px;
@@ -11585,15 +11599,16 @@ var __publicField = (obj, key, value) => {
         if (!isTextKindBlock(this.editor, block)) {
           return;
         }
+        const eTarget = event.target;
         const box = getParentBox(elem);
-        if (box) {
+        if (box && isChildNode(box, eTarget)) {
           const block2 = getParentBlock(box);
           assert(logger$4p, block2, "no parent block");
           (_b = (_a = this.editor.editorBoxes.getBoxClass(getBoxTypeFromElement(box))) == null ? void 0 : _a.handleClickBox) == null ? void 0 : _b.call(_a, this.editor, box, event);
           return;
         }
         const link2 = elem.closest("span.text.link");
-        if (link2) {
+        if (link2 && isChildNode(link2, eTarget)) {
           const children = getTextBlockContentChildren(block);
           const index2 = children.indexOf(link2);
           if (index2 !== -1) {
@@ -45880,7 +45895,7 @@ ${codeText}
   }
   function getSizeAsScale(element, num) {
     const scale = getElementScale(element);
-    return num / scale;
+    return Math.round(num / scale);
   }
   function getScrollWrapPaddingSize(scrollWrap) {
     const computedStyle = window.getComputedStyle(scrollWrap);
@@ -45965,7 +45980,7 @@ ${codeText}
     }
     return scrollbarContainer;
   }
-  function resetScrollbar(scrollCore, scrollWrap) {
+  function resetScrollbarCore(scrollCore, scrollWrap) {
     const scrollContainer = getScrollContainer(scrollWrap);
     const scrollbarContainer = getScrollbarContainer(scrollContainer);
     const { scrollWidth, clientWidth } = getElementScrollSize(scrollContainer);
@@ -45976,9 +45991,12 @@ ${codeText}
     fixScrollWrapLeftBoundary(scrollCore, scrollContainer);
     const overflowWidth = scrollWidth - clientWidth;
     assert(logger$2h, scrollbarContainer.firstElementChild instanceof HTMLDivElement, "invalid child for scroll bar");
-    scrollbarContainer.style.width = `${getSizeAsScale(scrollContainer, originWidth + maxRight - paddingLeft - paddingRight)}px`;
-    scrollbarContainer.firstElementChild.style.width = `${getSizeAsScale(scrollContainer, originWidth + maxRight + overflowWidth - paddingLeft - paddingRight)}px`;
+    const width = getSizeAsScale(scrollContainer, originWidth + maxRight - paddingLeft - paddingRight);
+    scrollbarContainer.style.width = `${width}px`;
+    const childWidth = getSizeAsScale(scrollContainer, originWidth + maxRight + overflowWidth - paddingLeft - paddingRight);
+    scrollbarContainer.firstElementChild.style.width = `${childWidth}px`;
   }
+  const resetScrollbar = debounce__default.default(resetScrollbarCore, 50);
   function resetScrollbarLeft(scrollContainer, scrollbarContainer) {
     const scrollWrap = getContainerScrollArea(scrollContainer);
     const { paddingLeft } = getScrollWrapPaddingSize(scrollWrap);
@@ -46154,6 +46172,7 @@ ${codeText}
   class ContainerResizeObserver {
     constructor(scrollCore, callback) {
       __publicField(this, "resizeObserver");
+      __publicField(this, "lastWidth", 0);
       __publicField(this, "handleResizeEntry", (entry) => {
         const scrollContainer = entry.target;
         const scrollWrap = getContainerScrollArea(scrollContainer);
@@ -46163,6 +46182,11 @@ ${codeText}
         this.callback(scrollContainer);
       });
       __publicField(this, "handleContentResize", (entries) => {
+        const width = Math.round(entries[0].contentRect.width);
+        if (width === this.lastWidth) {
+          return;
+        }
+        this.lastWidth = width;
         entries.forEach((entry) => {
           const container = this.containers.get(getContainer(entry.target));
           if (container) {
@@ -76843,10 +76867,11 @@ ${content}
     const nameElement = createElement("div", ["file-name"], detail);
     if (afterIndex > 0) {
       createElement("span", ["file-name-pre"], nameElement, fileName.slice(0, afterIndex));
-      createElement("span", [], nameElement, fileName.slice(afterIndex));
+      createElement("span", ["file-name-suf"], nameElement, fileName.slice(afterIndex));
     } else {
       nameElement.textContent = fileName;
     }
+    nameElement.title = fileName;
     const infos = createElement("div", ["file-info"], detail);
     if (creator) {
       createElement("div", ["file-creator"], infos, creator);
@@ -88652,7 +88677,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.2.26";
+    editor.version = "2.2.28";
     return editor;
   }
   function isDoc(doc2) {
@@ -88747,7 +88772,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.2.26";
+    editor.version = "2.2.28";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ones-editor/editor",
-  "version": "2.2.26",
+  "version": "2.2.28",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",