@uiw/react-md-editor 4.0.6 → 4.0.8

package/esm/Context.d.ts

@@ -12,6 +12,7 @@ export interface ContextStore {
     fullscreen?: boolean;
     highlightEnable?: boolean;
     autoFocus?: boolean;
+    autoFocusEnd?: boolean;
     textarea?: HTMLTextAreaElement;
     commandOrchestrator?: TextAreaCommandOrchestrator;
     textareaWarp?: HTMLDivElement;
@@ -37,6 +38,7 @@ export declare function reducer(state: ContextStore, action: ContextStore): {
     fullscreen?: boolean;
     highlightEnable?: boolean;
     autoFocus?: boolean;
+    autoFocusEnd?: boolean;
     textarea?: HTMLTextAreaElement;
     commandOrchestrator?: TextAreaCommandOrchestrator;
     textareaWarp?: HTMLDivElement;

package/esm/Editor.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["prefixCls", "className", "value", "commands", "commandsFilter", "direction", "extraCommands", "height", "enableScroll", "visibleDragbar", "highlightEnable", "preview", "fullscreen", "overflow", "previewOptions", "textareaProps", "maxHeight", "minHeight", "autoFocus", "tabSize", "defaultTabEnable", "onChange", "onStatistics", "onHeightChange", "hideToolbar", "toolbarBottom", "components", "renderTextarea"];
+var _excluded = ["prefixCls", "className", "value", "commands", "commandsFilter", "direction", "extraCommands", "height", "enableScroll", "visibleDragbar", "highlightEnable", "preview", "fullscreen", "overflow", "previewOptions", "textareaProps", "maxHeight", "minHeight", "autoFocus", "autoFocusEnd", "tabSize", "defaultTabEnable", "onChange", "onStatistics", "onHeightChange", "hideToolbar", "toolbarBottom", "components", "renderTextarea"];
 import React, { useEffect, useReducer, useMemo, useRef, useImperativeHandle } from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview';
 import { ToolbarVisibility } from "./components/Toolbar/index.js";
@@ -40,6 +40,7 @@ var InternalMDEditor = /*#__PURE__*/React.forwardRef((props, ref) => {
       maxHeight = 1200,
       minHeight = 100,
       autoFocus,
+      autoFocusEnd = false,
       tabSize = 2,
       defaultTabEnable = false,
       onChange,
@@ -110,6 +111,9 @@ var InternalMDEditor = /*#__PURE__*/React.forwardRef((props, ref) => {
   useMemo(() => autoFocus !== state.autoFocus && dispatch({
     autoFocus: autoFocus
   }), [autoFocus]);
+  useMemo(() => autoFocusEnd !== state.autoFocusEnd && dispatch({
+    autoFocusEnd: autoFocusEnd
+  }), [autoFocusEnd]);
   useMemo(() => fullscreen !== state.fullscreen && dispatch({
     fullscreen: fullscreen
   }),

package/esm/Editor.nohighlight.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["prefixCls", "className", "value", "commands", "commandsFilter", "direction", "extraCommands", "height", "enableScroll", "visibleDragbar", "highlightEnable", "preview", "fullscreen", "overflow", "previewOptions", "textareaProps", "maxHeight", "minHeight", "autoFocus", "tabSize", "defaultTabEnable", "onChange", "onStatistics", "onHeightChange", "hideToolbar", "toolbarBottom", "components", "renderTextarea"];
+var _excluded = ["prefixCls", "className", "value", "commands", "commandsFilter", "direction", "extraCommands", "height", "enableScroll", "visibleDragbar", "highlightEnable", "preview", "fullscreen", "overflow", "previewOptions", "textareaProps", "maxHeight", "minHeight", "autoFocus", "autoFocusEnd", "tabSize", "defaultTabEnable", "onChange", "onStatistics", "onHeightChange", "hideToolbar", "toolbarBottom", "components", "renderTextarea"];
 import React, { useEffect, useReducer, useMemo, useRef, useImperativeHandle } from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview/nohighlight';
 import TextArea from './components/TextArea/index.nohighlight';
@@ -40,6 +40,7 @@ var InternalMDEditor = /*#__PURE__*/React.forwardRef((props, ref) => {
       maxHeight = 1200,
       minHeight = 100,
       autoFocus,
+      autoFocusEnd = false,
       tabSize = 2,
       defaultTabEnable = false,
       onChange,
@@ -110,6 +111,9 @@ var InternalMDEditor = /*#__PURE__*/React.forwardRef((props, ref) => {
   useMemo(() => autoFocus !== state.autoFocus && dispatch({
     autoFocus: autoFocus
   }), [autoFocus]);
+  useMemo(() => autoFocusEnd !== state.autoFocusEnd && dispatch({
+    autoFocusEnd: autoFocusEnd
+  }), [autoFocusEnd]);
   useMemo(() => fullscreen !== state.fullscreen && dispatch({
     fullscreen: fullscreen
   }),

package/esm/Types.d.ts

@@ -34,6 +34,10 @@ export interface MDEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>
      * or it has an `autofocus` attribute and no other element is focused.
      */
     autoFocus?: ITextAreaProps['autoFocus'];
+    /**
+     * Can be used to make `Markdown Editor` focus on the end of text on initialization.
+     */
+    autoFocusEnd?: boolean;
     /**
      * The height of the editor.
      * ⚠️ `Dragbar` is invalid when **`height`** parameter percentage.
@@ -52,7 +56,7 @@ export interface MDEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>
      */
     visibleDragbar?: boolean;
     /**
-     * @deprecated use `visibleDragbar`
+     * @deprecated use {@link MDEditorProps.visibleDragbar}
      */
     visiableDragbar?: boolean;
     /**
@@ -85,7 +89,7 @@ export interface MDEditorProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     textareaProps?: ITextAreaProps;
     /**
      * Use div to replace TextArea or re-render TextArea
-     * @deprecated Please use ~~`renderTextarea`~~ -> `components`
+     * @deprecated Please use {@link components}
      */
     renderTextarea?: ITextAreaProps['renderTextarea'];
     /**

package/esm/commands/index.cn.js

@@ -55,8 +55,8 @@ var fullscreen = _extends({}, fullscreenInit, {
 });
 var hr = _extends({}, hrInit, {
   buttonProps: {
-    'aria-label': '插入HR (ctrl + h)',
-    title: '插入HR (ctrl + h)'
+    'aria-label': '插入分割线 (ctrl + h)',
+    title: '插入分割线 (ctrl + h)'
   }
 });
 var image = _extends({}, imageInit, {
@@ -121,8 +121,8 @@ var quote = _extends({}, quoteInit, {
 });
 var strikethrough = _extends({}, strikethroughInit, {
   buttonProps: {
-    'aria-label': 'Add strikethrough text (ctrl + shift + x)',
-    title: 'Add strikethrough text (ctrl + shift + x)'
+    'aria-label': '添加删除线文本 (ctrl + shift + x)',
+    title: '添加删除线文本 (ctrl + shift + x)'
   }
 });
 var issue = _extends({}, issueInit, {

package/esm/commands/index.d.ts

@@ -14,13 +14,13 @@ import { checkedListCommand, orderedListCommand, unorderedListCommand } from './
 import { codeEdit, codeLive, codePreview } from './preview';
 import { quote } from './quote';
 import { strikethrough } from './strikeThrough';
-import { title } from './title';
-import { title1 } from './title1';
-import { title2 } from './title2';
-import { title3 } from './title3';
-import { title4 } from './title4';
-import { title5 } from './title5';
-import { title6 } from './title6';
+import { title, heading } from './title';
+import { title1, heading1 } from './title1';
+import { title2, heading2 } from './title2';
+import { title3, heading3 } from './title3';
+import { title4, heading4 } from './title4';
+import { title5, heading5 } from './title5';
+import { title6, heading6 } from './title6';
 import { table } from './table';
 import { issue } from './issue';
 import { help } from './help';
@@ -93,4 +93,4 @@ declare class TextAreaCommandOrchestrator implements CommandOrchestrator {
     getState(): false | TextState;
     executeCommand(command: ICommand<string>, dispatch?: React.Dispatch<ContextStore>, state?: ExecuteCommandState, shortcuts?: string[]): void;
 }
-export { title, title1, title2, title3, title4, title5, title6, bold, codeBlock, comment, italic, strikethrough, hr, group, divider, link, quote, code, image, unorderedListCommand, orderedListCommand, checkedListCommand, table, issue, help, codeEdit, codeLive, codePreview, fullscreen, getCommands, getExtraCommands, getStateFromTextArea, TextAreaCommandOrchestrator, TextAreaTextApi, };
+export { title, title1, title2, title3, title4, title5, title6, heading, heading1, heading2, heading3, heading4, heading5, heading6, bold, codeBlock, comment, italic, strikethrough, hr, group, divider, link, quote, code, image, unorderedListCommand, orderedListCommand, checkedListCommand, table, issue, help, codeEdit, codeLive, codePreview, fullscreen, getCommands, getExtraCommands, getStateFromTextArea, TextAreaCommandOrchestrator, TextAreaTextApi, };

package/esm/commands/index.js

@@ -14,13 +14,13 @@ import { checkedListCommand, orderedListCommand, unorderedListCommand } from "./
 import { codeEdit, codeLive, codePreview } from "./preview.js";
 import { quote } from "./quote.js";
 import { strikethrough } from "./strikeThrough.js";
-import { title } from "./title.js";
-import { title1 } from "./title1.js";
-import { title2 } from "./title2.js";
-import { title3 } from "./title3.js";
-import { title4 } from "./title4.js";
-import { title5 } from "./title5.js";
-import { title6 } from "./title6.js";
+import { title, heading } from "./title.js";
+import { title1, heading1 } from "./title1.js";
+import { title2, heading2 } from "./title2.js";
+import { title3, heading3 } from "./title3.js";
+import { title4, heading4 } from "./title4.js";
+import { title5, heading5 } from "./title5.js";
+import { title6, heading6 } from "./title6.js";
 import { table } from "./table.js";
 import { issue } from "./issue.js";
 import { help } from "./help.js";
@@ -88,6 +88,6 @@ class TextAreaCommandOrchestrator {
     }, getStateFromTextArea(this.textArea)), this.textApi, dispatch, state, shortcuts);
   }
 }
-export { title, title1, title2, title3, title4, title5, title6, bold, codeBlock, comment, italic, strikethrough, hr, group, divider, link, quote, code, image, unorderedListCommand, orderedListCommand, checkedListCommand, table, issue, help, codeEdit, codeLive, codePreview, fullscreen,
+export { title, title1, title2, title3, title4, title5, title6, heading, heading1, heading2, heading3, heading4, heading5, heading6, bold, codeBlock, comment, italic, strikethrough, hr, group, divider, link, quote, code, image, unorderedListCommand, orderedListCommand, checkedListCommand, table, issue, help, codeEdit, codeLive, codePreview, fullscreen,
 // Tool method.
 getCommands, getExtraCommands, getStateFromTextArea, TextAreaCommandOrchestrator, TextAreaTextApi };

package/esm/commands/title.d.ts

@@ -1,8 +1,14 @@
 import { ICommand, ExecuteState, TextAreaTextApi } from './';
-export declare function titleExecute({ state, api, prefix, suffix, }: {
+export declare function headingExecute({ state, api, prefix, suffix, }: {
     state: ExecuteState;
     api: TextAreaTextApi;
     prefix: string;
     suffix?: string;
 }): void;
+export declare const heading: ICommand;
+/**
+ * @deprecated Use `heading` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title` for inserting headings.
+ */
 export declare const title: ICommand;

package/esm/commands/title.js

@@ -1,9 +1,9 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { title1 } from "./title1.js";
+import { heading1 } from "./title1.js";
 import { selectLine, executeCommand } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export function titleExecute(_ref) {
+export function headingExecute(_ref) {
   var {
     state,
     api,
@@ -23,7 +23,7 @@ export function titleExecute(_ref) {
     suffix
   });
 }
-export var title = _extends({}, title1, {
+export var heading = _extends({}, heading1, {
   icon: /*#__PURE__*/_jsx("svg", {
     width: "12",
     height: "12",
@@ -33,4 +33,11 @@ export var title = _extends({}, title1, {
       d: "M15.7083333,468 C7.03242448,468 0,462.030833 0,454.666667 L0,421.333333 C0,413.969167 7.03242448,408 15.7083333,408 L361.291667,408 C369.967576,408 377,413.969167 377,421.333333 L377,454.666667 C377,462.030833 369.967576,468 361.291667,468 L15.7083333,468 Z M21.6666667,366 C9.69989583,366 0,359.831861 0,352.222222 L0,317.777778 C0,310.168139 9.69989583,304 21.6666667,304 L498.333333,304 C510.300104,304 520,310.168139 520,317.777778 L520,352.222222 C520,359.831861 510.300104,366 498.333333,366 L21.6666667,366 Z M136.835938,64 L136.835937,126 L107.25,126 L107.25,251 L40.75,251 L40.75,126 L-5.68434189e-14,126 L-5.68434189e-14,64 L136.835938,64 Z M212,64 L212,251 L161.648438,251 L161.648438,64 L212,64 Z M378,64 L378,126 L343.25,126 L343.25,251 L281.75,251 L281.75,126 L238,126 L238,64 L378,64 Z M449.047619,189.550781 L520,189.550781 L520,251 L405,251 L405,64 L449.047619,64 L449.047619,189.550781 Z"
     })
   })
-});
+});
+
+/**
+ * @deprecated Use `heading` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title` for inserting headings.
+ */
+export var title = heading;

package/esm/commands/title1.d.ts

@@ -1,2 +1,8 @@
 import { ICommand } from './';
+export declare const heading1: ICommand;
+/**
+ * @deprecated Use `heading1` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title1` for inserting Heading 1.
+ */
 export declare const title1: ICommand;

package/esm/commands/title1.js

@@ -1,29 +1,36 @@
 import React from 'react';
-import { titleExecute } from "../commands/title.js";
+import { headingExecute } from "../commands/title.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var title1 = {
-  name: 'title1',
-  keyCommand: 'title1',
+export var heading1 = {
+  name: 'heading1',
+  keyCommand: 'heading1',
   shortcuts: 'ctrlcmd+1',
   prefix: '# ',
   suffix: '',
   buttonProps: {
-    'aria-label': 'Insert title1 (ctrl + 1)',
-    title: 'Insert title1 (ctrl + 1)'
+    'aria-label': 'Insert Heading 1 (ctrl + 1)',
+    title: 'Insert Heading 1 (ctrl + 1)'
   },
   icon: /*#__PURE__*/_jsx("div", {
     style: {
       fontSize: 18,
       textAlign: 'left'
     },
-    children: "Title 1"
+    children: "Heading 1"
   }),
   execute: (state, api) => {
-    titleExecute({
+    headingExecute({
       state,
       api,
       prefix: state.command.prefix,
       suffix: state.command.suffix
     });
   }
-};
+};
+
+/**
+ * @deprecated Use `heading1` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title1` for inserting Heading 1.
+ */
+export var title1 = heading1;

package/esm/commands/title2.d.ts

@@ -1,2 +1,8 @@
 import { ICommand } from './';
+export declare const heading2: ICommand;
+/**
+ * @deprecated Use `heading2` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title2` for inserting Heading 2.
+ */
 export declare const title2: ICommand;

package/esm/commands/title2.js

@@ -1,29 +1,36 @@
 import React from 'react';
-import { titleExecute } from "../commands/title.js";
+import { headingExecute } from "../commands/title.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var title2 = {
-  name: 'title2',
-  keyCommand: 'title2',
+export var heading2 = {
+  name: 'heading2',
+  keyCommand: 'heading2',
   shortcuts: 'ctrlcmd+2',
   prefix: '## ',
   suffix: '',
   buttonProps: {
-    'aria-label': 'Insert title2 (ctrl + 2)',
-    title: 'Insert title2 (ctrl + 2)'
+    'aria-label': 'Insert Heading 2 (ctrl + 2)',
+    title: 'Insert Heading 2 (ctrl + 2)'
   },
   icon: /*#__PURE__*/_jsx("div", {
     style: {
       fontSize: 16,
       textAlign: 'left'
     },
-    children: "Title 2"
+    children: "Heading 2"
   }),
   execute: (state, api) => {
-    titleExecute({
+    headingExecute({
       state,
       api,
       prefix: state.command.prefix,
       suffix: state.command.suffix
     });
   }
-};
+};
+
+/**
+ * @deprecated Use `heading2` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title2` for inserting Heading 2.
+ */
+export var title2 = heading2;

package/esm/commands/title3.d.ts

@@ -1,2 +1,8 @@
 import { ICommand } from './';
+export declare const heading3: ICommand;
+/**
+ * @deprecated Use `heading3` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title3` for inserting Heading 3.
+ */
 export declare const title3: ICommand;

package/esm/commands/title3.js

@@ -1,29 +1,36 @@
 import React from 'react';
-import { titleExecute } from "../commands/title.js";
+import { headingExecute } from "../commands/title.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var title3 = {
-  name: 'title3',
-  keyCommand: 'title3',
+export var heading3 = {
+  name: 'heading3',
+  keyCommand: 'heading3',
   shortcuts: 'ctrlcmd+3',
   prefix: '### ',
   suffix: '',
   buttonProps: {
-    'aria-label': 'Insert title3 (ctrl + 3)',
-    title: 'Insert title3 (ctrl + 3)'
+    'aria-label': 'Insert Heading 3 (ctrl + 3)',
+    title: 'Insert Heading 3 (ctrl + 3)'
   },
   icon: /*#__PURE__*/_jsx("div", {
     style: {
       fontSize: 15,
       textAlign: 'left'
     },
-    children: "Title 3"
+    children: "Heading 3"
   }),
   execute: (state, api) => {
-    titleExecute({
+    headingExecute({
       state,
       api,
       prefix: state.command.prefix,
       suffix: state.command.suffix
     });
   }
-};
+};
+
+/**
+ * @deprecated Use `heading3` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title3` for inserting Heading 3.
+ */
+export var title3 = heading3;

package/esm/commands/title4.d.ts

@@ -1,2 +1,8 @@
 import { ICommand } from './';
+export declare const heading4: ICommand;
+/**
+ * @deprecated Use `heading4` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title4` for inserting Heading 4.
+ */
 export declare const title4: ICommand;

package/esm/commands/title4.js

@@ -1,29 +1,36 @@
 import React from 'react';
-import { titleExecute } from "../commands/title.js";
+import { headingExecute } from "../commands/title.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var title4 = {
-  name: 'title4',
-  keyCommand: 'title4',
+export var heading4 = {
+  name: 'heading4',
+  keyCommand: 'heading4',
   shortcuts: 'ctrlcmd+4',
   prefix: '#### ',
   suffix: '',
   buttonProps: {
-    'aria-label': 'Insert title4 (ctrl + 4)',
-    title: 'Insert title4 (ctrl + 4)'
+    'aria-label': 'Insert Heading 4 (ctrl + 4)',
+    title: 'Insert Heading 4 (ctrl + 4)'
   },
   icon: /*#__PURE__*/_jsx("div", {
     style: {
       fontSize: 14,
       textAlign: 'left'
     },
-    children: "Title 4"
+    children: "Heading 4"
   }),
   execute: (state, api) => {
-    titleExecute({
+    headingExecute({
       state,
       api,
       prefix: state.command.prefix,
       suffix: state.command.suffix
     });
   }
-};
+};
+
+/**
+ * @deprecated Use `heading4` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title4` for inserting Heading 4.
+ */
+export var title4 = heading4;

package/esm/commands/title5.d.ts

@@ -1,2 +1,8 @@
 import { ICommand } from './';
+export declare const heading5: ICommand;
+/**
+ * @deprecated Use `heading5` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title5` for inserting Heading 5.
+ */
 export declare const title5: ICommand;

package/esm/commands/title5.js

@@ -1,29 +1,36 @@
 import React from 'react';
-import { titleExecute } from "../commands/title.js";
+import { headingExecute } from "../commands/title.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var title5 = {
-  name: 'title5',
-  keyCommand: 'title5',
+export var heading5 = {
+  name: 'heading5',
+  keyCommand: 'heading5',
   shortcuts: 'ctrlcmd+5',
   prefix: '##### ',
   suffix: '',
   buttonProps: {
-    'aria-label': 'Insert title5 (ctrl + 5)',
-    title: 'Insert title5 (ctrl + 5)'
+    'aria-label': 'Insert Heading 5 (ctrl + 5)',
+    title: 'Insert Heading 5 (ctrl + 5)'
   },
   icon: /*#__PURE__*/_jsx("div", {
     style: {
       fontSize: 12,
       textAlign: 'left'
     },
-    children: "Title 5"
+    children: "Heading 5"
   }),
   execute: (state, api) => {
-    titleExecute({
+    headingExecute({
       state,
       api,
       prefix: state.command.prefix,
       suffix: state.command.suffix
     });
   }
-};
+};
+
+/**
+ * @deprecated Use `heading5` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title5` for inserting Heading 5.
+ */
+export var title5 = heading5;

package/esm/commands/title6.d.ts

@@ -1,2 +1,8 @@
 import { ICommand } from './';
+export declare const heading6: ICommand;
+/**
+ * @deprecated Use `heading6` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title6` for inserting Heading 6.
+ */
 export declare const title6: ICommand;

package/esm/commands/title6.js

@@ -1,29 +1,36 @@
 import React from 'react';
-import { titleExecute } from "../commands/title.js";
+import { headingExecute } from "../commands/title.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var title6 = {
-  name: 'title6',
-  keyCommand: 'title6',
+export var heading6 = {
+  name: 'heading6',
+  keyCommand: 'heading6',
   shortcuts: 'ctrlcmd+6',
   prefix: '###### ',
   suffix: '',
   buttonProps: {
-    'aria-label': 'Insert title6 (ctrl + 6)',
-    title: 'Insert title6 (ctrl + 6)'
+    'aria-label': 'Insert Heading 6 (ctrl + 6)',
+    title: 'Insert Heading 6 (ctrl + 6)'
   },
   icon: /*#__PURE__*/_jsx("div", {
     style: {
       fontSize: 12,
       textAlign: 'left'
     },
-    children: "Title 6"
+    children: "Heading 6"
   }),
   execute: (state, api) => {
-    titleExecute({
+    headingExecute({
       state,
       api,
       prefix: state.command.prefix,
       suffix: state.command.suffix
     });
   }
-};
+};
+
+/**
+ * @deprecated Use `heading6` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title6` for inserting Heading 6.
+ */
+export var title6 = heading6;

package/esm/components/TextArea/Textarea.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["prefixCls", "onChange"],
-  _excluded2 = ["markdown", "commands", "fullscreen", "preview", "highlightEnable", "extraCommands", "tabSize", "defaultTabEnable", "dispatch"];
+  _excluded2 = ["markdown", "commands", "fullscreen", "preview", "highlightEnable", "extraCommands", "tabSize", "defaultTabEnable", "autoFocusEnd", "textareaWarp", "dispatch"];
 import React, { useContext, useEffect } from 'react';
 import { EditorContext } from "../../Context.js";
 import { TextAreaCommandOrchestrator } from "../../commands/index.js";
@@ -25,6 +25,8 @@ export default function Textarea(props) {
       extraCommands,
       tabSize,
       defaultTabEnable,
+      autoFocusEnd,
+      textareaWarp,
       dispatch
     } = _useContext,
     otherStore = _objectWithoutPropertiesLoose(_useContext, _excluded2);
@@ -52,6 +54,21 @@ export default function Textarea(props) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  useEffect(() => {
+    if (autoFocusEnd && textRef.current && textareaWarp) {
+      textRef.current.focus();
+      var length = textRef.current.value.length;
+      textRef.current.setSelectionRange(length, length);
+      setTimeout(() => {
+        if (textareaWarp) {
+          textareaWarp.scrollTop = textareaWarp.scrollHeight;
+        }
+        if (textRef.current) {
+          textRef.current.scrollTop = textRef.current.scrollHeight;
+        }
+      }, 0);
+    }
+  }, [textareaWarp]);
   var onKeyDown = e => {
     handleKeyDown(e, tabSize, defaultTabEnable);
     shortcuts(e, [...(commands || []), ...(extraCommands || [])], executeRef.current, dispatch, statesRef.current);

package/esm/index.d.ts

@@ -2,6 +2,7 @@ import MDEditor from './Editor';
 import * as commands from './commands/';
 import * as MarkdownUtil from './utils/markdownUtils';
 import './index.less';
+export { headingExecute } from './commands/title';
 export * from './commands/';
 export * from './commands/group';
 export * from './utils/markdownUtils';

package/esm/index.js

@@ -2,6 +2,7 @@ import MDEditor from "./Editor.js";
 import * as commands from "./commands/index.js";
 import * as MarkdownUtil from "./utils/markdownUtils.js";
 import "./index.css";
+export { headingExecute } from "./commands/title.js";
 export * from "./commands/index.js";
 export * from "./commands/group.js";
 export * from "./utils/markdownUtils.js";

package/lib/Context.d.ts

@@ -12,6 +12,7 @@ export interface ContextStore {
     fullscreen?: boolean;
     highlightEnable?: boolean;
     autoFocus?: boolean;
+    autoFocusEnd?: boolean;
     textarea?: HTMLTextAreaElement;
     commandOrchestrator?: TextAreaCommandOrchestrator;
     textareaWarp?: HTMLDivElement;
@@ -37,6 +38,7 @@ export declare function reducer(state: ContextStore, action: ContextStore): {
     fullscreen?: boolean;
     highlightEnable?: boolean;
     autoFocus?: boolean;
+    autoFocusEnd?: boolean;
     textarea?: HTMLTextAreaElement;
     commandOrchestrator?: TextAreaCommandOrchestrator;
     textareaWarp?: HTMLDivElement;