@lobehub/editor 1.15.0 → 1.16.1

package/es/plugins/common/react/ReactPlainText.js

@@ -166,7 +166,7 @@ var ReactPlainText = /*#__PURE__*/memo(function (_ref) {
     });
   };
   return /*#__PURE__*/_jsxs("div", {
-    className: cx(styles.root, markdownOption === true && styles.variant, markdownOption === false && styles.noHeader, _typeof(markdownOption) === 'object' && markdownOption.header === true && styles.header, _typeof(markdownOption) === 'object' && markdownOption.header === false && styles.noHeader, _typeof(markdownOption) === 'object' && markdownOption.code === true && styles.code, _typeof(markdownOption) === 'object' && markdownOption.quote === true && styles.blockquote, className),
+    className: cx(styles.root, markdownOption === true && styles.variant, markdownOption === false && styles.noStyle, markdownOption === false && styles.noHeader, _typeof(markdownOption) === 'object' && markdownOption.header === true && styles.header, _typeof(markdownOption) === 'object' && markdownOption.header === false && styles.noHeader, _typeof(markdownOption) === 'object' && markdownOption.code === true && styles.code, _typeof(markdownOption) === 'object' && markdownOption.quote === true && styles.blockquote, className),
     style: style,
     children: [/*#__PURE__*/_jsx("div", {
       contentEditable: true,

package/es/plugins/common/react/style.d.ts

@@ -26,6 +26,7 @@ export declare const useStyles: (props?: {
     code: import("antd-style").SerializedStyles;
     header: import("antd-style").SerializedStyles;
     noHeader: import("antd-style").SerializedStyles;
+    noStyle: import("antd-style").SerializedStyles;
     p: import("antd-style").SerializedStyles;
     root: import("antd-style").SerializedStyles;
     variant: string;

package/es/plugins/common/react/style.js

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import { createStyles } from 'antd-style';
@@ -30,7 +30,7 @@ export var useStyles = createStyles(function (_ref2, _ref3) {
     lineHeight = _ref3$lineHeight === void 0 ? 1.8 : _ref3$lineHeight;
   var __root = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      --lobe-markdown-font-size: ", "px;\n      --lobe-markdown-header-multiple: ", ";\n      --lobe-markdown-margin-multiple: ", ";\n      --lobe-markdown-line-height: ", ";\n      --lobe-markdown-border-radius: ", ";\n      --lobe-markdown-border-color: ", ";\n\n      position: relative;\n\n      display: flex;\n      flex-direction: column;\n\n      width: 100%;\n      max-width: 100%;\n      height: 100%;\n\n      font-size: var(--lobe-markdown-font-size);\n      line-height: var(--lobe-markdown-line-height);\n      word-break: break-word;\n\n      @keyframes cursor-blink {\n        to {\n          visibility: hidden;\n        }\n      }\n\n      [data-lexical-cursor='true'] {\n        pointer-events: none;\n        position: absolute;\n        display: block;\n\n        &::after {\n          content: '';\n\n          position: absolute;\n          inset-block-start: -2px;\n\n          display: block;\n\n          width: 20px;\n          border-block-start: 1px solid ", ";\n\n          animation: cursor-blink 1.1s steps(2, start) infinite;\n        }\n      }\n    "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadiusLG, token.colorFillQuaternary, token.colorText);
   var header = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        margin-block: max(\n          calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n          var(--lobe-markdown-font-size)\n        );\n        font-weight: bold;\n        line-height: 1.25;\n      }\n\n      h1 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h2 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h3 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h4 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h5,\n      h6 {\n        font-size: calc(var(--lobe-markdown-font-size) * 1);\n      }\n    "])));
-  var p = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      p {\n        margin-block: 4px;\n        line-height: var(--lobe-markdown-line-height);\n        letter-spacing: 0.02em;\n\n        &:not(:first-child) {\n          margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        }\n\n        &:not(:last-child) {\n          margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        }\n      }\n    "])));
+  var p = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      p {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        line-height: var(--lobe-markdown-line-height);\n        letter-spacing: 0.02em;\n\n        &:not(:first-child) {\n          margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        }\n\n        &:not(:last-child) {\n          margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        }\n      }\n    "])));
   var blockquote = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      .editor_quote {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        margin-inline: 0;\n        padding-block: 0;\n        padding-inline: 1em;\n        border-inline-start: solid 4px ", ";\n\n        color: ", ";\n      }\n    "])), token.colorBorder, token.colorTextSecondary);
   var code = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      .editor_code {\n        display: inline;\n\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid var(--lobe-markdown-border-color);\n        border-radius: 0.25em;\n\n        font-family: ", ";\n        font-size: 0.875em;\n        line-height: 1;\n        word-break: break-word;\n        white-space: break-spaces;\n\n        background: ", ";\n      }\n    "])), token.fontFamilyCode, token.colorFillSecondary);
   return {
@@ -38,6 +38,7 @@ export var useStyles = createStyles(function (_ref2, _ref3) {
     code: code,
     header: header,
     noHeader: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n          margin-block: 4px;\n          font-size: var(--lobe-markdown-font-size);\n          line-height: var(--lobe-markdown-line-height);\n          letter-spacing: 0.02em;\n\n          &:not(:first-child) {\n            margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n          }\n\n          &:not(:last-child) {\n            margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n          }\n        }\n      "]))),
+    noStyle: css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n        --lobe-markdown-header-multiple: 0;\n        --lobe-markdown-margin-multiple: 0;\n        --lobe-markdown-line-height: 1.5;\n\n        p {\n          margin-block: 0;\n        }\n      "]))),
     p: p,
     root: __root,
     variant: cx(header, p, blockquote, code)

package/es/plugins/markdown/data-source/markdown/parse.js

@@ -63,104 +63,104 @@ function convertMdastToLexical(node, index, ctx) {
       }
     default:
       {
-        if (markdownReaders[node.type]) {
-          var _children = [];
-          if ('children' in node && Array.isArray(node.children)) {
-            var htmlStack = []; // 当前循环是否包含 HTML 标签
-            _children = node.children.reduce(function (ret, child, index) {
-              if (child.type === 'html') {
-                var tag = child.value.replaceAll(/^<\/?|>$/g, '');
-                var isEndTag = child.value.startsWith('</');
-                if (selfClosingHtmlTags.has(tag)) {
-                  // Self-closing tag
-                  var _reader = markdownReaders['html'];
-                  if (Array.isArray(_reader)) {
-                    var _iterator = _createForOfIteratorHelper(_reader),
-                      _step;
-                    try {
-                      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-                        var element = _step.value;
-                        var inode = element(child, [], index);
-                        if (inode) {
-                          ret.push(inode);
-                          return ret;
-                        }
+        var _children = [];
+        if ('children' in node && Array.isArray(node.children)) {
+          var htmlStack = []; // 当前循环是否包含 HTML 标签
+          _children = node.children.reduce(function (ret, child, index) {
+            if (child.type === 'html') {
+              var tag = child.value.replaceAll(/^<\/?|>$/g, '');
+              var isEndTag = child.value.startsWith('</');
+              if (selfClosingHtmlTags.has(tag)) {
+                // Self-closing tag
+                var reader = markdownReaders['html'];
+                if (Array.isArray(reader)) {
+                  var _iterator = _createForOfIteratorHelper(reader),
+                    _step;
+                  try {
+                    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                      var element = _step.value;
+                      var inode = element(child, [], index);
+                      if (inode) {
+                        ret.push(inode);
+                        return ret;
                       }
-                    } catch (err) {
-                      _iterator.e(err);
-                    } finally {
-                      _iterator.f();
-                    }
-                  } else if (typeof _reader === 'function') {
-                    var _inode = _reader(child, [], index);
-                    if (_inode) {
-                      ret.push(_inode);
-                      return ret;
                     }
+                  } catch (err) {
+                    _iterator.e(err);
+                  } finally {
+                    _iterator.f();
                   }
-                  return ret;
-                }
-                if (isEndTag) {
-                  var top = ctx.pop();
-                  htmlStack.pop();
-                  if ((top === null || top === void 0 ? void 0 : top.tag) !== tag) {
-                    logger.warn('HTML tag mismatch:', tag);
-                    ret.push.apply(ret, _toConsumableArray((top === null || top === void 0 ? void 0 : top.children) || []));
+                } else if (typeof reader === 'function') {
+                  var _inode = reader(child, [], index);
+                  if (_inode) {
+                    ret.push(_inode);
                     return ret;
                   }
-                  var _reader2 = markdownReaders['html'];
-                  var _children2 = top.children.flat().filter(Boolean) || [];
-                  if (Array.isArray(_reader2)) {
-                    var _iterator2 = _createForOfIteratorHelper(_reader2),
-                      _step2;
-                    try {
-                      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                        var _element = _step2.value;
-                        var _inode2 = _element(top.node, _children2, index);
-                        if (_inode2) {
-                          ret.push(_inode2);
-                          return ret;
-                        }
+                }
+                return ret;
+              }
+              if (isEndTag) {
+                var top = ctx.pop();
+                htmlStack.pop();
+                if ((top === null || top === void 0 ? void 0 : top.tag) !== tag) {
+                  logger.warn('HTML tag mismatch:', tag);
+                  ret.push.apply(ret, _toConsumableArray((top === null || top === void 0 ? void 0 : top.children) || []));
+                  return ret;
+                }
+                var _reader = markdownReaders['html'];
+                var _children2 = top.children.flat().filter(Boolean) || [];
+                if (Array.isArray(_reader)) {
+                  var _iterator2 = _createForOfIteratorHelper(_reader),
+                    _step2;
+                  try {
+                    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                      var _element = _step2.value;
+                      var _inode2 = _element(top.node, _children2, index);
+                      if (_inode2) {
+                        ret.push(_inode2);
+                        return ret;
                       }
-                    } catch (err) {
-                      _iterator2.e(err);
-                    } finally {
-                      _iterator2.f();
-                    }
-                  } else if (typeof _reader2 === 'function') {
-                    var _inode3 = _reader2(top.node, _children2, index);
-                    if (_inode3) {
-                      ret.push(_inode3);
-                      return ret;
                     }
+                  } catch (err) {
+                    _iterator2.e(err);
+                  } finally {
+                    _iterator2.f();
                   }
-                  if (top) {
-                    ret.push.apply(ret, _toConsumableArray(top.children));
+                } else if (typeof _reader === 'function') {
+                  var _inode3 = _reader(top.node, _children2, index);
+                  if (_inode3) {
+                    ret.push(_inode3);
+                    return ret;
                   }
-                  return ret;
                 }
-                var htmlStackItem = {
-                  children: [],
-                  index: index,
-                  isEndTag: isEndTag,
-                  node: child,
-                  tag: tag
-                };
-                htmlStack.push(htmlStackItem);
-                ctx.push(htmlStackItem);
-                return ret;
-              }
-              if (htmlStack.length > 0) {
-                var _top = ctx.last;
-                if (_top) {
-                  _top.children.push(convertMdastToLexical(child, index, ctx, markdownReaders));
+                if (top) {
+                  ret.push.apply(ret, _toConsumableArray(top.children));
                 }
                 return ret;
               }
-              ret.push(convertMdastToLexical(child, index, ctx, markdownReaders));
+              var htmlStackItem = {
+                children: [],
+                index: index,
+                isEndTag: isEndTag,
+                node: child,
+                tag: tag
+              };
+              htmlStack.push(htmlStackItem);
+              ctx.push(htmlStackItem);
               return ret;
-            }, []).filter(Boolean).flat();
-          }
+            }
+            if (htmlStack.length > 0) {
+              var _top = ctx.last;
+              if (_top) {
+                _top.children.push(convertMdastToLexical(child, index, ctx, markdownReaders));
+              }
+              return ret;
+            }
+            ret.push(convertMdastToLexical(child, index, ctx, markdownReaders));
+            return ret;
+          }, []).filter(Boolean).flat();
+        }
+        if (markdownReaders[node.type]) {
           var reader = markdownReaders[node.type];
           if (Array.isArray(reader)) {
             var _iterator3 = _createForOfIteratorHelper(reader),
@@ -187,7 +187,7 @@ function convertMdastToLexical(node, index, ctx) {
         }
 
         // Fallback for unsupported nodes
-        return null;
+        return _children || null;
       }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/editor",
-  "version": "1.15.0",
+  "version": "1.16.1",
   "description": "A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.",
   "keywords": [
     "lobehub",