@uiw/react-md-editor 3.9.7 → 3.10.0

package/dist/mdeditor.js

@@ -38128,22 +38128,7 @@ function _objectWithoutProperties(source, excluded) {
 // EXTERNAL MODULE: external {"root":"React","commonjs2":"react","commonjs":"react","amd":"react"}
 var external_root_React_commonjs2_react_commonjs_react_amd_react_ = __webpack_require__(9787);
 var external_root_React_commonjs2_react_commonjs_react_amd_react_default = /*#__PURE__*/__webpack_require__.n(external_root_React_commonjs2_react_commonjs_react_amd_react_);
-;// CONCATENATED MODULE: ./node_modules/@uiw/react-markdown-preview/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
-function objectWithoutPropertiesLoose_objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-;// CONCATENATED MODULE: ./node_modules/@uiw/react-markdown-preview/node_modules/@babel/runtime/helpers/esm/extends.js
+;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
   _extends = Object.assign || function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -38164,19 +38149,18 @@ function _extends() {
 // EXTERNAL MODULE: ./node_modules/is-buffer/index.js
 var is_buffer = __webpack_require__(1433);
 ;// CONCATENATED MODULE: ./node_modules/unist-util-stringify-position/index.js
-var own = {}.hasOwnProperty
-
 /**
+ * @typedef {import('unist').Point} Point
  * @typedef {import('unist').Node} Node
  * @typedef {import('unist').Position} Position
- * @typedef {import('unist').Point} Point
+ * @typedef {object & {type: string, position?: Position|undefined}} NodeLike
  */
 
 /**
  * Stringify one point, a position (start and end points), or a node’s
  * positional information.
  *
- * @param {Node|Position|Point} [value]
+ * @param {Node|NodeLike|Position|Point|null} [value]
  * @returns {string}
  */
 function stringifyPosition(value) {
@@ -38186,20 +38170,17 @@ function stringifyPosition(value) {
   }
 
   // Node.
-  if (own.call(value, 'position') || own.call(value, 'type')) {
-    // @ts-ignore looks like a node.
+  if ('position' in value || 'type' in value) {
     return position(value.position)
   }
 
   // Position.
-  if (own.call(value, 'start') || own.call(value, 'end')) {
-    // @ts-ignore looks like a position.
+  if ('start' in value || 'end' in value) {
     return position(value)
   }
 
   // Point.
-  if (own.call(value, 'line') || own.call(value, 'column')) {
-    // @ts-ignore looks like a point.
+  if ('line' in value || 'column' in value) {
     return point(value)
   }
 
@@ -38208,7 +38189,7 @@ function stringifyPosition(value) {
 }
 
 /**
- * @param {Point} point
+ * @param {Point|undefined} point
  * @returns {string}
  */
 function point(point) {
@@ -38216,7 +38197,7 @@ function point(point) {
 }
 
 /**
- * @param {Position} pos
+ * @param {Position|undefined} pos
  * @returns {string}
  */
 function position(pos) {
@@ -38224,7 +38205,7 @@ function position(pos) {
 }
 
 /**
- * @param {number} value
+ * @param {number|undefined} value
  * @returns {number}
  */
 function index(value) {
@@ -38236,6 +38217,7 @@ function index(value) {
  * @typedef {import('unist').Node} Node
  * @typedef {import('unist').Position} Position
  * @typedef {import('unist').Point} Point
+ * @typedef {object & {type: string, position?: Position|undefined}} NodeLike
  */
 
 
@@ -38246,29 +38228,29 @@ class VFileMessage extends Error {
    * When an error is passed in as `reason`, copies the `stack`.
    *
    * @param {string|Error} reason Reason for message (`string` or `Error`). Uses the stack and message of the error if given.
-   * @param {Node|Position|Point} [place] Place at which the message occurred in a file (`Node`, `Position`, or `Point`, optional).
+   * @param {Node|NodeLike|Position|Point} [place] Place at which the message occurred in a file (`Node`, `Position`, or `Point`, optional).
    * @param {string} [origin] Place in code the message originates from (`string`, optional).
    */
   constructor(reason, place, origin) {
-    /** @type {[string?, string?]} */
-    var parts = [null, null]
+    /** @type {[string|null, string|null]} */
+    const parts = [null, null]
     /** @type {Position} */
-    var position = {
+    let position = {
+      // @ts-expect-error: we always follows the structure of `position`.
       start: {line: null, column: null},
+      // @ts-expect-error: "
       end: {line: null, column: null}
     }
-    /** @type {number} */
-    var index
 
     super()
 
     if (typeof place === 'string') {
       origin = place
-      place = null
+      place = undefined
     }
 
     if (typeof origin === 'string') {
-      index = origin.indexOf(':')
+      const index = origin.indexOf(':')
 
       if (index === -1) {
         parts[1] = origin
@@ -38287,12 +38269,10 @@ class VFileMessage extends Error {
       }
       // Position.
       else if ('start' in place || 'end' in place) {
-        // @ts-ignore Looks like a position.
         position = place
       }
       // Point.
       else if ('line' in place || 'column' in place) {
-        // @ts-ignore Looks like a point.
         position.start = place
       }
     }
@@ -38906,6 +38886,7 @@ function getPathFromURLPosix(url) {
  * @typedef {import('unist').Node} Node
  * @typedef {import('unist').Position} Position
  * @typedef {import('unist').Point} Point
+ * @typedef {Record<string, unknown> & {type: string, position?: Position|undefined}} NodeLike
  * @typedef {import('./minurl.shared.js').URL} URL
  * @typedef {import('..').VFileData} VFileData
  * @typedef {import('..').VFileValue} VFileValue
@@ -38916,7 +38897,6 @@ function getPathFromURLPosix(url) {
  *   being needed.
  *   Copied from: <https://github.com/DefinitelyTyped/DefinitelyTyped/blob/90a4ec8/types/node/buffer.d.ts#L170>
  *
- *
  * @typedef {VFileValue|VFileOptions|VFile|URL} VFileCompatible
  *   Things that can be passed to the constructor.
  *
@@ -39202,7 +39182,7 @@ class VFile {
    * Create a message and associates it w/ the file.
    *
    * @param {string|Error} reason Reason for message (`string` or `Error`). Uses the stack and message of the error if given.
-   * @param {Node|Position|Point} [place] Place at which the message occurred in a file (`Node`, `Position`, or `Point`, optional).
+   * @param {Node|NodeLike|Position|Point} [place] Place at which the message occurred in a file (`Node`, `Position`, or `Point`, optional).
    * @param {string} [origin] Place in code the message originates from (`string`, optional).
    * @returns {VFileMessage}
    */
@@ -39227,7 +39207,7 @@ class VFile {
    * Calls `message()` internally.
    *
    * @param {string|Error} reason Reason for message (`string` or `Error`). Uses the stack and message of the error if given.
-   * @param {Node|Position|Point} [place] Place at which the message occurred in a file (`Node`, `Position`, or `Point`, optional).
+   * @param {Node|NodeLike|Position|Point} [place] Place at which the message occurred in a file (`Node`, `Position`, or `Point`, optional).
    * @param {string} [origin] Place in code the message originates from (`string`, optional).
    * @returns {VFileMessage}
    */
@@ -39246,7 +39226,7 @@ class VFile {
    * Calls `message()` internally.
    *
    * @param {string|Error} reason Reason for message (`string` or `Error`). Uses the stack and message of the error if given.
-   * @param {Node|Position|Point} [place] Place at which the message occurred in a file (`Node`, `Position`, or `Point`, optional).
+   * @param {Node|NodeLike|Position|Point} [place] Place at which the message occurred in a file (`Node`, `Position`, or `Point`, optional).
    * @param {string} [origin] Place in code the message originates from (`string`, optional).
    * @returns {never}
    */
@@ -39519,7 +39499,7 @@ function wrap(middleware, callback) {
 // Expose a frozen processor.
 const unified = base().freeze()
 
-const lib_own = {}.hasOwnProperty
+const own = {}.hasOwnProperty
 
 // Function to create the first processor.
 /**
@@ -39592,7 +39572,7 @@ function base() {
       }
 
       // Get `key`.
-      return (lib_own.call(namespace, key) && namespace[key]) || null
+      return (own.call(namespace, key) && namespace[key]) || null
     }
 
     // Set space.
@@ -39620,7 +39600,7 @@ function base() {
       }
 
       if (options[0] === true) {
-        options[1] = undefined
+        options[0] = undefined
       }
 
       /** @type {Transformer|void} */
@@ -39978,7 +39958,7 @@ function keys(value) {
   let key
 
   for (key in value) {
-    if (lib_own.call(value, key)) {
+    if (own.call(value, key)) {
       return true
     }
   }
@@ -46829,7 +46809,7 @@ function decode($0, $1, $2) {
 
 
 
-const mdast_util_from_markdown_lib_own = {}.hasOwnProperty
+const lib_own = {}.hasOwnProperty
 /**
  * @param value Markdown to parse (`string` or `Buffer`).
  * @param [encoding] Character encoding to understand `value` as when it’s a `Buffer` (`string`, default: `'utf8'`).
@@ -47037,7 +47017,7 @@ function compiler(options = {}) {
     while (++index < events.length) {
       const handler = config[events[index][0]]
 
-      if (mdast_util_from_markdown_lib_own.call(handler, events[index][1].type)) {
+      if (lib_own.call(handler, events[index][1].type)) {
         handler[events[index][1].type].call(
           Object.assign(
             {
@@ -47927,9 +47907,9 @@ function extension(combined, extension) {
   let key
 
   for (key in extension) {
-    if (mdast_util_from_markdown_lib_own.call(extension, key)) {
+    if (lib_own.call(extension, key)) {
       const list = key === 'canContainEols' || key === 'transforms'
-      const maybe = mdast_util_from_markdown_lib_own.call(combined, key) ? combined[key] : undefined
+      const maybe = lib_own.call(combined, key) ? combined[key] : undefined
       /* c8 ignore next */
 
       const left = maybe || (combined[key] = list ? [] : {})
@@ -49256,7 +49236,7 @@ function returnNode(h, node) {
  * @param {MdastNode} parent
  */
 function traverse_all(h, parent) {
-  /** @type {Array.<Content>} */
+  /** @type {Array<Content>} */
   const values = []
 
   if ('children' in parent) {
@@ -49293,20 +49273,143 @@ function traverse_all(h, parent) {
   return values
 }
 
-;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/thematic-break.js
+;// CONCATENATED MODULE: ./node_modules/micromark-util-encode/index.js
+const characterReferences = {'"': 'quot', '&': 'amp', '<': 'lt', '>': 'gt'}
+
 /**
- * @typedef {import('mdast').ThematicBreak} ThematicBreak
- * @typedef {import('hast').Element} Element
- * @typedef {import('../index.js').Handler} Handler
+ * Encode only the dangerous HTML characters.
+ *
+ * This ensures that certain characters which have special meaning in HTML are
+ * dealt with.
+ * Technically, we can skip `>` and `"` in many cases, but CM includes them.
+ *
+ * @param {string} value
+ * @returns {string}
  */
+function encode(value) {
+  return value.replace(/["&<>]/g, replace)
+
+  /**
+   * @param {string} value
+   * @returns {string}
+   */
+  function replace(value) {
+    // @ts-expect-error Hush, it’s fine.
+    return '&' + characterReferences[value] + ';'
+  }
+}
+
+;// CONCATENATED MODULE: ./node_modules/micromark-util-sanitize-uri/index.js
+
+
 
 /**
- * @type {Handler}
- * @param {ThematicBreak} [node]
- * @returns {Element}
+ * Make a value safe for injection as a URL.
+ *
+ * This encodes unsafe characters with percent-encoding and skips already
+ * encoded sequences (see `normalizeUri` below).
+ * Further unsafe characters are encoded as character references (see
+ * `micromark-util-encode`).
+ *
+ * Then, a regex of allowed protocols can be given, in which case the URL is
+ * sanitized.
+ * For example, `/^(https?|ircs?|mailto|xmpp)$/i` can be used for `a[href]`,
+ * or `/^https?$/i` for `img[src]`.
+ * If the URL includes an unknown protocol (one not matched by `protocol`, such
+ * as a dangerous example, `javascript:`), the value is ignored.
+ *
+ * @param {string|undefined} url
+ * @param {RegExp} [protocol]
+ * @returns {string}
  */
-function thematic_break_thematicBreak(h, node) {
-  return h(node, 'hr')
+function sanitizeUri(url, protocol) {
+  const value = encode(normalizeUri(url || ''))
+
+  if (!protocol) {
+    return value
+  }
+
+  const colon = value.indexOf(':')
+  const questionMark = value.indexOf('?')
+  const numberSign = value.indexOf('#')
+  const slash = value.indexOf('/')
+
+  if (
+    // If there is no protocol, it’s relative.
+    colon < 0 || // If the first colon is after a `?`, `#`, or `/`, it’s not a protocol.
+    (slash > -1 && colon > slash) ||
+    (questionMark > -1 && colon > questionMark) ||
+    (numberSign > -1 && colon > numberSign) || // It is a protocol, it should be allowed.
+    protocol.test(value.slice(0, colon))
+  ) {
+    return value
+  }
+
+  return ''
+}
+/**
+ * Normalize a URL (such as used in definitions).
+ *
+ * Encode unsafe characters with percent-encoding, skipping already encoded
+ * sequences.
+ *
+ * @param {string} value
+ * @returns {string}
+ */
+
+function normalizeUri(value) {
+  /** @type {string[]} */
+  const result = []
+  let index = -1
+  let start = 0
+  let skip = 0
+
+  while (++index < value.length) {
+    const code = value.charCodeAt(index)
+    /** @type {string} */
+
+    let replace = '' // A correct percent encoded value.
+
+    if (
+      code === 37 &&
+      asciiAlphanumeric(value.charCodeAt(index + 1)) &&
+      asciiAlphanumeric(value.charCodeAt(index + 2))
+    ) {
+      skip = 2
+    } // ASCII.
+    else if (code < 128) {
+      if (!/[!#$&-;=?-Z_a-z~]/.test(String.fromCharCode(code))) {
+        replace = String.fromCharCode(code)
+      }
+    } // Astral.
+    else if (code > 55295 && code < 57344) {
+      const next = value.charCodeAt(index + 1) // A correct surrogate pair.
+
+      if (code < 56320 && next > 56319 && next < 57344) {
+        replace = String.fromCharCode(code, next)
+        skip = 1
+      } // Lone surrogate.
+      else {
+        replace = '\uFFFD'
+      }
+    } // Unicode.
+    else {
+      replace = String.fromCharCode(code)
+    }
+
+    if (replace) {
+      result.push(value.slice(start, index), encodeURIComponent(replace))
+      start = index + skip + 1
+      replace = ''
+    }
+
+    if (skip) {
+      index += skip
+      skip = 0
+    }
+  }
+
+  return result.join('') + value.slice(start)
 }
 
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/wrap.js
@@ -49320,12 +49423,12 @@ function thematic_break_thematicBreak(h, node) {
  * Wrap `nodes` with line feeds between each entry.
  * Optionally adds line feeds at the start and end.
  *
- * @param {Array.<Content>} nodes
+ * @param {Array<Content>} nodes
  * @param {boolean} [loose=false]
- * @returns {Array.<Content>}
+ * @returns {Array<Content>}
  */
 function wrap_wrap(nodes, loose) {
-  /** @type {Array.<Content>} */
+  /** @type {Array<Content>} */
   const result = []
   let index = -1
 
@@ -49345,59 +49448,12 @@ function wrap_wrap(nodes, loose) {
   return result
 }
 
-;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/list.js
-/**
- * @typedef {import('mdast').List} List
- * @typedef {import('hast').Element} Element
- * @typedef {import('hast').Properties} Properties
- * @typedef {import('../index.js').Handler} Handler
- */
-
-
-
-
-/**
- * @type {Handler}
- * @param {List} node
- * @returns {Element}
- */
-function list_list(h, node) {
-  /** @type {Properties} */
-  const props = {}
-  const name = node.ordered ? 'ol' : 'ul'
-  const items = traverse_all(h, node)
-  let index = -1
-
-  if (typeof node.start === 'number' && node.start !== 1) {
-    props.start = node.start
-  }
-
-  // Like GitHub, add a class for custom styling.
-  while (++index < items.length) {
-    const item = items[index]
-
-    if (
-      item.type === 'element' &&
-      item.tagName === 'li' &&
-      item.properties &&
-      Array.isArray(item.properties.className) &&
-      item.properties.className.includes('task-list-item')
-    ) {
-      props.className = ['contains-task-list']
-      break
-    }
-  }
-
-  return h(node, name, props, wrap_wrap(items, true))
-}
-
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/footer.js
 /**
  * @typedef {import('mdast').BlockContent} BlockContent
  * @typedef {import('mdast').FootnoteDefinition} FootnoteDefinition
- * @typedef {import('mdast').Link} Link
- * @typedef {import('mdast').ListItem} ListItem
- * @typedef {import('mdast').Paragraph} Paragraph
+ * @typedef {import('hast').Element} Element
+ * @typedef {import('hast').ElementContent} ElementContent
  * @typedef {import('./index.js').H} H
  */
 
@@ -49405,67 +49461,118 @@ function list_list(h, node) {
 
 
 
+
 /**
  * @param {H} h
  */
 function footer(h) {
-  const footnoteById = h.footnoteById
-  const footnoteOrder = h.footnoteOrder
   let index = -1
-  /** @type {Array.<ListItem>} */
+  /** @type {Array<ElementContent>} */
   const listItems = []
 
-  while (++index < footnoteOrder.length) {
-    const def = footnoteById[footnoteOrder[index].toUpperCase()]
+  while (++index < h.footnoteOrder.length) {
+    const def = h.footnoteById[h.footnoteOrder[index].toUpperCase()]
 
     if (!def) {
       continue
     }
 
-    const marker = String(index + 1)
-    const content = [...def.children]
-    /** @type {Link} */
-    const backReference = {
-      type: 'link',
-      url: '#fnref' + marker,
-      data: {hProperties: {className: ['footnote-back'], role: 'doc-backlink'}},
-      children: [{type: 'text', value: '↩'}]
+    const content = traverse_all(h, def)
+    const id = String(def.identifier)
+    const safeId = sanitizeUri(id.toLowerCase())
+    let referenceIndex = 0
+    /** @type {Array<ElementContent>} */
+    const backReferences = []
+
+    while (++referenceIndex <= h.footnoteCounts[id]) {
+      /** @type {Element} */
+      const backReference = {
+        type: 'element',
+        tagName: 'a',
+        properties: {
+          href:
+            '#' +
+            h.clobberPrefix +
+            'fnref-' +
+            safeId +
+            (referenceIndex > 1 ? '-' + referenceIndex : ''),
+          dataFootnoteBackref: true,
+          className: ['data-footnote-backref'],
+          ariaLabel: h.footnoteBackLabel
+        },
+        children: [{type: 'text', value: '↩'}]
+      }
+
+      if (referenceIndex > 1) {
+        backReference.children.push({
+          type: 'element',
+          tagName: 'sup',
+          children: [{type: 'text', value: String(referenceIndex)}]
+        })
+      }
+
+      if (backReferences.length > 0) {
+        backReferences.push({type: 'text', value: ' '})
+      }
+
+      backReferences.push(backReference)
     }
+
     const tail = content[content.length - 1]
 
-    if (tail && tail.type === 'paragraph') {
-      tail.children.push(backReference)
+    if (tail && tail.type === 'element' && tail.tagName === 'p') {
+      const tailTail = tail.children[tail.children.length - 1]
+      if (tailTail && tailTail.type === 'text') {
+        tailTail.value += ' '
+      } else {
+        tail.children.push({type: 'text', value: ' '})
+      }
+
+      tail.children.push(...backReferences)
     } else {
-      // @ts-expect-error Indeed, link directly added in block content.
-      // Which we do because that way at least the handlers will be called
-      // for the other HTML we’re generating (as markdown).
-      content.push(backReference)
+      content.push(...backReferences)
     }
 
-    listItems.push({
-      type: 'listItem',
-      data: {hProperties: {id: 'fn' + marker, role: 'doc-endnote'}},
-      children: content,
-      position: def.position
-    })
+    /** @type {Element} */
+    const listItem = {
+      type: 'element',
+      tagName: 'li',
+      properties: {id: h.clobberPrefix + 'fn-' + safeId},
+      children: wrap_wrap(content, true)
+    }
+
+    if (def.position) {
+      listItem.position = def.position
+    }
+
+    listItems.push(listItem)
   }
 
   if (listItems.length === 0) {
     return null
   }
 
-  return h(
-    null,
-    'section',
-    {className: ['footnotes'], role: 'doc-endnotes'},
-    wrap_wrap(
-      [
-        thematic_break_thematicBreak(h),
-        list_list(h, {type: 'list', ordered: true, children: listItems})
-      ],
-      true
-    )
-  )
+  return {
+    type: 'element',
+    tagName: 'section',
+    properties: {dataFootnotes: true, className: ['footnotes']},
+    children: [
+      {
+        type: 'element',
+        tagName: 'h2',
+        properties: {id: 'footnote-label', className: ['sr-only']},
+        children: [u('text', h.footnoteLabel)]
+      },
+      {type: 'text', value: '\n'},
+      {
+        type: 'element',
+        tagName: 'ol',
+        properties: {},
+        children: wrap_wrap(listItems, true)
+      },
+      {type: 'text', value: '\n'}
+    ]
+  }
 }
 
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/blockquote.js
@@ -49579,35 +49686,59 @@ function emphasis(h, node) {
 
 
 
+
 /**
  * @type {Handler}
  * @param {FootnoteReference} node
  */
 function footnoteReference(h, node) {
-  const footnoteOrder = h.footnoteOrder
-  const identifier = String(node.identifier)
-  const index = footnoteOrder.indexOf(identifier)
-  const marker = String(
-    index === -1 ? footnoteOrder.push(identifier) : index + 1
-  )
+  const id = String(node.identifier)
+  const safeId = sanitizeUri(id.toLowerCase())
+  const index = h.footnoteOrder.indexOf(id)
+  /** @type {number} */
+  let counter
 
-  return h(
-    node,
-    'a',
-    {
-      href: '#fn' + marker,
-      className: ['footnote-ref'],
-      id: 'fnref' + marker,
-      role: 'doc-noteref'
-    },
-    [h(node.position, 'sup', [u('text', marker)])]
-  )
+  if (index === -1) {
+    h.footnoteOrder.push(id)
+    h.footnoteCounts[id] = 1
+    counter = h.footnoteOrder.length
+  } else {
+    h.footnoteCounts[id]++
+    counter = index + 1
+  }
+
+  const reuseCounter = h.footnoteCounts[id]
+
+  return h(node, 'sup', [
+    h(
+      node.position,
+      'a',
+      {
+        href: '#' + h.clobberPrefix + 'fn-' + safeId,
+        id:
+          h.clobberPrefix +
+          'fnref-' +
+          safeId +
+          (reuseCounter > 1 ? '-' + reuseCounter : ''),
+        dataFootnoteRef: true,
+        ariaDescribedBy: 'footnote-label'
+      },
+      [u('text', String(counter))]
+    )
+  ])
 }
 
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/footnote.js
 /**
  * @typedef {import('mdast').Footnote} Footnote
  * @typedef {import('../index.js').Handler} Handler
+ *
+ * @todo
+ *   `footnote` (or “inline note”) are a pandoc footnotes feature (`^[a note]`)
+ *   that does not exist in GFM.
+ *   We still have support for it, so that things remain working with
+ *   `micromark-extension-footnote` and `mdast-util-footnote`, but in the future
+ *   we might be able to remove it?
  */
 
 
@@ -49618,17 +49749,12 @@ function footnoteReference(h, node) {
  */
 function footnote(h, node) {
   const footnoteById = h.footnoteById
-  const footnoteOrder = h.footnoteOrder
   let no = 1
 
   while (no in footnoteById) no++
 
   const identifier = String(no)
 
-  // No need to check if `identifier` exists in `footnoteOrder`, it’s guaranteed
-  // to not exist because we just generated it.
-  footnoteOrder.push(identifier)
-
   footnoteById[identifier] = {
     type: 'footnoteDefinition',
     identifier,
@@ -49678,7 +49804,7 @@ function html(h, node) {
 }
 
 // EXTERNAL MODULE: ./node_modules/mdurl/encode.js
-var encode = __webpack_require__(4547);
+var mdurl_encode = __webpack_require__(4547);
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/revert.js
 /**
  * @typedef {import('mdast').LinkReference} LinkReference
@@ -49695,7 +49821,7 @@ var encode = __webpack_require__(4547);
  *
  * @type {Handler}
  * @param {ImageReference|LinkReference} node
- * @returns {Content|Array.<Content>}
+ * @returns {Content|Array<Content>}
  */
 function revert(h, node) {
   const subtype = node.referenceType
@@ -49753,7 +49879,7 @@ function imageReference(h, node) {
   }
 
   /** @type {Properties} */
-  const props = {src: encode(def.url || ''), alt: node.alt}
+  const props = {src: mdurl_encode(def.url || ''), alt: node.alt}
 
   if (def.title !== null && def.title !== undefined) {
     props.title = def.title
@@ -49777,7 +49903,7 @@ function imageReference(h, node) {
  */
 function image_image(h, node) {
   /** @type {Properties} */
-  const props = {src: encode(node.url), alt: node.alt}
+  const props = {src: mdurl_encode(node.url), alt: node.alt}
 
   if (node.title !== null && node.title !== undefined) {
     props.title = node.title
@@ -49825,7 +49951,7 @@ function linkReference(h, node) {
   }
 
   /** @type {Properties} */
-  const props = {href: encode(def.url || '')}
+  const props = {href: mdurl_encode(def.url || '')}
 
   if (def.title !== null && def.title !== undefined) {
     props.title = def.title
@@ -49850,7 +49976,7 @@ function linkReference(h, node) {
  */
 function link_link(h, node) {
   /** @type {Properties} */
-  const props = {href: encode(node.url)}
+  const props = {href: mdurl_encode(node.url)}
 
   if (node.title !== null && node.title !== undefined) {
     props.title = node.title
@@ -49882,7 +50008,7 @@ function listItem(h, node, parent) {
   const loose = parent ? listLoose(parent) : listItemLoose(node)
   /** @type {Properties} */
   const props = {}
-  /** @type {Array.<Content>} */
+  /** @type {Array<Content>} */
   const wrapped = []
 
   if (typeof node.checked === 'boolean') {
@@ -49977,6 +50103,52 @@ function listItemLoose(node) {
     : spread
 }
 
+;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/list.js
+/**
+ * @typedef {import('mdast').List} List
+ * @typedef {import('hast').Element} Element
+ * @typedef {import('hast').Properties} Properties
+ * @typedef {import('../index.js').Handler} Handler
+ */
+
+
+
+
+/**
+ * @type {Handler}
+ * @param {List} node
+ * @returns {Element}
+ */
+function list_list(h, node) {
+  /** @type {Properties} */
+  const props = {}
+  const name = node.ordered ? 'ol' : 'ul'
+  const items = traverse_all(h, node)
+  let index = -1
+
+  if (typeof node.start === 'number' && node.start !== 1) {
+    props.start = node.start
+  }
+
+  // Like GitHub, add a class for custom styling.
+  while (++index < items.length) {
+    const item = items[index]
+
+    if (
+      item.type === 'element' &&
+      item.tagName === 'li' &&
+      item.properties &&
+      Array.isArray(item.properties.className) &&
+      item.properties.className.includes('task-list-item')
+    ) {
+      props.className = ['contains-task-list']
+      break
+    }
+  }
+
+  return h(node, name, props, wrap_wrap(items, true))
+}
+
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/paragraph.js
 /**
  * @typedef {import('mdast').Paragraph} Paragraph
@@ -50049,19 +50221,22 @@ function table(h, node) {
   const rows = node.children
   let index = -1
   const align = node.align || []
-  /** @type {Array.<Element>} */
+  /** @type {Array<Element>} */
   const result = []
 
   while (++index < rows.length) {
     const row = rows[index].children
     const name = index === 0 ? 'th' : 'td'
-    let pos = node.align ? align.length : row.length
-    /** @type {Array.<Content>} */
+    /** @type {Array<Content>} */
     const out = []
+    let cellIndex = -1
+    const length = node.align ? align.length : row.length
 
-    while (pos--) {
-      const cell = row[pos]
-      out[pos] = h(cell, name, {align: align[pos]}, cell ? traverse_all(h, cell) : [])
+    while (++cellIndex < length) {
+      const cell = row[cellIndex]
+      out.push(
+        h(cell, name, {align: align[cellIndex]}, cell ? traverse_all(h, cell) : [])
+      )
     }
 
     result[index] = h(rows[index], 'tr', wrap_wrap(out, true))
@@ -50107,6 +50282,22 @@ function handlers_text_text(h, node) {
   )
 }
 
+;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/thematic-break.js
+/**
+ * @typedef {import('mdast').ThematicBreak} ThematicBreak
+ * @typedef {import('hast').Element} Element
+ * @typedef {import('../index.js').Handler} Handler
+ */
+
+/**
+ * @type {Handler}
+ * @param {ThematicBreak} [node]
+ * @returns {Element}
+ */
+function thematic_break_thematicBreak(h, node) {
+  return h(node, 'hr')
+}
+
 ;// CONCATENATED MODULE: ./node_modules/mdast-util-to-hast/lib/handlers/index.js
 
 
@@ -50183,9 +50374,9 @@ function ignore() {
  * @typedef EmbeddedHastFields
  * @property {string} [hName] Defines the tag name of an element
  * @property {Properties} [hProperties] Defines the properties of an element
- * @property {Array.<Content>} [hChildren] Defines the (hast) children of an element
+ * @property {Array<Content>} [hChildren] Defines the (hast) children of an element
  *
- * @typedef {Object.<string, unknown> & EmbeddedHastFields} Data unist data with embedded hast fields
+ * @typedef {Record<string, unknown> & EmbeddedHastFields} Data unist data with embedded hast fields
  *
  * @typedef {MdastNode & {data?: Data}} NodeWithData unist node with embedded hast data
  *
@@ -50193,39 +50384,69 @@ function ignore() {
  * @param {H} h Handle context
  * @param {any} node mdast node to handle
  * @param {Parent|null} parent Parent of `node`
- * @returns {Content|Array.<Content>|null|undefined} hast node
+ * @returns {Content|Array<Content>|null|undefined} hast node
  *
  * @callback HFunctionProps
  * @param {MdastNode|PositionLike|null|undefined} node mdast node or unist position
  * @param {string} tagName HTML tag name
  * @param {Properties} props Properties
- * @param {Array.<Content>?} [children] hast content
+ * @param {Array<Content>?} [children] hast content
  * @returns {Element}
  *
  * @callback HFunctionNoProps
  * @param {MdastNode|PositionLike|null|undefined} node mdast node or unist position
  * @param {string} tagName HTML tag name
- * @param {Array.<Content>?} [children] hast content
+ * @param {Array<Content>?} [children] hast content
  * @returns {Element}
  *
  * @typedef HFields
  * @property {boolean} dangerous Whether HTML is allowed
+ * @property {string} clobberPrefix Prefix to use to prevent DOM clobbering
+ * @property {string} footnoteLabel Label to use to introduce the footnote section
+ * @property {string} footnoteBackLabel Label to use to go back to a footnote call from the footnote section
  * @property {(identifier: string) => Definition|null} definition Definition cache
- * @property {Object.<string, FootnoteDefinition>} footnoteById Footnote cache
- * @property {Array.<string>} footnoteOrder Order in which footnotes occur
+ * @property {Record<string, FootnoteDefinition>} footnoteById Footnote cache
+ * @property {Array<string>} footnoteOrder Order in which footnotes occur
+ * @property {Record<string, number>} footnoteCounts Counts the same footnote was used
  * @property {Handlers} handlers Applied handlers
  * @property {Handler} unknownHandler Handler for any none not in `passThrough` or otherwise handled
  * @property {(left: NodeWithData|PositionLike|null|undefined, right: Content) => Content} augment Like `h` but lower-level and usable on non-elements.
- * @property {Array.<string>} passThrough List of node types to pass through untouched (except for their children).
+ * @property {Array<string>} passThrough List of node types to pass through untouched (except for their children).
  *
  * @typedef Options
- * @property {boolean} [allowDangerousHtml=false] Whether to allow `html` nodes and inject them as `raw` HTML
- * @property {Handlers} [handlers] Object mapping mdast nodes to functions handling them
- * @property {Array.<string>} [passThrough] List of custom mdast node types to pass through (keep) in hast
- * @property {Handler} [unknownHandler] Handler for all unknown nodes.
+ * @property {boolean} [allowDangerousHtml=false]
+ *   Whether to allow `html` nodes and inject them as `raw` HTML
+ * @property {string} [clobberPrefix='user-content-']
+ *   Prefix to use before the `id` attribute to prevent it from *clobbering*.
+ *   attributes.
+ *   DOM clobbering is this:
+ *
+ *   ```html
+ *   <p id=x></p>
+ *   <script>alert(x)</script>
+ *   ```
+ *
+ *   Elements by their ID are made available in browsers on the `window` object.
+ *   Using a prefix prevents this from being a problem.
+ * @property {string} [footnoteLabel='Footnotes']
+ *   Label to use for the footnotes section.
+ *   Affects screen reader users.
+ *   Change it if you’re authoring in a different language.
+ * @property {string} [footnoteBackLabel='Back to content']
+ *   Label to use from backreferences back to their footnote call.
+ *   Affects screen reader users.
+ *   Change it if you’re authoring in a different language.
+ * @property {Handlers} [handlers]
+ *   Object mapping mdast nodes to functions handling them
+ * @property {Array<string>} [passThrough]
+ *   List of custom mdast node types to pass through (keep) in hast
+ * @property {Handler} [unknownHandler]
+ *   Handler for all unknown nodes.
  *
- * @typedef {Record.<string, Handler>} Handlers Map of node types to handlers
- * @typedef {HFunctionProps & HFunctionNoProps & HFields} H Handle context
+ * @typedef {Record<string, Handler>} Handlers
+ *   Map of node types to handlers
+ * @typedef {HFunctionProps & HFunctionNoProps & HFields} H
+ *   Handle context
  */
 
 
@@ -50248,14 +50469,22 @@ const mdast_util_to_hast_lib_own = {}.hasOwnProperty
 function factory(tree, options) {
   const settings = options || {}
   const dangerous = settings.allowDangerousHtml || false
-  /** @type {Object.<string, FootnoteDefinition>} */
+  /** @type {Record<string, FootnoteDefinition>} */
   const footnoteById = {}
 
   h.dangerous = dangerous
+  h.clobberPrefix =
+    settings.clobberPrefix === undefined || settings.clobberPrefix === null
+      ? 'user-content-'
+      : settings.clobberPrefix
+  h.footnoteLabel = settings.footnoteLabel || 'Footnotes'
+  h.footnoteBackLabel = settings.footnoteBackLabel || 'Back to content'
   h.definition = definitions(tree)
   h.footnoteById = footnoteById
-  /** @type {Array.<string>} */
+  /** @type {Array<string>} */
   h.footnoteOrder = []
+  /** @type {Record<string, number>} */
+  h.footnoteCounts = {}
   h.augment = augment
   h.handlers = {...handlers, ...settings.handlers}
   h.unknownHandler = settings.unknownHandler
@@ -50362,9 +50591,10 @@ function toHast(tree, options) {
   return Array.isArray(node) ? {type: 'root', children: node} : node
 }
 
-;// CONCATENATED MODULE: ./node_modules/remark-rehype/index.js
+
+
+;// CONCATENATED MODULE: ./node_modules/remark-rehype/lib/index.js
 /**
- * @typedef {import('unist').Node} Node
  * @typedef {import('hast').Root} HastRoot
  * @typedef {import('mdast').Root} MdastRoot
  * @typedef {import('mdast-util-to-hast').Options} Options
@@ -50378,12 +50608,21 @@ function toHast(tree, options) {
 // Note: the `<MdastRoot, HastRoot>` overload doesn’t seem to work :'(
 
 /**
- * Plugin to bridge or mutate to rehype.
+ * Plugin that turns markdown into HTML to support rehype.
  *
- * If a destination is given, runs the destination with the new hast tree
- * (bridge-mode).
- * Without destination, returns the hast tree: further plugins run on that tree
- * (mutate-mode).
+ * *   If a destination processor is given, that processor runs with a new HTML
+ *     (hast) tree (bridge-mode).
+ *     As the given processor runs with a hast tree, and rehype plugins support
+ *     hast, that means rehype plugins can be used with the given processor.
+ *     The hast tree is discarded in the end.
+ *     It’s highly unlikely that you want to do this.
+ * *   The common case is to not pass a destination processor, in which case the
+ *     current processor continues running with a new HTML (hast) tree
+ *     (mutate-mode).
+ *     As the current processor continues with a hast tree, and rehype plugins
+ *     support hast, that means rehype plugins can be used after
+ *     `remark-rehype`.
+ *     It’s likely that this is what you want to do.
  *
  * @param destination
  *   Optional unified processor.
@@ -50391,16 +50630,16 @@ function toHast(tree, options) {
  *   Options passed to `mdast-util-to-hast`.
  */
 const remarkRehype =
-  /** @type {(import('unified').Plugin<[Processor, Options?]|[Options]|[], MdastRoot>)} */
+  /** @type {(import('unified').Plugin<[Processor, Options?]|[null|undefined, Options?]|[Options]|[], MdastRoot>)} */
   (
     function (destination, options) {
       return destination && 'run' in destination
         ? bridge(destination, options)
-        : mutate(destination)
+        : mutate(destination || options)
     }
   )
 
-/* harmony default export */ const remark_rehype = (remarkRehype);
+/* harmony default export */ const lib = (remarkRehype);
 
 /**
  * Bridge-mode.
@@ -50418,12 +50657,12 @@ function bridge(destination, options) {
 
 /**
  * Mutate-mode.
- * Further transformers run on the nlcst tree.
+ * Further plugins run on the hast tree.
  *
  * @type {import('unified').Plugin<[Options?]|void[], MdastRoot, HastRoot>}
  */
 function mutate(options) {
-  // @ts-expect-error: assume a corresponding node is returned for `toHast`.
+  // @ts-expect-error: assume a corresponding node is returned by `toHast`.
   return (node) => toHast(node, options)
 }
 
@@ -52910,9 +53149,9 @@ function flattenPosition(pos) {
  * @property {string} children
  *
  * @typedef PluginOptions
- * @property {PluggableList} [plugins=[]] **deprecated**: use `remarkPlugins` instead
  * @property {PluggableList} [remarkPlugins=[]]
  * @property {PluggableList} [rehypePlugins=[]]
+ * @property {import('remark-rehype').Options} [remarkRehypeOptions={}]
  *
  * @typedef LayoutOptions
  * @property {string} [className]
@@ -52941,6 +53180,7 @@ const changelog =
 
 /** @type {Record<string, Deprecation>} */
 const deprecated = {
+  plugins: {to: 'plugins', id: 'change-plugins-to-remarkplugins'},
   renderers: {to: 'components', id: 'change-renderers-to-components'},
   astPlugins: {id: 'remove-buggy-html-in-markdown-parser'},
   allowDangerousHtml: {id: 'remove-buggy-html-in-markdown-parser'},
@@ -52985,9 +53225,11 @@ function ReactMarkdown(options) {
 
   const processor = unified()
     .use(remark_parse)
-    // TODO: deprecate `plugins` in v8.0.0.
-    .use(options.remarkPlugins || options.plugins || [])
-    .use(remark_rehype, {allowDangerousHtml: true})
+    .use(options.remarkPlugins || [])
+    .use(lib, {
+      ...options.remarkRehypeOptions,
+      allowDangerousHtml: true
+    })
     .use(options.rehypePlugins || [])
     .use(rehypeFilter, options)
 
@@ -66880,7 +67122,7 @@ const rehypeAttrs = (options) => {
         });
     };
 };
-/* harmony default export */ const lib = (rehypeAttrs);
+/* harmony default export */ const rehype_attr_lib = (rehypeAttrs);
 
 // EXTERNAL MODULE: ./node_modules/@mapbox/rehype-prism/index.js
 var rehype_prism = __webpack_require__(7748);
@@ -71329,7 +71571,7 @@ var jsx_runtime = __webpack_require__(9724);
 ;// CONCATENATED MODULE: ./node_modules/@uiw/react-markdown-preview/esm/index.js
 
 
-var _excluded = ["prefixCls", "className", "source", "style", "onScroll", "onMouseOver", "warpperElement"];
+var _excluded = ["prefixCls", "className", "source", "style", "onScroll", "onMouseOver", "pluginsFilter", "warpperElement"];
 
 
 
@@ -71391,15 +71633,24 @@ var getCodeStr = function getCodeStr(data, code) {
     style,
     onScroll,
     onMouseOver,
+    pluginsFilter,
     warpperElement = {}
   } = props,
-      other = objectWithoutPropertiesLoose_objectWithoutPropertiesLoose(props, _excluded);
+      other = _objectWithoutPropertiesLoose(props, _excluded);
 
   var mdp = /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createRef();
   (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(ref, () => _extends({}, props, {
     mdp
   }), [mdp, props]);
   var cls = (prefixCls || '') + " " + (className || '');
+  var rehypePlugins = [[(rehype_prism_default()), {
+    ignoreMissing: true
+  }], rehypeRaw, rehypeSlug, rehypeAutolinkHeadings, [rehype_rewrite_lib, {
+    rewrite: rehypeRewriteHandle
+  }], [rehype_attr_lib, {
+    properties: 'attr'
+  }], ...(other.rehypePlugins || [])];
+  var remarkPlugins = [...(other.remarkPlugins || []), remarkGfm];
   return /*#__PURE__*/(0,jsx_runtime.jsx)("div", _extends({
     ref: mdp,
     onScroll: onScroll,
@@ -71408,14 +71659,8 @@ var getCodeStr = function getCodeStr(data, code) {
     className: cls,
     style: style,
     children: /*#__PURE__*/(0,jsx_runtime.jsx)(ReactMarkdown, _extends({}, other, {
-      rehypePlugins: [[(rehype_prism_default()), {
-        ignoreMissing: true
-      }], rehypeRaw, rehypeSlug, rehypeAutolinkHeadings, [rehype_rewrite_lib, {
-        rewrite: rehypeRewriteHandle
-      }], [lib, {
-        properties: 'attr'
-      }], ...(other.rehypePlugins || [])],
-      remarkPlugins: [...(other.remarkPlugins || []), remarkGfm],
+      rehypePlugins: pluginsFilter ? pluginsFilter('rehype', rehypePlugins) : rehypePlugins,
+      remarkPlugins: pluginsFilter ? pluginsFilter('remark', remarkPlugins) : remarkPlugins,
       children: source || ''
     }))
   }));
@@ -75329,10 +75574,10 @@ function Child_Child(props){var _ref=props||{},prefixCls=_ref.prefixCls,groupNam
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const Toolbar = ({});
 ;// CONCATENATED MODULE: ./src/components/Toolbar/index.tsx
-function ToolbarItems(props){var prefixCls=props.prefixCls;var _useContext=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(EditorContext),fullscreen=_useContext.fullscreen,preview=_useContext.preview,_useContext$barPopup=_useContext.barPopup,barPopup=_useContext$barPopup===void 0?{}:_useContext$barPopup,commandOrchestrator=_useContext.commandOrchestrator,dispatch=_useContext.dispatch;var originalOverflow=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)('');function handleClick(command,name){if(!dispatch)return;var state={barPopup:_objectSpread2({},barPopup)};if(command.keyCommand==='preview'){state.preview=command.value;}if(command.keyCommand==='fullscreen'){state.fullscreen=!fullscreen;}if(props.commands&&command.keyCommand==='group'){props.commands.forEach(function(item){if(name===item.groupName){state.barPopup[name]=true;}else if(item.keyCommand){state.barPopup[item.groupName]=false;}});}else if(name||command.parent){Object.keys(state.barPopup||{}).forEach(function(keyName){state.barPopup[keyName]=false;});}if(Object.keys(state).length){dispatch(_objectSpread2({},state));}commandOrchestrator&&commandOrchestrator.executeCommand(command);}(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(document){if(fullscreen){// prevent scroll on fullscreen
+function ToolbarItems(props){var prefixCls=props.prefixCls,overflow=props.overflow;var _useContext=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(EditorContext),fullscreen=_useContext.fullscreen,preview=_useContext.preview,_useContext$barPopup=_useContext.barPopup,barPopup=_useContext$barPopup===void 0?{}:_useContext$barPopup,commandOrchestrator=_useContext.commandOrchestrator,dispatch=_useContext.dispatch;var originalOverflow=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)('');function handleClick(command,name){if(!dispatch)return;var state={barPopup:_objectSpread2({},barPopup)};if(command.keyCommand==='preview'){state.preview=command.value;}if(command.keyCommand==='fullscreen'){state.fullscreen=!fullscreen;}if(props.commands&&command.keyCommand==='group'){props.commands.forEach(function(item){if(name===item.groupName){state.barPopup[name]=true;}else if(item.keyCommand){state.barPopup[item.groupName]=false;}});}else if(name||command.parent){Object.keys(state.barPopup||{}).forEach(function(keyName){state.barPopup[keyName]=false;});}if(Object.keys(state).length){dispatch(_objectSpread2({},state));}commandOrchestrator&&commandOrchestrator.executeCommand(command);}(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(document&&overflow){if(fullscreen){// prevent scroll on fullscreen
 document.body.style.overflow='hidden';}else{// get the original overflow only the first time
 if(!originalOverflow.current){originalOverflow.current=window.getComputedStyle(document.body,null).overflow;}// reset to the original overflow
-document.body.style.overflow=originalOverflow.current;}}},[fullscreen,originalOverflow]);return/*#__PURE__*/(0,jsx_runtime.jsx)("ul",{children:(props.commands||[]).map(function(item,idx){if(item.keyCommand==='divider'){return/*#__PURE__*/(0,jsx_runtime.jsx)("li",_objectSpread2(_objectSpread2({},item.liProps),{},{className:"".concat(prefixCls,"-toolbar-divider")}),idx);}if(!item.keyCommand)return/*#__PURE__*/(0,jsx_runtime.jsx)(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment,{});var activeBtn=fullscreen&&item.keyCommand==='fullscreen'||item.keyCommand==='preview'&&preview===item.value;var childNode=item.children&&typeof item.children==='function'?item.children({getState:function getState(){return commandOrchestrator.getState();},textApi:commandOrchestrator?commandOrchestrator.textApi:undefined,close:function close(){return handleClick({},item.groupName);},execute:function execute(){return handleClick({execute:item.execute});}}):undefined;var disabled=barPopup&&preview&&preview==='preview'&&!/(preview|fullscreen)/.test(item.keyCommand);return/*#__PURE__*/(0,jsx_runtime.jsxs)("li",_objectSpread2(_objectSpread2({},item.liProps),{},{className:activeBtn?"active":'',children:[!item.buttonProps&&item.icon,item.buttonProps&&/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement('button',_objectSpread2(_objectSpread2({type:'button',disabled:disabled,'data-name':item.name},item.buttonProps),{},{onClick:function onClick(evn){evn.stopPropagation();handleClick(item,item.groupName);}}),item.icon),item.children&&/*#__PURE__*/(0,jsx_runtime.jsx)(Child_Child,{groupName:item.groupName,prefixCls:prefixCls,children:childNode,commands:Array.isArray(item.children)?item.children:undefined})]}),idx);})});}function Toolbar_Toolbar(){var props=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var prefixCls=props.prefixCls,_props$height=props.height,height=_props$height===void 0?29:_props$height,isChild=props.isChild;var _useContext2=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(EditorContext),commands=_useContext2.commands,extraCommands=_useContext2.extraCommands;return/*#__PURE__*/(0,jsx_runtime.jsxs)("div",{className:"".concat(prefixCls,"-toolbar"),style:{height:height},children:[/*#__PURE__*/(0,jsx_runtime.jsx)(ToolbarItems,_objectSpread2(_objectSpread2({},props),{},{commands:props.commands||commands||[]})),!isChild&&/*#__PURE__*/(0,jsx_runtime.jsx)(ToolbarItems,_objectSpread2(_objectSpread2({},props),{},{commands:extraCommands||[]}))]});}
+document.body.style.overflow=originalOverflow.current;}}},[fullscreen,originalOverflow,overflow]);return/*#__PURE__*/(0,jsx_runtime.jsx)("ul",{children:(props.commands||[]).map(function(item,idx){if(item.keyCommand==='divider'){return/*#__PURE__*/(0,jsx_runtime.jsx)("li",_objectSpread2(_objectSpread2({},item.liProps),{},{className:"".concat(prefixCls,"-toolbar-divider")}),idx);}if(!item.keyCommand)return/*#__PURE__*/(0,jsx_runtime.jsx)(external_root_React_commonjs2_react_commonjs_react_amd_react_.Fragment,{},idx);var activeBtn=fullscreen&&item.keyCommand==='fullscreen'||item.keyCommand==='preview'&&preview===item.value;var childNode=item.children&&typeof item.children==='function'?item.children({getState:function getState(){return commandOrchestrator.getState();},textApi:commandOrchestrator?commandOrchestrator.textApi:undefined,close:function close(){return handleClick({},item.groupName);},execute:function execute(){return handleClick({execute:item.execute});}}):undefined;var disabled=barPopup&&preview&&preview==='preview'&&!/(preview|fullscreen)/.test(item.keyCommand);return/*#__PURE__*/(0,jsx_runtime.jsxs)("li",_objectSpread2(_objectSpread2({},item.liProps),{},{className:activeBtn?"active":'',children:[!item.buttonProps&&item.icon,item.buttonProps&&/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement('button',_objectSpread2(_objectSpread2({type:'button',key:idx,disabled:disabled,'data-name':item.name},item.buttonProps),{},{onClick:function onClick(evn){evn.stopPropagation();handleClick(item,item.groupName);}}),item.icon),item.children&&/*#__PURE__*/(0,jsx_runtime.jsx)(Child_Child,{overflow:overflow,groupName:item.groupName,prefixCls:prefixCls,children:childNode,commands:Array.isArray(item.children)?item.children:undefined})]}),idx);})});}function Toolbar_Toolbar(){var props=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var prefixCls=props.prefixCls,_props$height=props.height,height=_props$height===void 0?29:_props$height,isChild=props.isChild;var _useContext2=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useContext)(EditorContext),commands=_useContext2.commands,extraCommands=_useContext2.extraCommands;return/*#__PURE__*/(0,jsx_runtime.jsxs)("div",{className:"".concat(prefixCls,"-toolbar"),style:{height:height},children:[/*#__PURE__*/(0,jsx_runtime.jsx)(ToolbarItems,_objectSpread2(_objectSpread2({},props),{},{commands:props.commands||commands||[]})),!isChild&&/*#__PURE__*/(0,jsx_runtime.jsx)(ToolbarItems,_objectSpread2(_objectSpread2({},props),{},{commands:extraCommands||[]}))]});}
 ;// CONCATENATED MODULE: ./src/components/DragBar/index.less
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const DragBar = ({});
@@ -75343,14 +75588,14 @@ var DragBar_DragBar=function DragBar(props){var _ref=props||{},prefixCls=_ref.pr
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const src = ({});
 ;// CONCATENATED MODULE: ./src/Editor.tsx
-var Editor_excluded=["prefixCls","className","value","commands","commandsFilter","extraCommands","height","toolbarHeight","enableScroll","visiableDragbar","highlightEnable","preview","fullscreen","previewOptions","textareaProps","maxHeight","minHeight","autoFocus","tabSize","defaultTabEnable","onChange","hideToolbar","renderTextarea"];function setGroupPopFalse(){var data=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};Object.keys(data).forEach(function(keyname){data[keyname]=false;});return data;}var InternalMDEditor=function InternalMDEditor(props,ref){var _ref=props||{},_ref$prefixCls=_ref.prefixCls,prefixCls=_ref$prefixCls===void 0?'w-md-editor':_ref$prefixCls,className=_ref.className,propsValue=_ref.value,_ref$commands=_ref.commands,commands=_ref$commands===void 0?commands_getCommands():_ref$commands,commandsFilter=_ref.commandsFilter,_ref$extraCommands=_ref.extraCommands,extraCommands=_ref$extraCommands===void 0?getExtraCommands():_ref$extraCommands,_ref$height=_ref.height,height=_ref$height===void 0?200:_ref$height,_ref$toolbarHeight=_ref.toolbarHeight,toolbarHeight=_ref$toolbarHeight===void 0?29:_ref$toolbarHeight,_ref$enableScroll=_ref.enableScroll,enableScroll=_ref$enableScroll===void 0?true:_ref$enableScroll,_ref$visiableDragbar=_ref.visiableDragbar,visiableDragbar=_ref$visiableDragbar===void 0?true:_ref$visiableDragbar,_ref$highlightEnable=_ref.highlightEnable,highlightEnable=_ref$highlightEnable===void 0?true:_ref$highlightEnable,_ref$preview=_ref.preview,previewType=_ref$preview===void 0?'live':_ref$preview,_ref$fullscreen=_ref.fullscreen,fullscreen=_ref$fullscreen===void 0?false:_ref$fullscreen,_ref$previewOptions=_ref.previewOptions,previewOptions=_ref$previewOptions===void 0?{}:_ref$previewOptions,textareaProps=_ref.textareaProps,_ref$maxHeight=_ref.maxHeight,maxHeight=_ref$maxHeight===void 0?1200:_ref$maxHeight,_ref$minHeight=_ref.minHeight,minHeight=_ref$minHeight===void 0?100:_ref$minHeight,autoFocus=_ref.autoFocus,_ref$tabSize=_ref.tabSize,tabSize=_ref$tabSize===void 0?2:_ref$tabSize,_ref$defaultTabEnable=_ref.defaultTabEnable,defaultTabEnable=_ref$defaultTabEnable===void 0?false:_ref$defaultTabEnable,_onChange=_ref.onChange,hideToolbar=_ref.hideToolbar,renderTextarea=_ref.renderTextarea,other=_objectWithoutProperties(_ref,Editor_excluded);var cmds=commands.map(function(item){return commandsFilter?commandsFilter(item,false):item;}).filter(Boolean);var extraCmds=extraCommands.map(function(item){return commandsFilter?commandsFilter(item,true):item;}).filter(Boolean);var _useReducer=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useReducer)(reducer,{markdown:propsValue,preview:previewType,height:height,highlightEnable:highlightEnable,tabSize:tabSize,defaultTabEnable:defaultTabEnable,scrollTop:0,scrollTopPreview:0,commands:cmds,extraCommands:extraCmds,fullscreen:fullscreen,barPopup:{}}),_useReducer2=_slicedToArray(_useReducer,2),state=_useReducer2[0],dispatch=_useReducer2[1];var container=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);var previewRef=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);var enableScrollRef=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(enableScroll);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(ref,function(){return _objectSpread2({},state);});(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){return enableScrollRef.current=enableScroll;},[enableScroll]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){var stateInit={};if(container.current){stateInit.container=container.current||undefined;}stateInit.markdown=propsValue||'';stateInit.barPopup={};if(dispatch){dispatch(_objectSpread2(_objectSpread2({},state),stateInit));}// eslint-disable-next-line react-hooks/exhaustive-deps
+var Editor_excluded=["prefixCls","className","value","commands","commandsFilter","extraCommands","height","toolbarHeight","enableScroll","visiableDragbar","highlightEnable","preview","fullscreen","overflow","previewOptions","textareaProps","maxHeight","minHeight","autoFocus","tabSize","defaultTabEnable","onChange","hideToolbar","renderTextarea"];function setGroupPopFalse(){var data=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};Object.keys(data).forEach(function(keyname){data[keyname]=false;});return data;}var InternalMDEditor=function InternalMDEditor(props,ref){var _ref=props||{},_ref$prefixCls=_ref.prefixCls,prefixCls=_ref$prefixCls===void 0?'w-md-editor':_ref$prefixCls,className=_ref.className,propsValue=_ref.value,_ref$commands=_ref.commands,commands=_ref$commands===void 0?commands_getCommands():_ref$commands,commandsFilter=_ref.commandsFilter,_ref$extraCommands=_ref.extraCommands,extraCommands=_ref$extraCommands===void 0?getExtraCommands():_ref$extraCommands,_ref$height=_ref.height,height=_ref$height===void 0?200:_ref$height,_ref$toolbarHeight=_ref.toolbarHeight,toolbarHeight=_ref$toolbarHeight===void 0?29:_ref$toolbarHeight,_ref$enableScroll=_ref.enableScroll,enableScroll=_ref$enableScroll===void 0?true:_ref$enableScroll,_ref$visiableDragbar=_ref.visiableDragbar,visiableDragbar=_ref$visiableDragbar===void 0?true:_ref$visiableDragbar,_ref$highlightEnable=_ref.highlightEnable,highlightEnable=_ref$highlightEnable===void 0?true:_ref$highlightEnable,_ref$preview=_ref.preview,previewType=_ref$preview===void 0?'live':_ref$preview,_ref$fullscreen=_ref.fullscreen,fullscreen=_ref$fullscreen===void 0?false:_ref$fullscreen,_ref$overflow=_ref.overflow,overflow=_ref$overflow===void 0?true:_ref$overflow,_ref$previewOptions=_ref.previewOptions,previewOptions=_ref$previewOptions===void 0?{}:_ref$previewOptions,textareaProps=_ref.textareaProps,_ref$maxHeight=_ref.maxHeight,maxHeight=_ref$maxHeight===void 0?1200:_ref$maxHeight,_ref$minHeight=_ref.minHeight,minHeight=_ref$minHeight===void 0?100:_ref$minHeight,autoFocus=_ref.autoFocus,_ref$tabSize=_ref.tabSize,tabSize=_ref$tabSize===void 0?2:_ref$tabSize,_ref$defaultTabEnable=_ref.defaultTabEnable,defaultTabEnable=_ref$defaultTabEnable===void 0?false:_ref$defaultTabEnable,_onChange=_ref.onChange,hideToolbar=_ref.hideToolbar,renderTextarea=_ref.renderTextarea,other=_objectWithoutProperties(_ref,Editor_excluded);var cmds=commands.map(function(item){return commandsFilter?commandsFilter(item,false):item;}).filter(Boolean);var extraCmds=extraCommands.map(function(item){return commandsFilter?commandsFilter(item,true):item;}).filter(Boolean);var _useReducer=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useReducer)(reducer,{markdown:propsValue,preview:previewType,height:height,highlightEnable:highlightEnable,tabSize:tabSize,defaultTabEnable:defaultTabEnable,scrollTop:0,scrollTopPreview:0,commands:cmds,extraCommands:extraCmds,fullscreen:fullscreen,barPopup:{}}),_useReducer2=_slicedToArray(_useReducer,2),state=_useReducer2[0],dispatch=_useReducer2[1];var container=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);var previewRef=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);var enableScrollRef=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(enableScroll);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useImperativeHandle)(ref,function(){return _objectSpread2({},state);});(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){return enableScrollRef.current=enableScroll;},[enableScroll]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){var stateInit={};if(container.current){stateInit.container=container.current||undefined;}stateInit.markdown=propsValue||'';stateInit.barPopup={};if(dispatch){dispatch(_objectSpread2(_objectSpread2({},state),stateInit));}// eslint-disable-next-line react-hooks/exhaustive-deps
 },[]);var cls=[className,prefixCls,state.preview?"".concat(prefixCls,"-show-").concat(state.preview):null,state.fullscreen?"".concat(prefixCls,"-fullscreen"):null].filter(Boolean).join(' ').trim();(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){return propsValue!==state.markdown&&dispatch({markdown:propsValue||''});},[propsValue,state.markdown]);// eslint-disable-next-line react-hooks/exhaustive-deps
 (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){return previewType!==state.preview&&dispatch({preview:previewType});},[previewType]);// eslint-disable-next-line react-hooks/exhaustive-deps
 (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){return height!==state.height&&dispatch({height:height});},[height]);// eslint-disable-next-line react-hooks/exhaustive-deps
 (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){return tabSize!==state.tabSize&&dispatch({tabSize:tabSize});},[tabSize]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){return highlightEnable!==state.highlightEnable&&dispatch({highlightEnable:highlightEnable});},// eslint-disable-next-line react-hooks/exhaustive-deps
 [highlightEnable]);// eslint-disable-next-line react-hooks/exhaustive-deps
 (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){return autoFocus!==state.autoFocus&&dispatch({autoFocus:autoFocus});},[autoFocus]);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){return fullscreen!==state.fullscreen&&dispatch({fullscreen:fullscreen});},// eslint-disable-next-line react-hooks/exhaustive-deps
-[fullscreen]);var textareaDomRef=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();var active=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)('preview');var initScroll=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){textareaDomRef.current=state.textareaWarp;if(state.textareaWarp){state.textareaWarp.addEventListener('mouseover',function(){active.current='text';});state.textareaWarp.addEventListener('mouseleave',function(){active.current='preview';});}},[state.textareaWarp]);var handleScroll=function handleScroll(e,type){if(!enableScrollRef.current)return;var textareaDom=textareaDomRef.current;var previewDom=previewRef.current?previewRef.current.mdp.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:scrollTop});}};var mdPreview=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){return/*#__PURE__*/(0,jsx_runtime.jsx)(esm,_objectSpread2(_objectSpread2({},previewOptions),{},{onScroll:function onScroll(e){return handleScroll(e,'preview');},ref:previewRef,source:state.markdown||'',className:"".concat(prefixCls,"-preview ").concat(previewOptions.className||'')}));},[prefixCls,previewOptions,state.markdown]);return/*#__PURE__*/(0,jsx_runtime.jsx)(EditorContext.Provider,{value:_objectSpread2(_objectSpread2({},state),{},{dispatch:dispatch}),children:/*#__PURE__*/(0,jsx_runtime.jsxs)("div",_objectSpread2(_objectSpread2({ref:container,className:cls},other),{},{onClick:function onClick(){dispatch({barPopup:_objectSpread2({},setGroupPopFalse(state.barPopup))});},style:_objectSpread2(_objectSpread2({},other.style),{},{height:state.fullscreen?'100%':hideToolbar?Number(state.height)-toolbarHeight:state.height}),children:[!hideToolbar&&/*#__PURE__*/(0,jsx_runtime.jsx)(Toolbar_Toolbar,{prefixCls:prefixCls,height:toolbarHeight}),/*#__PURE__*/(0,jsx_runtime.jsxs)("div",{className:"".concat(prefixCls,"-content"),style:{height:state.fullscreen?"calc(100% - ".concat(toolbarHeight,"px)"):Number(state.height)-toolbarHeight},children:[/(edit|live)/.test(state.preview||'')&&/*#__PURE__*/(0,jsx_runtime.jsx)(TextArea_TextArea,_objectSpread2(_objectSpread2({className:"".concat(prefixCls,"-input"),prefixCls:prefixCls,autoFocus:autoFocus},textareaProps),{},{onChange:function onChange(evn){_onChange&&_onChange(evn.target.value);if(textareaProps&&textareaProps.onChange){textareaProps.onChange(evn);}},renderTextarea:renderTextarea,onScroll:function onScroll(e){return handleScroll(e,'text');}})),/(live|preview)/.test(state.preview||'')&&mdPreview]}),visiableDragbar&&!state.fullscreen&&/*#__PURE__*/(0,jsx_runtime.jsx)(components_DragBar,{prefixCls:prefixCls,height:state.height,maxHeight:maxHeight,minHeight:minHeight,onChange:function onChange(newHeight){dispatch({height:newHeight});}})]}))});};var mdEditor=/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(InternalMDEditor);mdEditor.Markdown=esm;/* harmony default export */ const Editor = (mdEditor);
+[fullscreen]);var textareaDomRef=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();var active=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)('preview');var initScroll=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(false);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){textareaDomRef.current=state.textareaWarp;if(state.textareaWarp){state.textareaWarp.addEventListener('mouseover',function(){active.current='text';});state.textareaWarp.addEventListener('mouseleave',function(){active.current='preview';});}},[state.textareaWarp]);var handleScroll=function handleScroll(e,type){if(!enableScrollRef.current)return;var textareaDom=textareaDomRef.current;var previewDom=previewRef.current?previewRef.current.mdp.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:scrollTop});}};var mdPreview=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){return/*#__PURE__*/(0,jsx_runtime.jsx)(esm,_objectSpread2(_objectSpread2({},previewOptions),{},{onScroll:function onScroll(e){return handleScroll(e,'preview');},ref:previewRef,source:state.markdown||'',className:"".concat(prefixCls,"-preview ").concat(previewOptions.className||'')}));},[prefixCls,previewOptions,state.markdown]);return/*#__PURE__*/(0,jsx_runtime.jsx)(EditorContext.Provider,{value:_objectSpread2(_objectSpread2({},state),{},{dispatch:dispatch}),children:/*#__PURE__*/(0,jsx_runtime.jsxs)("div",_objectSpread2(_objectSpread2({ref:container,className:cls},other),{},{onClick:function onClick(){dispatch({barPopup:_objectSpread2({},setGroupPopFalse(state.barPopup))});},style:_objectSpread2(_objectSpread2({},other.style),{},{height:state.fullscreen?'100%':hideToolbar?Number(state.height)-toolbarHeight:state.height}),children:[!hideToolbar&&/*#__PURE__*/(0,jsx_runtime.jsx)(Toolbar_Toolbar,{prefixCls:prefixCls,height:toolbarHeight,overflow:overflow}),/*#__PURE__*/(0,jsx_runtime.jsxs)("div",{className:"".concat(prefixCls,"-content"),style:{height:state.fullscreen?"calc(100% - ".concat(toolbarHeight,"px)"):Number(state.height)-toolbarHeight},children:[/(edit|live)/.test(state.preview||'')&&/*#__PURE__*/(0,jsx_runtime.jsx)(TextArea_TextArea,_objectSpread2(_objectSpread2({className:"".concat(prefixCls,"-input"),prefixCls:prefixCls,autoFocus:autoFocus},textareaProps),{},{onChange:function onChange(evn){_onChange&&_onChange(evn.target.value);if(textareaProps&&textareaProps.onChange){textareaProps.onChange(evn);}},renderTextarea:renderTextarea,onScroll:function onScroll(e){return handleScroll(e,'text');}})),/(live|preview)/.test(state.preview||'')&&mdPreview]}),visiableDragbar&&!state.fullscreen&&/*#__PURE__*/(0,jsx_runtime.jsx)(components_DragBar,{prefixCls:prefixCls,height:state.height,maxHeight:maxHeight,minHeight:minHeight,onChange:function onChange(newHeight){dispatch({height:newHeight});}})]}))});};var mdEditor=/*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().forwardRef(InternalMDEditor);mdEditor.Markdown=esm;/* harmony default export */ const Editor = (mdEditor);
 ;// CONCATENATED MODULE: ./src/index.tsx
 /* harmony default export */ const src_0 = (Editor);
 })();