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

package/@ones-editor/ui-base/src/command-bar/command-bar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="lodash" />
 import { TypedEmitter } from 'tiny-typed-emitter';
 import { CloseReason, CommandItem, Closeable } from '../../../../@ones-editor/core';
 import { AbstractManualCommandBar, AbstractCommandBar, CommandBarEvents, CommandBarOptions, CommandItemElement, CreateManualCommandBarFunction, ManualShowCommandBarOptions, SelectItemFrom } from './types';
@@ -29,7 +30,7 @@ export default abstract class CommandBar extends TypedEmitter<CommandBarEvents>
     private getSelectedItemIndex;
     private getPrevItemIndex;
     private getNextItemIndex;
-    protected clearSelectedItem(): void;
+    protected clearSelectedItem: import("lodash").DebouncedFunc<() => void>;
     selectItem(id: string, from?: SelectItemFrom): void;
     private lastEnterPauseTime;
     private startPauseMouseEnter;

package/dist/index.js

@@ -5829,7 +5829,6 @@ div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .co
   line-height: 2.4;
 }
 div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .command-item .mobile-item-wrap .mobile-item-content {
-  max-height: 400px;
   height: 400px;
   overflow-x: auto;
   overscroll-behavior: contain;
@@ -5857,6 +5856,17 @@ div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .co
   width: 100%;
   height: 100%;
 }
+div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .command-item .mobile-item-wrap .mobile-item-content .mobile-item .mobile-item-icon .mention-user-avatar-string {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  overflow: hidden;
+  height: 100%;
+  width: 100%;
+  font-size: 12px;
+  color: white;
+  flex-shrink: 0;
+}
 div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .command-item .mobile-item-wrap .mobile-item-content .mobile-item .mobile-item-name {
   color: #2D2D2E;
   font-size: 14px;
@@ -39062,6 +39072,16 @@ ${codeText}
           disablePageScroll(this.id);
         }
       });
+      __publicField(this, "clearSelectedItem", debounce__default.default(() => {
+        const item = this.getSelectedItem();
+        if (!item) {
+          return;
+        }
+        const elem = this.getItemElementById(item.id);
+        if (elem) {
+          removeClass(elem, "selected");
+        }
+      }, 200));
       __publicField(this, "lastEnterPauseTime", 0);
       __publicField(this, "startPauseMouseEnter", () => {
         this.lastEnterPauseTime = Date.now();
@@ -39122,9 +39142,7 @@ ${codeText}
         }
         if (clientType.isMobile) {
           this.selectItem(id);
-          setTimeout(() => {
-            this.clearSelectedItem();
-          }, 1e3);
+          this.clearSelectedItem();
         }
         if (item.children && item.children.length > 0 && item.manualShowChildren) {
           this.showSubCommandBar(item.childrenMenuId);
@@ -39295,16 +39313,6 @@ ${codeText}
         }
       }
     }
