@ones-editor/editor 2.2.26 → 2.2.27

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) {
@@ -76843,10 +76858,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 +88668,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.2.26";
+    editor.version = "2.2.27";
     return editor;
   }
   function isDoc(doc2) {
@@ -88747,7 +88763,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.27";
     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.27",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",