@uiw/react-md-editor 4.0.3 → 4.0.5

package/lib/commands/index.cn.js

@@ -0,0 +1,221 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.comment = exports.codePreview = exports.codeLive = exports.codeEdit = exports.codeBlock = exports.code = exports.checkedListCommand = exports.bold = void 0;
+Object.defineProperty(exports, "divider", {
+  enumerable: true,
+  get: function get() {
+    return _divider.divider;
+  }
+});
+exports.getExtraCommands = exports.getCommands = exports.fullscreen = void 0;
+Object.defineProperty(exports, "group", {
+  enumerable: true,
+  get: function get() {
+    return _group.group;
+  }
+});
+exports.unorderedListCommand = exports.title6 = exports.title5 = exports.title4 = exports.title3 = exports.title2 = exports.title1 = exports.title = exports.table = exports.strikethrough = exports.quote = exports.orderedListCommand = exports.link = exports.italic = exports.issue = exports.image = exports.hr = exports.help = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _divider = require("./divider");
+var _group = require("./group");
+var _bold = require("./bold");
+var _code = require("./code");
+var _comment = require("./comment");
+var _fullscreen = require("./fullscreen");
+var _hr = require("./hr");
+var _image = require("./image");
+var _italic = require("./italic");
+var _link = require("./link");
+var _list = require("./list");
+var _preview = require("./preview");
+var _quote = require("./quote");
+var _strikeThrough = require("./strikeThrough");
+var _issue = require("./issue");
+var _title = require("./title");
+var _title2 = require("./title1");
+var _title3 = require("./title2");
+var _title4 = require("./title3");
+var _title5 = require("./title4");
+var _title6 = require("./title5");
+var _title7 = require("./title6");
+var _table = require("./table");
+var _help = require("./help");
+var bold = exports.bold = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _bold.bold), {}, {
+  buttonProps: {
+    'aria-label': '添加粗体文本(ctrl + b)',
+    title: '添加粗体文本(ctrl + b)'
+  }
+});
+var code = exports.code = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _code.code), {}, {
+  buttonProps: {
+    'aria-label': '插入代码(ctrl + j)',
+    title: '插入代码(ctrl + j)'
+  }
+});
+var codeBlock = exports.codeBlock = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _code.codeBlock), {}, {
+  buttonProps: {
+    'aria-label': '插入代码块(ctrl + shift + j)',
+    title: '插入代码块(ctrl + shift + j)'
+  }
+});
+var comment = exports.comment = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _comment.comment), {}, {
+  buttonProps: {
+    'aria-label': '插入注释(ctrl + /)',
+    title: '插入注释(ctrl + /)'
+  }
+});
+var fullscreen = exports.fullscreen = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _fullscreen.fullscreen), {}, {
+  buttonProps: {
+    'aria-label': '切换全屏(ctrl + 0)',
+    title: '切换全屏(ctrl + 0)'
+  }
+});
+var hr = exports.hr = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _hr.hr), {}, {
+  buttonProps: {
+    'aria-label': '插入HR (ctrl + h)',
+    title: '插入HR (ctrl + h)'
+  }
+});
+var image = exports.image = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _image.image), {}, {
+  buttonProps: {
+    'aria-label': '添加图像(ctrl + k)',
+    title: '添加图像(ctrl + k)'
+  }
+});
+var italic = exports.italic = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _italic.italic), {}, {
+  buttonProps: {
+    'aria-label': '添加斜体文本(ctrl + i)',
+    title: '添加斜体文本(ctrl + i)'
+  }
+});
+var link = exports.link = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _link.link), {}, {
+  buttonProps: {
+    'aria-label': '添加链接(ctrl + l)',
+    title: '添加链接(ctrl + l)'
+  }
+});
+var checkedListCommand = exports.checkedListCommand = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _list.checkedListCommand), {}, {
+  buttonProps: {
+    'aria-label': '添加检查列表(ctrl + shift + c)',
+    title: '添加检查列表(ctrl + shift + c)'
+  }
+});
+var orderedListCommand = exports.orderedListCommand = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _list.orderedListCommand), {}, {
+  buttonProps: {
+    'aria-label': '添加有序列表(ctrl + shift + o)',
+    title: '添加有序列表(ctrl + shift + o)'
+  }
+});
+var unorderedListCommand = exports.unorderedListCommand = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _list.unorderedListCommand), {}, {
+  buttonProps: {
+    'aria-label': '添加无序列表(ctrl + shift + u)',
+    title: '添加无序列表(ctrl + shift + u)'
+  }
+});
+var codeEdit = exports.codeEdit = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _preview.codeEdit), {}, {
+  buttonProps: {
+    'aria-label': '编辑代码(ctrl + 7)',
+    title: '编辑代码(ctrl + 7)'
+  }
+});
+var codeLive = exports.codeLive = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _preview.codeLive), {}, {
+  buttonProps: {
+    'aria-label': '实时代码(ctrl + 8)',
+    title: '实时代码(ctrl + 8)'
+  }
+});
+var codePreview = exports.codePreview = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _preview.codePreview), {}, {
+  buttonProps: {
+    'aria-label': '预览代码(ctrl + 9)',
+    title: '预览代码(ctrl + 9)'
+  }
+});
+var quote = exports.quote = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _quote.quote), {}, {
+  buttonProps: {
+    'aria-label': '预览代码(ctrl + 9)',
+    title: '预览代码(ctrl + 9)'
+  }
+});
+var strikethrough = exports.strikethrough = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _strikeThrough.strikethrough), {}, {
+  buttonProps: {
+    'aria-label': 'Add strikethrough text (ctrl + shift + x)',
+    title: 'Add strikethrough text (ctrl + shift + x)'
+  }
+});
+var issue = exports.issue = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _issue.issue), {}, {
+  buttonProps: {
+    'aria-label': '添加 issue',
+    title: '添加 issue'
+  }
+});
+var title = exports.title = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _title.title), {}, {
+  buttonProps: {
+    'aria-label': '插入 title (ctrl + 1)',
+    title: '插入 title (ctrl + 1)'
+  }
+});
+var title1 = exports.title1 = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _title2.title1), {}, {
+  buttonProps: {
+    'aria-label': '插入 title1 (ctrl + 1)',
+    title: '插入 title1 (ctrl + 1)'
+  }
+});
+var title2 = exports.title2 = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _title3.title2), {}, {
+  buttonProps: {
+    'aria-label': '插入 title2 (ctrl + 2)',
+    title: '插入 title2 (ctrl + 2)'
+  }
+});
+var title3 = exports.title3 = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _title4.title3), {}, {
+  buttonProps: {
+    'aria-label': '插入 title3 (ctrl + 3)',
+    title: '插入 title3 (ctrl + 3)'
+  }
+});
+var title4 = exports.title4 = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _title5.title4), {}, {
+  buttonProps: {
+    'aria-label': '插入 title4 (ctrl + 4)',
+    title: '插入 title4 (ctrl + 4)'
+  }
+});
+var title5 = exports.title5 = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _title6.title5), {}, {
+  buttonProps: {
+    'aria-label': '插入 title5 (ctrl + 5)',
+    title: '插入 title5 (ctrl + 5)'
+  }
+});
+var title6 = exports.title6 = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _title7.title6), {}, {
+  buttonProps: {
+    'aria-label': '插入 title6 (ctrl + 6)',
+    title: '插入 title6 (ctrl + 6)'
+  }
+});
+var table = exports.table = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _table.table), {}, {
+  buttonProps: {
+    'aria-label': '添加表格',
+    title: '添加表格'
+  }
+});
+var help = exports.help = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _help.help), {}, {
+  buttonProps: {
+    'aria-label': '打开帮助',
+    title: '打开帮助'
+  }
+});
+var getCommands = exports.getCommands = function getCommands() {
+  return [bold, italic, strikethrough, hr, (0, _group.group)([title1, title2, title3, title4, title5, title6], {
+    name: 'title',
+    groupName: 'title',
+    buttonProps: {
+      'aria-label': '插入标题',
+      title: 'I插入标题'
+    }
+  }), _divider.divider, link, quote, code, codeBlock, comment, image, table, _divider.divider, unorderedListCommand, orderedListCommand, checkedListCommand, _divider.divider, help];
+};
+var getExtraCommands = exports.getExtraCommands = function getExtraCommands() {
+  return [codeEdit, codeLive, codePreview, _divider.divider, fullscreen];
+};

