@uiw/react-md-editor 4.0.11 → 4.1.0

package/esm/Editor.nohighlight.js

@@ -1,263 +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", "autoFocusEnd", "tabSize", "defaultTabEnable", "onChange", "onStatistics", "onHeightChange", "hideToolbar", "toolbarBottom", "components", "renderTextarea"];
-import React, { useEffect, useReducer, useMemo, useRef, useImperativeHandle } from 'react';
 import MarkdownPreview from '@uiw/react-markdown-preview/nohighlight';
 import TextArea from './components/TextArea/index.nohighlight';
-import { ToolbarVisibility } from "./components/Toolbar/index.js";
-import DragBar from "./components/DragBar/index.js";
-import { getCommands, getExtraCommands, TextAreaCommandOrchestrator } from "./commands/index.js";
-import { reducer, EditorContext } from "./Context.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function setGroupPopFalse(data) {
-  if (data === void 0) {
-    data = {};
-  }
-  Object.keys(data).forEach(keyname => {
-    data[keyname] = false;
-  });
-  return data;
-}
-var InternalMDEditor = /*#__PURE__*/React.forwardRef((props, ref) => {
-  var _ref = props || {},
-    {
-      prefixCls = 'w-md-editor',
-      className,
-      value: propsValue,
-      commands = getCommands(),
-      commandsFilter,
-      direction,
-      extraCommands = getExtraCommands(),
-      height = 200,
-      enableScroll = true,
-      visibleDragbar = typeof props.visiableDragbar === 'boolean' ? props.visiableDragbar : true,
-      highlightEnable = true,
-      preview: previewType = 'live',
-      fullscreen = false,
-      overflow = true,
-      previewOptions = {},
-      textareaProps,
-      maxHeight = 1200,
-      minHeight = 100,
-      autoFocus,
-      autoFocusEnd = false,
-      tabSize = 2,
-      defaultTabEnable = false,
-      onChange,
-      onStatistics,
-      onHeightChange,
-      hideToolbar,
-      toolbarBottom = false,
-      components,
-      renderTextarea
-    } = _ref,
-    other = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var cmds = commands.map(item => commandsFilter ? commandsFilter(item, false) : item).filter(Boolean);
-  var extraCmds = extraCommands.map(item => commandsFilter ? commandsFilter(item, true) : item).filter(Boolean);
-  var [state, dispatch] = useReducer(reducer, {
-    markdown: propsValue,
-    preview: previewType,
-    components,
-    height,
-    minHeight,
-    highlightEnable,
-    tabSize,
-    defaultTabEnable,
-    scrollTop: 0,
-    scrollTopPreview: 0,
-    commands: cmds,
-    extraCommands: extraCmds,
-    fullscreen,
-    barPopup: {}
-  });
-  var container = useRef(null);
-  var previewRef = useRef(null);
-  var enableScrollRef = useRef(enableScroll);
-  useImperativeHandle(ref, () => _extends({}, state, {
-    container: container.current,
-    dispatch
-  }));
-  useMemo(() => enableScrollRef.current = enableScroll, [enableScroll]);
-  useEffect(() => {
-    var stateInit = {};
-    if (container.current) {
-      stateInit.container = container.current || undefined;
-    }
-    stateInit.markdown = propsValue || '';
-    stateInit.barPopup = {};
-    if (dispatch) {
-      dispatch(_extends({}, state, stateInit));
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  var cls = [className, 'wmde-markdown-var', direction ? prefixCls + "-" + direction : null, prefixCls, state.preview ? prefixCls + "-show-" + state.preview : null, state.fullscreen ? prefixCls + "-fullscreen" : null].filter(Boolean).join(' ').trim();
-  useMemo(() => propsValue !== state.markdown && dispatch({
-    markdown: propsValue || ''
-  }), [propsValue, state.markdown]);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useMemo(() => previewType !== state.preview && dispatch({
-    preview: previewType
-  }), [previewType]);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useMemo(() => tabSize !== state.tabSize && dispatch({
-    tabSize
-  }), [tabSize]);
-  useMemo(() => highlightEnable !== state.highlightEnable && dispatch({
-    highlightEnable
-  }),
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [highlightEnable]);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useMemo(() => autoFocus !== state.autoFocus && dispatch({
-    autoFocus: autoFocus
-  }), [autoFocus]);
-  useMemo(() => autoFocusEnd !== state.autoFocusEnd && dispatch({
-    autoFocusEnd: autoFocusEnd
-  }), [autoFocusEnd]);
-  useMemo(() => fullscreen !== state.fullscreen && dispatch({
-    fullscreen: fullscreen
-  }),
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [fullscreen]);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useMemo(() => height !== state.height && dispatch({
-    height: height
-  }), [height]);
-  useMemo(() => height !== state.height && onHeightChange && onHeightChange(state.height, height, state), [height, onHeightChange, state]);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useMemo(() => commands !== state.commands && dispatch({
-    commands: cmds
-  }), [props.commands]);
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  useMemo(() => extraCommands !== state.extraCommands && dispatch({
-    extraCommands: extraCmds
-  }), [props.extraCommands]);
-  var textareaDomRef = useRef();
-  var active = useRef('preview');
-  var initScroll = useRef(false);
-  useMemo(() => {
-    textareaDomRef.current = state.textareaWarp;
-    if (state.textareaWarp) {
-      state.textareaWarp.addEventListener('mouseover', () => {
-        active.current = 'text';
-      });
-      state.textareaWarp.addEventListener('mouseleave', () => {
-        active.current = 'preview';
-      });
-    }
-  }, [state.textareaWarp]);
-  var handleScroll = (e, type) => {
-    if (!enableScrollRef.current) return;
-    var textareaDom = textareaDomRef.current;
-    var previewDom = previewRef.current ? previewRef.current : undefined;
-    if (!initScroll.current) {
-      active.current = type;
-      initScroll.current = true;
-    }
-    if (textareaDom && previewDom) {
-      var scale = (textareaDom.scrollHeight - textareaDom.offsetHeight) / (previewDom.scrollHeight - previewDom.offsetHeight);
-      if (e.target === textareaDom && active.current === 'text') {
-        previewDom.scrollTop = textareaDom.scrollTop / scale;
-      }
-      if (e.target === previewDom && active.current === 'preview') {
-        textareaDom.scrollTop = previewDom.scrollTop * scale;
-      }
-      var scrollTop = 0;
-      if (active.current === 'text') {
-        scrollTop = textareaDom.scrollTop || 0;
-      } else if (active.current === 'preview') {
-        scrollTop = previewDom.scrollTop || 0;
-      }
-      dispatch({
-        scrollTop
-      });
-    }
-  };
-  var previewClassName = prefixCls + "-preview " + (previewOptions.className || '');
-  var handlePreviewScroll = e => handleScroll(e, 'preview');
-  var mdPreview = useMemo(() => /*#__PURE__*/_jsx("div", {
-    ref: previewRef,
-    className: previewClassName,
-    children: /*#__PURE__*/_jsx(MarkdownPreview, _extends({}, previewOptions, {
-      onScroll: handlePreviewScroll,
-      source: state.markdown || ''
-    }))
-  }), [previewClassName, previewOptions, state.markdown]);
-  var preview = (components == null ? void 0 : components.preview) && (components == null ? void 0 : components.preview(state.markdown || '', state, dispatch));
-  if (preview && /*#__PURE__*/React.isValidElement(preview)) {
-    mdPreview = /*#__PURE__*/_jsx("div", {
-      className: previewClassName,
-      ref: previewRef,
-      onScroll: handlePreviewScroll,
-      children: preview
-    });
-  }
-  var containerStyle = _extends({}, other.style, {
-    height: state.height || '100%'
-  });
-  var containerClick = () => dispatch({
-    barPopup: _extends({}, setGroupPopFalse(state.barPopup))
-  });
-  var dragBarChange = newHeight => dispatch({
-    height: newHeight
-  });
-  var changeHandle = evn => {
-    onChange && onChange(evn.target.value, evn, state);
-    if (textareaProps && textareaProps.onChange) {
-      textareaProps.onChange(evn);
-    }
-    if (state.textarea && state.textarea instanceof HTMLTextAreaElement && onStatistics) {
-      var obj = new TextAreaCommandOrchestrator(state.textarea);
-      var objState = obj.getState() || {};
-      onStatistics(_extends({}, objState, {
-        lineCount: evn.target.value.split('\n').length,
-        length: evn.target.value.length
-      }));
-    }
-  };
-  return /*#__PURE__*/_jsx(EditorContext.Provider, {
-    value: _extends({}, state, {
-      dispatch
-    }),
-    children: /*#__PURE__*/_jsxs("div", _extends({
-      ref: container,
-      className: cls
-    }, other, {
-      onClick: containerClick,
-      style: containerStyle,
-      children: [/*#__PURE__*/_jsx(ToolbarVisibility, {
-        hideToolbar: hideToolbar,
-        toolbarBottom: toolbarBottom,
-        prefixCls: prefixCls,
-        overflow: overflow,
-        placement: "top"
-      }), /*#__PURE__*/_jsxs("div", {
-        className: prefixCls + "-content",
-        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,
-        maxHeight: maxHeight,
-        minHeight: minHeight,
-        onChange: dragBarChange
-      }), /*#__PURE__*/_jsx(ToolbarVisibility, {
-        hideToolbar: hideToolbar,
-        toolbarBottom: toolbarBottom,
-        prefixCls: prefixCls,
-        overflow: overflow,
-        placement: "bottom"
-      })]
-    }))
-  });
-});
-var Editor = InternalMDEditor;
-Editor.Markdown = MarkdownPreview;
-export default Editor;
+import { createMDEditor } from './Editor.factory';
+export default createMDEditor({
+  MarkdownPreview,
+  TextArea
+});

package/esm/components/TextArea/Markdown.common.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type IProps } from '../../Types';
+export interface MarkdownProps extends IProps, React.HTMLAttributes<HTMLPreElement> {
+}
+export default function Markdown(props: MarkdownProps): import("react/jsx-runtime").JSX.Element;

package/esm/components/TextArea/Markdown.common.js

@@ -0,0 +1,59 @@
+import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";
+var _templateObject;
+import React, { useContext, useEffect } from 'react';
+import { rehype } from 'rehype';
+import rehypePrism from 'rehype-prism-plus/common';
+import { EditorContext } from "../../Context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function html2Escape(sHtml) {
+  return sHtml.replace(/[<&"]/g, c => ({
+    '<': '&lt;',
+    '>': '&gt;',
+    '&': '&amp;',
+    '"': '&quot;'
+  })[c]);
+}
+export default function Markdown(props) {
+  var {
+    prefixCls
+  } = props;
+  var {
+    markdown = '',
+    highlightEnable,
+    dispatch
+  } = useContext(EditorContext);
+  var preRef = /*#__PURE__*/React.createRef();
+  useEffect(() => {
+    if (preRef.current && dispatch) {
+      dispatch({
+        textareaPre: preRef.current
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  if (!markdown) {
+    return /*#__PURE__*/_jsx("pre", {
+      ref: preRef,
+      className: prefixCls + "-text-pre wmde-markdown-color"
+    });
+  }
+  var mdStr = "<pre class=\"language-markdown " + prefixCls + "-text-pre wmde-markdown-color\"><code class=\"language-markdown\">" + html2Escape(String.raw(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["", ""])), markdown)) + "\n</code></pre>";
+  if (highlightEnable) {
+    try {
+      mdStr = rehype().data('settings', {
+        fragment: true
+      })
+      // https://github.com/uiwjs/react-md-editor/issues/593
+      // @ts-ignore
+      .use(rehypePrism, {
+        ignoreMissing: true
+      }).processSync(mdStr).toString();
+    } catch (error) {}
+  }
+  return /*#__PURE__*/React.createElement('div', {
+    className: 'wmde-markdown-color',
+    dangerouslySetInnerHTML: {
+      __html: mdStr || ''
+    }
+  });
+}

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

@@ -0,0 +1,33 @@
+import React, { JSX } from 'react';
+import { type ContextStore, type ExecuteCommandState } from '../../Context';
+import { type TextAreaProps } from './Textarea';
+import { type IProps } from '../../Types';
+import { TextAreaCommandOrchestrator, type ICommand } from '../../commands/';
+import './index.less';
+export type RenderTextareaHandle = {
+    dispatch: ContextStore['dispatch'];
+    onChange?: TextAreaProps['onChange'];
+    useContext?: {
+        commands: ContextStore['commands'];
+        extraCommands: ContextStore['extraCommands'];
+        commandOrchestrator?: TextAreaCommandOrchestrator;
+    };
+    shortcuts?: (e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator, dispatch?: React.Dispatch<ContextStore>, state?: ExecuteCommandState) => void;
+};
+export interface ITextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onScroll'>, IProps {
+    value?: string;
+    onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
+    renderTextarea?: (props: React.TextareaHTMLAttributes<HTMLTextAreaElement> | React.HTMLAttributes<HTMLDivElement>, opts: RenderTextareaHandle) => JSX.Element;
+}
+export type TextAreaRef = {
+    text?: HTMLTextAreaElement;
+    warp?: HTMLDivElement;
+};
+type MarkdownComponent = React.ComponentType<{
+    prefixCls?: string;
+}>;
+export declare function createTextArea(options?: {
+    Markdown?: MarkdownComponent;
+    useMinHeight?: boolean;
+}): (props: ITextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/esm/components/TextArea/factory.js

@@ -0,0 +1,105 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["prefixCls", "className", "onScroll", "renderTextarea"];
+import React, { useEffect, Fragment, useContext } from 'react';
+import { EditorContext } from "../../Context.js";
+import shortcuts from "./shortcuts.js";
+import Textarea from "./Textarea.js";
+import { TextAreaCommandOrchestrator } from "../../commands/index.js";
+import "./index.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function createTextArea(options) {
+  var _options$useMinHeight;
+  var MarkdownComponent = options == null ? void 0 : options.Markdown;
+  var useMinHeight = (_options$useMinHeight = options == null ? void 0 : options.useMinHeight) != null ? _options$useMinHeight : false;
+  return function TextArea(props) {
+    var _ref = props || {},
+      {
+        prefixCls,
+        className,
+        onScroll,
+        renderTextarea
+      } = _ref,
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+    var {
+      markdown,
+      scrollTop,
+      commands,
+      minHeight,
+      highlightEnable,
+      extraCommands,
+      dispatch
+    } = useContext(EditorContext);
+    var textRef = React.useRef(null);
+    var executeRef = React.useRef();
+    var warp = /*#__PURE__*/React.createRef();
+    useEffect(() => {
+      var state = {};
+      if (warp.current) {
+        state.textareaWarp = warp.current || undefined;
+        warp.current.scrollTop = scrollTop || 0;
+      }
+      if (dispatch) {
+        dispatch(_extends({}, state));
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useEffect(() => {
+      if (textRef.current && dispatch) {
+        var commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
+        executeRef.current = commandOrchestrator;
+        dispatch({
+          textarea: textRef.current,
+          commandOrchestrator
+        });
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var textStyle = MarkdownComponent && highlightEnable ? {} : {
+      WebkitTextFillColor: 'initial',
+      overflow: 'auto'
+    };
+    return /*#__PURE__*/_jsx("div", {
+      ref: warp,
+      className: prefixCls + "-area " + (className || ''),
+      onScroll: onScroll,
+      children: /*#__PURE__*/_jsx("div", {
+        className: prefixCls + "-text",
+        style: useMinHeight ? {
+          minHeight
+        } : undefined,
+        children: renderTextarea ? (/*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
+          value: markdown,
+          autoComplete: 'off',
+          autoCorrect: 'off',
+          spellCheck: 'false',
+          autoCapitalize: 'off',
+          className: prefixCls + "-text-input",
+          style: {
+            WebkitTextFillColor: 'inherit',
+            overflow: 'auto'
+          }
+        }), {
+          dispatch,
+          onChange: otherProps.onChange,
+          shortcuts,
+          useContext: {
+            commands,
+            extraCommands,
+            commandOrchestrator: executeRef.current
+          }
+        }), {
+          ref: textRef
+        })) : /*#__PURE__*/_jsxs(Fragment, {
+          children: [MarkdownComponent && highlightEnable && /*#__PURE__*/_jsx(MarkdownComponent, {
+            prefixCls: prefixCls
+          }), /*#__PURE__*/_jsx(Textarea, _extends({
+            prefixCls: prefixCls
+          }, otherProps, {
+            style: textStyle
+          }))]
+        })
+      })
+    });
+  };
+}

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

@@ -0,0 +1,3 @@
+export type { ITextAreaProps, RenderTextareaHandle, TextAreaRef } from './factory';
+declare const _default: (props: import("./factory").ITextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

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

@@ -0,0 +1,6 @@
+import Markdown from './Markdown.common';
+import { createTextArea } from "./factory.js";
+export default createTextArea({
+  Markdown,
+  useMinHeight: true
+});

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

@@ -1,27 +1,3 @@
-import React, { JSX } from 'react';
-import { type ContextStore, type ExecuteCommandState } from '../../Context';
-import { type TextAreaProps } from './Textarea';
-import { type IProps } from '../../Types';
-import { TextAreaCommandOrchestrator, type ICommand } from '../../commands/';
-import './index.less';
-type RenderTextareaHandle = {
-    dispatch: ContextStore['dispatch'];
-    onChange?: TextAreaProps['onChange'];
-    useContext?: {
-        commands: ContextStore['commands'];
-        extraCommands: ContextStore['extraCommands'];
-        commandOrchestrator?: TextAreaCommandOrchestrator;
-    };
-    shortcuts?: (e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator, dispatch?: React.Dispatch<ContextStore>, state?: ExecuteCommandState) => void;
-};
-export interface ITextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onScroll'>, IProps {
-    value?: string;
-    onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
-    renderTextarea?: (props: React.TextareaHTMLAttributes<HTMLTextAreaElement> | React.HTMLAttributes<HTMLDivElement>, opts: RenderTextareaHandle) => JSX.Element;
-}
-export type TextAreaRef = {
-    text?: HTMLTextAreaElement;
-    warp?: HTMLDivElement;
-};
-export default function TextArea(props: ITextAreaProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export type { ITextAreaProps, RenderTextareaHandle, TextAreaRef } from './factory';
+declare const _default: (props: import("./factory").ITextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/esm/components/TextArea/index.js

@@ -1,101 +1,6 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["prefixCls", "className", "onScroll", "renderTextarea"];
-import React, { useEffect, Fragment, useContext } from 'react';
-import { EditorContext } from "../../Context.js";
-import shortcuts from "./shortcuts.js";
 import Markdown from "./Markdown.js";
-import Textarea from "./Textarea.js";
-import { TextAreaCommandOrchestrator } from "../../commands/index.js";
-import "./index.css";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function TextArea(props) {
-  var _ref = props || {},
-    {
-      prefixCls,
-      className,
-      onScroll,
-      renderTextarea
-    } = _ref,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var {
-    markdown,
-    scrollTop,
-    commands,
-    minHeight,
-    highlightEnable,
-    extraCommands,
-    dispatch
-  } = useContext(EditorContext);
-  var textRef = React.useRef(null);
-  var executeRef = React.useRef();
-  var warp = /*#__PURE__*/React.createRef();
-  useEffect(() => {
-    var state = {};
-    if (warp.current) {
-      state.textareaWarp = warp.current || undefined;
-      warp.current.scrollTop = scrollTop || 0;
-    }
-    if (dispatch) {
-      dispatch(_extends({}, state));
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  useEffect(() => {
-    if (textRef.current && dispatch) {
-      var commandOrchestrator = new TextAreaCommandOrchestrator(textRef.current);
-      executeRef.current = commandOrchestrator;
-      dispatch({
-        textarea: textRef.current,
-        commandOrchestrator
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  var textStyle = highlightEnable ? {} : {
-    WebkitTextFillColor: 'initial',
-    overflow: 'auto'
-  };
-  return /*#__PURE__*/_jsx("div", {
-    ref: warp,
-    className: prefixCls + "-area " + (className || ''),
-    onScroll: onScroll,
-    children: /*#__PURE__*/_jsx("div", {
-      className: prefixCls + "-text",
-      style: {
-        minHeight
-      },
-      children: renderTextarea ? (/*#__PURE__*/React.cloneElement(renderTextarea(_extends({}, otherProps, {
-        value: markdown,
-        autoComplete: 'off',
-        autoCorrect: 'off',
-        spellCheck: 'false',
-        autoCapitalize: 'off',
-        className: prefixCls + "-text-input",
-        style: {
-          WebkitTextFillColor: 'inherit',
-          overflow: 'auto'
-        }
-      }), {
-        dispatch,
-        onChange: otherProps.onChange,
-        shortcuts,
-        useContext: {
-          commands,
-          extraCommands,
-          commandOrchestrator: executeRef.current
-        }
-      }), {
-        ref: textRef
-      })) : /*#__PURE__*/_jsxs(Fragment, {
-        children: [highlightEnable && /*#__PURE__*/_jsx(Markdown, {
-          prefixCls: prefixCls
-        }), /*#__PURE__*/_jsx(Textarea, _extends({
-          prefixCls: prefixCls
-        }, otherProps, {
-          style: textStyle
-        }))]
-      })
-    })
-  });
-}
+import { createTextArea } from "./factory.js";
+export default createTextArea({
+  Markdown,
+  useMinHeight: true
+});

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

@@ -1,27 +1,3 @@
-import React, { JSX } from 'react';
-import { type ContextStore, ExecuteCommandState } from '../../Context';
-import { TextAreaProps } from './Textarea';
-import { type IProps } from '../../Types';
-import { TextAreaCommandOrchestrator, type ICommand } from '../../commands/';
-import './index.less';
-type RenderTextareaHandle = {
-    dispatch: ContextStore['dispatch'];
-    onChange?: TextAreaProps['onChange'];
-    useContext?: {
-        commands: ContextStore['commands'];
-        extraCommands: ContextStore['extraCommands'];
-        commandOrchestrator?: TextAreaCommandOrchestrator;
-    };
-    shortcuts?: (e: KeyboardEvent | React.KeyboardEvent<HTMLTextAreaElement>, commands: ICommand[], commandOrchestrator?: TextAreaCommandOrchestrator, dispatch?: React.Dispatch<ContextStore>, state?: ExecuteCommandState) => void;
-};
-export interface ITextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onScroll'>, IProps {
-    value?: string;
-    onScroll?: (e: React.UIEvent<HTMLDivElement>) => void;
-    renderTextarea?: (props: React.TextareaHTMLAttributes<HTMLTextAreaElement> | React.HTMLAttributes<HTMLDivElement>, opts: RenderTextareaHandle) => JSX.Element;
-}
-export type TextAreaRef = {
-    text?: HTMLTextAreaElement;
-    warp?: HTMLDivElement;
-};
-export default function TextArea(props: ITextAreaProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export type { ITextAreaProps, RenderTextareaHandle, TextAreaRef } from './factory';
+declare const _default: (props: import("./factory").ITextAreaProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;