@uiw/react-md-editor 4.0.6 → 4.0.8

package/lib/Editor.js

@@ -17,7 +17,7 @@ var _DragBar = _interopRequireDefault(require("./components/DragBar/"));
 var _commands = require("./commands/");
 var _Context = require("./Context");
 var _jsxRuntime = require("react/jsx-runtime");
-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"];
 function setGroupPopFalse() {
   var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   Object.keys(data).forEach(function (keyname) {
@@ -59,6 +59,8 @@ var InternalMDEditor = /*#__PURE__*/_react["default"].forwardRef(function (props
     _ref$minHeight = _ref.minHeight,
     minHeight = _ref$minHeight === void 0 ? 100 : _ref$minHeight,
     autoFocus = _ref.autoFocus,
+    _ref$autoFocusEnd = _ref.autoFocusEnd,
+    autoFocusEnd = _ref$autoFocusEnd === void 0 ? false : _ref$autoFocusEnd,
     _ref$tabSize = _ref.tabSize,
     tabSize = _ref$tabSize === void 0 ? 2 : _ref$tabSize,
     _ref$defaultTabEnable = _ref.defaultTabEnable,
@@ -152,6 +154,11 @@ var InternalMDEditor = /*#__PURE__*/_react["default"].forwardRef(function (props
       autoFocus: autoFocus
     });
   }, [autoFocus]);
+  (0, _react.useMemo)(function () {
+    return autoFocusEnd !== state.autoFocusEnd && dispatch({
+      autoFocusEnd: autoFocusEnd
+    });
+  }, [autoFocusEnd]);
   (0, _react.useMemo)(function () {
     return fullscreen !== state.fullscreen && dispatch({
       fullscreen: fullscreen

package/lib/Editor.nohighlight.js

@@ -17,7 +17,7 @@ var _DragBar = _interopRequireDefault(require("./components/DragBar/"));
 var _commands = require("./commands/");
 var _Context = require("./Context");
 var _jsxRuntime = require("react/jsx-runtime");
-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"];
 function setGroupPopFalse() {
   var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   Object.keys(data).forEach(function (keyname) {
@@ -59,6 +59,8 @@ var InternalMDEditor = /*#__PURE__*/_react["default"].forwardRef(function (props
     _ref$minHeight = _ref.minHeight,
     minHeight = _ref$minHeight === void 0 ? 100 : _ref$minHeight,
     autoFocus = _ref.autoFocus,
+    _ref$autoFocusEnd = _ref.autoFocusEnd,
+    autoFocusEnd = _ref$autoFocusEnd === void 0 ? false : _ref$autoFocusEnd,
     _ref$tabSize = _ref.tabSize,
     tabSize = _ref$tabSize === void 0 ? 2 : _ref$tabSize,
     _ref$defaultTabEnable = _ref.defaultTabEnable,
@@ -152,6 +154,11 @@ var InternalMDEditor = /*#__PURE__*/_react["default"].forwardRef(function (props
       autoFocus: autoFocus
     });
   }, [autoFocus]);
+  (0, _react.useMemo)(function () {
+    return autoFocusEnd !== state.autoFocusEnd && dispatch({
+      autoFocusEnd: autoFocusEnd
+    });
+  }, [autoFocusEnd]);
   (0, _react.useMemo)(function () {
     return fullscreen !== state.fullscreen && dispatch({
       fullscreen: fullscreen

package/lib/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/lib/commands/index.cn.js

@@ -76,8 +76,8 @@ var fullscreen = exports.fullscreen = (0, _objectSpread2["default"])((0, _object
 });
 var hr = exports.hr = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _hr.hr), {}, {
   buttonProps: {
-    'aria-label': '插入HR (ctrl + h)',
-    title: '插入HR (ctrl + h)'
+    'aria-label': '插入分割线 (ctrl + h)',
+    title: '插入分割线 (ctrl + h)'
   }
 });
 var image = exports.image = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _image.image), {}, {
@@ -142,8 +142,8 @@ var quote = exports.quote = (0, _objectSpread2["default"])((0, _objectSpread2["d
 });
 var strikethrough = exports.strikethrough = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _strikeThrough.strikethrough), {}, {
   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 = exports.issue = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _issue.issue), {}, {

package/lib/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/lib/commands/index.js

@@ -73,6 +73,48 @@ Object.defineProperty(exports, "group", {
     return _group.group;
   }
 });
+Object.defineProperty(exports, "heading", {
+  enumerable: true,
+  get: function get() {
+    return _title.heading;
+  }
+});
+Object.defineProperty(exports, "heading1", {
+  enumerable: true,
+  get: function get() {
+    return _title2.heading1;
+  }
+});
+Object.defineProperty(exports, "heading2", {
+  enumerable: true,
+  get: function get() {
+    return _title3.heading2;
+  }
+});
+Object.defineProperty(exports, "heading3", {
+  enumerable: true,
+  get: function get() {
+    return _title4.heading3;
+  }
+});
+Object.defineProperty(exports, "heading4", {
+  enumerable: true,
+  get: function get() {
+    return _title5.heading4;
+  }
+});
+Object.defineProperty(exports, "heading5", {
+  enumerable: true,
+  get: function get() {
+    return _title6.heading5;
+  }
+});
+Object.defineProperty(exports, "heading6", {
+  enumerable: true,
+  get: function get() {
+    return _title7.heading6;
+  }
+});
 Object.defineProperty(exports, "help", {
   enumerable: true,
   get: function get() {

package/lib/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/lib/commands/title.js

@@ -4,14 +4,15 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.heading = void 0;
+exports.headingExecute = headingExecute;
 exports.title = void 0;
-exports.titleExecute = titleExecute;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _title = require("./title1");
 var _markdownUtils = require("../utils/markdownUtils");
 var _jsxRuntime = require("react/jsx-runtime");
-function titleExecute(_ref) {
+function headingExecute(_ref) {
   var state = _ref.state,
     api = _ref.api,
     prefix = _ref.prefix,
@@ -30,7 +31,7 @@ function titleExecute(_ref) {
     suffix: suffix
   });
 }
-var title = exports.title = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _title.title1), {}, {
+var heading = exports.heading = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _title.heading1), {}, {
   icon: /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", {
     width: "12",
     height: "12",
@@ -40,4 +41,11 @@ var title = exports.title = (0, _objectSpread2["default"])((0, _objectSpread2["d
       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.
+ */
+var title = exports.title = heading;

package/lib/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/lib/commands/title1.js

@@ -4,33 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.title1 = void 0;
+exports.title1 = exports.heading1 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _title = require("../commands/title");
 var _jsxRuntime = require("react/jsx-runtime");
-var title1 = exports.title1 = {
-  name: 'title1',
-  keyCommand: 'title1',
+var heading1 = exports.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__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       fontSize: 18,
       textAlign: 'left'
     },
-    children: "Title 1"
+    children: "Heading 1"
   }),
   execute: function execute(state, api) {
-    (0, _title.titleExecute)({
+    (0, _title.headingExecute)({
       state: state,
       api: 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.
+ */
+var title1 = exports.title1 = heading1;

package/lib/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/lib/commands/title2.js

@@ -4,33 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.title2 = void 0;
+exports.title2 = exports.heading2 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _title = require("../commands/title");
 var _jsxRuntime = require("react/jsx-runtime");
-var title2 = exports.title2 = {
-  name: 'title2',
-  keyCommand: 'title2',
+var heading2 = exports.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__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       fontSize: 16,
       textAlign: 'left'
     },
-    children: "Title 2"
+    children: "Heading 2"
   }),
   execute: function execute(state, api) {
-    (0, _title.titleExecute)({
+    (0, _title.headingExecute)({
       state: state,
       api: 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.
+ */
+var title2 = exports.title2 = heading2;

package/lib/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/lib/commands/title3.js

@@ -4,33 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.title3 = void 0;
+exports.title3 = exports.heading3 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _title = require("../commands/title");
 var _jsxRuntime = require("react/jsx-runtime");
-var title3 = exports.title3 = {
-  name: 'title3',
-  keyCommand: 'title3',
+var heading3 = exports.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__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       fontSize: 15,
       textAlign: 'left'
     },
-    children: "Title 3"
+    children: "Heading 3"
   }),
   execute: function execute(state, api) {
-    (0, _title.titleExecute)({
+    (0, _title.headingExecute)({
       state: state,
       api: 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.
+ */
+var title3 = exports.title3 = heading3;

package/lib/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/lib/commands/title4.js

@@ -4,33 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.title4 = void 0;
+exports.title4 = exports.heading4 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _title = require("../commands/title");
 var _jsxRuntime = require("react/jsx-runtime");
-var title4 = exports.title4 = {
-  name: 'title4',
-  keyCommand: 'title4',
+var heading4 = exports.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__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       fontSize: 14,
       textAlign: 'left'
     },
-    children: "Title 4"
+    children: "Heading 4"
   }),
   execute: function execute(state, api) {
-    (0, _title.titleExecute)({
+    (0, _title.headingExecute)({
       state: state,
       api: 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.
+ */
+var title4 = exports.title4 = heading4;

package/lib/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/lib/commands/title5.js

@@ -4,33 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.title5 = void 0;
+exports.title5 = exports.heading5 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _title = require("../commands/title");
 var _jsxRuntime = require("react/jsx-runtime");
-var title5 = exports.title5 = {
-  name: 'title5',
-  keyCommand: 'title5',
+var heading5 = exports.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__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       fontSize: 12,
       textAlign: 'left'
     },
-    children: "Title 5"
+    children: "Heading 5"
   }),
   execute: function execute(state, api) {
-    (0, _title.titleExecute)({
+    (0, _title.headingExecute)({
       state: state,
       api: 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.
+ */
+var title5 = exports.title5 = heading5;

package/lib/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/lib/commands/title6.js

@@ -4,33 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.title6 = void 0;
+exports.title6 = exports.heading6 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _title = require("../commands/title");
 var _jsxRuntime = require("react/jsx-runtime");
-var title6 = exports.title6 = {
-  name: 'title6',
-  keyCommand: 'title6',
+var heading6 = exports.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__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       fontSize: 12,
       textAlign: 'left'
     },
-    children: "Title 6"
+    children: "Heading 6"
   }),
   execute: function execute(state, api) {
-    (0, _title.titleExecute)({
+    (0, _title.headingExecute)({
       state: state,
       api: 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.
+ */
+var title6 = exports.title6 = heading6;

package/lib/components/TextArea/Textarea.js

@@ -16,7 +16,7 @@ var _handleKeyDown = _interopRequireDefault(require("./handleKeyDown"));
 var _shortcuts = _interopRequireDefault(require("./shortcuts"));
 var _jsxRuntime = require("react/jsx-runtime");
 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"];
 function Textarea(props) {
   var prefixCls = props.prefixCls,
     _onChange = props.onChange,
@@ -30,6 +30,8 @@ function Textarea(props) {
     extraCommands = _useContext.extraCommands,
     tabSize = _useContext.tabSize,
     defaultTabEnable = _useContext.defaultTabEnable,
+    autoFocusEnd = _useContext.autoFocusEnd,
+    textareaWarp = _useContext.textareaWarp,
     dispatch = _useContext.dispatch,
     otherStore = (0, _objectWithoutProperties2["default"])(_useContext, _excluded2);
   var textRef = _react["default"].useRef(null);
@@ -56,6 +58,21 @@ function Textarea(props) {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
+  (0, _react.useEffect)(function () {
+    if (autoFocusEnd && textRef.current && textareaWarp) {
+      textRef.current.focus();
+      var length = textRef.current.value.length;
+      textRef.current.setSelectionRange(length, length);
+      setTimeout(function () {
+        if (textareaWarp) {
+          textareaWarp.scrollTop = textareaWarp.scrollHeight;
+        }
+        if (textRef.current) {
+          textRef.current.scrollTop = textRef.current.scrollHeight;
+        }
+      }, 0);
+    }
+  }, [textareaWarp]);
   var onKeyDown = function onKeyDown(e) {
     (0, _handleKeyDown["default"])(e, tabSize, defaultTabEnable);
     (0, _shortcuts["default"])(e, [].concat((0, _toConsumableArray2["default"])(commands || []), (0, _toConsumableArray2["default"])(extraCommands || [])), executeRef.current, dispatch, statesRef.current);