@uiw/react-md-editor 4.0.5 → 4.0.7

package/esm/Context.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ICommand, TextAreaCommandOrchestrator } from './commands';
+import { ICommand, TextAreaCommandOrchestrator } from './commands/';
 import { MDEditorProps } from './Types';
 export type PreviewType = 'live' | 'edit' | 'preview';
 export interface ContextStore {
@@ -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,13 +1,13 @@
 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 TextArea from './components/TextArea';
-import { ToolbarVisibility } from './components/Toolbar';
-import DragBar from './components/DragBar';
-import { getCommands, getExtraCommands, TextAreaCommandOrchestrator } from './commands';
-import { reducer, EditorContext } from './Context';
+import { ToolbarVisibility } from "./components/Toolbar/index.js";
+import TextArea from "./components/TextArea/index.js";
+import DragBar from "./components/DragBar/index.js";
+import { getCommands, getExtraCommands, TextAreaCommandOrchestrator } from "./commands/index.js";
+import { reducer, EditorContext } from "./Context.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function setGroupPopFalse(data) {
   if (data === void 0) {
@@ -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,13 +1,13 @@
 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';
-import { ToolbarVisibility } from './components/Toolbar';
-import DragBar from './components/DragBar';
-import { getCommands, getExtraCommands, TextAreaCommandOrchestrator } from './commands';
-import { reducer, EditorContext } from './Context';
+import { ToolbarVisibility } from "./components/Toolbar/index.js";
+import DragBar from "./components/DragBar/index.js";
+import { getCommands, getExtraCommands, TextAreaCommandOrchestrator } from "./commands/index.js";
+import { reducer, EditorContext } from "./Context.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function setGroupPopFalse(data) {
   if (data === void 0) {
@@ -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/bold.d.ts

@@ -1,2 +1,2 @@
-import { ICommand } from './';
+import { type ICommand } from './';
 export declare const bold: ICommand;

package/esm/commands/bold.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { selectWord, executeCommand } from '../utils/markdownUtils';
+import { selectWord, executeCommand } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var bold = {
   name: 'bold',

package/esm/commands/code.d.ts

@@ -1,3 +1,3 @@
-import { ICommand } from './';
+import { type ICommand } from './';
 export declare const codeBlock: ICommand;
 export declare const code: ICommand;

package/esm/commands/code.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { selectWord, executeCommand } from '../utils/markdownUtils';
+import { selectWord, executeCommand } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var codeBlock = {
   name: 'codeBlock',

package/esm/commands/comment.d.ts

@@ -1,2 +1,2 @@
-import { ICommand } from './';
+import { type ICommand } from './';
 export declare const comment: ICommand;

package/esm/commands/comment.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { selectWord, executeCommand } from '../utils/markdownUtils';
+import { selectWord, executeCommand } from "../utils/markdownUtils.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var comment = {
   name: 'comment',

package/esm/commands/divider.d.ts

@@ -1,2 +1,2 @@
-import { ICommand } from './';
+import { type ICommand } from './';
 export declare const divider: ICommand;

package/esm/commands/fullscreen.d.ts

@@ -1,2 +1,2 @@
-import { ICommand } from './';
+import { type ICommand } from './';
 export declare const fullscreen: ICommand;

package/esm/commands/group.d.ts

@@ -1,4 +1,4 @@
-import { ICommand, ICommandChildCommands, ICommandChildHandle } from './';
+import { type ICommand, type ICommandChildCommands, type ICommandChildHandle } from './';
 export type GroupOptions = Omit<ICommand<string>, 'children'> & {
     children?: ICommandChildHandle['children'];
 };

package/esm/commands/help.d.ts

@@ -1,2 +1,2 @@
-import { ICommand } from './';
+import { type ICommand } from './';
 export declare const help: ICommand;

package/esm/commands/hr.d.ts

@@ -1,2 +1,2 @@
-import { ICommand } from './';
+import { type ICommand } from './';
 export declare const hr: ICommand;

package/esm/commands/hr.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { selectWord, executeCommand } from '../utils/markdownUtils';
+import { selectWord, executeCommand } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var hr = {
   name: 'hr',

package/esm/commands/image.d.ts

@@ -1,2 +1,2 @@
-import { ICommand } from './';
+import { type ICommand } from './';
 export declare const image: ICommand;

package/esm/commands/image.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { selectWord, executeCommand } from '../utils/markdownUtils';
+import { selectWord, executeCommand } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var image = {
   name: 'image',

package/esm/commands/index.cn.js

@@ -1,28 +1,28 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { divider } from './divider';
-import { group } from './group';
-import { bold as boldInit } from './bold';
-import { code as codeInit, codeBlock as codeBlockInit } from './code';
-import { comment as commentInit } from './comment';
-import { fullscreen as fullscreenInit } from './fullscreen';
-import { hr as hrInit } from './hr';
-import { image as imageInit } from './image';
-import { italic as italicInit } from './italic';
-import { link as linkInit } from './link';
-import { checkedListCommand as checkedListCommandInit, orderedListCommand as orderedListCommandInit, unorderedListCommand as unorderedListCommandInit } from './list';
-import { codeEdit as codeEditInit, codeLive as codeLiveInit, codePreview as codePreviewInit } from './preview';
-import { quote as quoteInit } from './quote';
-import { strikethrough as strikethroughInit } from './strikeThrough';
-import { issue as issueInit } from './issue';
-import { title as titleInit } from './title';
-import { title1 as title1Init } from './title1';
-import { title2 as title2Init } from './title2';
-import { title3 as title3Init } from './title3';
-import { title4 as title4Init } from './title4';
-import { title5 as title5Init } from './title5';
-import { title6 as title6Init } from './title6';
-import { table as tableInit } from './table';
-import { help as helpInit } from './help';
+import { divider } from "./divider.js";
+import { group } from "./group.js";
+import { bold as boldInit } from "./bold.js";
+import { code as codeInit, codeBlock as codeBlockInit } from "./code.js";
+import { comment as commentInit } from "./comment.js";
+import { fullscreen as fullscreenInit } from "./fullscreen.js";
+import { hr as hrInit } from "./hr.js";
+import { image as imageInit } from "./image.js";
+import { italic as italicInit } from "./italic.js";
+import { link as linkInit } from "./link.js";
+import { checkedListCommand as checkedListCommandInit, orderedListCommand as orderedListCommandInit, unorderedListCommand as unorderedListCommandInit } from "./list.js";
+import { codeEdit as codeEditInit, codeLive as codeLiveInit, codePreview as codePreviewInit } from "./preview.js";
+import { quote as quoteInit } from "./quote.js";
+import { strikethrough as strikethroughInit } from "./strikeThrough.js";
+import { issue as issueInit } from "./issue.js";
+import { title as titleInit } from "./title.js";
+import { title1 as title1Init } from "./title1.js";
+import { title2 as title2Init } from "./title2.js";
+import { title3 as title3Init } from "./title3.js";
+import { title4 as title4Init } from "./title4.js";
+import { title5 as title5Init } from "./title5.js";
+import { title6 as title6Init } from "./title6.js";
+import { table as tableInit } from "./table.js";
+import { help as helpInit } from "./help.js";
 var bold = _extends({}, boldInit, {
   buttonProps: {
     'aria-label': '添加粗体文本(ctrl + b)',

package/esm/commands/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ContextStore, ExecuteCommandState } from '../Context';
+import { type ContextStore, ExecuteCommandState } from '../Context';
 import { bold } from './bold';
 import { code, codeBlock } from './code';
 import { comment } from './comment';

package/esm/commands/index.js

@@ -1,29 +1,29 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { insertTextAtPosition } from '../utils/InsertTextAtPosition';
-import { bold } from './bold';
-import { code, codeBlock } from './code';
-import { comment } from './comment';
-import { divider } from './divider';
-import { fullscreen } from './fullscreen';
-import { group } from './group';
-import { hr } from './hr';
-import { image } from './image';
-import { italic } from './italic';
-import { link } from './link';
-import { checkedListCommand, orderedListCommand, unorderedListCommand } from './list';
-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 { table } from './table';
-import { issue } from './issue';
-import { help } from './help';
+import { insertTextAtPosition } from "../utils/InsertTextAtPosition.js";
+import { bold } from "./bold.js";
+import { code, codeBlock } from "./code.js";
+import { comment } from "./comment.js";
+import { divider } from "./divider.js";
+import { fullscreen } from "./fullscreen.js";
+import { group } from "./group.js";
+import { hr } from "./hr.js";
+import { image } from "./image.js";
+import { italic } from "./italic.js";
+import { link } from "./link.js";
+import { checkedListCommand, orderedListCommand, unorderedListCommand } from "./list.js";
+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 { table } from "./table.js";
+import { issue } from "./issue.js";
+import { help } from "./help.js";
 var getCommands = () => [bold, italic, strikethrough, hr, group([title1, title2, title3, title4, title5, title6], {
   name: 'title',
   groupName: 'title',

package/esm/commands/issue.d.ts

@@ -1,2 +1,2 @@
-import { ICommand } from './';
+import { type ICommand } from './';
 export declare const issue: ICommand;

package/esm/commands/issue.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { selectWord, executeCommand } from '../utils/markdownUtils';
+import { selectWord, executeCommand } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var issue = {
   name: 'issue',

package/esm/commands/italic.d.ts

@@ -1,2 +1,2 @@
-import { ICommand } from './';
+import { type ICommand } from './';
 export declare const italic: ICommand;

package/esm/commands/italic.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { selectWord, executeCommand } from '../utils/markdownUtils';
+import { selectWord, executeCommand } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var italic = {
   name: 'italic',

package/esm/commands/link.d.ts

@@ -1,2 +1,2 @@
-import { ICommand } from './';
+import { type ICommand } from './';
 export declare const link: ICommand;

package/esm/commands/link.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { selectWord, executeCommand } from '../utils/markdownUtils';
+import { selectWord, executeCommand } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var link = {
   name: 'link',

package/esm/commands/list.d.ts

@@ -1,4 +1,4 @@
-import { ICommand, ExecuteState, TextAreaTextApi } from './';
+import { type ICommand, type ExecuteState, TextAreaTextApi } from './';
 import { AlterLineFunction } from '../utils/markdownUtils';
 export declare const makeList: (state: ExecuteState, api: TextAreaTextApi, insertBefore: string | AlterLineFunction) => void;
 export declare const unorderedListCommand: ICommand;

package/esm/commands/list.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { selectWord, getBreaksNeededForEmptyLineBefore, getBreaksNeededForEmptyLineAfter, insertBeforeEachLine } from '../utils/markdownUtils';
+import { selectWord, getBreaksNeededForEmptyLineBefore, getBreaksNeededForEmptyLineAfter, insertBeforeEachLine } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var makeList = (state, api, insertBefore) => {
   var newSelectionRange = selectWord({

package/esm/commands/preview.d.ts

@@ -1,4 +1,4 @@
-import { ICommand } from './';
+import { type ICommand } from './';
 export declare const codePreview: ICommand;
 export declare const codeEdit: ICommand;
 export declare const codeLive: ICommand;

package/esm/commands/quote.d.ts

@@ -1,2 +1,2 @@
-import { ICommand } from './';
+import { type ICommand } from './';
 export declare const quote: ICommand;

package/esm/commands/quote.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { getBreaksNeededForEmptyLineBefore, getBreaksNeededForEmptyLineAfter, selectWord, insertBeforeEachLine } from '../utils/markdownUtils';
+import { getBreaksNeededForEmptyLineBefore, getBreaksNeededForEmptyLineAfter, selectWord, insertBeforeEachLine } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var quote = {
   name: 'quote',

package/esm/commands/strikeThrough.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { selectWord, executeCommand } from '../utils/markdownUtils';
+import { selectWord, executeCommand } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var strikethrough = {
   name: 'strikethrough',

package/esm/commands/table.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { selectWord, executeCommand } from '../utils/markdownUtils';
+import { selectWord, executeCommand } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var table = {
   name: 'table',

package/esm/commands/title.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
-import { title1 } from './title1';
-import { selectLine, executeCommand } from '../utils/markdownUtils';
+import { title1 } from "./title1.js";
+import { selectLine, executeCommand } from "../utils/markdownUtils.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function titleExecute(_ref) {
   var {

package/esm/commands/title1.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { titleExecute } from '../commands/title';
+import { titleExecute } from "../commands/title.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title1 = {
   name: 'title1',

package/esm/commands/title2.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { titleExecute } from '../commands/title';
+import { titleExecute } from "../commands/title.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title2 = {
   name: 'title2',

package/esm/commands/title3.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { titleExecute } from '../commands/title';
+import { titleExecute } from "../commands/title.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title3 = {
   name: 'title3',

package/esm/commands/title4.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { titleExecute } from '../commands/title';
+import { titleExecute } from "../commands/title.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title4 = {
   name: 'title4',

package/esm/commands/title5.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { titleExecute } from '../commands/title';
+import { titleExecute } from "../commands/title.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title5 = {
   name: 'title5',

package/esm/commands/title6.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { titleExecute } from '../commands/title';
+import { titleExecute } from "../commands/title.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var title6 = {
   name: 'title6',

package/esm/components/TextArea/Markdown.js

@@ -3,7 +3,7 @@ var _templateObject;
 import React, { useContext, useEffect } from 'react';
 import { rehype } from 'rehype';
 import rehypePrism from 'rehype-prism-plus';
-import { EditorContext } from '../../Context';
+import { EditorContext } from "../../Context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function html2Escape(sHtml) {
   return sHtml

package/esm/components/TextArea/Textarea.js

@@ -1,12 +1,12 @@
 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';
-import { TextAreaCommandOrchestrator } from '../../commands';
-import handleKeyDown from './handleKeyDown';
-import shortcuts from './shortcuts';
+import { EditorContext } from "../../Context.js";
+import { TextAreaCommandOrchestrator } from "../../commands/index.js";
+import handleKeyDown from "./handleKeyDown.js";
+import shortcuts from "./shortcuts.js";
 import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function Textarea(props) {
@@ -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/components/TextArea/handleKeyDown.js

@@ -1,7 +1,6 @@
-import { insertTextAtPosition } from '../../utils/InsertTextAtPosition';
-import { insertBeforeEachLine, selectLine } from '../../utils/markdownUtils';
-import { TextAreaTextApi } from '../../commands';
-
+import { insertTextAtPosition } from "../../utils/InsertTextAtPosition.js";
+import { insertBeforeEachLine, selectLine } from "../../utils/markdownUtils.js";
+import { TextAreaTextApi } from "../../commands/index.js";
 /**
  * - `13` - `Enter`
  * - `9` - `Tab`

package/esm/components/TextArea/index.d.ts

@@ -2,7 +2,7 @@ import React, { JSX } from 'react';
 import { ContextStore, ExecuteCommandState } from '../../Context';
 import { TextAreaProps } from './Textarea';
 import { IProps } from '../../Types';
-import { TextAreaCommandOrchestrator, ICommand } from '../../commands';
+import { TextAreaCommandOrchestrator, ICommand } from '../../commands/';
 import './index.less';
 type RenderTextareaHandle = {
     dispatch: ContextStore['dispatch'];

package/esm/components/TextArea/index.js

@@ -2,11 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["prefixCls", "className", "onScroll", "renderTextarea"];
 import React, { useEffect, Fragment, useContext } from 'react';
-import { EditorContext } from '../../Context';
-import shortcuts from './shortcuts';
-import Markdown from './Markdown';
-import Textarea from './Textarea';
-import { TextAreaCommandOrchestrator } from '../../commands';
+import { EditorContext } from "../../Context.js";
+import shortcuts from "./shortcuts.js";
+import Markdown from "./Markdown.js";
+import Textarea from "./Textarea.js";
+import { TextAreaCommandOrchestrator } from "../../commands/index.js";
 import "./index.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function TextArea(props) {

package/esm/components/TextArea/index.nohighlight.d.ts

@@ -2,7 +2,7 @@ import React, { JSX } from 'react';
 import { ContextStore, ExecuteCommandState } from '../../Context';
 import { TextAreaProps } from './Textarea';
 import { IProps } from '../../Types';
-import { TextAreaCommandOrchestrator, ICommand } from '../../commands';
+import { TextAreaCommandOrchestrator, ICommand } from '../../commands/';
 import './index.less';
 type RenderTextareaHandle = {
     dispatch: ContextStore['dispatch'];