@uiw/react-md-editor 4.0.4 → 4.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (136) hide show
  1. package/README.md +81 -76
  2. package/dist/mdeditor.css +193 -109
  3. package/dist/mdeditor.js +69395 -66037
  4. package/dist/mdeditor.min.css +1 -1
  5. package/dist/mdeditor.min.js +1 -1
  6. package/dist/mdeditor.min.js.LICENSE.txt +2 -2
  7. package/esm/Context.d.ts +21 -34
  8. package/esm/Editor.js +6 -7
  9. package/esm/Editor.nohighlight.js +5 -6
  10. package/esm/Types.d.ts +1 -1
  11. package/esm/commands/bold.d.ts +1 -1
  12. package/esm/commands/bold.js +1 -1
  13. package/esm/commands/code.d.ts +1 -1
  14. package/esm/commands/code.js +1 -1
  15. package/esm/commands/comment.d.ts +1 -1
  16. package/esm/commands/comment.js +2 -3
  17. package/esm/commands/divider.d.ts +1 -1
  18. package/esm/commands/fullscreen.d.ts +1 -1
  19. package/esm/commands/group.d.ts +2 -2
  20. package/esm/commands/help.d.ts +1 -1
  21. package/esm/commands/hr.d.ts +1 -1
  22. package/esm/commands/hr.js +1 -1
  23. package/esm/commands/image.d.ts +1 -1
  24. package/esm/commands/image.js +1 -1
  25. package/esm/commands/index.cn.js +24 -24
  26. package/esm/commands/index.d.ts +1 -1
  27. package/esm/commands/index.js +25 -25
  28. package/esm/commands/issue.d.ts +1 -1
  29. package/esm/commands/issue.js +3 -3
  30. package/esm/commands/italic.d.ts +1 -1
  31. package/esm/commands/italic.js +1 -1
  32. package/esm/commands/link.d.ts +1 -1
  33. package/esm/commands/link.js +1 -1
  34. package/esm/commands/list.d.ts +1 -1
  35. package/esm/commands/list.js +1 -1
  36. package/esm/commands/preview.d.ts +1 -1
  37. package/esm/commands/preview.js +1 -2
  38. package/esm/commands/quote.d.ts +1 -1
  39. package/esm/commands/quote.js +1 -1
  40. package/esm/commands/strikeThrough.js +1 -1
  41. package/esm/commands/table.js +1 -1
  42. package/esm/commands/title.js +2 -2
  43. package/esm/commands/title1.js +1 -1
  44. package/esm/commands/title2.js +1 -1
  45. package/esm/commands/title3.js +1 -1
  46. package/esm/commands/title4.js +1 -1
  47. package/esm/commands/title5.js +1 -1
  48. package/esm/commands/title6.js +1 -1
  49. package/esm/components/TextArea/Markdown.js +1 -1
  50. package/esm/components/TextArea/Textarea.js +4 -4
  51. package/esm/components/TextArea/handleKeyDown.d.ts +0 -1
  52. package/esm/components/TextArea/handleKeyDown.js +3 -4
  53. package/esm/components/TextArea/index.d.ts +2 -2
  54. package/esm/components/TextArea/index.js +10 -11
  55. package/esm/components/TextArea/index.nohighlight.d.ts +2 -2
  56. package/esm/components/TextArea/index.nohighlight.js +8 -8
  57. package/esm/components/TextArea/shortcuts.d.ts +1 -2
  58. package/esm/components/Toolbar/Child.d.ts +1 -1
  59. package/esm/components/Toolbar/Child.js +2 -2
  60. package/esm/components/Toolbar/index.d.ts +1 -1
  61. package/esm/components/Toolbar/index.js +3 -4
  62. package/esm/index.css +0 -1
  63. package/esm/index.d.ts +2 -2
  64. package/esm/index.js +10 -10
  65. package/esm/index.nohighlight.d.ts +2 -2
  66. package/esm/index.nohighlight.js +8 -8
  67. package/esm/utils/markdownUtils.d.ts +1 -2
  68. package/lib/Context.d.ts +21 -34
  69. package/lib/Editor.js +4 -4
  70. package/lib/Editor.nohighlight.js +3 -3
  71. package/lib/Types.d.ts +1 -1
  72. package/lib/commands/bold.d.ts +1 -1
  73. package/lib/commands/code.d.ts +1 -1
  74. package/lib/commands/comment.d.ts +1 -1
  75. package/lib/commands/divider.d.ts +1 -1
  76. package/lib/commands/fullscreen.d.ts +1 -1
  77. package/lib/commands/group.d.ts +2 -2
  78. package/lib/commands/help.d.ts +1 -1
  79. package/lib/commands/hr.d.ts +1 -1
  80. package/lib/commands/image.d.ts +1 -1
  81. package/lib/commands/index.d.ts +1 -1
  82. package/lib/commands/index.js +2 -4
  83. package/lib/commands/issue.d.ts +1 -1
  84. package/lib/commands/issue.js +2 -2
  85. package/lib/commands/italic.d.ts +1 -1
  86. package/lib/commands/link.d.ts +1 -1
  87. package/lib/commands/list.d.ts +1 -1
  88. package/lib/commands/preview.d.ts +1 -1
  89. package/lib/commands/quote.d.ts +1 -1
  90. package/lib/components/TextArea/Textarea.js +1 -1
  91. package/lib/components/TextArea/handleKeyDown.d.ts +0 -1
  92. package/lib/components/TextArea/handleKeyDown.js +1 -1
  93. package/lib/components/TextArea/index.d.ts +2 -2
  94. package/lib/components/TextArea/index.js +5 -5
  95. package/lib/components/TextArea/index.nohighlight.d.ts +2 -2
  96. package/lib/components/TextArea/index.nohighlight.js +5 -5
  97. package/lib/components/TextArea/shortcuts.d.ts +1 -2
  98. package/lib/components/Toolbar/Child.d.ts +1 -1
  99. package/lib/components/Toolbar/index.d.ts +1 -1
  100. package/lib/index.d.ts +2 -2
  101. package/lib/index.js +1 -1
  102. package/lib/index.nohighlight.d.ts +2 -2
  103. package/lib/index.nohighlight.js +1 -1
  104. package/lib/utils/markdownUtils.d.ts +1 -2
  105. package/markdown-editor.css +0 -1
  106. package/package.json +1 -1
  107. package/src/Context.tsx +1 -1
  108. package/src/Editor.nohighlight.tsx +3 -3
  109. package/src/Editor.tsx +4 -4
  110. package/src/Types.ts +1 -1
  111. package/src/commands/bold.tsx +1 -1
  112. package/src/commands/code.tsx +1 -1
  113. package/src/commands/comment.tsx +1 -1
  114. package/src/commands/divider.tsx +1 -1
  115. package/src/commands/fullscreen.tsx +2 -2
  116. package/src/commands/group.tsx +1 -1
  117. package/src/commands/help.tsx +1 -1
  118. package/src/commands/hr.tsx +1 -1
  119. package/src/commands/image.tsx +1 -1
  120. package/src/commands/index.ts +1 -1
  121. package/src/commands/issue.tsx +3 -3
  122. package/src/commands/italic.tsx +1 -1
  123. package/src/commands/link.tsx +1 -1
  124. package/src/commands/list.tsx +1 -1
  125. package/src/commands/preview.tsx +2 -2
  126. package/src/commands/quote.tsx +1 -1
  127. package/src/components/TextArea/Textarea.tsx +1 -1
  128. package/src/components/TextArea/handleKeyDown.tsx +1 -1
  129. package/src/components/TextArea/index.nohighlight.tsx +2 -2
  130. package/src/components/TextArea/index.tsx +2 -2
  131. package/src/components/TextArea/shortcuts.ts +1 -1
  132. package/src/components/Toolbar/Child.tsx +1 -1
  133. package/src/components/Toolbar/index.tsx +1 -1
  134. package/src/index.nohighlight.tsx +2 -2
  135. package/src/index.tsx +2 -2
  136. package/src/utils/markdownUtils.ts +1 -2
