@uiw/react-md-editor 3.20.6 → 3.20.8

package/dist/mdeditor.js

@@ -14,20 +14,22 @@ return /******/ (() => { // webpackBootstrap
 /***/ 7071:
 /***/ (function(module) {
 
-/*!
- * @uiw/copy-to-clipboard v1.0.12
- * Copy to clipboard.
+/**! 
+ * @uiw/copy-to-clipboard v1.0.14 
+ * Copy to clipboard. 
  * 
- * Copyright (c) 2021 Kenny Wang
- * https://github.com/uiwjs/copy-to-clipboard.git
+ * Copyright (c) 2023 Kenny Wang 
+ * https://github.com/uiwjs/copy-to-clipboard.git 
  * 
- * Licensed under the MIT license.
+ * @website: https://uiwjs.github.io/copy-to-clipboard
+ 
+ * Licensed under the MIT license 
  */
 
 (function (global, factory) {
    true ? module.exports = factory() :
   0;
-}(this, (function () { 'use strict';
+})(this, (function () { 'use strict';
 
   /**
    * *** This styling is an extra step which is likely not required. ***
@@ -82,7 +84,7 @@ return /******/ (() => { // webpackBootstrap
 
   return copyTextToClipboard;
 
-})));
+}));
 //# sourceMappingURL=copy-to-clipboard.umd.js.map
 
 
@@ -19842,8 +19844,13 @@ function looksLikeAVFileValue(value) {
  *   Configuration (optional).
  * @property {boolean | null | undefined} [includeImageAlt=true]
  *   Whether to use `alt` for `image`s.
+ * @property {boolean | null | undefined} [includeHtml=true]
+ *   Whether to use `value` of HTML.
  */
 
+/** @type {Options} */
+const emptyOptions = {}
+
 /**
  * Get the text content of a node or list of nodes.
  *
@@ -19858,11 +19865,15 @@ function looksLikeAVFileValue(value) {
  *   Serialized `value`.
  */
 function lib_toString(value, options) {
-  const includeImageAlt = (options || {}).includeImageAlt
-  return one(
-    value,
-    typeof includeImageAlt === 'boolean' ? includeImageAlt : true
-  )
+  const settings = options || emptyOptions
+  const includeImageAlt =
+    typeof settings.includeImageAlt === 'boolean'
+      ? settings.includeImageAlt
+      : true
+  const includeHtml =
+    typeof settings.includeHtml === 'boolean' ? settings.includeHtml : true
+
+  return one(value, includeImageAlt, includeHtml)
 }
 
 /**
@@ -19872,18 +19883,31 @@ function lib_toString(value, options) {
  *   Thing to serialize.
  * @param {boolean} includeImageAlt
  *   Include image `alt`s.
+ * @param {boolean} includeHtml
+ *   Include HTML.
  * @returns {string}
  *   Serialized node.
  */
-function one(value, includeImageAlt) {
-  return (
-    (node(value) &&
-      (('value' in value && value.value) ||
-        (includeImageAlt && 'alt' in value && value.alt) ||
-        ('children' in value && lib_all(value.children, includeImageAlt)))) ||
-    (Array.isArray(value) && lib_all(value, includeImageAlt)) ||
-    ''
-  )
+function one(value, includeImageAlt, includeHtml) {
+  if (node(value)) {
+    if ('value' in value) {
+      return value.type === 'html' && !includeHtml ? '' : value.value
+    }
+
+    if (includeImageAlt && 'alt' in value && value.alt) {
+      return value.alt
+    }
+
+    if ('children' in value) {
+      return lib_all(value.children, includeImageAlt, includeHtml)
+    }
+  }
+
+  if (Array.isArray(value)) {
+    return lib_all(value, includeImageAlt, includeHtml)
+  }
+
+  return ''
 }
 
 /**
@@ -19893,16 +19917,18 @@ function one(value, includeImageAlt) {
  *   Thing to serialize.
  * @param {boolean} includeImageAlt
  *   Include image `alt`s.
+ * @param {boolean} includeHtml
+ *   Include HTML.
  * @returns {string}
  *   Serialized nodes.
  */
-function lib_all(values, includeImageAlt) {
+function lib_all(values, includeImageAlt, includeHtml) {
   /** @type {Array<string>} */
   const result = []
   let index = -1
 
   while (++index < values.length) {
-    result[index] = one(values[index], includeImageAlt)
+    result[index] = one(values[index], includeImageAlt, includeHtml)
   }
 
   return result.join('')
@@ -32905,12 +32931,7 @@ function toReact(context, node, index, parent) {
     )
   }
 
-  properties.key = [
-    name,
-    position.start.line,
-    position.start.column,
-    index
-  ].join('-')
+  properties.key = index
 
   if (name === 'a' && options.linkTarget) {
     properties.target =
@@ -33957,26 +33978,38 @@ function previousUnbalanced(events) {
 
 ;// CONCATENATED MODULE: ../node_modules/micromark-extension-gfm-footnote/lib/syntax.js
 /**
+ * @typedef {import('micromark-util-types').Event} Event
+ * @typedef {import('micromark-util-types').Exiter} Exiter
  * @typedef {import('micromark-util-types').Extension} Extension
  * @typedef {import('micromark-util-types').Resolver} Resolver
+ * @typedef {import('micromark-util-types').State} State
  * @typedef {import('micromark-util-types').Token} Token
+ * @typedef {import('micromark-util-types').TokenizeContext} TokenizeContext
  * @typedef {import('micromark-util-types').Tokenizer} Tokenizer
- * @typedef {import('micromark-util-types').Exiter} Exiter
- * @typedef {import('micromark-util-types').State} State
- * @typedef {import('micromark-util-types').Event} Event
  */
 
 
 
 
+
 const indent = {
   tokenize: syntax_tokenizeIndent,
   partial: true
 }
+
+// To do: micromark should support a `_hiddenGfmFootnoteSupport`, which only
+// affects label start (image).
+// That will let us drop `tokenizePotentialGfmFootnote*`.
+// It currently has a `_hiddenFootnoteSupport`, which affects that and more.
+// That can be removed when `micromark-extension-footnote` is archived.
+
 /**
+ * Create an extension for `micromark` to enable GFM footnote syntax.
+ *
  * @returns {Extension}
+ *   Extension for `micromark` that can be passed in `extensions` to
+ *   enable GFM footnote syntax.
  */
-
 function gfmFootnote() {
   /** @type {Extension} */
   return {
@@ -34001,27 +34034,30 @@ function gfmFootnote() {
     }
   }
 }
-/** @type {Tokenizer} */
 
+// To do: remove after micromark update.
+/**
+ * @this {TokenizeContext}
+ * @type {Tokenizer}
+ */
 function tokenizePotentialGfmFootnoteCall(effects, ok, nok) {
   const self = this
   let index = self.events.length
   /** @type {Array<string>} */
   // @ts-expect-error It’s fine!
-
   const defined = self.parser.gfmFootnotes || (self.parser.gfmFootnotes = [])
   /** @type {Token} */
+  let labelStart
 
-  let labelStart // Find an opening.
-
+  // Find an opening.
   while (index--) {
     const token = self.events[index][1]
-
     if (token.type === 'labelImage') {
       labelStart = token
       break
-    } // Exit if we’ve walked far enough.
+    }
 
+    // Exit if we’ve walked far enough.
     if (
       token.type === 'gfmFootnoteCall' ||
       token.type === 'labelLink' ||
@@ -34032,40 +34068,39 @@ function tokenizePotentialGfmFootnoteCall(effects, ok, nok) {
       break
     }
   }
-
   return start
-  /** @type {State} */
 
+  /**
+   * @type {State}
+   */
   function start(code) {
     if (!labelStart || !labelStart._balanced) {
       return nok(code)
     }
-
     const id = normalizeIdentifier(
       self.sliceSerialize({
         start: labelStart.end,
         end: self.now()
       })
     )
-
-    if (id.charCodeAt(0) !== 94 || !defined.includes(id.slice(1))) {
+    if (id.codePointAt(0) !== 94 || !defined.includes(id.slice(1))) {
       return nok(code)
     }
-
     effects.enter('gfmFootnoteCallLabelMarker')
     effects.consume(code)
     effects.exit('gfmFootnoteCallLabelMarker')
     return ok(code)
   }
 }
-/** @type {Resolver} */
 
+// To do: remove after micromark update.
+/** @type {Resolver} */
 function resolveToPotentialGfmFootnoteCall(events, context) {
   let index = events.length
-  /** @type {Token|undefined} */
-
-  let labelStart // Find an opening.
+  /** @type {Token | undefined} */
+  let labelStart
 
+  // Find an opening.
   while (index--) {
     if (
       events[index][1].type === 'labelImage' &&
@@ -34075,23 +34110,23 @@ function resolveToPotentialGfmFootnoteCall(events, context) {
       break
     }
   }
-
   // Change the `labelImageMarker` to a `data`.
   events[index + 1][1].type = 'data'
-  events[index + 3][1].type = 'gfmFootnoteCallLabelMarker' // The whole (without `!`):
+  events[index + 3][1].type = 'gfmFootnoteCallLabelMarker'
 
+  // The whole (without `!`):
   const call = {
     type: 'gfmFootnoteCall',
     start: Object.assign({}, events[index + 3][1].start),
     end: Object.assign({}, events[events.length - 1][1].end)
-  } // The `^` marker
-
+  }
+  // The `^` marker
   const marker = {
     type: 'gfmFootnoteCallMarker',
     start: Object.assign({}, events[index + 3][1].end),
     end: Object.assign({}, events[index + 3][1].end)
-  } // Increment the end 1 character.
-
+  }
+  // Increment the end 1 character.
   marker.end.column++
   marker.end.offset++
   marker.end._bufferIndex++
@@ -34106,21 +34141,25 @@ function resolveToPotentialGfmFootnoteCall(events, context) {
     start: Object.assign({}, string.start),
     end: Object.assign({}, string.end)
   }
-  /** @type {Array<Event>} */
 
+  /** @type {Array<Event>} */
   const replacement = [
     // Take the `labelImageMarker` (now `data`, the `!`)
     events[index + 1],
     events[index + 2],
-    ['enter', call, context], // The `[`
+    ['enter', call, context],
+    // The `[`
     events[index + 3],
-    events[index + 4], // The `^`.
+    events[index + 4],
+    // The `^`.
     ['enter', marker, context],
-    ['exit', marker, context], // Everything in between.
+    ['exit', marker, context],
+    // Everything in between.
     ['enter', string, context],
     ['enter', chunk, context],
     ['exit', chunk, context],
-    ['exit', string, context], // The ending (`]`, properly parsed and labelled).
+    ['exit', string, context],
+    // The ending (`]`, properly parsed and labelled).
     events[events.length - 2],
     events[events.length - 1],
     ['exit', call, context]
@@ -34128,21 +34167,37 @@ function resolveToPotentialGfmFootnoteCall(events, context) {
   events.splice(index, events.length - index + 1, ...replacement)
   return events
 }
-/** @type {Tokenizer} */
 
+/**
+ * @this {TokenizeContext}
+ * @type {Tokenizer}
+ */
 function tokenizeGfmFootnoteCall(effects, ok, nok) {
   const self = this
   /** @type {Array<string>} */
   // @ts-expect-error It’s fine!
-
   const defined = self.parser.gfmFootnotes || (self.parser.gfmFootnotes = [])
   let size = 0
   /** @type {boolean} */
-
   let data
+
+  // Note: the implementation of `markdown-rs` is different, because it houses
+  // core *and* extensions in one project.
+  // Therefore, it can include footnote logic inside `label-end`.
+  // We can’t do that, but luckily, we can parse footnotes in a simpler way than
+  // needed for labels.
   return start
-  /** @type {State} */
 
+  /**
+   * Start of footnote label.
+   *
+   * ```markdown
+   * > | a [^b] c
+   *       ^
+   * ```
+   *
+   * @type {State}
+   */
   function start(code) {
     effects.enter('gfmFootnoteCall')
     effects.enter('gfmFootnoteCallLabelMarker')
@@ -34150,8 +34205,17 @@ function tokenizeGfmFootnoteCall(effects, ok, nok) {
     effects.exit('gfmFootnoteCallLabelMarker')
     return callStart
   }
-  /** @type {State} */
 
+  /**
+   * After `[`, at `^`.
+   *
+   * ```markdown
+   * > | a [^b] c
+   *        ^
+   * ```
+   *
+   * @type {State}
+   */
   function callStart(code) {
     if (code !== 94) return nok(code)
     effects.enter('gfmFootnoteCallMarker')
@@ -34161,112 +34225,158 @@ function tokenizeGfmFootnoteCall(effects, ok, nok) {
     effects.enter('chunkString').contentType = 'string'
     return callData
   }
-  /** @type {State} */
 
+  /**
+   * In label.
+   *
+   * ```markdown
+   * > | a [^b] c
+   *         ^
+   * ```
+   *
+   * @type {State}
+   */
   function callData(code) {
-    /** @type {Token} */
-    let token
-
-    if (code === null || code === 91 || size++ > 999) {
+    if (
+      // Too long.
+      size > 999 ||
+      // Closing brace with nothing.
+      (code === 93 && !data) ||
+      // Space or tab is not supported by GFM for some reason.
+      // `\n` and `[` not being supported makes sense.
+      code === null ||
+      code === 91 ||
+      markdownLineEndingOrSpace(code)
+    ) {
       return nok(code)
     }
-
     if (code === 93) {
-      if (!data) {
+      effects.exit('chunkString')
+      const token = effects.exit('gfmFootnoteCallString')
+      if (!defined.includes(normalizeIdentifier(self.sliceSerialize(token)))) {
         return nok(code)
       }
-
-      effects.exit('chunkString')
-      token = effects.exit('gfmFootnoteCallString')
-      return defined.includes(normalizeIdentifier(self.sliceSerialize(token)))
-        ? end(code)
-        : nok(code)
+      effects.enter('gfmFootnoteCallLabelMarker')
+      effects.consume(code)
+      effects.exit('gfmFootnoteCallLabelMarker')
+      effects.exit('gfmFootnoteCall')
+      return ok
     }
-
-    effects.consume(code)
-
     if (!markdownLineEndingOrSpace(code)) {
       data = true
     }
-
+    size++
+    effects.consume(code)
     return code === 92 ? callEscape : callData
   }
-  /** @type {State} */
 
+  /**
+   * On character after escape.
+   *
+   * ```markdown
+   * > | a [^b\c] d
+   *           ^
+   * ```
+   *
+   * @type {State}
+   */
   function callEscape(code) {
     if (code === 91 || code === 92 || code === 93) {
       effects.consume(code)
       size++
       return callData
     }
-
     return callData(code)
   }
-  /** @type {State} */
-
-  function end(code) {
-    effects.enter('gfmFootnoteCallLabelMarker')
-    effects.consume(code)
-    effects.exit('gfmFootnoteCallLabelMarker')
-    effects.exit('gfmFootnoteCall')
-    return ok
-  }
 }
-/** @type {Tokenizer} */
 
+/**
+ * @this {TokenizeContext}
+ * @type {Tokenizer}
+ */
 function tokenizeDefinitionStart(effects, ok, nok) {
   const self = this
   /** @type {Array<string>} */
   // @ts-expect-error It’s fine!
-
   const defined = self.parser.gfmFootnotes || (self.parser.gfmFootnotes = [])
   /** @type {string} */
-
   let identifier
   let size = 0
-  /** @type {boolean|undefined} */
-
+  /** @type {boolean | undefined} */
   let data
   return start
-  /** @type {State} */
 
+  /**
+   * Start of GFM footnote definition.
+   *
+   * ```markdown
+   * > | [^a]: b
+   *     ^
+   * ```
+   *
+   * @type {State}
+   */
   function start(code) {
     effects.enter('gfmFootnoteDefinition')._container = true
     effects.enter('gfmFootnoteDefinitionLabel')
     effects.enter('gfmFootnoteDefinitionLabelMarker')
     effects.consume(code)
     effects.exit('gfmFootnoteDefinitionLabelMarker')
-    return labelStart
+    return labelAtMarker
   }
-  /** @type {State} */
 
-  function labelStart(code) {
+  /**
+   * In label, at caret.
+   *
+   * ```markdown
+   * > | [^a]: b
+   *      ^
+   * ```
+   *
+   * @type {State}
+   */
+  function labelAtMarker(code) {
     if (code === 94) {
       effects.enter('gfmFootnoteDefinitionMarker')
       effects.consume(code)
       effects.exit('gfmFootnoteDefinitionMarker')
       effects.enter('gfmFootnoteDefinitionLabelString')
-      return atBreak
+      effects.enter('chunkString').contentType = 'string'
+      return labelInside
     }
-
     return nok(code)
   }
-  /** @type {State} */
 
-  function atBreak(code) {
-    /** @type {Token} */
-    let token
-
-    if (code === null || code === 91 || size > 999) {
+  /**
+   * In label.
+   *
+   * > 👉 **Note**: `cmark-gfm` prevents whitespace from occurring in footnote
+   * > definition labels.
+   *
+   * ```markdown
+   * > | [^a]: b
+   *       ^
+   * ```
+   *
+   * @type {State}
+   */
+  function labelInside(code) {
+    if (
+      // Too long.
+      size > 999 ||
+      // Closing brace with nothing.
+      (code === 93 && !data) ||
+      // Space or tab is not supported by GFM for some reason.
+      // `\n` and `[` not being supported makes sense.
+      code === null ||
+      code === 91 ||
+      markdownLineEndingOrSpace(code)
+    ) {
       return nok(code)
     }
-
     if (code === 93) {
-      if (!data) {
-        return nok(code)
-      }
-
-      token = effects.exit('gfmFootnoteDefinitionLabelString')
+      effects.exit('chunkString')
+      const token = effects.exit('gfmFootnoteDefinitionLabelString')
       identifier = normalizeIdentifier(self.sliceSerialize(token))
       effects.enter('gfmFootnoteDefinitionLabelMarker')
       effects.consume(code)
@@ -34274,89 +34384,109 @@ function tokenizeDefinitionStart(effects, ok, nok) {
       effects.exit('gfmFootnoteDefinitionLabel')
       return labelAfter
     }
-
-    if (markdownLineEnding(code)) {
-      effects.enter('lineEnding')
-      effects.consume(code)
-      effects.exit('lineEnding')
-      size++
-      return atBreak
-    }
-
-    effects.enter('chunkString').contentType = 'string'
-    return label(code)
-  }
-  /** @type {State} */
-
-  function label(code) {
-    if (
-      code === null ||
-      markdownLineEnding(code) ||
-      code === 91 ||
-      code === 93 ||
-      size > 999
-    ) {
-      effects.exit('chunkString')
-      return atBreak(code)
-    }
-
     if (!markdownLineEndingOrSpace(code)) {
       data = true
     }
-
     size++
     effects.consume(code)
-    return code === 92 ? labelEscape : label
+    return code === 92 ? labelEscape : labelInside
   }
-  /** @type {State} */
 
+  /**
+   * After `\`, at a special character.
+   *
+   * > 👉 **Note**: `cmark-gfm` currently does not support escaped brackets:
+   * > <https://github.com/github/cmark-gfm/issues/240>
+   *
+   * ```markdown
+   * > | [^a\*b]: c
+   *         ^
+   * ```
+   *
+   * @type {State}
+   */
   function labelEscape(code) {
     if (code === 91 || code === 92 || code === 93) {
       effects.consume(code)
       size++
-      return label
+      return labelInside
     }
-
-    return label(code)
+    return labelInside(code)
   }
-  /** @type {State} */
 
+  /**
+   * After definition label.
+   *
+   * ```markdown
+   * > | [^a]: b
+   *         ^
+   * ```
+   *
+   * @type {State}
+   */
   function labelAfter(code) {
     if (code === 58) {
       effects.enter('definitionMarker')
       effects.consume(code)
-      effects.exit('definitionMarker') // Any whitespace after the marker is eaten, forming indented code
+      effects.exit('definitionMarker')
+      if (!defined.includes(identifier)) {
+        defined.push(identifier)
+      }
+
+      // Any whitespace after the marker is eaten, forming indented code
       // is not possible.
       // No space is also fine, just like a block quote marker.
-
-      return factorySpace(effects, done, 'gfmFootnoteDefinitionWhitespace')
+      return factorySpace(
+        effects,
+        whitespaceAfter,
+        'gfmFootnoteDefinitionWhitespace'
+      )
     }
-
     return nok(code)
   }
-  /** @type {State} */
-
-  function done(code) {
-    if (!defined.includes(identifier)) {
-      defined.push(identifier)
-    }
 
+  /**
+   * After definition prefix.
+   *
+   * ```markdown
+   * > | [^a]: b
+   *           ^
+   * ```
+   *
+   * @type {State}
+   */
+  function whitespaceAfter(code) {
+    // `markdown-rs` has a wrapping token for the prefix that is closed here.
     return ok(code)
   }
 }
-/** @type {Tokenizer} */
 
+/**
+ * @this {TokenizeContext}
+ * @type {Tokenizer}
+ */
 function tokenizeDefinitionContinuation(effects, ok, nok) {
+  /// Start of footnote definition continuation.
+  ///
+  /// ```markdown
+  ///   | [^a]: b
+  /// > |     c
+  ///     ^
+  /// ```
+  //
   // Either a blank line, which is okay, or an indented thing.
   return effects.check(blankLine, ok, effects.attempt(indent, ok, nok))
 }
-/** @type {Exiter} */
 
+/** @type {Exiter} */
 function gfmFootnoteDefinitionEnd(effects) {
   effects.exit('gfmFootnoteDefinition')
 }
-/** @type {Tokenizer} */
 
+/**
+ * @this {TokenizeContext}
+ * @type {Tokenizer}
+ */
 function syntax_tokenizeIndent(effects, ok, nok) {
   const self = this
   return factorySpace(
@@ -34365,8 +34495,10 @@ function syntax_tokenizeIndent(effects, ok, nok) {
     'gfmFootnoteDefinitionIndent',
     4 + 1
   )
-  /** @type {State} */
 
+  /**
+   * @type {State}
+   */
   function afterPrefix(code) {
     const tail = self.events[self.events.length - 1]
     return tail &&
@@ -35160,106 +35292,165 @@ function tokenizeNextPrefixedOrBlank(effects, ok, nok) {
 ;// CONCATENATED MODULE: ../node_modules/micromark-extension-gfm-task-list-item/lib/syntax.js
 /**
  * @typedef {import('micromark-util-types').Extension} Extension
- * @typedef {import('micromark-util-types').ConstructRecord} ConstructRecord
- * @typedef {import('micromark-util-types').Tokenizer} Tokenizer
- * @typedef {import('micromark-util-types').Previous} Previous
  * @typedef {import('micromark-util-types').State} State
- * @typedef {import('micromark-util-types').Event} Event
- * @typedef {import('micromark-util-types').Code} Code
+ * @typedef {import('micromark-util-types').TokenizeContext} TokenizeContext
+ * @typedef {import('micromark-util-types').Tokenizer} Tokenizer
  */
 
 
+
 const tasklistCheck = {
   tokenize: tokenizeTasklistCheck
 }
+
+// To do: next major: expose function to make extension.
+
+/**
+ * Extension for `micromark` that can be passed in `extensions`, to
+ * enable GFM task list items syntax.
+ *
+ * @type {Extension}
+ */
 const gfmTaskListItem = {
   text: {
     [91]: tasklistCheck
   }
 }
-/** @type {Tokenizer} */
 
+/**
+ * @this {TokenizeContext}
+ * @type {Tokenizer}
+ */
 function tokenizeTasklistCheck(effects, ok, nok) {
   const self = this
   return open
-  /** @type {State} */
 
+  /**
+   * At start of task list item check.
+   *
+   * ```markdown
+   * > | * [x] y.
+   *       ^
+   * ```
+   *
+   * @type {State}
+   */
   function open(code) {
     if (
       // Exit if there’s stuff before.
-      self.previous !== null || // Exit if not in the first content that is the first child of a list
+      self.previous !== null ||
+      // Exit if not in the first content that is the first child of a list
       // item.
       !self._gfmTasklistFirstContentOfListItem
     ) {
       return nok(code)
     }
-
     effects.enter('taskListCheck')
     effects.enter('taskListCheckMarker')
     effects.consume(code)
     effects.exit('taskListCheckMarker')
     return inside
   }
-  /** @type {State} */
 
+  /**
+   * In task list item check.
+   *
+   * ```markdown
+   * > | * [x] y.
+   *        ^
+   * ```
+   *
+   * @type {State}
+   */
   function inside(code) {
-    // To match how GH works in comments, use `markdownSpace` (`[ \t]`) instead
-    // of `markdownLineEndingOrSpace` (`[ \t\r\n]`).
+    // Currently we match how GH works in files.
+    // To match how GH works in comments, use `markdownSpace` (`[\t ]`) instead
+    // of `markdownLineEndingOrSpace` (`[\t\n\r ]`).
     if (markdownLineEndingOrSpace(code)) {
       effects.enter('taskListCheckValueUnchecked')
       effects.consume(code)
       effects.exit('taskListCheckValueUnchecked')
       return close
     }
-
     if (code === 88 || code === 120) {
       effects.enter('taskListCheckValueChecked')
       effects.consume(code)
       effects.exit('taskListCheckValueChecked')
       return close
     }
-
     return nok(code)
   }
-  /** @type {State} */
 
+  /**
+   * At close of task list item check.
+   *
+   * ```markdown
+   * > | * [x] y.
+   *         ^
+   * ```
+   *
+   * @type {State}
+   */
   function close(code) {
     if (code === 93) {
       effects.enter('taskListCheckMarker')
       effects.consume(code)
       effects.exit('taskListCheckMarker')
       effects.exit('taskListCheck')
+      return after
+    }
+    return nok(code)
+  }
+
+  /**
+   * @type {State}
+   */
+  function after(code) {
+    // EOL in paragraph means there must be something else after it.
+    if (markdownLineEnding(code)) {
+      return ok(code)
+    }
+
+    // Space or tab?
+    // Check what comes after.
+    if (markdownSpace(code)) {
       return effects.check(
         {
           tokenize: spaceThenNonSpace
         },
         ok,
         nok
-      )
+      )(code)
     }
 
+    // EOF, or non-whitespace, both wrong.
     return nok(code)
   }
 }
-/** @type {Tokenizer} */
 
+/**
+ * @this {TokenizeContext}
+ * @type {Tokenizer}
+ */
 function spaceThenNonSpace(effects, ok, nok) {
-  const self = this
   return factorySpace(effects, after, 'whitespace')
-  /** @type {State} */
 
+  /**
+   * After whitespace, after task list item check.
+   *
+   * ```markdown
+   * > | * [x] y.
+   *           ^
+   * ```
+   *
+   * @type {State}
+   */
   function after(code) {
-    const tail = self.events[self.events.length - 1]
-    return (
-      // We either found spaces…
-      ((tail && tail[1].type === 'whitespace') || // …or it was followed by a line ending, in which case, there has to be
-        // non-whitespace after that line ending, because otherwise we’d get an
-        // EOF as the content is closed with blank lines.
-        markdownLineEnding(code)) &&
-        code !== null
-        ? ok(code)
-        : nok(code)
-    )
+    // EOF means there was nothing, so bad.
+    // EOL means there’s content after it, so good.
+    // Impossible to have more spaces.
+    // Anything else is good.
+    return code === null ? nok(code) : ok(code)
   }
 }
 
@@ -72494,7 +72685,13 @@ function rehypeStringify(config) {
 const rehype = unified().use(rehypeParse).use(rehypeStringify).freeze()
 
 ;// CONCATENATED MODULE: ./src/components/TextArea/Markdown.tsx
-var _templateObject;function html2Escape(sHtml){return sHtml.replace(/```(\w+)?([\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
+var _templateObject;function html2Escape(sHtml){return sHtml// .replace(/```(\w+)?([\s\S]*?)(\s.+)?```/g, (str: string) => {
+//   return str.replace(
+//     /[<&"]/g,
+//     (c: string) => (({ '<': '&lt;', '>': '&gt;', '&': '&amp;', '"': '&quot;' } as Record<string, string>)[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
 },[]);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(String.raw(_templateObject||(_templateObject=_taggedTemplateLiteral(["",""])),markdown)),"\n</code></pre>");if(highlightEnable){try{mdStr=rehype().data('settings',{fragment:true}).use(m,{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||''}});}
 ;// CONCATENATED MODULE: ../node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 
@@ -72725,7 +72922,7 @@ document.body.style.overflow=originalOverflow.current;}}},[fullscreen,originalOv
 // extracted by mini-css-extract-plugin
 /* harmony default export */ const DragBar = ({});
 ;// CONCATENATED MODULE: ./src/components/DragBar/index.tsx
-var DragBar_DragBar=function DragBar(props){var _ref=props||{},prefixCls=_ref.prefixCls,onChange=_ref.onChange;var $dom=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);var dragRef=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();function handleMouseMove(event){if(dragRef.current){var _changedTouches$;var clientY=event.clientY||((_changedTouches$=event.changedTouches[0])===null||_changedTouches$===void 0?void 0:_changedTouches$.clientY);var newHeight=dragRef.current.height+clientY-dragRef.current.dragY;if(newHeight>=props.minHeight&&newHeight<=props.maxHeight){onChange&&onChange(dragRef.current.height+(clientY-dragRef.current.dragY));}}}function handleMouseUp(){var _$dom$current,_$dom$current2;dragRef.current=undefined;document.removeEventListener('mousemove',handleMouseMove);document.removeEventListener('mouseup',handleMouseUp);(_$dom$current=$dom.current)===null||_$dom$current===void 0?void 0:_$dom$current.removeEventListener('touchmove',handleMouseMove);(_$dom$current2=$dom.current)===null||_$dom$current2===void 0?void 0:_$dom$current2.removeEventListener('touchend',handleMouseUp);}function handleMouseDown(event){var _changedTouches$2,_$dom$current3,_$dom$current4;event.preventDefault();var clientY=event.clientY||((_changedTouches$2=event.changedTouches[0])===null||_changedTouches$2===void 0?void 0:_changedTouches$2.clientY);dragRef.current={height:props.height,dragY:clientY};document.addEventListener('mousemove',handleMouseMove);document.addEventListener('mouseup',handleMouseUp);(_$dom$current3=$dom.current)===null||_$dom$current3===void 0?void 0:_$dom$current3.addEventListener('touchmove',handleMouseMove,{passive:false});(_$dom$current4=$dom.current)===null||_$dom$current4===void 0?void 0:_$dom$current4.addEventListener('touchend',handleMouseUp,{passive:false});}(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(document){var _$dom$current5,_$dom$current6;(_$dom$current5=$dom.current)===null||_$dom$current5===void 0?void 0:_$dom$current5.addEventListener('touchstart',handleMouseDown,{passive:false});(_$dom$current6=$dom.current)===null||_$dom$current6===void 0?void 0:_$dom$current6.addEventListener('mousedown',handleMouseDown);}return function(){if(document){var _$dom$current7;(_$dom$current7=$dom.current)===null||_$dom$current7===void 0?void 0:_$dom$current7.removeEventListener('touchstart',handleMouseDown);document.removeEventListener('mousemove',handleMouseMove);}};// eslint-disable-next-line react-hooks/exhaustive-deps
+var DragBar_DragBar=function DragBar(props){var _ref=props||{},prefixCls=_ref.prefixCls,onChange=_ref.onChange;var $dom=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(null);var dragRef=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)();var heightRef=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useRef)(props.height);(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(heightRef.current!==props.height){heightRef.current=props.height;}},[props.height]);function handleMouseMove(event){if(dragRef.current){var _changedTouches$;var clientY=event.clientY||((_changedTouches$=event.changedTouches[0])===null||_changedTouches$===void 0?void 0:_changedTouches$.clientY);var newHeight=dragRef.current.height+clientY-dragRef.current.dragY;if(newHeight>=props.minHeight&&newHeight<=props.maxHeight){onChange&&onChange(dragRef.current.height+(clientY-dragRef.current.dragY));}}}function handleMouseUp(){var _$dom$current,_$dom$current2;dragRef.current=undefined;document.removeEventListener('mousemove',handleMouseMove);document.removeEventListener('mouseup',handleMouseUp);(_$dom$current=$dom.current)===null||_$dom$current===void 0?void 0:_$dom$current.removeEventListener('touchmove',handleMouseMove);(_$dom$current2=$dom.current)===null||_$dom$current2===void 0?void 0:_$dom$current2.removeEventListener('touchend',handleMouseUp);}function handleMouseDown(event){var _changedTouches$2,_$dom$current3,_$dom$current4;event.preventDefault();var clientY=event.clientY||((_changedTouches$2=event.changedTouches[0])===null||_changedTouches$2===void 0?void 0:_changedTouches$2.clientY);dragRef.current={height:heightRef.current,dragY:clientY};document.addEventListener('mousemove',handleMouseMove);document.addEventListener('mouseup',handleMouseUp);(_$dom$current3=$dom.current)===null||_$dom$current3===void 0?void 0:_$dom$current3.addEventListener('touchmove',handleMouseMove,{passive:false});(_$dom$current4=$dom.current)===null||_$dom$current4===void 0?void 0:_$dom$current4.addEventListener('touchend',handleMouseUp,{passive:false});}(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function(){if(document){var _$dom$current5,_$dom$current6;(_$dom$current5=$dom.current)===null||_$dom$current5===void 0?void 0:_$dom$current5.addEventListener('touchstart',handleMouseDown,{passive:false});(_$dom$current6=$dom.current)===null||_$dom$current6===void 0?void 0:_$dom$current6.addEventListener('mousedown',handleMouseDown);}return function(){if(document){var _$dom$current7;(_$dom$current7=$dom.current)===null||_$dom$current7===void 0?void 0:_$dom$current7.removeEventListener('touchstart',handleMouseDown);document.removeEventListener('mousemove',handleMouseMove);}};// eslint-disable-next-line react-hooks/exhaustive-deps
 },[]);var svg=(0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo)(function(){return/*#__PURE__*/(0,jsx_runtime.jsx)("svg",{viewBox:"0 0 512 512",height:"100%",children:/*#__PURE__*/(0,jsx_runtime.jsx)("path",{fill:"currentColor",d:"M304 256c0 26.5-21.5 48-48 48s-48-21.5-48-48 21.5-48 48-48 48 21.5 48 48zm120-48c-26.5 0-48 21.5-48 48s21.5 48 48 48 48-21.5 48-48-21.5-48-48-48zm-336 0c-26.5 0-48 21.5-48 48s21.5 48 48 48 48-21.5 48-48-21.5-48-48-48z"})});},[]);return/*#__PURE__*/(0,jsx_runtime.jsx)("div",{className:"".concat(prefixCls,"-bar"),ref:$dom,children:svg});};/* harmony default export */ const components_DragBar = (DragBar_DragBar);
 ;// CONCATENATED MODULE: ./src/index.less
 // extracted by mini-css-extract-plugin