@uiw/react-md-editor 3.25.3 → 3.25.5

package/esm/Editor.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 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"];
-import React, { useEffect, useReducer, useMemo, useRef, useImperativeHandle, Fragment } from 'react';
+import React, { useEffect, useReducer, useMemo, useRef, useImperativeHandle } from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview';
 import TextArea from './components/TextArea';
 import { ToolbarVisibility } from './components/Toolbar';
@@ -212,17 +212,6 @@ var InternalMDEditor = /*#__PURE__*/React.forwardRef((props, ref) => {
       }));
     }
   };
-  var contentView = /(live|preview)/.test(state.preview || '') && /*#__PURE__*/_jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(TextArea, _extends({
-      className: prefixCls + "-input",
-      prefixCls: prefixCls,
-      autoFocus: autoFocus
-    }, textareaProps, {
-      onChange: changeHandle,
-      renderTextarea: (components == null ? void 0 : components.textarea) || renderTextarea,
-      onScroll: e => handleScroll(e, 'text')
-    })), mdPreview]
-  });
   return /*#__PURE__*/_jsx(EditorContext.Provider, {
     value: _extends({}, state, {
       dispatch
@@ -239,9 +228,17 @@ var InternalMDEditor = /*#__PURE__*/React.forwardRef((props, ref) => {
         prefixCls: prefixCls,
         overflow: overflow,
         placement: "top"
-      }), /*#__PURE__*/_jsx("div", {
+      }), /*#__PURE__*/_jsxs("div", {
         className: prefixCls + "-content",
-        children: contentView
+        children: [/(edit|live)/.test(state.preview || '') && /*#__PURE__*/_jsx(TextArea, _extends({
+          className: prefixCls + "-input",
+          prefixCls: prefixCls,
+          autoFocus: autoFocus
+        }, textareaProps, {
+          onChange: changeHandle,
+          renderTextarea: (components == null ? void 0 : components.textarea) || renderTextarea,
+          onScroll: e => handleScroll(e, 'text')
+        })), /(live|preview)/.test(state.preview || '') && mdPreview]
       }), visibleDragbar && !state.fullscreen && /*#__PURE__*/_jsx(DragBar, {
         prefixCls: prefixCls,
         height: state.height,

package/lib/Editor.js

@@ -271,19 +271,6 @@ var InternalMDEditor = /*#__PURE__*/_react["default"].forwardRef(function (props
       }));
     }
   };
-  var contentView = /(live|preview)/.test(state.preview || '') && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TextArea["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-      className: "".concat(prefixCls, "-input"),
-      prefixCls: prefixCls,
-      autoFocus: autoFocus
-    }, textareaProps), {}, {
-      onChange: changeHandle,
-      renderTextarea: (components === null || components === void 0 ? void 0 : components.textarea) || renderTextarea,
-      onScroll: function onScroll(e) {
-        return handleScroll(e, 'text');
-      }
-    })), mdPreview]
-  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Context.EditorContext.Provider, {
     value: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, state), {}, {
       dispatch: dispatch
@@ -300,9 +287,19 @@ var InternalMDEditor = /*#__PURE__*/_react["default"].forwardRef(function (props
         prefixCls: prefixCls,
         overflow: overflow,
         placement: "top"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "".concat(prefixCls, "-content"),
-        children: contentView
+        children: [/(edit|live)/.test(state.preview || '') && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextArea["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+          className: "".concat(prefixCls, "-input"),
+          prefixCls: prefixCls,
+          autoFocus: autoFocus
+        }, textareaProps), {}, {
+          onChange: changeHandle,
+          renderTextarea: (components === null || components === void 0 ? void 0 : components.textarea) || renderTextarea,
+          onScroll: function onScroll(e) {
+            return handleScroll(e, 'text');
+          }
+        })), /(live|preview)/.test(state.preview || '') && mdPreview]
       }), visibleDragbar && !state.fullscreen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DragBar["default"], {
         prefixCls: prefixCls,
         height: state.height,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uiw/react-md-editor",
-  "version": "3.25.3",
+  "version": "3.25.5",
   "description": "A markdown editor with preview, implemented with React.js and TypeScript.",
   "homepage": "https://uiwjs.github.io/react-md-editor/",
   "author": "kenny wang <wowohoo@qq.com>",
@@ -19,6 +19,11 @@
       "import": "./esm/index.nohighlight.js",
       "types": "./lib/index.nohighlight.d.ts",
       "require": "./lib/index.nohighlight.js"
+    },
+    "./commands": {
+      "import": "./esm/commands/index.js",
+      "types": "./lib/commands/index.d.ts",
+      "require": "./lib/commands/index.js"
     }
   },
   "repository": {

package/src/Editor.tsx

@@ -217,20 +217,6 @@ const InternalMDEditor = React.forwardRef<RefMDEditor, MDEditorProps>(
         });
       }
     };
-    const contentView = /(live|preview)/.test(state.preview || '') && (
-      <Fragment>
-        <TextArea
-          className={`${prefixCls}-input`}
-          prefixCls={prefixCls}
-          autoFocus={autoFocus}
-          {...textareaProps}
-          onChange={changeHandle}
-          renderTextarea={components?.textarea || renderTextarea}
-          onScroll={(e) => handleScroll(e, 'text')}
-        />
-        {mdPreview}
-      </Fragment>
-    );
     return (
       <EditorContext.Provider value={{ ...state, dispatch }}>
         <div ref={container} className={cls} {...other} onClick={containerClick} style={containerStyle}>
@@ -241,7 +227,20 @@ const InternalMDEditor = React.forwardRef<RefMDEditor, MDEditorProps>(
             overflow={overflow}
             placement="top"
           />
-          <div className={`${prefixCls}-content`}>{contentView}</div>
+          <div className={`${prefixCls}-content`}>
+            {/(edit|live)/.test(state.preview || '') && (
+              <TextArea
+                className={`${prefixCls}-input`}
+                prefixCls={prefixCls}
+                autoFocus={autoFocus}
+                {...textareaProps}
+                onChange={changeHandle}
+                renderTextarea={components?.textarea || renderTextarea}
+                onScroll={(e) => handleScroll(e, 'text')}
+              />
+            )}
+            {/(live|preview)/.test(state.preview || '') && mdPreview}
+          </div>
           {visibleDragbar && !state.fullscreen && (
             <DragBar
               prefixCls={prefixCls}