@uiw/react-md-editor 4.0.7 → 4.0.8

package/lib/commands/title1.d.ts

@@ -1,2 +1,8 @@
 import { ICommand } from './';
+export declare const heading1: ICommand;
+/**
+ * @deprecated Use `heading1` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title1` for inserting Heading 1.
+ */
 export declare const title1: ICommand;

package/lib/commands/title1.js

@@ -4,33 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.title1 = void 0;
+exports.title1 = exports.heading1 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _title = require("../commands/title");
 var _jsxRuntime = require("react/jsx-runtime");
-var title1 = exports.title1 = {
-  name: 'title1',
-  keyCommand: 'title1',
+var heading1 = exports.heading1 = {
+  name: 'heading1',
+  keyCommand: 'heading1',
   shortcuts: 'ctrlcmd+1',
   prefix: '# ',
   suffix: '',
   buttonProps: {
-    'aria-label': 'Insert title1 (ctrl + 1)',
-    title: 'Insert title1 (ctrl + 1)'
+    'aria-label': 'Insert Heading 1 (ctrl + 1)',
+    title: 'Insert Heading 1 (ctrl + 1)'
   },
   icon: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       fontSize: 18,
       textAlign: 'left'
     },
-    children: "Title 1"
+    children: "Heading 1"
   }),
   execute: function execute(state, api) {
-    (0, _title.titleExecute)({
+    (0, _title.headingExecute)({
       state: state,
       api: api,
       prefix: state.command.prefix,
       suffix: state.command.suffix
     });
   }
-};
+};
+
+/**
+ * @deprecated Use `heading1` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title1` for inserting Heading 1.
+ */
+var title1 = exports.title1 = heading1;

package/lib/commands/title2.d.ts

@@ -1,2 +1,8 @@
 import { ICommand } from './';
+export declare const heading2: ICommand;
+/**
+ * @deprecated Use `heading2` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title2` for inserting Heading 2.
+ */
 export declare const title2: ICommand;

package/lib/commands/title2.js

@@ -4,33 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.title2 = void 0;
+exports.title2 = exports.heading2 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _title = require("../commands/title");
 var _jsxRuntime = require("react/jsx-runtime");
-var title2 = exports.title2 = {
-  name: 'title2',
-  keyCommand: 'title2',
+var heading2 = exports.heading2 = {
+  name: 'heading2',
+  keyCommand: 'heading2',
   shortcuts: 'ctrlcmd+2',
   prefix: '## ',
   suffix: '',
   buttonProps: {
-    'aria-label': 'Insert title2 (ctrl + 2)',
-    title: 'Insert title2 (ctrl + 2)'
+    'aria-label': 'Insert Heading 2 (ctrl + 2)',
+    title: 'Insert Heading 2 (ctrl + 2)'
   },
   icon: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       fontSize: 16,
       textAlign: 'left'
     },
-    children: "Title 2"
+    children: "Heading 2"
   }),
   execute: function execute(state, api) {
-    (0, _title.titleExecute)({
+    (0, _title.headingExecute)({
       state: state,
       api: api,
       prefix: state.command.prefix,
       suffix: state.command.suffix
     });
   }
-};
+};
+
+/**
+ * @deprecated Use `heading2` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title2` for inserting Heading 2.
+ */
+var title2 = exports.title2 = heading2;

package/lib/commands/title3.d.ts

@@ -1,2 +1,8 @@
 import { ICommand } from './';
+export declare const heading3: ICommand;
+/**
+ * @deprecated Use `heading3` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title3` for inserting Heading 3.
+ */
 export declare const title3: ICommand;

package/lib/commands/title3.js

@@ -4,33 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.title3 = void 0;
+exports.title3 = exports.heading3 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _title = require("../commands/title");
 var _jsxRuntime = require("react/jsx-runtime");