package/lib/commands/index.js

@@ -246,7 +246,7 @@ var TextAreaTextApi = exports.TextAreaTextApi = /*#__PURE__*/function () {
    * selection start and selection end will be the same and will both point to the end
    * @param text Text that should replace the current selection
    */
-  (0, _createClass2["default"])(TextAreaTextApi, [{
+  return (0, _createClass2["default"])(TextAreaTextApi, [{
     key: "replaceSelection",
     value: function replaceSelection(text) {
       (0, _InsertTextAtPosition.insertTextAtPosition)(this.textArea, text);
@@ -266,7 +266,6 @@ var TextAreaTextApi = exports.TextAreaTextApi = /*#__PURE__*/function () {
       return getStateFromTextArea(this.textArea);
     }
   }]);
-  return TextAreaTextApi;
 }();
 var TextAreaCommandOrchestrator = exports.TextAreaCommandOrchestrator = /*#__PURE__*/function () {
   function TextAreaCommandOrchestrator(textArea) {
@@ -276,7 +275,7 @@ var TextAreaCommandOrchestrator = exports.TextAreaCommandOrchestrator = /*#__PUR
     this.textArea = textArea;
     this.textApi = new TextAreaTextApi(textArea);
   }
-  (0, _createClass2["default"])(TextAreaCommandOrchestrator, [{
+  return (0, _createClass2["default"])(TextAreaCommandOrchestrator, [{
     key: "getState",
     value: function getState() {
       if (!this.textArea) return false;
@@ -290,5 +289,4 @@ var TextAreaCommandOrchestrator = exports.TextAreaCommandOrchestrator = /*#__PUR
       }, getStateFromTextArea(this.textArea)), this.textApi, dispatch, state, shortcuts);
     }
   }]);
-  return TextAreaCommandOrchestrator;
 }();

package/lib/commands/issue.js

@@ -24,8 +24,8 @@ var issue = exports.issue = {
     viewBox: "0 0 448 512",
     children: /*#__PURE__*/(0, _jsxRuntime.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: function execute(state, api) {

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

@@ -47,11 +47,11 @@ function TextArea(props) {
   }, []);
   (0, _react.useEffect)(function () {
     if (textRef.current && dispatch) {
-      var _commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
-      executeRef.current = _commandOrchestrator;
+      var commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
+      executeRef.current = commandOrchestrator;
       dispatch({
         textarea: textRef.current,
-        commandOrchestrator: _commandOrchestrator
+        commandOrchestrator: commandOrchestrator
       });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -69,7 +69,7 @@ function TextArea(props) {
       style: {
         minHeight: minHeight
       },
-      children: renderTextarea ? ( /*#__PURE__*/_react["default"].cloneElement(renderTextarea((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
+      children: renderTextarea ? (/*#__PURE__*/_react["default"].cloneElement(renderTextarea((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
         value: markdown,
         autoComplete: 'off',
         autoCorrect: 'off',

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

@@ -44,11 +44,11 @@ function TextArea(props) {
   }, []);
   (0, _react.useEffect)(function () {
     if (textRef.current && dispatch) {
-      var _commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
-      executeRef.current = _commandOrchestrator;
+      var commandOrchestrator = new _commands.TextAreaCommandOrchestrator(textRef.current);
+      executeRef.current = commandOrchestrator;
       dispatch({
         textarea: textRef.current,
-        commandOrchestrator: _commandOrchestrator
+        commandOrchestrator: commandOrchestrator
       });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -63,7 +63,7 @@ function TextArea(props) {
     onScroll: onScroll,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "".concat(prefixCls, "-text"),
-      children: renderTextarea ? ( /*#__PURE__*/_react["default"].cloneElement(renderTextarea((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
+      children: renderTextarea ? (/*#__PURE__*/_react["default"].cloneElement(renderTextarea((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, otherProps), {}, {
         value: markdown,
         autoComplete: 'off',
         autoCorrect: 'off',

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

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-md-editor",
-  "version": "4.0.3",
+  "version": "4.0.5",
   "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",
@@ -25,6 +25,11 @@
       "import": "./esm/commands/index.js",
       "types": "./lib/commands/index.d.ts",
       "require": "./lib/commands/index.js"
+    },
+    "./commands-cn": {
+      "import": "./esm/commands/index.cn.js",
+      "types": "./lib/commands/index.cn.d.ts",
+      "require": "./lib/commands/index.cn.js"
     }
   },
   "repository": {
@@ -38,6 +43,7 @@
     "markdown-editor.css",
     "nohighlight.d.ts",
     "commands.d.ts",
+    "commands-cn.d.ts",
     "lib",
     "dist",
     "esm",

package/src/Types.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/src/commands/index.cn.ts

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

@@ -12,8 +12,8 @@ export const issue: ICommand = {
     <svg role="img" width="12" height="12" viewBox="0 0 448 512">
       <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
       />
     </svg>
   ),

package/src/components/TextArea/index.nohighlight.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, Fragment, useContext } from 'react';
+import React, { useEffect, Fragment, useContext, JSX } from 'react';
 import { EditorContext, ContextStore, ExecuteCommandState } from '../../Context';
 import shortcuts from './shortcuts';
 import Textarea, { TextAreaProps } from './Textarea';

package/src/components/TextArea/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, Fragment, useContext } from 'react';
+import React, { useEffect, Fragment, useContext, JSX } from 'react';
 import { EditorContext, ContextStore, ExecuteCommandState } from '../../Context';
 import shortcuts from './shortcuts';
 import Markdown from './Markdown';

package/src/components/Toolbar/Child.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from 'react';
+import React, { useContext, useMemo, JSX } from 'react';
 import './Child.less';
 import Toolbar, { type IToolbarProps } from './';
 import { EditorContext } from '../../Context';