@ones-editor/editor 2.1.1-beta.78 → 2.1.1-beta.79

package/@ones-editor/ui-base/src/input/create-input.d.ts

@@ -11,7 +11,7 @@ export type EditorInputOptions = {
     prefix?: Element;
     suffixClose?: boolean;
 };
-declare class EditorInput {
+export declare class EditorInput {
     private parent;
     private options;
     private unbindKeyDownEvent;
@@ -28,10 +28,10 @@ declare class EditorInput {
     handleKeyDown: (e: KeyboardEvent, composing: boolean) => void;
     showSuffix: () => void;
     hideSuffix: () => void;
+    reset: () => void;
     handleInput: (e: Event) => void;
     handleClose: (e: Event | TouchEvent) => void;
     init(): HTMLDivElement;
     destroy(): void;
 }
 export declare function createInput(parent: HTMLElement, options: EditorInputOptions): EditorInput;
-export {};

package/dist/index.js

@@ -2604,7 +2604,7 @@ div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container
   width: 100%;
 }
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] {
-  height: 475px;
+  height: 495px;
   align-items: start;
 }
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup].selected {
@@ -39160,6 +39160,9 @@ ${codeText}
           return;
         }
         this.emit("click", this, item, elem);
+        if (item.clickToClose === false) {
+          return;
+        }
         if (this.options.autoClose) {
           if ((_c = (_b = this.options).beforeClose) == null ? void 0 : _c.call(_b, event)) {
             return;
@@ -41020,6 +41023,11 @@ ${codeText}
           removeClass(this.input, "has-suffix");
         }
       });
+      __publicField(this, "reset", () => {
+        this.input.value = "";
+        removeClass(this.container, "error");
+        this.hideSuffix();
+      });
       __publicField(this, "handleInput", (e2) => {
         var _a, _b;
         (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, e2);
@@ -50555,7 +50563,8 @@ ${codeText}
         overflowBoundary: popover == null ? void 0 : popover.overflowBoundary,
         refuseOverflow: true,
         padding: 20,
-        showName: clientType.isMobile
+        showName: clientType.isMobile,
+        autoClose: clientType.isMobile ? true : void 0
       });
       this.toolbar.on("click", this.handleButtonClick);
       this.toolbar.on("close", this.handleClose);
@@ -62544,9 +62553,11 @@ ${codeText}
     const block = editor.getBlockByIndex(containerId, blockIndex);
     const text2 = toPlainText(splitText(editor.getBlockText(block), offset).left);
     const converters = type === "enter" ? ENTER_CONVERTER : SPACE_CONVERTER;