-var title3 = exports.title3 = {
-  name: 'title3',
-  keyCommand: 'title3',
+var heading3 = exports.heading3 = {
+  name: 'heading3',
+  keyCommand: 'heading3',
   shortcuts: 'ctrlcmd+3',
   prefix: '### ',
   suffix: '',
   buttonProps: {
-    'aria-label': 'Insert title3 (ctrl + 3)',
-    title: 'Insert title3 (ctrl + 3)'
+    'aria-label': 'Insert Heading 3 (ctrl + 3)',
+    title: 'Insert Heading 3 (ctrl + 3)'
   },
   icon: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       fontSize: 15,
       textAlign: 'left'
     },
-    children: "Title 3"
+    children: "Heading 3"
   }),
   execute: function execute(state, api) {
-    (0, _title.titleExecute)({
+    (0, _title.headingExecute)({
       state: state,
       api: api,
       prefix: state.command.prefix,
       suffix: state.command.suffix
     });
   }
-};
+};
+
+/**
+ * @deprecated Use `heading3` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title3` for inserting Heading 3.
+ */
+var title3 = exports.title3 = heading3;

package/lib/commands/title4.d.ts

@@ -1,2 +1,8 @@
 import { ICommand } from './';
+export declare const heading4: ICommand;
+/**
+ * @deprecated Use `heading4` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title4` for inserting Heading 4.
+ */
 export declare const title4: ICommand;

package/lib/commands/title4.js

@@ -4,33 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.title4 = void 0;
+exports.title4 = exports.heading4 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _title = require("../commands/title");
 var _jsxRuntime = require("react/jsx-runtime");
-var title4 = exports.title4 = {
-  name: 'title4',
-  keyCommand: 'title4',
+var heading4 = exports.heading4 = {
+  name: 'heading4',
+  keyCommand: 'heading4',
   shortcuts: 'ctrlcmd+4',
   prefix: '#### ',
   suffix: '',
   buttonProps: {
-    'aria-label': 'Insert title4 (ctrl + 4)',
-    title: 'Insert title4 (ctrl + 4)'
+    'aria-label': 'Insert Heading 4 (ctrl + 4)',
+    title: 'Insert Heading 4 (ctrl + 4)'
   },
   icon: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       fontSize: 14,
       textAlign: 'left'
     },
-    children: "Title 4"
+    children: "Heading 4"
   }),
   execute: function execute(state, api) {
-    (0, _title.titleExecute)({
+    (0, _title.headingExecute)({
       state: state,
       api: api,
       prefix: state.command.prefix,
       suffix: state.command.suffix
     });
   }
-};
+};
+
+/**
+ * @deprecated Use `heading4` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title4` for inserting Heading 4.
+ */
+var title4 = exports.title4 = heading4;

package/lib/commands/title5.d.ts

@@ -1,2 +1,8 @@
 import { ICommand } from './';
+export declare const heading5: ICommand;
+/**
+ * @deprecated Use `heading5` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title5` for inserting Heading 5.
+ */
 export declare const title5: ICommand;

package/lib/commands/title5.js

@@ -4,33 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.title5 = void 0;
+exports.title5 = exports.heading5 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _title = require("../commands/title");
 var _jsxRuntime = require("react/jsx-runtime");
-var title5 = exports.title5 = {
-  name: 'title5',
-  keyCommand: 'title5',
+var heading5 = exports.heading5 = {
+  name: 'heading5',
+  keyCommand: 'heading5',
   shortcuts: 'ctrlcmd+5',
   prefix: '##### ',
   suffix: '',
   buttonProps: {
-    'aria-label': 'Insert title5 (ctrl + 5)',
-    title: 'Insert title5 (ctrl + 5)'
+    'aria-label': 'Insert Heading 5 (ctrl + 5)',
+    title: 'Insert Heading 5 (ctrl + 5)'
   },
   icon: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       fontSize: 12,
       textAlign: 'left'
     },
-    children: "Title 5"
+    children: "Heading 5"
   }),
   execute: function execute(state, api) {
-    (0, _title.titleExecute)({
+    (0, _title.headingExecute)({
       state: state,
       api: api,
       prefix: state.command.prefix,
       suffix: state.command.suffix
     });
   }
-};
+};
+
+/**
+ * @deprecated Use `heading5` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title5` for inserting Heading 5.
+ */
+var title5 = exports.title5 = heading5;

package/lib/commands/title6.d.ts

@@ -1,2 +1,8 @@
 import { ICommand } from './';
