@uiw/react-md-editor 4.0.5 → 4.0.7

package/esm/components/TextArea/index.nohighlight.js

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

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

@@ -1,3 +1,3 @@
-import { ICommand, TextAreaCommandOrchestrator } from '../../commands';
+import { ICommand, TextAreaCommandOrchestrator } from '../../commands/';
 import { ContextStore, ExecuteCommandState } from '../../Context';
 export default function shortcutsHandle(e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands?: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator, dispatch?: React.Dispatch<ContextStore>, state?: ExecuteCommandState): void;

package/esm/components/Toolbar/Child.js

@@ -1,8 +1,8 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useContext, useMemo } from 'react';
 import "./Child.css";
-import Toolbar from './';
-import { EditorContext } from '../../Context';
+import Toolbar from "./index.js";
+import { EditorContext } from "../../Context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export default function Child(props) {
   var {

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

@@ -1,5 +1,5 @@
 import { IProps } from '../../Types';
-import { ICommand } from '../../commands';
+import { ICommand } from '../../commands/';
 import './index.less';
 export interface IToolbarProps extends IProps {
     overflow?: boolean;

package/esm/components/Toolbar/index.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { Fragment, useContext, useEffect, useRef } from 'react';
-import { EditorContext } from '../../Context';
-import Child from './Child';
+import { EditorContext } from "../../Context.js";
+import Child from "./Child.js";
 import "./index.css";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ToolbarItems(props) {

package/esm/index.d.ts

@@ -1,8 +1,8 @@
 import MDEditor from './Editor';
-import * as commands from './commands';
+import * as commands from './commands/';
 import * as MarkdownUtil from './utils/markdownUtils';
 import './index.less';
-export * from './commands';
+export * from './commands/';
 export * from './commands/group';
 export * from './utils/markdownUtils';
 export * from './utils/InsertTextAtPosition';

package/esm/index.js

@@ -1,13 +1,13 @@
-import MDEditor from './Editor';
-import * as commands from './commands';
-import * as MarkdownUtil from './utils/markdownUtils';
+import MDEditor from "./Editor.js";
+import * as commands from "./commands/index.js";
+import * as MarkdownUtil from "./utils/markdownUtils.js";
 import "./index.css";
-export * from './commands';
-export * from './commands/group';
-export * from './utils/markdownUtils';
-export * from './utils/InsertTextAtPosition';
-export * from './Editor';
-export * from './Context';
-export * from './Types';
+export * from "./commands/index.js";
+export * from "./commands/group.js";
+export * from "./utils/markdownUtils.js";
+export * from "./utils/InsertTextAtPosition.js";
+export * from "./Editor.js";
+export * from "./Context.js";
+export * from "./Types.js";
 export { MarkdownUtil, commands };
 export default MDEditor;

package/esm/index.nohighlight.d.ts

@@ -1,8 +1,8 @@
 import MDEditor from './Editor.nohighlight';
-import * as commands from './commands';
+import * as commands from './commands/';
 import * as MarkdownUtil from './utils/markdownUtils';
 import './index.less';
-export * from './commands';
+export * from './commands/';
 export * from './commands/group';
 export * from './utils/markdownUtils';
 export * from './utils/InsertTextAtPosition';

package/esm/index.nohighlight.js

@@ -1,13 +1,13 @@
 import MDEditor from './Editor.nohighlight';
-import * as commands from './commands';
-import * as MarkdownUtil from './utils/markdownUtils';
+import * as commands from "./commands/index.js";
+import * as MarkdownUtil from "./utils/markdownUtils.js";
 import "./index.css";
-export * from './commands';
-export * from './commands/group';
-export * from './utils/markdownUtils';
-export * from './utils/InsertTextAtPosition';
+export * from "./commands/index.js";
+export * from "./commands/group.js";
+export * from "./utils/markdownUtils.js";
+export * from "./utils/InsertTextAtPosition.js";
 export * from './Editor.nohighlight';
-export * from './Context';
-export * from './Types';
+export * from "./Context.js";
+export * from "./Types.js";
 export { MarkdownUtil, commands };
 export default MDEditor;

package/esm/utils/markdownUtils.d.ts

@@ -1,5 +1,4 @@
-import { TextRange } from '../commands';
-import { TextAreaTextApi } from '../commands';
+import { TextAreaTextApi, type TextRange } from '../commands';
 export interface TextSection {
     text: string;
     selection: TextRange;

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

@@ -11,13 +11,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactMarkdownPreview = _interopRequireDefault(require("@uiw/react-markdown-preview"));
-var _TextArea = _interopRequireDefault(require("./components/TextArea"));
-var _Toolbar = require("./components/Toolbar");
-var _DragBar = _interopRequireDefault(require("./components/DragBar"));
-var _commands = require("./commands");
+var _Toolbar = require("./components/Toolbar/");
+var _TextArea = _interopRequireDefault(require("./components/TextArea/"));
+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

@@ -12,12 +12,12 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireWildcard(require("react"));
 var _nohighlight = _interopRequireDefault(require("@uiw/react-markdown-preview/nohighlight"));
 var _index = _interopRequireDefault(require("./components/TextArea/index.nohighlight"));
-var _Toolbar = require("./components/Toolbar");
-var _DragBar = _interopRequireDefault(require("./components/DragBar"));
-var _commands = require("./commands");
+var _Toolbar = require("./components/Toolbar/");
+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/bold.d.ts

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

package/lib/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/lib/commands/comment.d.ts

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

package/lib/commands/divider.d.ts

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

package/lib/commands/fullscreen.d.ts

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

package/lib/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/lib/commands/help.d.ts

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

package/lib/commands/hr.d.ts

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

package/lib/commands/image.d.ts

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

package/lib/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/lib/commands/issue.d.ts

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

package/lib/commands/italic.d.ts

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

package/lib/commands/link.d.ts

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

package/lib/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/lib/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/lib/commands/quote.d.ts

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

package/lib/components/TextArea/Textarea.js

@@ -11,12 +11,12 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _Context = require("../../Context");
-var _commands = require("../../commands");
+var _commands = require("../../commands/");
 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);

package/lib/components/TextArea/handleKeyDown.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = handleKeyDown;
 var _InsertTextAtPosition = require("../../utils/InsertTextAtPosition");
 var _markdownUtils = require("../../utils/markdownUtils");
-var _commands = require("../../commands");
+var _commands = require("../../commands/");
 /**
  * - `13` - `Enter`
  * - `9` - `Tab`

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

@@ -13,7 +13,7 @@ var _Context = require("../../Context");
 var _shortcuts = _interopRequireDefault(require("./shortcuts"));
 var _Markdown = _interopRequireDefault(require("./Markdown"));
 var _Textarea = _interopRequireDefault(require("./Textarea"));
-var _commands = require("../../commands");
+var _commands = require("../../commands/");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["prefixCls", "className", "onScroll", "renderTextarea"];
 function TextArea(props) {

package/lib/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'];

package/lib/components/TextArea/index.nohighlight.js

@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Context = require("../../Context");
 var _shortcuts = _interopRequireDefault(require("./shortcuts"));
 var _Textarea = _interopRequireDefault(require("./Textarea"));
-var _commands = require("../../commands");
+var _commands = require("../../commands/");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["prefixCls", "className", "onScroll", "renderTextarea"];
 function TextArea(props) {

package/lib/components/TextArea/shortcuts.d.ts

@@ -1,3 +1,3 @@
-import { ICommand, TextAreaCommandOrchestrator } from '../../commands';
+import { ICommand, TextAreaCommandOrchestrator } from '../../commands/';
 import { ContextStore, ExecuteCommandState } from '../../Context';
 export default function shortcutsHandle(e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands?: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator, dispatch?: React.Dispatch<ContextStore>, state?: ExecuteCommandState): void;

package/lib/components/Toolbar/index.d.ts

@@ -1,5 +1,5 @@
 import { IProps } from '../../Types';
-import { ICommand } from '../../commands';
+import { ICommand } from '../../commands/';
 import './index.less';
 export interface IToolbarProps extends IProps {
     overflow?: boolean;

package/lib/index.d.ts

@@ -1,8 +1,8 @@
 import MDEditor from './Editor';
-import * as commands from './commands';
+import * as commands from './commands/';
 import * as MarkdownUtil from './utils/markdownUtils';
 import './index.less';
-export * from './commands';
+export * from './commands/';
 export * from './commands/group';
 export * from './utils/markdownUtils';
 export * from './utils/InsertTextAtPosition';

package/lib/index.js

@@ -21,7 +21,7 @@ Object.keys(_Editor).forEach(function (key) {
     }
   });
 });
-var commands = _interopRequireWildcard(require("./commands"));
+var commands = _interopRequireWildcard(require("./commands/"));
 exports.commands = commands;
 Object.keys(commands).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/index.nohighlight.d.ts

@@ -1,8 +1,8 @@
 import MDEditor from './Editor.nohighlight';
-import * as commands from './commands';
+import * as commands from './commands/';
 import * as MarkdownUtil from './utils/markdownUtils';
 import './index.less';
-export * from './commands';
+export * from './commands/';
 export * from './commands/group';
 export * from './utils/markdownUtils';
 export * from './utils/InsertTextAtPosition';

package/lib/index.nohighlight.js

@@ -21,7 +21,7 @@ Object.keys(_Editor).forEach(function (key) {
     }
   });
 });
-var commands = _interopRequireWildcard(require("./commands"));
+var commands = _interopRequireWildcard(require("./commands/"));
 exports.commands = commands;
 Object.keys(commands).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/utils/markdownUtils.d.ts

@@ -1,5 +1,4 @@
-import { TextRange } from '../commands';
-import { TextAreaTextApi } from '../commands';
+import { TextAreaTextApi, type TextRange } from '../commands';
 export interface TextSection {
     text: string;
     selection: TextRange;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-md-editor",
-  "version": "4.0.5",
+  "version": "4.0.7",
   "description": "A markdown editor with preview, implemented with React.js and TypeScript.",
   "homepage": "https://uiwjs.github.io/react-md-editor/",
   "funding": "https://jaywcjlove.github.io/#/sponsor",

package/src/Context.tsx

@@ -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';
@@ -14,6 +14,7 @@ export interface ContextStore {
   fullscreen?: boolean;
   highlightEnable?: boolean;
   autoFocus?: boolean;
+  autoFocusEnd?: boolean;
   textarea?: HTMLTextAreaElement;
   commandOrchestrator?: TextAreaCommandOrchestrator;
   textareaWarp?: HTMLDivElement;

package/src/Editor.nohighlight.tsx

@@ -1,9 +1,9 @@
 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, ICommand, TextState, TextAreaCommandOrchestrator } from './commands';
+import { ToolbarVisibility } from './components/Toolbar/';
+import DragBar from './components/DragBar/';
+import { getCommands, getExtraCommands, ICommand, TextState, TextAreaCommandOrchestrator } from './commands/';
 import { reducer, EditorContext, ContextStore } from './Context';
 import type { MDEditorProps } from './Types';
 
@@ -38,6 +38,7 @@ const InternalMDEditor = React.forwardRef<RefMDEditor, MDEditorProps>(
       maxHeight = 1200,
       minHeight = 100,
       autoFocus,
+      autoFocusEnd = false,
       tabSize = 2,
       defaultTabEnable = false,
       onChange,
@@ -117,6 +118,7 @@ const InternalMDEditor = React.forwardRef<RefMDEditor, MDEditorProps>(
     );
     // eslint-disable-next-line react-hooks/exhaustive-deps
     useMemo(() => autoFocus !== state.autoFocus && dispatch({ autoFocus: autoFocus }), [autoFocus]);
+    useMemo(() => autoFocusEnd !== state.autoFocusEnd && dispatch({ autoFocusEnd: autoFocusEnd }), [autoFocusEnd]);
     useMemo(
       () => fullscreen !== state.fullscreen && dispatch({ fullscreen: fullscreen }),
       // eslint-disable-next-line react-hooks/exhaustive-deps

package/src/Editor.tsx

@@ -1,9 +1,9 @@
 import React, { useEffect, useReducer, useMemo, useRef, useImperativeHandle, Fragment } 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, ICommand, TextState, TextAreaCommandOrchestrator } from './commands';
+import { ToolbarVisibility } from './components/Toolbar/';
+import TextArea from './components/TextArea/';
+import DragBar from './components/DragBar/';
+import { getCommands, getExtraCommands, ICommand, TextState, TextAreaCommandOrchestrator } from './commands/';
 import { reducer, EditorContext, ContextStore } from './Context';
 import type { MDEditorProps } from './Types';
 
@@ -38,6 +38,7 @@ const InternalMDEditor = React.forwardRef<RefMDEditor, MDEditorProps>(
       maxHeight = 1200,
       minHeight = 100,
       autoFocus,
+      autoFocusEnd = false,
       tabSize = 2,
       defaultTabEnable = false,
       onChange,
@@ -117,6 +118,7 @@ const InternalMDEditor = React.forwardRef<RefMDEditor, MDEditorProps>(
     );
     // eslint-disable-next-line react-hooks/exhaustive-deps
     useMemo(() => autoFocus !== state.autoFocus && dispatch({ autoFocus: autoFocus }), [autoFocus]);
+    useMemo(() => autoFocusEnd !== state.autoFocusEnd && dispatch({ autoFocusEnd: autoFocusEnd }), [autoFocusEnd]);
     useMemo(
       () => fullscreen !== state.fullscreen && dispatch({ fullscreen: fullscreen }),
       // eslint-disable-next-line react-hooks/exhaustive-deps