@uiw/react-md-editor 3.14.2 → 3.14.5

package/dist/mdeditor.js

@@ -11,7 +11,7 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ 490:
+/***/ 71:
 /***/ (function(module) {
 
 /*!
@@ -11084,12 +11084,12 @@ function bail(error) {
 var extend = __webpack_require__(112);
 ;// CONCATENATED MODULE: ../node_modules/unified/node_modules/is-plain-obj/index.js
 function isPlainObject(value) {
-	if (Object.prototype.toString.call(value) !== '[object Object]') {
+	if (typeof value !== 'object' || value === null) {
 		return false;
 	}
 
 	const prototype = Object.getPrototypeOf(value);
-	return prototype === null || prototype === Object.prototype;
+	return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in value) && !(Symbol.iterator in value);
 }
 
 ;// CONCATENATED MODULE: ../node_modules/trough/index.js
@@ -20388,258 +20388,10 @@ function generated(node) {
   )
 }
 
-;// CONCATENATED MODULE: ../node_modules/mdast-util-definitions/node_modules/unist-util-visit-parents/color.browser.js
-/**
- * @param {string} d
- * @returns {string}
- */
-function color_browser_color(d) {
-  return d
-}
-
-;// CONCATENATED MODULE: ../node_modules/mdast-util-definitions/node_modules/unist-util-visit-parents/index.js
-/**
- * @typedef {import('unist').Node} Node
- * @typedef {import('unist').Parent} Parent
- * @typedef {import('unist-util-is').Test} Test
- */
-
-/**
- * @typedef {CONTINUE|SKIP|EXIT} Action Union of the action types
- * @typedef {number} Index Move to the sibling at index next (after node itself is completely traversed). Useful if mutating the tree, such as removing the node the visitor is currently on, or any of its previous siblings (or next siblings, in case of reverse) Results less than 0 or greater than or equal to children.length stop traversing the parent
- * @typedef {[(Action|null|undefined|void)?, (Index|null|undefined)?]} ActionTuple List with one or two values, the first an action, the second an index.
- * @typedef {null|undefined|Action|Index|ActionTuple|void} VisitorResult Any value that can be returned from a visitor
- */
-
-/**
- * Invoked when a node (matching test, if given) is found.
- * Visitors are free to transform node.
- * They can also transform the parent of node (the last of ancestors).
- * Replacing node itself, if `SKIP` is not returned, still causes its descendants to be visited.
- * If adding or removing previous siblings (or next siblings, in case of reverse) of node,
- * visitor should return a new index (number) to specify the sibling to traverse after node is traversed.
- * Adding or removing next siblings of node (or previous siblings, in case of reverse)
- * is handled as expected without needing to return a new index.
- * Removing the children property of an ancestor still results in them being traversed.
- *
- * @template {Node} V
- * @callback Visitor
- * @param {V} node Found node
- * @param {Array.<Parent>} ancestors Ancestors of node
- * @returns {VisitorResult}
- */
-
-
-
-
-/**
- * Continue traversing as normal
- */
-const unist_util_visit_parents_CONTINUE = true
-/**
- * Do not traverse this node’s children
- */
-const unist_util_visit_parents_SKIP = 'skip'
-/**
- * Stop traversing immediately
- */
-const unist_util_visit_parents_EXIT = false
-
-const unist_util_visit_parents_visitParents =
-  /**
-   * @type {(
-   *   (<T extends Node>(tree: Node, test: T['type']|Partial<T>|import('unist-util-is').TestFunctionPredicate<T>|Array.<T['type']|Partial<T>|import('unist-util-is').TestFunctionPredicate<T>>, visitor: Visitor<T>, reverse?: boolean) => void) &
-   *   ((tree: Node, test: Test, visitor: Visitor<Node>, reverse?: boolean) => void) &
-   *   ((tree: Node, visitor: Visitor<Node>, reverse?: boolean) => void)
-   * )}
-   */
-  (
-    /**
-     * Visit children of tree which pass a test
-     *
-     * @param {Node} tree Abstract syntax tree to walk
-     * @param {Test} test test Test node
-     * @param {Visitor<Node>} visitor Function to run for each node
-     * @param {boolean} [reverse] Fisit the tree in reverse, defaults to false
-     */
-    function (tree, test, visitor, reverse) {
-      if (typeof test === 'function' && typeof visitor !== 'function') {
-        reverse = visitor
-        // @ts-ignore no visitor given, so `visitor` is test.
-        visitor = test
-        test = null
-      }
-
-      var is = convert(test)
-      var step = reverse ? -1 : 1
-
-      factory(tree, null, [])()
-
-      /**
-       * @param {Node} node
-       * @param {number?} index
-       * @param {Array.<Parent>} parents
-       */
-      function factory(node, index, parents) {
-        /** @type {Object.<string, unknown>} */
-        var value = typeof node === 'object' && node !== null ? node : {}
-        /** @type {string} */
-        var name
-
-        if (typeof value.type === 'string') {
-          name =
-            typeof value.tagName === 'string'
-              ? value.tagName
-              : typeof value.name === 'string'
-              ? value.name
-              : undefined
-
-          Object.defineProperty(visit, 'name', {
-            value:
-              'node (' +
-              color_browser_color(value.type + (name ? '<' + name + '>' : '')) +
-              ')'
-          })
-        }
-
-        return visit
-
-        function visit() {
-          /** @type {ActionTuple} */
-          var result = []
-          /** @type {ActionTuple} */
-          var subresult
-          /** @type {number} */
-          var offset
-          /** @type {Array.<Parent>} */
-          var grandparents
-
-          if (!test || is(node, index, parents[parents.length - 1] || null)) {
-            result = unist_util_visit_parents_toResult(visitor(node, parents))
-
-            if (result[0] === unist_util_visit_parents_EXIT) {
-              return result
-            }
-          }
-
-          if (node.children && result[0] !== unist_util_visit_parents_SKIP) {
-            // @ts-ignore looks like a parent.
-            offset = (reverse ? node.children.length : -1) + step
-            // @ts-ignore looks like a parent.
-            grandparents = parents.concat(node)
-
-            // @ts-ignore looks like a parent.
-            while (offset > -1 && offset < node.children.length) {
-              subresult = factory(node.children[offset], offset, grandparents)()
-
-              if (subresult[0] === unist_util_visit_parents_EXIT) {
-                return subresult
-              }
-
-              offset =
-                typeof subresult[1] === 'number' ? subresult[1] : offset + step
-            }
-          }
-
-          return result
-        }
-      }
-    }
-  )
-
-/**
- * @param {VisitorResult} value
- * @returns {ActionTuple}
- */
-function unist_util_visit_parents_toResult(value) {
-  if (Array.isArray(value)) {
-    return value
-  }
-
-  if (typeof value === 'number') {
-    return [unist_util_visit_parents_CONTINUE, value]
-  }
-
-  return [value]
-}
-
-;// CONCATENATED MODULE: ../node_modules/mdast-util-definitions/node_modules/unist-util-visit/index.js
-/**
- * @typedef {import('unist').Node} Node
- * @typedef {import('unist').Parent} Parent
- * @typedef {import('unist-util-is').Test} Test
- * @typedef {import('unist-util-visit-parents').VisitorResult} VisitorResult
- */
-
-/**
- * Invoked when a node (matching test, if given) is found.
- * Visitors are free to transform node.
- * They can also transform the parent of node (the last of ancestors).
- * Replacing node itself, if `SKIP` is not returned, still causes its descendants to be visited.
- * If adding or removing previous siblings (or next siblings, in case of reverse) of node,
- * visitor should return a new index (number) to specify the sibling to traverse after node is traversed.
- * Adding or removing next siblings of node (or previous siblings, in case of reverse)
- * is handled as expected without needing to return a new index.
- * Removing the children property of an ancestor still results in them being traversed.
- *
- * @template {Node} V
- * @callback Visitor
- * @param {V} node Found node
- * @param {number|null} index Position of `node` in `parent`
- * @param {Parent|null} parent Parent of `node`
- * @returns {VisitorResult}
- */
-
-
-
-
-
-const unist_util_visit_visit =
-  /**
-   * @type {(
-   *   (<T extends Node>(tree: Node, test: T['type']|Partial<T>|import('unist-util-is').TestFunctionPredicate<T>|Array.<T['type']|Partial<T>|import('unist-util-is').TestFunctionPredicate<T>>, visitor: Visitor<T>, reverse?: boolean) => void) &
-   *   ((tree: Node, test: Test, visitor: Visitor<Node>, reverse?: boolean) => void) &
-   *   ((tree: Node, visitor: Visitor<Node>, reverse?: boolean) => void)
-   * )}
-   */
-  (
-    /**
-     * Visit children of tree which pass a test
-     *
-     * @param {Node} tree Abstract syntax tree to walk
-     * @param {Test} test test Test node
-     * @param {Visitor<Node>} visitor Function to run for each node
-     * @param {boolean} [reverse] Fisit the tree in reverse, defaults to false
-     */
-    function (tree, test, visitor, reverse) {
-      if (typeof test === 'function' && typeof visitor !== 'function') {
-        reverse = visitor
-        visitor = test
-        test = null
-      }
-
-      unist_util_visit_parents_visitParents(tree, test, overload, reverse)
-
-      /**
-       * @param {Node} node
-       * @param {Array.<Parent>} parents
-       */
-      function overload(node, parents) {
-        var parent = parents[parents.length - 1]
-        return visitor(
-          node,
-          parent ? parent.children.indexOf(node) : null,
-          parent
-        )
-      }
-    }
-  )
-
 ;// CONCATENATED MODULE: ../node_modules/mdast-util-definitions/index.js
 /**
  * @typedef {import('mdast').Root|import('mdast').Content} Node
  * @typedef {import('mdast').Definition} Definition
- * @typedef {import('unist-util-visit').Visitor<Definition>} DefinitionVisitor
  */
 
 
@@ -20647,36 +20399,36 @@ const unist_util_visit_visit =
 const mdast_util_definitions_own = {}.hasOwnProperty
 
 /**
+ * Find definitions in `node`.
+ * Uses CommonMark precedence, which means that earlier definitions are
+ * preferred over duplicate later definitions.
  *
  * @param {Node} node
  */
 function definitions(node) {
-  /** @type {Object.<string, Definition>} */
+  /** @type {Record<string, Definition>} */
   const cache = Object.create(null)
 
   if (!node || !node.type) {
     throw new Error('mdast-util-definitions expected node')
   }
 
-  unist_util_visit_visit(node, 'definition', ondefinition)
-
-  return getDefinition
-
-  /** @type {DefinitionVisitor} */
-  function ondefinition(definition) {
+  visit(node, 'definition', (definition) => {
     const id = clean(definition.identifier)
     if (id && !mdast_util_definitions_own.call(cache, id)) {
       cache[id] = definition
     }
-  }
+  })
+
+  return definition
 
   /**
-   * Get a node from the bound definition-cache.
+   * Get a node from the bound definition cache.
    *
    * @param {string} identifier
    * @returns {Definition|null}
    */
-  function getDefinition(identifier) {
+  function definition(identifier) {
     const id = clean(identifier)
     return id && mdast_util_definitions_own.call(cache, id) ? cache[id] : null
   }
@@ -21790,6 +21542,77 @@ function table(h, node) {
   )
 }
 
+;// CONCATENATED MODULE: ../node_modules/trim-lines/index.js
+const tab = 9 /* `\t` */
+const space = 32 /* ` ` */
+
+/**
+ * Remove initial and final spaces and tabs at the line breaks in `value`.
+ * Does not trim initial and final spaces and tabs of the value itself.
+ *
+ * @param {string} value
+ *   Value to trim.
+ * @returns {string}
+ *   Trimmed value.
+ */
+function trimLines(value) {
+  const source = String(value)
+  const search = /\r?\n|\r/g
+  let match = search.exec(source)
+  let last = 0
+  /** @type {Array<string>} */
+  const lines = []
+
+  while (match) {
+    lines.push(
+      trimLine(source.slice(last, match.index), last > 0, true),
+      match[0]
+    )
+
+    last = match.index + match[0].length
+    match = search.exec(source)
+  }
+
+  lines.push(trimLine(source.slice(last), last > 0, false))
+
+  return lines.join('')
+}
+
+/**
+ * @param {string} value
+ *   Line to trim.
+ * @param {boolean} start
+ *   Whether to trim the start of the line.
+ * @param {boolean} end
+ *   Whether to trim the end of the line.
+ * @returns {string}
+ *   Trimmed line.
+ */
+function trimLine(value, start, end) {
+  let startIndex = 0
+  let endIndex = value.length
+
+  if (start) {
+    let code = value.codePointAt(startIndex)
+
+    while (code === tab || code === space) {
+      startIndex++
+      code = value.codePointAt(startIndex)
+    }
+  }
+
+  if (end) {
+    let code = value.codePointAt(endIndex - 1)
+
+    while (code === tab || code === space) {
+      endIndex--
+      code = value.codePointAt(endIndex - 1)
+    }
+  }
+
+  return endIndex > startIndex ? value.slice(startIndex, endIndex) : ''
+}
+
 ;// CONCATENATED MODULE: ../node_modules/mdast-util-to-hast/lib/handlers/text.js
 /**
  * @typedef {import('mdast').Text} Text
@@ -21798,15 +21621,13 @@ function table(h, node) {
 
 
 
+
 /**
  * @type {Handler}
  * @param {Text} node
  */
 function handlers_text_text(h, node) {
-  return h.augment(
-    node,
-    u('text', String(node.value).replace(/[ \t]*(\r?\n|\r)[ \t]*/g, '$1'))
-  )
+  return h.augment(node, u('text', trimLines(String(node.value))))
 }
 
 ;// CONCATENATED MODULE: ../node_modules/mdast-util-to-hast/lib/handlers/thematic-break.js
@@ -22068,6 +21889,7 @@ function factory(tree, options) {
       const ctx = 'type' in left ? left : {position: left}
 
       if (!generated(ctx)) {
+        // @ts-expect-error: fine.
         right.position = {start: pointStart(ctx), end: pointEnd(ctx)}
       }
     }
@@ -31546,6 +31368,36 @@ const rehypeAttrs = (options) => {
 };
 /* harmony default export */ const rehype_attr_lib = (rehypeAttrs);
 
+;// CONCATENATED MODULE: ../node_modules/rehype-ignore/lib/index.js
+
+const rehypeIgnore = (options = {}) => {
+    const { openDelimiter = 'rehype:ignore:start', closeDelimiter = 'rehype:ignore:end' } = options;
+    return (tree) => {
+        visit(tree, (node, index, parent) => {
+            if (node.type === 'element' || node.type === 'root') {
+                // const start = node.children.findIndex((item) => item.type === 'comment' && item.value === openDelimiter);
+                // const end = node.children.findIndex((item) => item.type === 'comment' && item.value === closeDelimiter);
+                // if (start > -1 && end > -1) {
+                //   node.children = node.children.filter((_, idx) => idx < start || idx > end);
+                // }
+                let start = false;
+                node.children = node.children.filter((item) => {
+                    if (item.type === 'comment' && item.value.trim() === openDelimiter) {
+                        start = true;
+                        return false;
+                    }
+                    if (item.type === 'comment' && item.value.trim() === closeDelimiter) {
+                        start = false;
+                        return false;
+                    }
+                    return !start;
+                });
+            }
+        });
+    };
+};
+/* harmony default export */ const rehype_ignore_lib = (rehypeIgnore);
+
 ;// CONCATENATED MODULE: ../node_modules/unist-util-filter/index.js
 /**
  * @typedef {import('unist').Node} Node
@@ -59774,7 +59626,7 @@ var octiconLink = {
 };
 
 // EXTERNAL MODULE: ../node_modules/@uiw/copy-to-clipboard/dist/copy-to-clipboard.umd.js
-var copy_to_clipboard_umd = __webpack_require__(490);
+var copy_to_clipboard_umd = __webpack_require__(71);
 var copy_to_clipboard_umd_default = /*#__PURE__*/__webpack_require__.n(copy_to_clipboard_umd);
 ;// CONCATENATED MODULE: ../node_modules/@uiw/react-markdown-preview/esm/nodes/copy.js
 
@@ -59879,7 +59731,8 @@ var jsx_runtime = __webpack_require__(605);
 ;// CONCATENATED MODULE: ../node_modules/@uiw/react-markdown-preview/esm/index.js
 
 
-var _excluded = ["prefixCls", "className", "source", "style", "disableCopy", "onScroll", "onMouseOver", "pluginsFilter", "warpperElement"];
+var _excluded = ["prefixCls", "className", "source", "style", "disableCopy", "onScroll", "onMouseOver", "pluginsFilter", "rehypeRewrite", "warpperElement"];
+
 
 
 
@@ -59904,6 +59757,7 @@ var _excluded = ["prefixCls", "className", "source", "style", "disableCopy", "on
     onScroll,
     onMouseOver,
     pluginsFilter,
+    rehypeRewrite: rewrite,
     warpperElement = {}
   } = props,
       other = _objectWithoutPropertiesLoose(props, _excluded);
@@ -59930,15 +59784,26 @@ var _excluded = ["prefixCls", "className", "source", "style", "disableCopy", "on
       var code = getCodeString(node.children);
       node.children.push(copyElement(code));
     }
+
+    rewrite && rewrite(node, index, parent);
   };
 
   var rehypePlugins = [reservedMeta, [rehype_prism_plus_es_h, {
     ignoreMissing: true
-  }], rehypeRaw, rehypeSlug, rehypeAutolinkHeadings, [rehype_rewrite_lib, {
+  }], rehypeRaw, rehypeSlug, rehypeAutolinkHeadings, rehype_ignore_lib, [rehype_rewrite_lib, {
     rewrite: rehypeRewriteHandle
   }], [rehype_attr_lib, {
     properties: 'attr'
   }], ...(other.rehypePlugins || [])];
+  var customProps = {
+    allowElement: (element, index, parent) => {
+      if (other.allowElement) {
+        return other.allowElement(element, index, parent);
+      }
+
+      return /^[A-Za-z0-9]+$/.test(element.tagName);
+    }
+  };
   var remarkPlugins = [...(other.remarkPlugins || []), remarkGfm];
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
     ref: mdp,
@@ -59947,7 +59812,7 @@ var _excluded = ["prefixCls", "className", "source", "style", "disableCopy", "on
   }, warpperElement, {
     className: cls,
     style: style,
-    children: /*#__PURE__*/(0,jsx_runtime.jsx)(ReactMarkdown, _extends({}, other, {
+    children: /*#__PURE__*/(0,jsx_runtime.jsx)(ReactMarkdown, _extends({}, other, customProps, {
       rehypePlugins: pluginsFilter ? pluginsFilter('rehype', rehypePlugins) : rehypePlugins,
       remarkPlugins: pluginsFilter ? pluginsFilter('remark', remarkPlugins) : remarkPlugins,
       children: source || ''
@@ -61892,7 +61757,7 @@ const rehype = unified().use(rehypeParse).use(rehypeStringify).freeze()
 
 ;// CONCATENATED MODULE: ./src/components/TextArea/Markdown.tsx
 function html2Escape(sHtml){return sHtml.replace(/```(tsx?|jsx?|html|xml)(.*)\s+([\s\S]*?)(\s.+)?```/g,function(str){return str.replace(/[<&"]/g,function(c){return{'<':'&lt;','>':'&gt;','&':'&amp;','"':'&quot;'}[c];});}).replace(/[<&"]/g,function(c){return{'<':'&lt;','>':'&gt;','&':'&amp;','"':'&quot;'}[c];});}function Markdown(props){var prefixCls=props.prefixCls;var _useContext=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(EditorContext),_useContext$markdown=_useContext.markdown,markdown=_useContext$markdown===void 0?'':_useContext$markdown,highlightEnable=_useContext.highlightEnable,dispatch=_useContext.dispatch;var preRef=/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(preRef.current&&dispatch){dispatch({textareaPre:preRef.current});}// eslint-disable-next-line react-hooks/exhaustive-deps
-},[]);return (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){if(!markdown){return/*#__PURE__*/(0,jsx_runtime.jsx)("pre",{ref:preRef,className:"".concat(prefixCls,"-text-pre wmde-markdown-color")});}var mdStr="<pre class=\"language-markdown ".concat(prefixCls,"-text-pre wmde-markdown-color\"><code class=\"language-markdown\">").concat(html2Escape(markdown),"\n</code></pre>");if(highlightEnable){try{mdStr=rehype().data('settings',{fragment:true}).use(rehype_prism_plus_es_h,{ignoreMissing:false}).processSync(mdStr).toString();}catch(error){}}return/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement('div',{className:'wmde-markdown-color',dangerouslySetInnerHTML:{__html:mdStr||''}});},[markdown,preRef,prefixCls]);}
+},[]);return (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){if(!markdown){return/*#__PURE__*/(0,jsx_runtime.jsx)("pre",{ref:preRef,className:"".concat(prefixCls,"-text-pre wmde-markdown-color")});}var mdStr="<pre class=\"language-markdown ".concat(prefixCls,"-text-pre wmde-markdown-color\"><code class=\"language-markdown\">").concat(html2Escape(markdown),"\n</code></pre>");if(highlightEnable){try{mdStr=rehype().data('settings',{fragment:true}).use(rehype_prism_plus_es_h,{ignoreMissing:true}).processSync(mdStr).toString();}catch(error){}}return/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement('div',{className:'wmde-markdown-color',dangerouslySetInnerHTML:{__html:mdStr||''}});},[markdown,preRef,prefixCls]);}
 ;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 
 function _arrayWithoutHoles(arr) {
@@ -62098,11 +61963,9 @@ var Textarea_excluded=["prefixCls","onChange"];function Textarea(props){var pref
 textRef.current.removeEventListener('keydown',onKeyDown);}};// eslint-disable-next-line react-hooks/exhaustive-deps
 },[]);return/*#__PURE__*/(0,jsx_runtime.jsx)("textarea",_objectSpread2(_objectSpread2({autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:false},other),{},{ref:textRef,className:"".concat(prefixCls,"-text-input ").concat(other.className?other.className:''),value:markdown,onChange:function onChange(e){dispatch&&dispatch({markdown:e.target.value});_onChange&&_onChange(e);}}));}
 ;// CONCATENATED MODULE: ./src/components/TextArea/index.tsx
-var TextArea_excluded=["prefixCls","className","onScroll","renderTextarea"];function TextArea_TextArea(props){var _ref=props||{},prefixCls=_ref.prefixCls,className=_ref.className,onScroll=_ref.onScroll,renderTextarea=_ref.renderTextarea,otherProps=_objectWithoutProperties(_ref,TextArea_excluded);var _useContext=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(EditorContext),markdown=_useContext.markdown,scrollTop=_useContext.scrollTop,commands=_useContext.commands,extraCommands=_useContext.extraCommands,dispatch=_useContext.dispatch;var textRef=external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);var executeRef=external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef();var warp=/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){var state={};if(warp.current){state.textareaWarp=warp.current||undefined;warp.current.scrollTop=scrollTop||0;}if(dispatch){dispatch(_objectSpread2({},state));}// eslint-disable-next-line react-hooks/exhaustive-deps
+var TextArea_excluded=["prefixCls","className","onScroll","renderTextarea"];function TextArea_TextArea(props){var _ref=props||{},prefixCls=_ref.prefixCls,className=_ref.className,onScroll=_ref.onScroll,renderTextarea=_ref.renderTextarea,otherProps=_objectWithoutProperties(_ref,TextArea_excluded);var _useContext=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(EditorContext),markdown=_useContext.markdown,scrollTop=_useContext.scrollTop,commands=_useContext.commands,highlightEnable=_useContext.highlightEnable,extraCommands=_useContext.extraCommands,dispatch=_useContext.dispatch;var textRef=external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef(null);var executeRef=external_root_React_commonjs2_react_commonjs_react_amd_react_default().useRef();var warp=/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){var state={};if(warp.current){state.textareaWarp=warp.current||undefined;warp.current.scrollTop=scrollTop||0;}if(dispatch){dispatch(_objectSpread2({},state));}// eslint-disable-next-line react-hooks/exhaustive-deps
 },[]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(textRef.current&&dispatch){var _commandOrchestrator=new TextAreaCommandOrchestrator(textRef.current);executeRef.current=_commandOrchestrator;dispatch({textarea:textRef.current,commandOrchestrator:_commandOrchestrator});}// eslint-disable-next-line react-hooks/exhaustive-deps
-},[]);// @ts-ignore
-// const textStyle: React.CSSProperties = highlightEnable ? { WebkitTextFillColor: 'transparent' } : { };
-return/*#__PURE__*/(0,jsx_runtime.jsx)("div",{ref:warp,className:"".concat(prefixCls,"-aree ").concat(className||''),onScroll:onScroll,children:/*#__PURE__*/(0,jsx_runtime.jsx)("div",{className:"".concat(prefixCls,"-text"),children:renderTextarea?/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(renderTextarea(_objectSpread2(_objectSpread2({},otherProps),{},{value:markdown,autoComplete:'off',autoCorrect:'off',spellCheck:'false',autoCapitalize:'off',className:"".concat(prefixCls,"-text-input"),style:{WebkitTextFillColor:'inherit',overflow:'auto'}}),{dispatch:dispatch,onChange:otherProps.onChange,shortcuts:shortcutsHandle,useContext:{commands:commands,extraCommands:extraCommands,commandOrchestrator:executeRef.current}}),{ref:textRef}):/*#__PURE__*/(0,jsx_runtime.jsxs)(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment,{children:[/*#__PURE__*/(0,jsx_runtime.jsx)(Markdown,{prefixCls:prefixCls}),/*#__PURE__*/(0,jsx_runtime.jsx)(Textarea,_objectSpread2({prefixCls:prefixCls},otherProps))]})})});}
+},[]);var textStyle=highlightEnable?{}:{WebkitTextFillColor:'initial',overflow:'auto'};return/*#__PURE__*/(0,jsx_runtime.jsx)("div",{ref:warp,className:"".concat(prefixCls,"-aree ").concat(className||''),onScroll:onScroll,children:/*#__PURE__*/(0,jsx_runtime.jsx)("div",{className:"".concat(prefixCls,"-text"),children:renderTextarea?/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().cloneElement(renderTextarea(_objectSpread2(_objectSpread2({},otherProps),{},{value:markdown,autoComplete:'off',autoCorrect:'off',spellCheck:'false',autoCapitalize:'off',className:"".concat(prefixCls,"-text-input"),style:{WebkitTextFillColor:'inherit',overflow:'auto'}}),{dispatch:dispatch,onChange:otherProps.onChange,shortcuts:shortcutsHandle,useContext:{commands:commands,extraCommands:extraCommands,commandOrchestrator:executeRef.current}}),{ref:textRef}):/*#__PURE__*/(0,jsx_runtime.jsxs)(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment,{children:[highlightEnable&&/*#__PURE__*/(0,jsx_runtime.jsx)(Markdown,{prefixCls:prefixCls}),/*#__PURE__*/(0,jsx_runtime.jsx)(Textarea,_objectSpread2(_objectSpread2({prefixCls:prefixCls},otherProps),{},{style:textStyle}))]})})});}
 ;// CONCATENATED MODULE: ./src/components/Toolbar/Child.less
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const Child = ({});