@ones-editor/editor 2.1.1-beta.54 → 2.1.1-beta.56

package/dist/index.js

@@ -11210,25 +11210,19 @@ var __publicField = (obj, key, value) => {
         }
       });
       __publicField(this, "handleClick", (event) => {
-        if (!this.mouseDownEvent)
-          return;
-        const mouseEvent = ensureIsMobileEvent(event) ? createMouseEventFromTouchEvent(event) : event;
-        this.editor.emit("click", this.editor, mouseEvent);
-        const target = ensureIsMobileEvent(this.mouseDownEvent) ? this.mouseDownEvent.changedTouches[0].target : this.mouseDownEvent.target;
+        this.editor.emit("click", this.editor, event);
+        const target = event.target;
         if (isInBlockTools(target)) {
-          this.mouseDownEvent = null;
           return;
         }
-        if (event.detail === 1 || clientType.isMobile) {
+        if (event.detail === 1) {
           this.editor.input.focus();
         }
-        if (!ensureIsMobileEvent(event) && event.detail === 3) {
+        if (event.detail === 3) {
           this.editor.selectionHandler.handleTripleClick(event);
         }
-        if (event.detail === 1 || (ensureIsMobileEvent(event) || event.button === 0)) {
-          const clientX = ensureIsMobileEvent(event) ? event.changedTouches[0].clientX : event.clientX;
-          const clientY = ensureIsMobileEvent(event) ? event.changedTouches[0].clientY : event.clientY;
-          const elem = getElementFromPoint(clientX, clientY);
+        if (event.detail === 1 && event.button === 0) {
+          const elem = getElementFromPoint(event.clientX, event.clientY);
           if (elem && isChildNode(this.rootContainer, elem)) {
             const block = getParentBlock(elem);
             if (block && isChildNode(block, elem)) {
@@ -11236,19 +11230,17 @@ var __publicField = (obj, key, value) => {
             }
           }
         }
-        this.mouseDownEvent = null;
       });
       __publicField(this, "handleBlockClick", (event, block, elem) => {
         var _a, _b;
         if (!isTextKindBlock(this.editor, block)) {
           return;
         }
-        const mouseEvent = ensureIsMobileEvent(event) ? createMouseEventFromTouchEvent(event) : event;
         const box = getParentBox(elem);
         if (box) {
           const block2 = getParentBlock(box);
           assert(logger$4n, 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, mouseEvent);
+          (_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");
@@ -11256,7 +11248,7 @@ var __publicField = (obj, key, value) => {
           const children = getTextBlockContentChildren(block);
           const index2 = children.indexOf(link2);
           if (index2 !== -1) {
-            this.editor.emit("clickLink", this.editor, mouseEvent, link2);
+            this.editor.emit("clickLink", this.editor, event, link2);
           }
         }
       });
@@ -50555,8 +50547,12 @@ ${codeText}
       }
       this.toolbar.updateItems(allCommands);
       const lastBlock2 = selectedBlocks[selectedBlocks.length - 1];
-      const reverseToolbar = !this.editor.selection.range.isReverse() && lastBlock2 !== firstBlock;
-      const selectedBlock = reverseToolbar ? lastBlock2 : firstBlock;
+      let reverseToolbar = !this.editor.selection.range.isReverse() && lastBlock2 !== firstBlock;
+      let selectedBlock = reverseToolbar ? lastBlock2 : firstBlock;
+      if (clientType.isMobile) {
+        reverseToolbar = false;
+        selectedBlock = firstBlock;
+      }
       const rect = getReferenceClientRect(this.editor, selectedBlock);
       if (!this.toolbar.isVisible) {
         const anchor2 = createBlockAnchor(this.editor, selectedBlock.block, "editor-quick-menu", rect);
@@ -75024,6 +75020,10 @@ ${content}
           name: i18n$1.t("file.commands.download"),
           icon: DownloadIcon
         },
+        {
+          id: "preview",
+          name: i18n$1.t("file.commands.preview")
+        },
         {
           id: "add-comment",
           name: i18n$1.t("file.commands.comment"),
@@ -75060,6 +75060,9 @@ ${content}
     get commands() {
       let items = this._commands.slice();
       const needRemoveCommandIds = /* @__PURE__ */ new Set();
+      if (!clientType.isMobile) {
+        needRemoveCommandIds.add("preview");
+      }
       if (this.editor.readonly || clientType.isMobile) {
         needRemoveCommandIds.add("to-link");
         needRemoveCommandIds.add("to-card");
@@ -75086,6 +75089,18 @@ ${content}
       return items;
     }
     executeCommand(editor, block, box, item) {
+      if (item.id === "preview") {
+        const options = editor.options.componentsOptions.file;
+        if (options == null ? void 0 : options.onClick) {
+          const mouseEvent = new MouseEvent("mousedown", {
+            bubbles: true,
+            cancelable: true,
+            button: 0
+          });
+          options.onClick(editor, box, mouseEvent);
+        }
+        return;
+      }
       if (item.id === "to-card") {
         const container = getParentContainer(block);
         const containerId = getContainerId(container);
@@ -75143,14 +75158,14 @@ ${content}
     link2.setAttribute("data-file-src", fileData.src);
   }
   function handleClickBox$1(editor, box, event) {
+    if (clientType.isMobile) {
+      return;
+    }
     const options = editor.options.componentsOptions.file;
     if (options == null ? void 0 : options.onClick) {
       options.onClick(editor, box, event);
       return;
     }
-    if (clientType.isMobile) {
-      return;
-    }
     downloadFile$1(editor, box);
   }
   function getBoxProperties$1(editor, boxElement) {
@@ -75498,7 +75513,8 @@ ${content}
         download: "\u4E0B\u8F7D",
         toLink: "\u8F6C\u4E3A\u6807\u9898",
         toCard: "\u8F6C\u4E3A\u5361\u7247",
-        comment: "\u6DFB\u52A0\u6279\u6CE8"
+        comment: "\u6DFB\u52A0\u6279\u6CE8",
+        preview: "\u9884\u89C8"
       }
     }
   };
@@ -75509,7 +75525,8 @@ ${content}
         download: "Download",
         toLink: "To Link",
         toCard: "To Card",
-        comment: "Add annotation"
+        comment: "Add annotation",
+        preview: "Preview"
       }
     }
   };
@@ -75520,7 +75537,8 @@ ${content}
         download: "\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9",
         toLink: "\u30BF\u30A4\u30C8\u30EB\u306B\u5909\u63DB",
         toCard: "\u30AB\u30FC\u30C9\u306B\u5909\u63DB",
-        comment: "\u6CE8\u91C8\u3092\u8FFD\u52A0"
+        comment: "\u6CE8\u91C8\u3092\u8FFD\u52A0",
+        preview: "\u30D7\u30EC\u30D3\u30E5\u30FC"
       }
     }
   };
