@uiw/react-md-editor 4.0.3 → 4.0.5

package/dist/mdeditor.min.js.LICENSE.txt

@@ -9,10 +9,10 @@
  */
 
 /**! 
- * @uiw/copy-to-clipboard v1.0.16 
+ * @uiw/copy-to-clipboard v1.0.17 
  * Copy to clipboard. 
  * 
- * Copyright (c) 2023 Kenny Wang 
+ * Copyright (c) 2024 Kenny Wang 
  * https://github.com/uiwjs/copy-to-clipboard.git 
  * 
  * @website: https://uiwjs.github.io/copy-to-clipboard

package/esm/Context.d.ts

@@ -28,38 +28,25 @@ export interface ContextStore {
 export type ExecuteCommandState = Pick<ContextStore, 'fullscreen' | 'preview' | 'highlightEnable'>;
 export declare function reducer(state: ContextStore, action: ContextStore): {
     [x: string]: any;
-    components?: {
-        textarea?: ((props: React.HTMLAttributes<HTMLDivElement> | React.TextareaHTMLAttributes<HTMLTextAreaElement>, opts: {
-            dispatch: React.Dispatch<ContextStore> | undefined;
-            onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
-            useContext?: {
-                commands: ICommand<string>[] | undefined;
-                extraCommands: ICommand<string>[] | undefined;
-                commandOrchestrator?: TextAreaCommandOrchestrator | undefined;
-            } | undefined;
-            shortcuts?: ((e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator | undefined, dispatch?: React.Dispatch<ContextStore> | undefined, state?: ExecuteCommandState | undefined) => void) | undefined;
-        }) => JSX.Element) | undefined;
-        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;
-        preview?: ((source: string, state: ContextStore, dispath: React.Dispatch<ContextStore>) => JSX.Element) | undefined;
-    } | undefined;
-    commands?: ICommand<string>[] | undefined;
-    extraCommands?: ICommand<string>[] | undefined;
-    markdown?: string | undefined;
-    preview?: PreviewType | undefined;
-    height?: import("csstype").Property.Height<string | number> | undefined;
-    fullscreen?: boolean | undefined;
-    highlightEnable?: boolean | undefined;
-    autoFocus?: boolean | undefined;
-    textarea?: HTMLTextAreaElement | undefined;
-    commandOrchestrator?: TextAreaCommandOrchestrator | undefined;
-    textareaWarp?: HTMLDivElement | undefined;
-    textareaPre?: HTMLPreElement | undefined;
-    container?: HTMLDivElement | null | undefined;
-    dispatch?: React.Dispatch<ContextStore> | undefined;
-    barPopup?: Record<string, boolean> | undefined;
-    scrollTop?: number | undefined;
-    scrollTopPreview?: number | undefined;
-    tabSize?: number | undefined;
-    defaultTabEnable?: boolean | undefined;
+    components?: MDEditorProps["components"];
+    commands?: ICommand<string>[];
+    extraCommands?: ICommand<string>[];
+    markdown?: string;
+    preview?: PreviewType;
+    height?: React.CSSProperties["height"];
+    fullscreen?: boolean;
+    highlightEnable?: boolean;
+    autoFocus?: boolean;
+    textarea?: HTMLTextAreaElement;
+    commandOrchestrator?: TextAreaCommandOrchestrator;
+    textareaWarp?: HTMLDivElement;
+    textareaPre?: HTMLPreElement;
+    container?: HTMLDivElement | null;
+    dispatch?: React.Dispatch<ContextStore>;
+    barPopup?: Record<string, boolean>;
+    scrollTop?: number;
+    scrollTopPreview?: number;
+    tabSize?: number;
+    defaultTabEnable?: boolean;
 };
 export declare const EditorContext: React.Context<ContextStore>;

package/esm/Editor.js

@@ -8,8 +8,7 @@ import { ToolbarVisibility } from './components/Toolbar';
 import DragBar from './components/DragBar';
 import { getCommands, getExtraCommands, TextAreaCommandOrchestrator } from './commands';
 import { reducer, EditorContext } from './Context';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function setGroupPopFalse(data) {
   if (data === void 0) {
     data = {};

package/esm/Editor.nohighlight.js

@@ -8,8 +8,7 @@ import { ToolbarVisibility } from './components/Toolbar';
 import DragBar from './components/DragBar';
 import { getCommands, getExtraCommands, TextAreaCommandOrchestrator } from './commands';
 import { reducer, EditorContext } from './Context';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function setGroupPopFalse(data) {
   if (data === void 0) {
     data = {};

package/esm/Types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import type { CSSProperties, JSX } from 'react';
 import type { MarkdownPreviewProps } from '@uiw/react-markdown-preview/nohighlight';
 import type { ITextAreaProps } from './components/TextArea/index.nohighlight';
 import type { ICommand, TextState } from './commands';

package/esm/commands/comment.js

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

package/esm/commands/group.d.ts

@@ -2,4 +2,4 @@ import { ICommand, ICommandChildCommands, ICommandChildHandle } from './';
 export type GroupOptions = Omit<ICommand<string>, 'children'> & {
     children?: ICommandChildHandle['children'];
 };
-export declare const group: (arr: ICommandChildCommands['children'], options?: GroupOptions) => ICommand<string>;
+export declare const group: (arr: ICommandChildCommands["children"], options?: GroupOptions) => ICommand<string>;

package/esm/commands/index.cn.d.ts

@@ -0,0 +1,33 @@
+import { type ICommand } from './';
+import { divider } from './divider';
+import { group } from './group';
+declare let bold: ICommand;
+declare let code: ICommand;
+declare let codeBlock: ICommand;
+declare let comment: ICommand;
+declare let fullscreen: ICommand;
+declare let hr: ICommand;
+declare let image: ICommand;
+declare let italic: ICommand;
+declare let link: ICommand;
+declare let checkedListCommand: ICommand;
+declare let orderedListCommand: ICommand;
+declare let unorderedListCommand: ICommand;
+declare let codeEdit: ICommand;
+declare let codeLive: ICommand;
+declare let codePreview: ICommand;
+declare let quote: ICommand;
+declare let strikethrough: ICommand;
+declare let issue: ICommand;
+declare let title: ICommand;
+declare let title1: ICommand;
+declare let title2: ICommand;
+declare let title3: ICommand;
+declare let title4: ICommand;
+declare let title5: ICommand;
+declare let title6: ICommand;
+declare let table: ICommand;
+declare let help: ICommand;
+export declare const getCommands: () => ICommand[];
+export declare const getExtraCommands: () => ICommand[];
+export { title, title1, title2, title3, title4, title5, title6, bold, codeBlock, comment, italic, strikethrough, hr, group, divider, link, quote, code, image, unorderedListCommand, orderedListCommand, checkedListCommand, table, issue, help, codeEdit, codeLive, codePreview, fullscreen, };

package/esm/commands/index.cn.js

@@ -0,0 +1,197 @@
+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';
+var bold = _extends({}, boldInit, {
+  buttonProps: {
+    'aria-label': '添加粗体文本(ctrl + b)',
+    title: '添加粗体文本(ctrl + b)'
+  }
+});
+var code = _extends({}, codeInit, {
+  buttonProps: {
+    'aria-label': '插入代码(ctrl + j)',
+    title: '插入代码(ctrl + j)'
+  }
+});
+var codeBlock = _extends({}, codeBlockInit, {
+  buttonProps: {
+    'aria-label': '插入代码块(ctrl + shift + j)',
+    title: '插入代码块(ctrl + shift + j)'
+  }
+});
+var comment = _extends({}, commentInit, {
+  buttonProps: {
+    'aria-label': '插入注释(ctrl + /)',
+    title: '插入注释(ctrl + /)'
+  }
+});
+var fullscreen = _extends({}, fullscreenInit, {
+  buttonProps: {
+    'aria-label': '切换全屏(ctrl + 0)',
+    title: '切换全屏(ctrl + 0)'
+  }
+});
+var hr = _extends({}, hrInit, {
+  buttonProps: {
+    'aria-label': '插入HR (ctrl + h)',
+    title: '插入HR (ctrl + h)'
+  }
+});
+var image = _extends({}, imageInit, {
+  buttonProps: {
+    'aria-label': '添加图像(ctrl + k)',
+    title: '添加图像(ctrl + k)'
+  }
+});
+var italic = _extends({}, italicInit, {
+  buttonProps: {
+    'aria-label': '添加斜体文本(ctrl + i)',
+    title: '添加斜体文本(ctrl + i)'
+  }
+});
+var link = _extends({}, linkInit, {
+  buttonProps: {
+    'aria-label': '添加链接(ctrl + l)',
+    title: '添加链接(ctrl + l)'
+  }
+});
+var checkedListCommand = _extends({}, checkedListCommandInit, {
+  buttonProps: {
+    'aria-label': '添加检查列表(ctrl + shift + c)',
+    title: '添加检查列表(ctrl + shift + c)'
+  }
+});
+var orderedListCommand = _extends({}, orderedListCommandInit, {
+  buttonProps: {
+    'aria-label': '添加有序列表(ctrl + shift + o)',
+    title: '添加有序列表(ctrl + shift + o)'
+  }
+});
+var unorderedListCommand = _extends({}, unorderedListCommandInit, {
+  buttonProps: {
+    'aria-label': '添加无序列表(ctrl + shift + u)',
+    title: '添加无序列表(ctrl + shift + u)'
+  }
+});
+var codeEdit = _extends({}, codeEditInit, {
+  buttonProps: {
+    'aria-label': '编辑代码(ctrl + 7)',
+    title: '编辑代码(ctrl + 7)'
+  }
+});
+var codeLive = _extends({}, codeLiveInit, {
+  buttonProps: {
+    'aria-label': '实时代码(ctrl + 8)',
+    title: '实时代码(ctrl + 8)'
+  }
+});
+var codePreview = _extends({}, codePreviewInit, {
+  buttonProps: {
+    'aria-label': '预览代码(ctrl + 9)',
+    title: '预览代码(ctrl + 9)'
+  }
+});
+var quote = _extends({}, quoteInit, {
+  buttonProps: {
+    'aria-label': '预览代码(ctrl + 9)',
+    title: '预览代码(ctrl + 9)'
+  }
+});
+var strikethrough = _extends({}, strikethroughInit, {
+  buttonProps: {
+    'aria-label': 'Add strikethrough text (ctrl + shift + x)',
+    title: 'Add strikethrough text (ctrl + shift + x)'
+  }
+});
+var issue = _extends({}, issueInit, {
+  buttonProps: {
+    'aria-label': '添加 issue',
+    title: '添加 issue'
+  }
+});
+var title = _extends({}, titleInit, {
+  buttonProps: {
+    'aria-label': '插入 title (ctrl + 1)',
+    title: '插入 title (ctrl + 1)'
+  }
+});
+var title1 = _extends({}, title1Init, {
+  buttonProps: {
+    'aria-label': '插入 title1 (ctrl + 1)',
+    title: '插入 title1 (ctrl + 1)'
+  }
+});
+var title2 = _extends({}, title2Init, {
+  buttonProps: {
+    'aria-label': '插入 title2 (ctrl + 2)',
+    title: '插入 title2 (ctrl + 2)'
+  }
+});
+var title3 = _extends({}, title3Init, {
+  buttonProps: {
+    'aria-label': '插入 title3 (ctrl + 3)',
+    title: '插入 title3 (ctrl + 3)'
+  }
+});
+var title4 = _extends({}, title4Init, {
+  buttonProps: {
+    'aria-label': '插入 title4 (ctrl + 4)',
+    title: '插入 title4 (ctrl + 4)'
+  }
+});
+var title5 = _extends({}, title5Init, {
+  buttonProps: {
+    'aria-label': '插入 title5 (ctrl + 5)',
+    title: '插入 title5 (ctrl + 5)'
+  }
+});
+var title6 = _extends({}, title6Init, {
+  buttonProps: {
+    'aria-label': '插入 title6 (ctrl + 6)',
+    title: '插入 title6 (ctrl + 6)'
+  }
+});
+var table = _extends({}, tableInit, {
+  buttonProps: {
+    'aria-label': '添加表格',
+    title: '添加表格'
+  }
+});
+var help = _extends({}, helpInit, {
+  buttonProps: {
+    'aria-label': '打开帮助',
+    title: '打开帮助'
+  }
+});
+export var getCommands = () => [bold, italic, strikethrough, hr, group([title1, title2, title3, title4, title5, title6], {
+  name: 'title',
+  groupName: 'title',
+  buttonProps: {
+    'aria-label': '插入标题',
+    title: 'I插入标题'
+  }
+}), divider, link, quote, code, codeBlock, comment, image, table, divider, unorderedListCommand, orderedListCommand, checkedListCommand, divider, help];
+export var getExtraCommands = () => [codeEdit, codeLive, codePreview, divider, fullscreen];
+export { title, title1, title2, title3, title4, title5, title6, bold, codeBlock, comment, italic, strikethrough, hr, group, divider, link, quote, code, image, unorderedListCommand, orderedListCommand, checkedListCommand, table, issue, help, codeEdit, codeLive, codePreview, fullscreen };

package/esm/commands/issue.js

@@ -17,8 +17,8 @@ export var issue = {
     viewBox: "0 0 448 512",
     children: /*#__PURE__*/_jsx("path", {
       fill: "currentColor",
-      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"
-      //Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
+      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"
+      //Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
     })
   }),
   execute: (state, api) => {

package/esm/commands/preview.js

@@ -1,6 +1,5 @@
 import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var codePreview = {
   name: 'preview',
   keyCommand: 'preview',

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

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function handleKeyDown(e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, tabSize?: number, defaultTabEnable?: boolean): void;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { ContextStore, ExecuteCommandState } from '../../Context';
 import { TextAreaProps } from './Textarea';
 import { IProps } from '../../Types';

package/esm/components/TextArea/index.js

@@ -8,8 +8,7 @@ import Markdown from './Markdown';
 import Textarea from './Textarea';
 import { TextAreaCommandOrchestrator } from '../../commands';
 import "./index.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function TextArea(props) {
   var _ref = props || {},
     {
@@ -44,11 +43,11 @@ export default function TextArea(props) {
   }, []);
   useEffect(() => {
     if (textRef.current && dispatch) {
-      var _commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
-      executeRef.current = _commandOrchestrator;
+      var commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
+      executeRef.current = commandOrchestrator;
       dispatch({
         textarea: textRef.current,
-        commandOrchestrator: _commandOrchestrator
+        commandOrchestrator
       });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -66,7 +65,7 @@ export default function TextArea(props) {
       style: {
         minHeight
       },
-      children: renderTextarea ? ( /*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
+      children: renderTextarea ? (/*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
         value: markdown,
         autoComplete: 'off',
         autoCorrect: 'off',

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { ContextStore, ExecuteCommandState } from '../../Context';
 import { TextAreaProps } from './Textarea';
 import { IProps } from '../../Types';

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

@@ -40,11 +40,11 @@ export default function TextArea(props) {
   }, []);
   useEffect(() => {
     if (textRef.current && dispatch) {
-      var _commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
-      executeRef.current = _commandOrchestrator;
+      var commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
+      executeRef.current = commandOrchestrator;
       dispatch({
         textarea: textRef.current,
-        commandOrchestrator: _commandOrchestrator
+        commandOrchestrator
       });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -59,7 +59,7 @@ export default function TextArea(props) {
     onScroll: onScroll,
     children: /*#__PURE__*/_jsx("div", {
       className: prefixCls + "-text",
-      children: renderTextarea ? ( /*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
+      children: renderTextarea ? (/*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
         value: markdown,
         autoComplete: 'off',
         autoCorrect: 'off',

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 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.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { JSX } from 'react';
 import './Child.less';
 import { type IToolbarProps } from './';
 export type ChildProps = IToolbarProps & {

package/esm/components/Toolbar/index.js

@@ -3,8 +3,7 @@ import React, { Fragment, useContext, useEffect, useRef } from 'react';
 import { EditorContext } from '../../Context';
 import Child from './Child';
 import "./index.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export function ToolbarItems(props) {
   var {
     prefixCls,

package/lib/Context.d.ts

@@ -28,38 +28,25 @@ export interface ContextStore {
 export type ExecuteCommandState = Pick<ContextStore, 'fullscreen' | 'preview' | 'highlightEnable'>;
 export declare function reducer(state: ContextStore, action: ContextStore): {
     [x: string]: any;
-    components?: {
-        textarea?: ((props: React.HTMLAttributes<HTMLDivElement> | React.TextareaHTMLAttributes<HTMLTextAreaElement>, opts: {
-            dispatch: React.Dispatch<ContextStore> | undefined;
-            onChange?: React.ChangeEventHandler<HTMLTextAreaElement> | undefined;
-            useContext?: {
-                commands: ICommand<string>[] | undefined;
-                extraCommands: ICommand<string>[] | undefined;
-                commandOrchestrator?: TextAreaCommandOrchestrator | undefined;
-            } | undefined;
-            shortcuts?: ((e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator | undefined, dispatch?: React.Dispatch<ContextStore> | undefined, state?: ExecuteCommandState | undefined) => void) | undefined;
-        }) => JSX.Element) | undefined;
-        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;
-        preview?: ((source: string, state: ContextStore, dispath: React.Dispatch<ContextStore>) => JSX.Element) | undefined;
-    } | undefined;
-    commands?: ICommand<string>[] | undefined;
-    extraCommands?: ICommand<string>[] | undefined;
-    markdown?: string | undefined;
-    preview?: PreviewType | undefined;
-    height?: import("csstype").Property.Height<string | number> | undefined;
-    fullscreen?: boolean | undefined;
-    highlightEnable?: boolean | undefined;
-    autoFocus?: boolean | undefined;
-    textarea?: HTMLTextAreaElement | undefined;
-    commandOrchestrator?: TextAreaCommandOrchestrator | undefined;
-    textareaWarp?: HTMLDivElement | undefined;
-    textareaPre?: HTMLPreElement | undefined;
-    container?: HTMLDivElement | null | undefined;
-    dispatch?: React.Dispatch<ContextStore> | undefined;
-    barPopup?: Record<string, boolean> | undefined;
-    scrollTop?: number | undefined;
-    scrollTopPreview?: number | undefined;
-    tabSize?: number | undefined;
-    defaultTabEnable?: boolean | undefined;
+    components?: MDEditorProps["components"];
+    commands?: ICommand<string>[];
+    extraCommands?: ICommand<string>[];
+    markdown?: string;
+    preview?: PreviewType;
+    height?: React.CSSProperties["height"];
+    fullscreen?: boolean;
+    highlightEnable?: boolean;
+    autoFocus?: boolean;
+    textarea?: HTMLTextAreaElement;
+    commandOrchestrator?: TextAreaCommandOrchestrator;
+    textareaWarp?: HTMLDivElement;
+    textareaPre?: HTMLPreElement;
+    container?: HTMLDivElement | null;
+    dispatch?: React.Dispatch<ContextStore>;
+    barPopup?: Record<string, boolean>;
+    scrollTop?: number;
+    scrollTopPreview?: number;
+    tabSize?: number;
+    defaultTabEnable?: boolean;
 };
 export declare const EditorContext: React.Context<ContextStore>;

package/lib/Types.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'react';
+import type { CSSProperties, JSX } from 'react';
 import type { MarkdownPreviewProps } from '@uiw/react-markdown-preview/nohighlight';
 import type { ITextAreaProps } from './components/TextArea/index.nohighlight';
 import type { ICommand, TextState } from './commands';

package/lib/commands/group.d.ts

@@ -2,4 +2,4 @@ import { ICommand, ICommandChildCommands, ICommandChildHandle } from './';
 export type GroupOptions = Omit<ICommand<string>, 'children'> & {
     children?: ICommandChildHandle['children'];
 };
-export declare const group: (arr: ICommandChildCommands['children'], options?: GroupOptions) => ICommand<string>;
+export declare const group: (arr: ICommandChildCommands["children"], options?: GroupOptions) => ICommand<string>;

package/lib/commands/index.cn.d.ts

@@ -0,0 +1,33 @@
+import { type ICommand } from './';
+import { divider } from './divider';
+import { group } from './group';
+declare let bold: ICommand;
+declare let code: ICommand;
+declare let codeBlock: ICommand;
+declare let comment: ICommand;
+declare let fullscreen: ICommand;
+declare let hr: ICommand;
+declare let image: ICommand;
+declare let italic: ICommand;
+declare let link: ICommand;
+declare let checkedListCommand: ICommand;
+declare let orderedListCommand: ICommand;
+declare let unorderedListCommand: ICommand;
+declare let codeEdit: ICommand;
+declare let codeLive: ICommand;
+declare let codePreview: ICommand;
+declare let quote: ICommand;
+declare let strikethrough: ICommand;
+declare let issue: ICommand;
+declare let title: ICommand;
+declare let title1: ICommand;
+declare let title2: ICommand;
+declare let title3: ICommand;
+declare let title4: ICommand;
+declare let title5: ICommand;
+declare let title6: ICommand;
+declare let table: ICommand;
+declare let help: ICommand;
+export declare const getCommands: () => ICommand[];
+export declare const getExtraCommands: () => ICommand[];
+export { title, title1, title2, title3, title4, title5, title6, bold, codeBlock, comment, italic, strikethrough, hr, group, divider, link, quote, code, image, unorderedListCommand, orderedListCommand, checkedListCommand, table, issue, help, codeEdit, codeLive, codePreview, fullscreen, };