@ones-editor/editor 2.1.1-beta.81 → 2.1.1-beta.83

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

@@ -10,6 +10,7 @@ export type EditorInputOptions = {
     maxLength?: number;
     prefix?: Element;
     suffixClose?: boolean;
+    mode?: 'textarea' | 'input';
 };
 export declare class EditorInput {
     private parent;

package/dist/index.js

@@ -1594,6 +1594,7 @@ div.tippy-box[data-theme=menu] .tippy-content .editor-command-bar.menu .menu-ite
   line-height: 1.4;
   color: #000;
   width: 100%;
+  resize: none;
 }
 .editor-input-wrap .editor-input-container .editor-input:hover {
   border-color: #0064ff;
@@ -2616,12 +2617,40 @@ div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap {
   padding: 0px 15px;
 }
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap.error .editor-input-container.textarea {
+  border: 1px solid #e82100;
+}
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container {
   padding: 0;
 }
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container .editor-input {
   line-height: 1.4;
-  padding: 11px 10px;
+  height: 100%;
+  white-space: nowrap;
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea {
+  padding: 0px 10px;
+  border: 1px solid #c7c7c7;
+  height: 44px;
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea:hover {
+  border-color: #0064ff;
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea.focus {
+  border-color: #0064ff;
+  box-shadow: 0px 0px 0px 2px rgba(51, 143, 229, 0.2);
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea .editor-input {
+  border: none;
+  padding: 11px 0px;
+  width: calc(100% - 20px);
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea .editor-input:hover {
+  border: none;
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea .editor-input:focus {
+  border: none;
+  box-shadow: none;
 }div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block] div[data-type=block-content] > span.math-box {
   display: inline-flex;
   vertical-align: middle;
@@ -41009,6 +41038,11 @@ ${codeText}
       });
       __publicField(this, "handleKeyDown", (e2, composing) => {
         var _a, _b;
+        if (this.options.mode === "textarea") {
+          if (e2.code === "Enter") {
+            e2.preventDefault();
+          }
+        }
         (_b = (_a = this.options).onKeyDown) == null ? void 0 : _b.call(_a, e2, composing);
       });
       __publicField(this, "showSuffix", () => {
@@ -41030,6 +41064,12 @@ ${codeText}
       });
       __publicField(this, "handleInput", (e2) => {
         var _a, _b;
+        if (this.options.mode === "textarea") {
+          const input2 = e2.target;
+          if (input2.value.includes("\n")) {
+            input2.value = input2.value.replace(/\n/g, "");
+          }
+        }
         (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, e2);
         removeClass(this.container, "error");
         if (this.options.maxLength) {
@@ -41088,7 +41128,19 @@ ${codeText}
         }
       }
       const inputContainer = createElement("div", ["editor-input-container"], container);
-      const input2 = createElement("input", ["editor-input"], null);
+      let input2;
+      if ((options == null ? void 0 : options.mode) === "textarea") {
+        addClass(inputContainer, "textarea");
+        input2 = createElement("textarea", ["editor-input"], null);
+        input2.onfocus = () => {
+          addClass(inputContainer, "focus");
+        };
+        input2.onblur = () => {
+          removeClass(inputContainer, "focus");
+        };
+      } else {
+        input2 = createElement("input", ["editor-input"], null);
+      }
       const prefix = options.prefix;
       if (prefix) {
         const suffixContainer = createElement("div", ["editor-input-prefix"], inputContainer);
@@ -49888,7 +49940,8 @@ ${codeText}
         defaultValue: linkText,
         suffixClose: clientType.isMobile,
         onChange: this.onChange,
-        onKeyDown: this.handleTextKeyboard
+        onKeyDown: this.handleTextKeyboard,
+        mode: clientType.isMobile ? "textarea" : "input"
       });
       this.form.linkUrl = createInput(content, {
         className: "link-popup-gap",
@@ -49898,7 +49951,8 @@ ${codeText}
         defaultValue: linkUrl,
         suffixClose: clientType.isMobile,
         onChange: this.onChange,
-        onKeyDown: this.handleUrlKeyboard
+        onKeyDown: this.handleUrlKeyboard,
+        mode: clientType.isMobile ? "textarea" : "input"
       });
       return content;
     }
@@ -79748,6 +79802,9 @@ ${content}
         return groupEachCommand(commands);
       });
       __publicField(this, "showToolbar", () => {
+        if (this.editor.readonly) {
+          return;
+        }
         tippy$1.hideAll();
         const commands = this.getCommands();
         this.toolbar.updateItems(commands);
@@ -86766,7 +86823,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.1.1-beta.81";
+    editor.version = "2.1.1-beta.83";
     if (Logger$2.level === LogLevel.DEBUG) {
       window.setReauthFail = (fail) => {
         window.isReauthError = fail;
@@ -86867,7 +86924,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.1.1-beta.81";
+    editor.version = "2.1.1-beta.83";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {

package/package.json

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