-    DISABLE_MOBILE_CONVERTERS.forEach((key) => {
-      delete converters[key];
-    });
+    if (clientType.isMobile) {
+      DISABLE_MOBILE_CONVERTERS.forEach((key) => {
+        delete converters[key];
+      });
+    }
     for (const [, converter] of Object.entries(converters)) {
       if (!text2.match(converter.reg))
         continue;
@@ -70395,16 +70406,20 @@ ${codeText}
         const tableData = editor.getBlockData(tableBlock);
         const children = [{
           id: "insert-right-col",
-          name: i18n$1.t("table.commands.insertRightCol")
+          name: i18n$1.t("table.commands.insertRightCol"),
+          clickToClose: false
         }, {
           id: "insert-bottom-row",
-          name: i18n$1.t("table.commands.insertBottomRow")
+          name: i18n$1.t("table.commands.insertBottomRow"),
+          clickToClose: false
         }, {
           id: "delete-cell",
-          name: i18n$1.t("table.deleteCol")
+          name: i18n$1.t("table.deleteCol"),
+          clickToClose: false
         }, {
           id: "delete-row",
-          name: i18n$1.t("table.deleteRow")
+          name: i18n$1.t("table.deleteRow"),
+          clickToClose: false
         }, {
           type: "section",
           id: "section-1",
@@ -70413,17 +70428,20 @@ ${codeText}
           id: "row-title",
           name: i18n$1.t("table.tableConfig.rowTitle"),
           states: tableData.hasRowTitle ? ["checked"] : [],
-          switchable: true
+          switchable: true,
+          clickToClose: false
         }, {
           id: "col-title",
           name: i18n$1.t("table.tableConfig.colTitle"),
           states: tableData.hasColTitle ? ["checked"] : [],
-          switchable: true
+          switchable: true,
+          clickToClose: false
         }, {
           id: "stripe-style",
           name: i18n$1.t("table.tableConfig.stripeStyle"),
           states: tableData.isStripeStyle ? ["checked"] : [],
-          switchable: true
+          switchable: true,
+          clickToClose: false
         }, {
           type: "section",
           id: "section-2",
@@ -78363,7 +78381,7 @@ ${content}
   class OnesEditorMention {
     constructor(editor, options) {
       __publicField(this, "suggest");
-      __publicField(this, "mobileWrap", null);
+      __publicField(this, "mobileWrap");
       __publicField(this, "items", []);
       __publicField(this, "createMobileHeader", () => {
         if (!clientType.isMobile) {
@@ -78388,8 +78406,7 @@ ${content}
       });
       __publicField(this, "onShown", (bar2) => {
         if (clientType.isMobile) {
-          const mobileWrap = this.getMobileCommandElement();
-          const input2 = mobileWrap.querySelector("input");
+          const { input: input2 } = this.createMobileWrap();
           input2.focus();
           scrollBarIntoView(this.editor, bar2.menu.menu);
         }
@@ -78464,33 +78481,36 @@ ${content}
           this.createMobileItems(content, items, find);
         });
       }, 100));
-      __publicField(this, "getMobileCommandElement", () => {
+      __publicField(this, "createMobileWrap", () => {
         if (this.mobileWrap) {
           return this.mobileWrap;
         }
-        this.mobileWrap = createElement("div", ["mobile-item-wrap"], null);
+        const wrapper = createElement("div", ["mobile-item-wrap"], null);
         const content = createElement("div", ["mobile-item-content"], null);
         const icon = createElement("div", ["editor-input-icon"], null);
         icon.innerHTML = SearchIcon;
-        createInput(this.mobileWrap, {
+        const input2 = createInput(wrapper, {
           onChange: (e2) => this.onInputChanged(content, e2),
           placeholder: i18n$1.t("mention.placeholder"),
           prefix: icon,
           suffixClose: true
         });
-        this.mobileWrap.appendChild(content);
-        this.mobileWrap.addEventListener("click", this.handleMobileWrapClick);
+        wrapper.appendChild(content);
+        wrapper.addEventListener("click", this.handleMobileWrapClick);
         content.addEventListener("scroll", () => {
           var _a;
           return (_a = document.activeElement) == null ? void 0 : _a.blur();
         });
+        this.mobileWrap = {
+          wrapper,
+          input: input2,
+          content
+        };
         return this.mobileWrap;
       });
       __publicField(this, "createMobileCommandItem", (items) => {
-        const mobileWrap = this.getMobileCommandElement();
-        const content = mobileWrap.querySelector(".mobile-item-content");
-        const input2 = mobileWrap.querySelector("input");
-        input2.value = "";
+        const { wrapper, input: input2, content } = this.createMobileWrap();
+        input2.reset();
         this.createMobileItems(content, items, "");
         setTimeout(() => {
           const clientHeight = this.editor.scrollContainer.clientHeight;
@@ -78499,7 +78519,7 @@ ${content}
         return [{
           id: "create-mobile-item",
           name: "Create Mobile Item",
-          element: mobileWrap
+          element: wrapper
         }];
       });
       __publicField(this, "_queryItems", async (text2) => {
@@ -78546,7 +78566,8 @@ ${content}
     }
     destroy() {
       if (this.mobileWrap) {
-        this.mobileWrap.removeEventListener("click", this.handleMobileWrapClick);
+        this.mobileWrap.wrapper.removeEventListener("click", this.handleMobileWrapClick);
+        this.mobileWrap.input.destroy();
       }
     }
   }
@@ -80024,10 +80045,10 @@ ${content}
       __publicField(this, "mobileToolbar");
       __publicField(this, "fixedProviders");
       __publicField(this, "bar");
-      __publicField(this, "subBar", null);
+      __publicField(this, "subBar", []);
       __publicField(this, "handleSubBarShown", (_2, subBar) => {
         scrollBarIntoView(this.editor, subBar);
-        this.subBar = subBar;
+        this.addSubBar(subBar);
       });
       __publicField(this, "handleSelectionChange", debounce__default.default(() => {
         const commands = this.fixedProviders.getCommands(this.editor.selection.range);
@@ -80059,14 +80080,22 @@ ${content}
         }
       }, 500);
     }
+    addSubBar(subBar) {
+      this.subBar.push(subBar);
+      this.subBar = this.subBar.filter((item) => item.isVisible);
+    }
     layoutSubBar() {
-      var _a, _b, _c;
-      if (((_a = this.subBar) == null ? void 0 : _a.isVisible) && this.subBar.parentItem) {
-        (_c = (_b = this.subBar).setProps) == null ? void 0 : _c.call(_b, this.mobileToolbar.getSubBarOptions(this.subBar.parentItem));
+      var _a;
+      for (const subBar of this.subBar) {
+        if ((subBar == null ? void 0 : subBar.isVisible) && subBar.parentItem) {
+          (_a = subBar.setProps) == null ? void 0 : _a.call(subBar, this.mobileToolbar.getSubBarOptions(subBar.parentItem));
+        }
       }
+      this.subBar = this.subBar.filter((item) => item.isVisible);
     }
     destroy() {
       this.editor.removeListener("selectionChanged", this.handleSelectionChange);
+      this.subBar.forEach((item) => item.destroy());
       this.mobileToolbar.destroy();
       this.bar.remove();
     }
@@ -86739,7 +86768,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.1.1-beta.78";
+    editor.version = "2.1.1-beta.79";
     if (Logger$2.level === LogLevel.DEBUG) {
       window.setReauthFail = (fail) => {
         window.isReauthError = fail;
@@ -86840,7 +86869,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.1.1-beta.78";
+    editor.version = "2.1.1-beta.79";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {

package/package.json

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