-    clearSelectedItem() {
-      const item = this.getSelectedItem();
-      if (!item) {
-        return;
-      }
-      const elem = this.getItemElementById(item.id);
-      if (elem) {
-        removeClass(elem, "selected");
-      }
-    }
     selectItem(id, from = "event") {
       const exists = this.getSelectedItem();
       if (exists) {
@@ -46568,6 +46576,9 @@ ${codeText}
       }
     }
     get commands() {
+      if (this.editor.readonly) {
+        return [];
+      }
       const items = [];
       const focusedBlock = this.editor.selection.focusedBlock;
       for (const provider of this.providers) {
@@ -50421,14 +50432,14 @@ ${codeText}
       OnesEditorHoveringBlock.get(editor).addListener("childChange", this.handleHoveringBlockChildChange);
       OnesEditorHoveringBlock.get(editor).addFilter(this);
       editor.blockHooks.push(new LinkCommands(editor));
-      if (!clientType.isMobile) {
-        editor.editorCommandProviders.registerCommandProvider(new BlockTurnIntoCommandProvider(editor));
-        editor.editorCommandProviders.registerCommandProvider(new ParagraphProvider$1(editor));
-        editor.editorCommandProviders.registerCommandProvider(new AlignDropdownProvider$1(editor));
-      } else {
+      if (clientType.isMobile) {
         editor.editorCommandProviders.registerCommandProvider(new MobileLinkProvider(editor));
         editor.editorCommandProviders.registerCommandProvider(new StandardBoxProvider(editor));
         editor.editorCommandProviders.registerCommandProvider(new ClipboardProvider(editor, { withPaste: true }));
+      } else {
+        editor.editorCommandProviders.registerCommandProvider(new BlockTurnIntoCommandProvider(editor));
+        editor.editorCommandProviders.registerCommandProvider(new ParagraphProvider$1(editor));
+        editor.editorCommandProviders.registerCommandProvider(new AlignDropdownProvider$1(editor));
       }
     }
     disableTextToolbar() {
@@ -57961,7 +57972,7 @@ $$${mathData.mathjaxText}$$
       heading: "Heading {name}",
       headingGroup: "Text style",
       text: "Text",
-      paste: "paste",
+      paste: "Paste",
       tab: "Tab",
       shiftTab: "Shift+Tab"
     }
@@ -62660,7 +62671,7 @@ ${codeText}
     const block = editor.selection.focusedBlock;
     const blockType = getBlockType(block);
     const defaultPlaceholder = options.contentPlaceholder || i18n$1.t("placeholder.default");
-    let placeholder2 = defaultPlaceholder;
+    let placeholder2 = clientType.isMobile ? "" : defaultPlaceholder;
     if (blockType && isTextKindBlockType(editor, blockType)) {
       if (block) {
         if (!editor.isBlockWritable(block)) {
@@ -62669,7 +62680,7 @@ ${codeText}
         if (isCodeLineBlock(block)) {
           return "";
         }
-        if (isChildBlock(block)) {
+        if (isChildBlock(block) && !clientType.isMobile) {
           const parentContainerBlock = getParentBlock(getParentContainer(block));
           if (!parentContainerBlock || !((_b = (_a = getBlockClass(editor, parentContainerBlock)).getOptions) == null ? void 0 : _b.call(_a, editor).isMenuButtonBaseContainer)) {
             placeholder2 = i18n$1.t("placeholder.common.contentInTable");
@@ -74886,7 +74897,7 @@ ${content}
   const enUS$g = {
     contextMenu: {
       copyMarkdown: "Copy as Markdown",
-      paste: "paste",
+      paste: "Paste",
       copyImage: "Copy image",
       copyImageUrl: "Copy image address",
       imageSaveAs: "Save image as",
@@ -78304,6 +78315,8 @@ ${content}
       __publicField(this, "createMobileCommandItem", (items) => {
         this.mobileWrap = createElement("div", ["mobile-item-wrap"], null);
         const content = createElement("div", ["mobile-item-content"], null);
+        const clientHeight = this.editor.rootContainer.clientHeight;
+        content.style.maxHeight = `${clientHeight - 180}px`;
         const icon = createElement("div", ["editor-input-icon"], null);
         icon.innerHTML = SearchIcon;
         const input2 = createInput(this.mobileWrap, {
@@ -78484,16 +78497,16 @@ ${content}
     mention: {
       abstract: "Member",
       placeholder: "Please select a member",
-      noResult: "No matching member",
-      header: "Select a member"
+      noResult: "No matches",
+      header: "Mention members"
     }
   };
   const jaJP$a = {
     mention: {
       abstract: "\u30E1\u30F3\u30D0\u30FC",
       placeholder: "\u30E1\u30F3\u30D0\u30FC\u3092\u691C\u7D22",
-      noResult: "\u8A72\u5F53\u3059\u308B\u30E1\u30F3\u30D0\u30FC\u304C\u3042\u308A\u307E\u305B\u3093",
-      header: "\u30E1\u30F3\u30D0\u30FC\u3092\u9078\u629E"
+      noResult: "\u4E00\u81F4\u3059\u308B\u7D50\u679C\u304C\u3042\u308A\u307E\u305B\u3093",
+      header: "\u30E1\u30F3\u30D0\u30FC\u3092\u30E1\u30F3\u30B7\u30E7\u30F3"
     }
   };
   i18n$1.mergeLang({
@@ -79606,7 +79619,7 @@ ${content}
         this.toolbar.close("selectionChange");
       });
       __publicField(this, "getCommands", () => {
-        const commands = [{ id: "select", name: "\u9009\u62E9" }];
+        const commands = [{ id: "select", name: i18n$1.t("mobile.commands.select") }];
         const focusBlock = this.editor.selection.focusedBlock;
         const clipboardCommands = new ClipboardProvider(this.editor, { withPaste: true }).getAvailableCommands(this.editor, focusBlock);
         clipboardCommands.filter((cmd) => cmd.id === "paste").forEach((cmd) => commands.push(cmd));
@@ -80028,17 +80041,26 @@ ${content}
   const mobileHelperStyles = "";
   const zhCN$7 = {
     mobile: {
-      insert: "\u63D2\u5165"
+      insert: "\u63D2\u5165",
+      commands: {
+        select: "\u9009\u62E9"
+      }
     }
   };
   const enUS$7 = {
     mobile: {
-      insert: "Insert"
+      insert: "Insert",
+      commands: {
+        select: "Select"
+      }
     }
   };
   const jaJP$7 = {
     mobile: {
-      insert: "\u63D2\u5165"
+      insert: "\u633F\u5165",
+      commands: {
+        select: "\u9078\u629E"
+      }
     }
   };
   i18n$1.mergeLang({
@@ -86518,7 +86540,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.1.1-beta.52";
+    editor.version = "2.1.1-beta.54";
     if (Logger$2.level === LogLevel.DEBUG) {
       window.setReauthFail = (fail) => {
         window.isReauthError = fail;
@@ -86616,7 +86638,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.1.1-beta.52";
+    editor.version = "2.1.1-beta.54";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {

package/package.json

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