+export declare const heading6: ICommand;
+/**
+ * @deprecated Use `heading6` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title6` for inserting Heading 6.
+ */
 export declare const title6: ICommand;

package/lib/commands/title6.js

@@ -4,33 +4,40 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.title6 = void 0;
+exports.title6 = exports.heading6 = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _title = require("../commands/title");
 var _jsxRuntime = require("react/jsx-runtime");
-var title6 = exports.title6 = {
-  name: 'title6',
-  keyCommand: 'title6',
+var heading6 = exports.heading6 = {
+  name: 'heading6',
+  keyCommand: 'heading6',
   shortcuts: 'ctrlcmd+6',
   prefix: '###### ',
   suffix: '',
   buttonProps: {
-    'aria-label': 'Insert title6 (ctrl + 6)',
-    title: 'Insert title6 (ctrl + 6)'
+    'aria-label': 'Insert Heading 6 (ctrl + 6)',
+    title: 'Insert Heading 6 (ctrl + 6)'
   },
   icon: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     style: {
       fontSize: 12,
       textAlign: 'left'
     },
-    children: "Title 6"
+    children: "Heading 6"
   }),
   execute: function execute(state, api) {
-    (0, _title.titleExecute)({
+    (0, _title.headingExecute)({
       state: state,
       api: api,
       prefix: state.command.prefix,
       suffix: state.command.suffix
     });
   }
-};
+};
+
+/**
+ * @deprecated Use `heading6` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title6` for inserting Heading 6.
+ */
+var title6 = exports.title6 = heading6;

package/lib/index.d.ts

@@ -2,6 +2,7 @@ import MDEditor from './Editor';
 import * as commands from './commands/';
 import * as MarkdownUtil from './utils/markdownUtils';
 import './index.less';
+export { headingExecute } from './commands/title';
 export * from './commands/';
 export * from './commands/group';
 export * from './utils/markdownUtils';

package/lib/index.js

@@ -6,9 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   commands: true,
-  MarkdownUtil: true
+  MarkdownUtil: true,
+  headingExecute: true
 };
 exports["default"] = exports.commands = exports.MarkdownUtil = void 0;
+Object.defineProperty(exports, "headingExecute", {
+  enumerable: true,
+  get: function get() {
+    return _title.headingExecute;
+  }
+});
 var _Editor = _interopRequireWildcard(require("./Editor"));
 Object.keys(_Editor).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -47,6 +54,7 @@ Object.keys(MarkdownUtil).forEach(function (key) {
     }
   });
 });
+var _title = require("./commands/title");
 var _group = require("./commands/group");
 Object.keys(_group).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/markdown-editor.css