@@ -79994,6 +80012,7 @@ ${content}
         this.toggle();
       });
       this.editor = editor;
+      createMobileBottomMenu();
       this.commandBar = new MobileToolbarHandler(editor, document.body);
       this.observer = new ActiveElementObserver({
         onFocused: this.handleFocusIn,
@@ -80075,6 +80094,7 @@ ${content}
       __publicField(this, "longPressTriggered", false);
       __publicField(this, "gripper");
       __publicField(this, "cursorToolbar");
+      __publicField(this, "isMoving", false);
       __publicField(this, "handleSelectionChange", () => {
         this.gripper.update();
       });
@@ -80082,25 +80102,23 @@ ${content}
         const touch = event.touches[0];
         const range = getBlockRangeFromPoint(this.editor, touch.clientX, touch.clientY);
         if (!range || this.isMoving) {
-          return;
+          return false;
         }
         if (!range.isSimple()) {
           this.editor.selection.setRange(range);
-          return;
+          return true;
         }
         const block = this.editor.getBlockById(range.start.blockId);
         if (!isTextKindBlock(this.editor, block)) {
           this.editor.selection.selectBlock(block, 0);
+          return true;
         }
         if (isTextKindBlock(this.editor, block)) {
           const offset = range.start.offset;
           const childInfo = getTextBlockChild(block, offset);
           if (childInfo.next && isBox(childInfo.next)) {
             this.editor.selection.selectBlock(block, offset, offset + 1);
-            this.editor.focus();
-            event.preventDefault();
-            event.stopPropagation();
-            return;
+            return true;
           }
           if (this.editor.selection.range.isCollapsed()) {
             const rangeRect = getBlockClientRects(this.editor, block, this.editor.selection.range);
@@ -80110,14 +80128,12 @@ ${content}
             const inRect = rangeRect.some((rect) => clientX > rect.left - step && clientX < rect.right + step && clientY > rect.top - step && clientY < rect.bottom + step);
             if (inRect) {
               this.cursorToolbar.showToolbar();
-              event.preventDefault();
-              event.stopPropagation();
-              this.editor.focus();
+              return true;
             }
           }
         }
+        return false;
       });
-      __publicField(this, "isMoving", false);
       __publicField(this, "handleTouchMove", (event) => {
         this.isMoving = true;
       });
@@ -80126,7 +80142,9 @@ ${content}
         if (event.touches.length === 1) {
           this.longPressTimeout = window.setTimeout(() => {
             this.longPressTriggered = true;
-            this.handleLongPress(event);
+            if (this.handleLongPress(event)) {
+              this.editor.focus();
+            }
           }, LONG_PRESS_DELAY);
         }
       });
@@ -80144,17 +80162,19 @@ ${content}
       });
       this.editor = editor;
       this.editor.addListener("selectionChanged", this.handleSelectionChange);
+      this.editor.addListener("docChanged", this.handleSelectionChange);
       document.addEventListener("touchstart", this.handleTouchStart);
       document.addEventListener("touchend", this.handleTouchEnd, { capture: true });
       document.addEventListener("touchmove", this.handleTouchMove);
       this.gripper = new SelectionGripper(this.editor);
-      createMobileBottomMenu();
       this.cursorToolbar = createCursorToolbar(this.editor);
     }
     destroy() {
       this.editor.removeListener("selectionChanged", this.handleSelectionChange);
+      this.editor.removeListener("docChanged", this.handleSelectionChange);
       document.removeEventListener("touchstart", this.handleTouchStart);
       document.removeEventListener("touchend", this.handleTouchEnd);
+      document.removeEventListener("touchmove", this.handleTouchMove);
     }
   }
   function getChildContainers(editor, block, from, to) {
@@ -86540,7 +86560,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.1.1-beta.54";
+    editor.version = "2.1.1-beta.56";
     if (Logger$2.level === LogLevel.DEBUG) {
       window.setReauthFail = (fail) => {
         window.isReauthError = fail;
@@ -86638,7 +86658,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.1.1-beta.54";
+    editor.version = "2.1.1-beta.56";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {

package/package.json

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