@@ -2,14 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
3
  var _excluded = ["prefixCls", "className", "onScroll", "renderTextarea"];
4
4
  import React, { useEffect, Fragment, useContext } from 'react';
5
- import { EditorContext } from '../../Context';
6
- import shortcuts from './shortcuts';
7
- import Markdown from './Markdown';
8
- import Textarea from './Textarea';
9
- import { TextAreaCommandOrchestrator } from '../../commands';
5
+ import { EditorContext } from "../../Context.js";
6
+ import shortcuts from "./shortcuts.js";
7
+ import Markdown from "./Markdown.js";
8
+ import Textarea from "./Textarea.js";
9
+ import { TextAreaCommandOrchestrator } from "../../commands/index.js";
10
10
  import "./index.css";
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- import { jsxs as _jsxs } from "react/jsx-runtime";
11
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
12
  export default function TextArea(props) {
14
13
  var _ref = props || {},
15
14
  {
@@ -44,11 +43,11 @@ export default function TextArea(props) {
44
43
  }, []);
45
44
  useEffect(() => {
46
45
  if (textRef.current && dispatch) {
47
- var _commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
48
- executeRef.current = _commandOrchestrator;
46
+ var commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
47
+ executeRef.current = commandOrchestrator;
49
48
  dispatch({
50
49
  textarea: textRef.current,
51
- commandOrchestrator: _commandOrchestrator
50
+ commandOrchestrator
52
51
  });
53
52
  }
54
53
  // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -66,7 +65,7 @@ export default function TextArea(props) {
66
65
  style: {
67
66
  minHeight
68
67
  },
69
- children: renderTextarea ? ( /*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
68
+ children: renderTextarea ? (/*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
70
69
  value: markdown,
71
70
  autoComplete: 'off',
72
71
  autoCorrect: 'off',
@@ -1,8 +1,8 @@
1
- import React from 'react';
1
+ import React, { JSX } from 'react';
2
2
  import { ContextStore, ExecuteCommandState } from '../../Context';
3
3
  import { TextAreaProps } from './Textarea';
4
4
  import { IProps } from '../../Types';
5
- import { TextAreaCommandOrchestrator, ICommand } from '../../commands';
5
+ import { TextAreaCommandOrchestrator, ICommand } from '../../commands/';
6
6
  import './index.less';
7
7
  type RenderTextareaHandle = {
8
8
  dispatch: ContextStore['dispatch'];
@@ -2,10 +2,10 @@ import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
3
3
  var _excluded = ["prefixCls", "className", "onScroll", "renderTextarea"];
4
4
  import React, { useEffect, Fragment, useContext } from 'react';
5
- import { EditorContext } from '../../Context';
6
- import shortcuts from './shortcuts';
7
- import Textarea from './Textarea';
8
- import { TextAreaCommandOrchestrator } from '../../commands';
5
+ import { EditorContext } from "../../Context.js";
6
+ import shortcuts from "./shortcuts.js";
7
+ import Textarea from "./Textarea.js";
8
+ import { TextAreaCommandOrchestrator } from "../../commands/index.js";
9
9
  import "./index.css";
10
10
  import { jsx as _jsx } from "react/jsx-runtime";
11
11
  export default function TextArea(props) {
@@ -40,11 +40,11 @@ export default function TextArea(props) {
40
40
  }, []);
41
41
  useEffect(() => {
42
42
  if (textRef.current && dispatch) {
43
- var _commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
44
- executeRef.current = _commandOrchestrator;
43
+ var commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
44
+ executeRef.current = commandOrchestrator;
45
45
  dispatch({
46
46
  textarea: textRef.current,
47
- commandOrchestrator: _commandOrchestrator
47
+ commandOrchestrator
48
48
  });
49
49
  }
50
50
  // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -59,7 +59,7 @@ export default function TextArea(props) {
59
59
  onScroll: onScroll,
60
60
  children: /*#__PURE__*/_jsx("div", {
61
61
  className: prefixCls + "-text",
62
- children: renderTextarea ? ( /*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
62
+ children: renderTextarea ? (/*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
63
63
  value: markdown,
64
64
  autoComplete: 'off',
65
65
  autoCorrect: 'off',
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
- import { ICommand, TextAreaCommandOrchestrator } from '../../commands';
1
+ import { ICommand, TextAreaCommandOrchestrator } from '../../commands/';
3
2
  import { ContextStore, ExecuteCommandState } from '../../Context';
4
3
  export default function shortcutsHandle(e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands?: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator, dispatch?: React.Dispatch<ContextStore>, state?: ExecuteCommandState): void;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import { JSX } from 'react';
2
2
  import './Child.less';
3
3
  import { type IToolbarProps } from './';
4
4
  export type ChildProps = IToolbarProps & {
@@ -1,8 +1,8 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { useContext, useMemo } from 'react';
3
3
  import "./Child.css";
4
- import Toolbar from './';
5
- import { EditorContext } from '../../Context';
4
+ import Toolbar from "./index.js";
5
+ import { EditorContext } from "../../Context.js";
6
6
  import { jsx as _jsx } from "react/jsx-runtime";
7
7
  export default function Child(props) {
8
8
  var {
@@ -1,5 +1,5 @@
1
1
  import { IProps } from '../../Types';
2
- import { ICommand } from '../../commands';
2
+ import { ICommand } from '../../commands/';
3
3
  import './index.less';
4
4
  export interface IToolbarProps extends IProps {
5
5
  overflow?: boolean;
@@ -1,10 +1,9 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React, { Fragment, useContext, useEffect, useRef } from 'react';
3
- import { EditorContext } from '../../Context';
4
- import Child from './Child';
3
+ import { EditorContext } from "../../Context.js";
4
+ import Child from "./Child.js";
5
5
  import "./index.css";
6
- import { jsx as _jsx } from "react/jsx-runtime";
7
- import { jsxs as _jsxs } from "react/jsx-runtime";
6
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
7
  export function ToolbarItems(props) {
9
8
  var {
10
9
  prefixCls,
package/esm/index.css CHANGED
@@ -27,7 +27,6 @@
27
27
  text-align: right !important;
28
28
  }
29
29
  .w-md-editor-toolbar {
30
- height: -webkit-fit-content;
31
30
  height: fit-content;
32
31
  }
33
32
  .w-md-editor-content {
package/esm/index.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import MDEditor from './Editor';
2
- import * as commands from './commands';
2
+ import * as commands from './commands/';
3
3
  import * as MarkdownUtil from './utils/markdownUtils';
4
4
  import './index.less';
5
- export * from './commands';
5
+ export * from './commands/';
6
6
  export * from './commands/group';
7
7
  export * from './utils/markdownUtils';
8
8
  export * from './utils/InsertTextAtPosition';
package/esm/index.js CHANGED
@@ -1,13 +1,13 @@
1
- import MDEditor from './Editor';
2
- import * as commands from './commands';
3
- import * as MarkdownUtil from './utils/markdownUtils';
1
+ import MDEditor from "./Editor.js";
2
+ import * as commands from "./commands/index.js";
3
+ import * as MarkdownUtil from "./utils/markdownUtils.js";
4
4
  import "./index.css";
5
- export * from './commands';
6
- export * from './commands/group';
7
- export * from './utils/markdownUtils';
8
- export * from './utils/InsertTextAtPosition';
9
- export * from './Editor';
10
- export * from './Context';
11
- export * from './Types';
5
+ export * from "./commands/index.js";
6
+ export * from "./commands/group.js";
7
+ export * from "./utils/markdownUtils.js";
8
+ export * from "./utils/InsertTextAtPosition.js";
9
+ export * from "./Editor.js";
10
+ export * from "./Context.js";
11
+ export * from "./Types.js";
12
12
  export { MarkdownUtil, commands };
13
13
  export default MDEditor;
@@ -1,8 +1,8 @@
1
1
  import MDEditor from './Editor.nohighlight';
2
- import * as commands from './commands';
2
+ import * as commands from './commands/';
3
3
  import * as MarkdownUtil from './utils/markdownUtils';
4
4
  import './index.less';
5
- export * from './commands';
5
+ export * from './commands/';
6
6
  export * from './commands/group';
7
7
  export * from './utils/markdownUtils';
8
8
  export * from './utils/InsertTextAtPosition';
@@ -1,13 +1,13 @@
1
1
  import MDEditor from './Editor.nohighlight';
2
- import * as commands from './commands';
3
- import * as MarkdownUtil from './utils/markdownUtils';
2
+ import * as commands from "./commands/index.js";
3
+ import * as MarkdownUtil from "./utils/markdownUtils.js";
4
4
  import "./index.css";
5
- export * from './commands';
6
- export * from './commands/group';
7
- export * from './utils/markdownUtils';
8
- export * from './utils/InsertTextAtPosition';
5
+ export * from "./commands/index.js";
6
+ export * from "./commands/group.js";
7
+ export * from "./utils/markdownUtils.js";
8
+ export * from "./utils/InsertTextAtPosition.js";
9
9
  export * from './Editor.nohighlight';
10
- export * from './Context';
11
- export * from './Types';
10
+ export * from "./Context.js";
11
+ export * from "./Types.js";
12
12
  export { MarkdownUtil, commands };
13
13
  export default MDEditor;
@@ -1,5 +1,4 @@
1
- import { TextRange } from '../commands';
2
- import { TextAreaTextApi } from '../commands';
1
+ import { TextAreaTextApi, type TextRange } from '../commands';
3
2
  export interface TextSection {
4
3
  text: string;
5
4
  selection: TextRange;
package/lib/Context.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { ICommand, TextAreaCommandOrchestrator } from './commands';
2
+ import { ICommand, TextAreaCommandOrchestrator } from './commands/';
3
3
  import { MDEditorProps } from './Types';
4
4
  export type PreviewType = 'live' | 'edit' | 'preview';
5
5
  export interface ContextStore {
@@ -28,38 +28,25 @@ export interface ContextStore {
28
28
  export type ExecuteCommandState = Pick<ContextStore, 'fullscreen' | 'preview' | 'highlightEnable'>;
29
29
  export declare function reducer(state: ContextStore, action: ContextStore): {
30
30
  [x: string]: any;
31
- components?: {
32
- textarea?: ((props: React.HTMLAttributes<HTMLDivElement> | React.TextareaHTMLAttributes<HTMLTextAreaElement>, opts: {
33
- dispatch: React.Dispatch<ContextStore> | undefined;
34
- onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
35
- useContext?: {
36
- commands: ICommand<string>[] | undefined;
37
- extraCommands: ICommand<string>[] | undefined;
38
- commandOrchestrator?: TextAreaCommandOrchestrator | undefined;
39
- } | undefined;
40
- shortcuts?: ((e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator | undefined, dispatch?: React.Dispatch<ContextStore> | undefined, state?: ExecuteCommandState | undefined) => void) | undefined;
41
- }) => JSX.Element) | undefined;
42
- toolbar?: ((command: ICommand<string>, disabled: boolean, executeCommand: (command: ICommand<string>, name?: string | undefined) => void, index: number) => void | React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined) | undefined;
43
- preview?: ((source: string, state: ContextStore, dispath: React.Dispatch<ContextStore>) => JSX.Element) | undefined;
44
- } | undefined;
45
- commands?: ICommand<string>[] | undefined;
46
- extraCommands?: ICommand<string>[] | undefined;
47
- markdown?: string | undefined;
48
- preview?: PreviewType | undefined;
49
- height?: import("csstype").Property.Height<string | number> | undefined;
50
- fullscreen?: boolean | undefined;
51
- highlightEnable?: boolean | undefined;
52
- autoFocus?: boolean | undefined;
53
- textarea?: HTMLTextAreaElement | undefined;
54
- commandOrchestrator?: TextAreaCommandOrchestrator | undefined;
55
- textareaWarp?: HTMLDivElement | undefined;
56
- textareaPre?: HTMLPreElement | undefined;
57
- container?: HTMLDivElement | null | undefined;
58
- dispatch?: React.Dispatch<ContextStore> | undefined;
59
- barPopup?: Record<string, boolean> | undefined;
60
- scrollTop?: number | undefined;
61
- scrollTopPreview?: number | undefined;
62
- tabSize?: number | undefined;
63
- defaultTabEnable?: boolean | undefined;
31
+ components?: MDEditorProps["components"];
32
+ commands?: ICommand<string>[];
33
+ extraCommands?: ICommand<string>[];
34
+ markdown?: string;
35
+ preview?: PreviewType;
36
+ height?: React.CSSProperties["height"];
37
+ fullscreen?: boolean;
38
+ highlightEnable?: boolean;
39
+ autoFocus?: boolean;
40
+ textarea?: HTMLTextAreaElement;
41
+ commandOrchestrator?: TextAreaCommandOrchestrator;
42
+ textareaWarp?: HTMLDivElement;
43
+ textareaPre?: HTMLPreElement;
44
+ container?: HTMLDivElement | null;
45
+ dispatch?: React.Dispatch<ContextStore>;
46
+ barPopup?: Record<string, boolean>;
47
+ scrollTop?: number;
48
+ scrollTopPreview?: number;
49
+ tabSize?: number;
50
+ defaultTabEnable?: boolean;
64
51
  };
65
52
  export declare const EditorContext: React.Context<ContextStore>;
package/lib/Editor.js CHANGED
@@ -11,10 +11,10 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
11
11
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
12
12
  var _react = _interopRequireWildcard(require("react"));
13
13
  var _reactMarkdownPreview = _interopRequireDefault(require("@uiw/react-markdown-preview"));
14
- var _TextArea = _interopRequireDefault(require("./components/TextArea"));
15
- var _Toolbar = require("./components/Toolbar");
16
- var _DragBar = _interopRequireDefault(require("./components/DragBar"));
17
- var _commands = require("./commands");
14
+ var _Toolbar = require("./components/Toolbar/");
15
+ var _TextArea = _interopRequireDefault(require("./components/TextArea/"));
16
+ var _DragBar = _interopRequireDefault(require("./components/DragBar/"));
17
+ var _commands = require("./commands/");
18
18
  var _Context = require("./Context");
19
19
  var _jsxRuntime = require("react/jsx-runtime");
20
20
  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"];
@@ -12,9 +12,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
12
12
  var _react = _interopRequireWildcard(require("react"));
13
13
  var _nohighlight = _interopRequireDefault(require("@uiw/react-markdown-preview/nohighlight"));
14
14
  var _index = _interopRequireDefault(require("./components/TextArea/index.nohighlight"));
15
- var _Toolbar = require("./components/Toolbar");
16
- var _DragBar = _interopRequireDefault(require("./components/DragBar"));
17
- var _commands = require("./commands");
15
+ var _Toolbar = require("./components/Toolbar/");
16
+ var _DragBar = _interopRequireDefault(require("./components/DragBar/"));
17
+ var _commands = require("./commands/");
18
18
  var _Context = require("./Context");
19
19
  var _jsxRuntime = require("react/jsx-runtime");
20
20
  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"];
package/lib/Types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import type { CSSProperties } from 'react';
1
+ import type { CSSProperties, JSX } from 'react';
2
2
  import type { MarkdownPreviewProps } from '@uiw/react-markdown-preview/nohighlight';
3
3
  import type { ITextAreaProps } from './components/TextArea/index.nohighlight';
4
4
  import type { ICommand, TextState } from './commands';
@@ -1,2 +1,2 @@
1
- import { ICommand } from './';
1
+ import { type ICommand } from './';
2
2
  export declare const bold: ICommand;
@@ -1,3 +1,3 @@
1
- import { ICommand } from './';
1
+ import { type ICommand } from './';
2
2
  export declare const codeBlock: ICommand;
3
3
  export declare const code: ICommand;
@@ -1,2 +1,2 @@
1
- import { ICommand } from './';
1
+ import { type ICommand } from './';
2
2
  export declare const comment: ICommand;
@@ -1,2 +1,2 @@
1
- import { ICommand } from './';
1
+ import { type ICommand } from './';
2
2
  export declare const divider: ICommand;
@@ -1,2 +1,2 @@
1
- import { ICommand } from './';
1
+ import { type ICommand } from './';
2
2
  export declare const fullscreen: ICommand;
@@ -1,5 +1,5 @@
1
- import { ICommand, ICommandChildCommands, ICommandChildHandle } from './';
1
+ import { type ICommand, type ICommandChildCommands, type ICommandChildHandle } from './';
2
2
  export type GroupOptions = Omit<ICommand<string>, 'children'> & {
3
3
  children?: ICommandChildHandle['children'];
4
4
  };
5
- export declare const group: (arr: ICommandChildCommands['children'], options?: GroupOptions) => ICommand<string>;
5
+ export declare const group: (arr: ICommandChildCommands["children"], options?: GroupOptions) => ICommand<string>;
@@ -1,2 +1,2 @@
1
- import { ICommand } from './';
1
+ import { type ICommand } from './';
2
2
  export declare const help: ICommand;
@@ -1,2 +1,2 @@
1
- import { ICommand } from './';
1
+ import { type ICommand } from './';
2
2
  export declare const hr: ICommand;
@@ -1,2 +1,2 @@
1
- import { ICommand } from './';
1
+ import { type ICommand } from './';
2
2
  export declare const image: ICommand;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { ContextStore, ExecuteCommandState } from '../Context';
2
+ import { type ContextStore, ExecuteCommandState } from '../Context';
3
3
  import { bold } from './bold';
4
4
  import { code, codeBlock } from './code';
5
5
  import { comment } from './comment';
@@ -246,7 +246,7 @@ var TextAreaTextApi = exports.TextAreaTextApi = /*#__PURE__*/function () {
246
246
  * selection start and selection end will be the same and will both point to the end
247
247
  * @param text Text that should replace the current selection
248
248
  */
249
- (0, _createClass2["default"])(TextAreaTextApi, [{
249
+ return (0, _createClass2["default"])(TextAreaTextApi, [{
250
250
  key: "replaceSelection",
251
251
  value: function replaceSelection(text) {
252
252
  (0, _InsertTextAtPosition.insertTextAtPosition)(this.textArea, text);
@@ -266,7 +266,6 @@ var TextAreaTextApi = exports.TextAreaTextApi = /*#__PURE__*/function () {
266
266
  return getStateFromTextArea(this.textArea);
267
267
  }
268
268
  }]);
269
- return TextAreaTextApi;
270
269
  }();
271
270
  var TextAreaCommandOrchestrator = exports.TextAreaCommandOrchestrator = /*#__PURE__*/function () {
272
271
  function TextAreaCommandOrchestrator(textArea) {
@@ -276,7 +275,7 @@ var TextAreaCommandOrchestrator = exports.TextAreaCommandOrchestrator = /*#__PUR
276
275
  this.textArea = textArea;
277
276
  this.textApi = new TextAreaTextApi(textArea);
278
277
  }
279
- (0, _createClass2["default"])(TextAreaCommandOrchestrator, [{
278
+ return (0, _createClass2["default"])(TextAreaCommandOrchestrator, [{
280
279
  key: "getState",
281
280
  value: function getState() {
282
281
  if (!this.textArea) return false;
@@ -290,5 +289,4 @@ var TextAreaCommandOrchestrator = exports.TextAreaCommandOrchestrator = /*#__PUR
290
289
  }, getStateFromTextArea(this.textArea)), this.textApi, dispatch, state, shortcuts);
291
290
  }
292
291
  }]);
293
- return TextAreaCommandOrchestrator;
294
292
  }();
@@ -1,2 +1,2 @@
1
- import { ICommand } from './';
1
+ import { type ICommand } from './';
2
2
  export declare const issue: ICommand;
@@ -24,8 +24,8 @@ var issue = exports.issue = {
24
24
  viewBox: "0 0 448 512",
25
25
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
26
26
  fill: "currentColor",
27
- d: "M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128h95.1l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H347.1L325.8 320H384c17.7 0 32 14.3 32 32s-14.3 32-32 32H315.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.826.3s-29.2-19.4-26.3-36.8l9.8-58.7H155.1l-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384H32c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l21.3-128H64c-17.7 0-32-14.3-32-32s14.3-32 32-32h68.9l11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8320h95.1l21.3-128H187.1z"
28
- //Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
27
+ d: "M181.3 32.4c17.4 2.9 29.2 19.4 26.3 36.8L197.8 128l95.1 0 11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3s29.2 19.4 26.3 36.8L357.8 128l58.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-68.9 0L325.8 320l58.2 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-68.9 0-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8l9.8-58.7-95.1 0-11.5 69.3c-2.9 17.4-19.4 29.2-36.8 26.3s-29.2-19.4-26.3-36.8L90.2 384 32 384c-17.7 0-32-14.3-32-32s14.3-32 32-32l68.9 0 21.3-128L64 192c-17.7 0-32-14.3-32-32s14.3-32 32-32l68.9 0 11.5-69.3c2.9-17.4 19.4-29.2 36.8-26.3zM187.1 192L165.8 320l95.1 0 21.3-128-95.1 0z"
28
+ //Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
29
29
  })
30
30
  }),
31
31
  execute: function execute(state, api) {
@@ -1,2 +1,2 @@
1
- import { ICommand } from './';
1
+ import { type ICommand } from './';
2
2
  export declare const italic: ICommand;
@@ -1,2 +1,2 @@
1
- import { ICommand } from './';
1
+ import { type ICommand } from './';
2
2
  export declare const link: ICommand;
@@ -1,4 +1,4 @@
1
- import { ICommand, ExecuteState, TextAreaTextApi } from './';
1
+ import { type ICommand, type ExecuteState, TextAreaTextApi } from './';
2
2
  import { AlterLineFunction } from '../utils/markdownUtils';
3
3
  export declare const makeList: (state: ExecuteState, api: TextAreaTextApi, insertBefore: string | AlterLineFunction) => void;
4
4
  export declare const unorderedListCommand: ICommand;
@@ -1,4 +1,4 @@
1
- import { ICommand } from './';
1
+ import { type ICommand } from './';
2
2
  export declare const codePreview: ICommand;
3
3
  export declare const codeEdit: ICommand;
4
4
  export declare const codeLive: ICommand;
@@ -1,2 +1,2 @@
1
- import { ICommand } from './';
1
+ import { type ICommand } from './';
2
2
  export declare const quote: ICommand;
@@ -11,7 +11,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
11
11
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
12
12
  var _react = _interopRequireWildcard(require("react"));
13
13
  var _Context = require("../../Context");
14
- var _commands = require("../../commands");
14
+ var _commands = require("../../commands/");
15
15
  var _handleKeyDown = _interopRequireDefault(require("./handleKeyDown"));
16
16
  var _shortcuts = _interopRequireDefault(require("./shortcuts"));
17
17
  var _jsxRuntime = require("react/jsx-runtime");
@@ -1,2 +1 @@
1
- /// <reference types="react" />
2
1
  export default function handleKeyDown(e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, tabSize?: number, defaultTabEnable?: boolean): void;
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports["default"] = handleKeyDown;
7
7
  var _InsertTextAtPosition = require("../../utils/InsertTextAtPosition");
8
8
  var _markdownUtils = require("../../utils/markdownUtils");
9
- var _commands = require("../../commands");
9
+ var _commands = require("../../commands/");
10
10
  /**
11
11
  * - `13` - `Enter`
12
12
  * - `9` - `Tab`
@@ -1,8 +1,8 @@
1
- import React from 'react';
1
+ import React, { JSX } from 'react';
2
2
  import { ContextStore, ExecuteCommandState } from '../../Context';
3
3
  import { TextAreaProps } from './Textarea';
4
4
  import { IProps } from '../../Types';
5
- import { TextAreaCommandOrchestrator, ICommand } from '../../commands';
5
+ import { TextAreaCommandOrchestrator, ICommand } from '../../commands/';
6
6
  import './index.less';
7
7
  type RenderTextareaHandle = {
8
8
  dispatch: ContextStore['dispatch'];
@@ -13,7 +13,7 @@ var _Context = require("../../Context");
13
13
  var _shortcuts = _interopRequireDefault(require("./shortcuts"));
14
14
  var _Markdown = _interopRequireDefault(require("./Markdown"));
15
15
  var _Textarea = _interopRequireDefault(require("./Textarea"));
16
- var _commands = require("../../commands");
16
+ var _commands = require("../../commands/");
17
17
  var _jsxRuntime = require("react/jsx-runtime");
18
18
  var _excluded = ["prefixCls", "className", "onScroll", "renderTextarea"];
19
19
  function TextArea(props) {
@@ -47,11 +47,11 @@ function TextArea(props) {
47
47
  }, []);
48
48
  (0, _react.useEffect)(function () {
49
49
  if (textRef.current && dispatch) {
50
- var _commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
51
- executeRef.current = _commandOrchestrator;
50
+ var commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
51
+ executeRef.current = commandOrchestrator;
52
52
  dispatch({
53
53
  textarea: textRef.current,
54
- commandOrchestrator: _commandOrchestrator
54
+ commandOrchestrator: commandOrchestrator
55
55
  });
56
56
  }
57
57
  // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -69,7 +69,7 @@ function TextArea(props) {
69
69
  style: {
70
70
  minHeight: minHeight
71
71
  },
72
- children: renderTextarea ? ( /*#__PURE__*/_react["default"].cloneElement(renderTextarea((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
72
+ children: renderTextarea ? (/*#__PURE__*/_react["default"].cloneElement(renderTextarea((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
73
73
  value: markdown,
74
74
  autoComplete: 'off',
75
75
  autoCorrect: 'off',
@@ -1,8 +1,8 @@
1
- import React from 'react';
1
+ import React, { JSX } from 'react';
2
2
  import { ContextStore, ExecuteCommandState } from '../../Context';
3
3
  import { TextAreaProps } from './Textarea';
4
4
  import { IProps } from '../../Types';
5
- import { TextAreaCommandOrchestrator, ICommand } from '../../commands';
5
+ import { TextAreaCommandOrchestrator, ICommand } from '../../commands/';
6
6
  import './index.less';
7
7
  type RenderTextareaHandle = {
8
8
  dispatch: ContextStore['dispatch'];
@@ -12,7 +12,7 @@ var _react = _interopRequireWildcard(require("react"));
12
12
  var _Context = require("../../Context");
13
13
  var _shortcuts = _interopRequireDefault(require("./shortcuts"));
14
14
  var _Textarea = _interopRequireDefault(require("./Textarea"));
15
- var _commands = require("../../commands");
15
+ var _commands = require("../../commands/");
16
16
  var _jsxRuntime = require("react/jsx-runtime");
17
17
  var _excluded = ["prefixCls", "className", "onScroll", "renderTextarea"];
18
18
  function TextArea(props) {
@@ -44,11 +44,11 @@ function TextArea(props) {
44
44
  }, []);
45
45
  (0, _react.useEffect)(function () {
46
46
  if (textRef.current && dispatch) {
47
- var _commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
48
- executeRef.current = _commandOrchestrator;
47
+ var commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
48
+ executeRef.current = commandOrchestrator;
49
49
  dispatch({
50
50
  textarea: textRef.current,
51
- commandOrchestrator: _commandOrchestrator
51
+ commandOrchestrator: commandOrchestrator
52
52
  });
53
53
  }
54
54
  // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -63,7 +63,7 @@ function TextArea(props) {
63
63
  onScroll: onScroll,
64
64
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
65
65
  className: "".concat(prefixCls, "-text"),
66
- children: renderTextarea ? ( /*#__PURE__*/_react["default"].cloneElement(renderTextarea((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
66
+ children: renderTextarea ? (/*#__PURE__*/_react["default"].cloneElement(renderTextarea((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
67
67
  value: markdown,
68
68
  autoComplete: 'off',
69
69
  autoCorrect: 'off',
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
- import { ICommand, TextAreaCommandOrchestrator } from '../../commands';
1
+ import { ICommand, TextAreaCommandOrchestrator } from '../../commands/';
3
2
  import { ContextStore, ExecuteCommandState } from '../../Context';
4
3
  export default function shortcutsHandle(e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands?: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator, dispatch?: React.Dispatch<ContextStore>, state?: ExecuteCommandState): void;