@@ -271,7 +271,6 @@
   text-align: right !important;
 }
 .w-md-editor-toolbar {
-  height: -webkit-fit-content;
   height: fit-content;
 }
 .w-md-editor-content {

package/nohighlight.d.ts

@@ -2,12 +2,14 @@ declare module '@uiw/react-md-editor/nohighlight' {
   import MDEditor from '@uiw/react-md-editor/esm/Editor.nohighlight';
   import * as commands from '@uiw/react-md-editor/esm/commands';
   import * as MarkdownUtil from '@uiw/react-md-editor/esm/utils/markdownUtils';
+  export { headingExecute } from '@uiw/react-md-editor/esm/commands/title';
   export * from '@uiw/react-md-editor/esm/commands';
   export * from '@uiw/react-md-editor/esm/commands/group';
   export * from '@uiw/react-md-editor/esm/utils/markdownUtils';
   export * from '@uiw/react-md-editor/esm/utils/InsertTextAtPosition';
   export * from '@uiw/react-md-editor/esm/Editor.nohighlight';
   export * from '@uiw/react-md-editor/esm/Context';
+  export * from '@uiw/react-md-editor/esm/Types';
   export { MarkdownUtil, commands };
   export default MDEditor;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-md-editor",
-  "version": "4.0.7",
+  "version": "4.0.8",
   "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/commands/index.cn.ts

@@ -46,7 +46,7 @@ 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 hr: ICommand = { ...hrInit, buttonProps: { 'aria-label': '插入分割线 (ctrl + h)', title: '插入分割线 (ctrl + h)' } };
 let image: ICommand = {
   ...imageInit,
   buttonProps: { 'aria-label': '添加图像(ctrl + k)', title: '添加图像(ctrl + k)' },
@@ -91,8 +91,8 @@ let quote: ICommand = {
 let strikethrough: ICommand = {
   ...strikethroughInit,
   buttonProps: {
-    'aria-label': 'Add strikethrough text (ctrl + shift + x)',
-    title: 'Add strikethrough text (ctrl + shift + x)',
+    'aria-label': '添加删除线文本 (ctrl + shift + x)',
+    title: '添加删除线文本 (ctrl + shift + x)',
   },
 };
 let issue: ICommand = { ...issueInit, buttonProps: { 'aria-label': '添加 issue', title: '添加 issue' } };

package/src/commands/index.ts

@@ -15,13 +15,13 @@ import { checkedListCommand, orderedListCommand, unorderedListCommand } from './
 import { codeEdit, codeLive, codePreview } from './preview';
 import { quote } from './quote';
 import { strikethrough } from './strikeThrough';
-import { title } from './title';
-import { title1 } from './title1';
-import { title2 } from './title2';
-import { title3 } from './title3';
-import { title4 } from './title4';
-import { title5 } from './title5';
-import { title6 } from './title6';
+import { title, heading } from './title';
+import { title1, heading1 } from './title1';
+import { title2, heading2 } from './title2';
+import { title3, heading3 } from './title3';
+import { title4, heading4 } from './title4';
+import { title5, heading5 } from './title5';
+import { title6, heading6 } from './title6';
 import { table } from './table';
 import { issue } from './issue';
 import { help } from './help';
@@ -188,6 +188,13 @@ export {
   title4,
   title5,
   title6,
+  heading,
+  heading1,
+  heading2,
+  heading3,
+  heading4,
+  heading5,
+  heading6,
   bold,
   codeBlock,
   comment,

package/src/commands/title.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { ICommand, ExecuteState, TextAreaTextApi } from './';
-import { title1 } from './title1';
+import { heading1 } from './title1';
 import { selectLine, executeCommand } from '../utils/markdownUtils';
 
-export function titleExecute({
+export function headingExecute({
   state,
   api,
   prefix,
@@ -19,8 +19,8 @@ export function titleExecute({
   executeCommand({ api, selectedText: state1.selectedText, selection: state.selection, prefix, suffix });
 }
 
-export const title: ICommand = {
-  ...title1,
+export const heading: ICommand = {
+  ...heading1,
   icon: (
     <svg width="12" height="12" viewBox="0 0 520 520">
       <path
@@ -30,3 +30,10 @@ export const title: ICommand = {
     </svg>
   ),
 };
+
+/**
+ * @deprecated Use `heading` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title` for inserting headings.
+ */
+export const title: ICommand = heading;

package/src/commands/title1.tsx

@@ -1,16 +1,23 @@
 import React from 'react';
-import { titleExecute } from '../commands/title';
+import { headingExecute } from '../commands/title';
 import { ICommand, ExecuteState, TextAreaTextApi } from './';
 
-export const title1: ICommand = {
-  name: 'title1',
-  keyCommand: 'title1',
+export const heading1: ICommand = {
+  name: 'heading1',
+  keyCommand: 'heading1',
   shortcuts: 'ctrlcmd+1',
   prefix: '# ',
   suffix: '',
-  buttonProps: { 'aria-label': 'Insert title1 (ctrl + 1)', title: 'Insert title1 (ctrl + 1)' },
-  icon: <div style={{ fontSize: 18, textAlign: 'left' }}>Title 1</div>,
+  buttonProps: { 'aria-label': 'Insert Heading 1 (ctrl + 1)', title: 'Insert Heading 1 (ctrl + 1)' },
+  icon: <div style={{ fontSize: 18, textAlign: 'left' }}>Heading 1</div>,
   execute: (state: ExecuteState, api: TextAreaTextApi) => {
-    titleExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
+    headingExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
   },
 };
+
+/**
+ * @deprecated Use `heading1` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title1` for inserting Heading 1.
+ */
+export const title1: ICommand = heading1;

package/src/commands/title2.tsx

@@ -1,16 +1,23 @@
 import React from 'react';
-import { titleExecute } from '../commands/title';
+import { headingExecute } from '../commands/title';
 import { ICommand, ExecuteState, TextAreaTextApi } from './';
 
-export const title2: ICommand = {
-  name: 'title2',
-  keyCommand: 'title2',
+export const heading2: ICommand = {
+  name: 'heading2',
+  keyCommand: 'heading2',
   shortcuts: 'ctrlcmd+2',
   prefix: '## ',
   suffix: '',
-  buttonProps: { 'aria-label': 'Insert title2 (ctrl + 2)', title: 'Insert title2 (ctrl + 2)' },
-  icon: <div style={{ fontSize: 16, textAlign: 'left' }}>Title 2</div>,
+  buttonProps: { 'aria-label': 'Insert Heading 2 (ctrl + 2)', title: 'Insert Heading 2 (ctrl + 2)' },
+  icon: <div style={{ fontSize: 16, textAlign: 'left' }}>Heading 2</div>,
   execute: (state: ExecuteState, api: TextAreaTextApi) => {
-    titleExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
+    headingExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
   },
 };
+
+/**
+ * @deprecated Use `heading2` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title2` for inserting Heading 2.
+ */
+export const title2: ICommand = heading2;

package/src/commands/title3.tsx

@@ -1,16 +1,23 @@
 import React from 'react';
-import { titleExecute } from '../commands/title';
+import { headingExecute } from '../commands/title';
 import { ICommand, ExecuteState, TextAreaTextApi } from './';
 
-export const title3: ICommand = {
-  name: 'title3',
-  keyCommand: 'title3',
+export const heading3: ICommand = {
+  name: 'heading3',
+  keyCommand: 'heading3',
   shortcuts: 'ctrlcmd+3',
   prefix: '### ',
   suffix: '',
-  buttonProps: { 'aria-label': 'Insert title3 (ctrl + 3)', title: 'Insert title3 (ctrl + 3)' },
-  icon: <div style={{ fontSize: 15, textAlign: 'left' }}>Title 3</div>,
+  buttonProps: { 'aria-label': 'Insert Heading 3 (ctrl + 3)', title: 'Insert Heading 3 (ctrl + 3)' },
+  icon: <div style={{ fontSize: 15, textAlign: 'left' }}>Heading 3</div>,
   execute: (state: ExecuteState, api: TextAreaTextApi) => {
-    titleExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
+    headingExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
   },
 };
+
+/**
+ * @deprecated Use `heading3` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title3` for inserting Heading 3.
+ */
+export const title3: ICommand = heading3;

package/src/commands/title4.tsx

@@ -1,16 +1,23 @@
 import React from 'react';
-import { titleExecute } from '../commands/title';
+import { headingExecute } from '../commands/title';
 import { ICommand, ExecuteState, TextAreaTextApi } from './';
 
-export const title4: ICommand = {
-  name: 'title4',
-  keyCommand: 'title4',
+export const heading4: ICommand = {
+  name: 'heading4',
+  keyCommand: 'heading4',
   shortcuts: 'ctrlcmd+4',
   prefix: '#### ',
   suffix: '',
-  buttonProps: { 'aria-label': 'Insert title4 (ctrl + 4)', title: 'Insert title4 (ctrl + 4)' },
-  icon: <div style={{ fontSize: 14, textAlign: 'left' }}>Title 4</div>,
+  buttonProps: { 'aria-label': 'Insert Heading 4 (ctrl + 4)', title: 'Insert Heading 4 (ctrl + 4)' },
+  icon: <div style={{ fontSize: 14, textAlign: 'left' }}>Heading 4</div>,
   execute: (state: ExecuteState, api: TextAreaTextApi) => {
-    titleExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
+    headingExecute({ state, api, prefix: state.command.prefix!, suffix: state.command.suffix });
   },
 };
+
+/**
+ * @deprecated Use `heading4` instead.
+ * This command is now deprecated and will be removed in future versions.
+ * Use `title4` for inserting Heading 4.
+ */
+export const title4: ICommand = heading4;