@lobehub/ui 2.11.9 → 2.12.1

package/es/Markdown/plugins/rehypeStreamAnimated.d.ts

@@ -0,0 +1,2 @@
+import type { Root } from 'hast';
+export declare const rehypeStreamAnimated: () => (tree: Root) => void;

package/es/Markdown/plugins/{animated.js → rehypeStreamAnimated.js}

@@ -9,7 +9,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 // SPDX-License-Identifier: MIT
 
 import { visit } from 'unist-util-visit';
-export var animatedPlugin = function animatedPlugin() {
+export var rehypeStreamAnimated = function rehypeStreamAnimated() {
   return function (tree) {
     visit(tree, 'element', function (node) {
       if (['p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'li', 'strong'].includes(node.tagName) && node.children) {

package/es/Markdown/plugins/remarkColor.d.ts

@@ -0,0 +1,17 @@
+interface RemarkColorOptions {
+    /**
+     * 自定义颜色验证函数
+     */
+    colorValidator?: (colorString: string) => boolean;
+}
+/**
+ * Remark plugin to handle color syntax in markdown code spans
+ * Supports GitHub-style color visualization for HEX, RGB, and HSL colors
+ *
+ * @example
+ * `#FF0000` -> renders with red color preview
+ * `rgb(255, 0, 0)` -> renders with red color preview
+ * `hsl(0, 100%, 50%)` -> renders with red color preview
+ */
+export declare const remarkColor: (options?: RemarkColorOptions) => (tree: any) => void;
+export {};

package/es/Markdown/plugins/remarkColor.js

@@ -0,0 +1,188 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { visit } from 'unist-util-visit';
+/**
+ * Remark plugin to handle color syntax in markdown code spans
+ * Supports GitHub-style color visualization for HEX, RGB, and HSL colors
+ *
+ * @example
+ * `#FF0000` -> renders with red color preview
+ * `rgb(255, 0, 0)` -> renders with red color preview
+ * `hsl(0, 100%, 50%)` -> renders with red color preview
+ */
+export var remarkColor = function remarkColor() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var colorValidator = options.colorValidator;
+
+  /**
+   * 验证并标准化颜色值
+   */
+  var validateAndNormalizeColor = function validateAndNormalizeColor(colorString) {
+    var trimmed = colorString.trim();
+
+    // 如果有自定义验证函数，使用它
+    if (colorValidator && !colorValidator(trimmed)) {
+      return null;
+    }
+
+    // HEX 颜色: #RRGGBB 或 #RGB
+    var hexPattern = /^#([\dA-Fa-f]{6}|[\dA-Fa-f]{3})$/;
+    if (hexPattern.test(trimmed)) {
+      // 标准化为 6 位 HEX
+      if (trimmed.length === 4) {
+        var _trimmed = _slicedToArray(trimmed, 4),
+          r = _trimmed[1],
+          g = _trimmed[2],
+          b = _trimmed[3];
+        return "#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b);
+      }
+      return trimmed.toUpperCase();
+    }
+
+    // RGB 颜色: rgb(r, g, b)
+    var rgbPattern = /^rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i;
+    var rgbMatch = trimmed.match(rgbPattern);
+    if (rgbMatch) {
+      var _rgbMatch = _slicedToArray(rgbMatch, 4),
+        _r = _rgbMatch[1],
+        _g = _rgbMatch[2],
+        _b = _rgbMatch[3];
+      var rNum = parseInt(_r, 10);
+      var gNum = parseInt(_g, 10);
+      var bNum = parseInt(_b, 10);
+
+      // 验证 RGB 值范围
+      if (rNum >= 0 && rNum <= 255 && gNum >= 0 && gNum <= 255 && bNum >= 0 && bNum <= 255) {
+        return "rgb(".concat(rNum, ", ").concat(gNum, ", ").concat(bNum, ")");
+      }
+    }
+
+    // HSL 颜色: hsl(h, s%, l%)
+    var hslPattern = /^hsl\s*\(\s*(\d+)\s*,\s*(\d+)%\s*,\s*(\d+)%\s*\)$/i;
+    var hslMatch = trimmed.match(hslPattern);
+    if (hslMatch) {
+      var _hslMatch = _slicedToArray(hslMatch, 4),
+        h = _hslMatch[1],
+        s = _hslMatch[2],
+        l = _hslMatch[3];
+      var hNum = parseInt(h, 10);
+      var sNum = parseInt(s, 10);
+      var lNum = parseInt(l, 10);
+
+      // 验证 HSL 值范围
+      if (hNum >= 0 && hNum <= 360 && sNum >= 0 && sNum <= 100 && lNum >= 0 && lNum <= 100) {
+        return "hsl(".concat(hNum, ", ").concat(sNum, "%, ").concat(lNum, "%)");
+      }
+    }
+    return null;
+  };
+  return function (tree) {
+    // 处理 inlineCode 节点（反引号包围的代码）
+    visit(tree, 'inlineCode', function (node) {
+      var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var parent = arguments.length > 2 ? arguments[2] : undefined;
+      if (!node.value || typeof node.value !== 'string') return;
+      var colorValue = validateAndNormalizeColor(node.value);
+      if (colorValue) {
+        // 创建自定义颜色节点
+        var colorNode = {
+          children: [{
+            type: 'text',
+            value: node.value
+          }],
+          color: colorValue,
+          data: {
+            hName: 'code',
+            hProperties: {
+              'className': 'color-preview',
+              'data-color': colorValue,
+              'data-original': node.value,
+              'style': "--color-preview-color: ".concat(colorValue)
+            }
+          },
+          type: 'colorPreview',
+          value: node.value
+        };
+
+        // 替换 inlineCode 节点
+        parent.children.splice(index, 1, colorNode);
+        return index;
+      }
+    });
+
+    // 处理文本节点中的颜色语法（作为备用，处理可能的边缘情况）
+    visit(tree, 'text', function (node) {
+      var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var parent = arguments.length > 2 ? arguments[2] : undefined;
+      if (!node.value || typeof node.value !== 'string') return;
+
+      // 查找反引号包围的颜色值
+      var colorPattern = /`([^`]+)`/g;
+      var text = node.value;
+      var hasColorMatch = false;
+      var newNodes = [];
+      var lastIndex = 0;
+      var match;
+      while ((match = colorPattern.exec(text)) !== null) {
+        var _match = match,
+          _match2 = _slicedToArray(_match, 2),
+          fullMatch = _match2[0],
+          colorCandidate = _match2[1];
+        var colorValue = validateAndNormalizeColor(colorCandidate);
+        if (colorValue) {
+          hasColorMatch = true;
+          var startIndex = match.index;
+
+          // 添加匹配前的文本
+          if (startIndex > lastIndex) {
+            newNodes.push({
+              type: 'text',
+              value: text.slice(lastIndex, startIndex)
+            });
+          }
+
+          // 添加颜色节点
+          newNodes.push({
+            children: [{
+              type: 'text',
+              value: colorCandidate
+            }],
+            color: colorValue,
+            data: {
+              hName: 'code',
+              hProperties: {
+                'className': 'color-preview',
+                'data-color': colorValue,
+                'data-original': colorCandidate,
+                'style': "--color-preview-color: ".concat(colorValue)
+              }
+            },
+            type: 'colorPreview',
+            value: colorCandidate
+          });
+          lastIndex = startIndex + fullMatch.length;
+        }
+      }
+      if (hasColorMatch) {
+        // 添加剩余文本
+        if (lastIndex < text.length) {
+          newNodes.push({
+            type: 'text',
+            value: text.slice(lastIndex)
+          });
+        }
+
+        // 替换当前节点
+        if (newNodes.length > 0 && parent) {
+          var _parent$children;
+          (_parent$children = parent.children).splice.apply(_parent$children, [index, 1].concat(newNodes));
+          return index + newNodes.length - 1;
+        }
+      }
+    });
+  };
+};

package/es/Markdown/plugins/remarkCustomFootnotes.d.ts

@@ -0,0 +1,6 @@
+export interface FootnoteLink {
+    alt?: string;
+    title?: string;
+    url: string;
+}
+export declare const remarkCustomFootnotes: () => (tree: any, file: any) => void;

package/es/Markdown/plugins/remarkCustomFootnotes.js

@@ -0,0 +1,32 @@
+import { SKIP, visit } from 'unist-util-visit';
+// eslint-disable-next-line unicorn/consistent-function-scoping
+export var remarkCustomFootnotes = function remarkCustomFootnotes() {
+  return function (tree, file) {
+    var footnoteLinks = new Map();
+    visit(tree, 'footnoteDefinition', function (node) {
+      var linkData = null;
+
+      // 查找第一个link类型的子节点
+      visit(node, 'link', function (linkNode) {
+        if (linkData) return SKIP; // 只取第一个链接
+
+        // 提取链接文本
+        var textNode = linkNode.children.find(function (n) {
+          return n.type === 'text';
+        });
+        linkData = {
+          alt: (textNode === null || textNode === void 0 ? void 0 : textNode.value) || '',
+          title: (textNode === null || textNode === void 0 ? void 0 : textNode.value) || '',
+          url: linkNode.url // 或者根据需求处理
+        };
+        return SKIP; // 找到后停止遍历
+      });
+      if (linkData) {
+        footnoteLinks.set(node.identifier, linkData);
+      }
+    });
+
+    // 将数据存入文件上下文
+    file.data.footnoteLinks = Object.fromEntries(footnoteLinks);
+  };
+};

package/es/Markdown/plugins/remarkGfmPlus.d.ts

@@ -0,0 +1,5 @@
+interface RemarkGfmPlusOptions {
+    allowHtmlTags?: string[];
+}
+export declare const remarkGfmPlus: (options?: RemarkGfmPlusOptions) => (tree: any) => void;
+export {};

package/es/Markdown/plugins/remarkGfmPlus.js

@@ -0,0 +1,140 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { visit } from 'unist-util-visit';
+export var remarkGfmPlus = function remarkGfmPlus() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options$allowHtmlTag = options.allowHtmlTags,
+    allowHtmlTags = _options$allowHtmlTag === void 0 ? ['sub', 'sup', 'ins', 'kbd'] : _options$allowHtmlTag;
+  return function (tree) {
+    // 遍历所有父节点，查找分离的HTML标签模式
+    visit(tree, function (node) {
+      if (!node.children || !Array.isArray(node.children)) return;
+      var children = node.children;
+      var i = 0;
+      while (i < children.length) {
+        var currentNode = children[i];
+
+        // 查找开始标签
+        if (currentNode.type === 'html' && currentNode.value) {
+          var tagPattern = "^<(".concat(allowHtmlTags.join('|'), ")>$");
+          var startTagMatch = currentNode.value.match(new RegExp(tagPattern));
+          if (startTagMatch) {
+            var tagName = startTagMatch[1];
+
+            // 查找对应的结束标签
+            var endIndex = -1;
+            var textNodes = [];
+            for (var j = i + 1; j < children.length; j++) {
+              var nextNode = children[j];
+              if (nextNode.type === 'html' && nextNode.value === "</".concat(tagName, ">")) {
+                endIndex = j;
+                break;
+              } else if (nextNode.type === 'text') {
+                textNodes.push(nextNode);
+              } else {
+                // 如果遇到其他类型的节点，停止查找
+                break;
+              }
+            }
+            if (endIndex !== -1) {
+              // 收集所有文本内容
+              var textContent = textNodes.map(function (node) {
+                return node.value;
+              }).join('');
+
+              // 创建新的自定义节点
+              var newNode = {
+                children: [{
+                  type: 'text',
+                  value: textContent
+                }],
+                data: {
+                  hName: tagName,
+                  hProperties: {}
+                },
+                type: tagName
+              };
+
+              // 替换从开始标签到结束标签的所有节点
+              var removeCount = endIndex - i + 1;
+              children.splice(i, removeCount, newNode);
+
+              // 继续处理下一个节点
+              i++;
+              continue;
+            }
+          }
+        }
+        i++;
+      }
+    });
+
+    // 保留对文本节点中完整HTML标签的处理（作为备用）
+    visit(tree, 'text', function (node) {
+      var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var parent = arguments.length > 2 ? arguments[2] : undefined;
+      if (!node.value || typeof node.value !== 'string') return;
+
+      // 处理HTML实体编码的标签
+      var encodedTagPattern = "&lt;(".concat(allowHtmlTags.join('|'), ")&gt;(.*?)&lt;\\/\\1&gt;");
+      var encodedTagRegex = new RegExp(encodedTagPattern, 'gi');
+      var text = node.value;
+      if (!encodedTagRegex.test(text)) return;
+
+      // 重置正则表达式的 lastIndex
+      encodedTagRegex.lastIndex = 0;
+      var newNodes = [];
+      var lastIndex = 0;
+      var match;
+      while ((match = encodedTagRegex.exec(text)) !== null) {
+        var _match = match,
+          _match2 = _slicedToArray(_match, 3),
+          fullMatch = _match2[0],
+          tagName = _match2[1],
+          content = _match2[2];
+        var startIndex = match.index;
+
+        // 添加匹配前的文本
+        if (startIndex > lastIndex) {
+          newNodes.push({
+            type: 'text',
+            value: text.slice(lastIndex, startIndex)
+          });
+        }
+
+        // 添加特殊标签节点
+        newNodes.push({
+          children: [{
+            type: 'text',
+            value: content
+          }],
+          data: {
+            hName: tagName,
+            hProperties: {}
+          },
+          type: tagName
+        });
+        lastIndex = startIndex + fullMatch.length;
+      }
+
+      // 添加剩余文本
+      if (lastIndex < text.length) {
+        newNodes.push({
+          type: 'text',
+          value: text.slice(lastIndex)
+        });
+      }
+
+      // 替换当前节点
+      if (newNodes.length > 0 && parent) {
+        var _parent$children;
+        (_parent$children = parent.children).splice.apply(_parent$children, [index, 1].concat(newNodes));
+        return index + newNodes.length - 1;
+      }
+    });
+  };
+};

package/es/Markdown/plugins/remarkVideo.d.ts

@@ -0,0 +1,17 @@
+interface RemarkVideoOptions {
+    /**
+     * 支持的视频标签名，默认为 ['video']
+     */
+    videoTags?: string[];
+}
+/**
+ * Remark plugin to handle <video> tags in markdown text
+ * This plugin converts <video> tags to proper video elements
+ * without requiring allowHtml to be enabled
+ *
+ * @example
+ * <video src="https://example.com/video.mp4" />
+ * <video src="https://example.com/video.mp4" controls width="400" height="300" />
+ */
+export declare const remarkVideo: (options?: RemarkVideoOptions) => (tree: any) => void;
+export {};

package/es/Markdown/plugins/remarkVideo.js

@@ -0,0 +1,186 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { visit } from 'unist-util-visit';
+/**
+ * Remark plugin to handle <video> tags in markdown text
+ * This plugin converts <video> tags to proper video elements
+ * without requiring allowHtml to be enabled
+ *
+ * @example
+ * <video src="https://example.com/video.mp4" />
+ * <video src="https://example.com/video.mp4" controls width="400" height="300" />
+ */
+export var remarkVideo = function remarkVideo() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var _options$videoTags = options.videoTags,
+    videoTags = _options$videoTags === void 0 ? ['video'] : _options$videoTags;
+  return function (tree) {
+    // 处理HTML节点中的video标签
+    visit(tree, 'html', function (node) {
+      var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var parent = arguments.length > 2 ? arguments[2] : undefined;
+      if (!node.value || typeof node.value !== 'string') return;
+      var _iterator = _createForOfIteratorHelper(videoTags),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var tagName = _step.value;
+          // 匹配自闭合的video标签，支持属性
+          var selfClosingPattern = "^<".concat(tagName, "([^>]*?)\\s*\\/?\\s*>$");
+          var selfClosingMatch = node.value.trim().match(new RegExp(selfClosingPattern, 'i'));
+          if (selfClosingMatch) {
+            var _selfClosingMatch$;
+            var attributesStr = ((_selfClosingMatch$ = selfClosingMatch[1]) === null || _selfClosingMatch$ === void 0 ? void 0 : _selfClosingMatch$.trim()) || '';
+
+            // 解析属性
+            var properties = {};
+            var attrRegex = /(\w+)=["']([^"']*?)["']/g;
+            var attrMatch = void 0;
+            while ((attrMatch = attrRegex.exec(attributesStr)) !== null) {
+              properties[attrMatch[1]] = attrMatch[2];
+            }
+            console.log('remarkVideo: Found video tag:', tagName, properties);
+
+            // 创建video节点
+            var newNode = {
+              children: [],
+              data: {
+                hName: tagName,
+                hProperties: properties
+              },
+              type: tagName
+            };
+
+            // 替换html节点为video节点
+            parent.children.splice(index, 1, newNode);
+            return index;
+          }
+
+          // 匹配成对的video标签（虽然不太常见，但也支持）
+          var pairedPattern = "^<".concat(tagName, "([^>]*?)>(.*?)<\\/").concat(tagName, ">$");
+          var pairedMatch = node.value.trim().match(new RegExp(pairedPattern, 'is'));
+          if (pairedMatch) {
+            var _pairedMatch$;
+            var _attributesStr = ((_pairedMatch$ = pairedMatch[1]) === null || _pairedMatch$ === void 0 ? void 0 : _pairedMatch$.trim()) || '';
+            var content = pairedMatch[2] || '';
+
+            // 解析属性
+            var _properties = {};
+            var _attrRegex = /(\w+)=["']([^"']*?)["']/g;
+            var _attrMatch = void 0;
+            while ((_attrMatch = _attrRegex.exec(_attributesStr)) !== null) {
+              _properties[_attrMatch[1]] = _attrMatch[2];
+            }
+            console.log('remarkVideo: Found paired video tag:', tagName, _properties);
+
+            // 创建video节点
+            var _newNode = {
+              children: content ? [{
+                type: 'text',
+                value: content
+              }] : [],
+              data: {
+                hName: tagName,
+                hProperties: _properties
+              },
+              type: tagName
+            };
+
+            // 替换html节点为video节点
+            parent.children.splice(index, 1, _newNode);
+            return index;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+
+    // 处理文本节点中的video标签（HTML实体编码形式）
+    visit(tree, 'text', function (node) {
+      var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var parent = arguments.length > 2 ? arguments[2] : undefined;
+      if (!node.value || typeof node.value !== 'string') return;
+      var _iterator2 = _createForOfIteratorHelper(videoTags),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var tagName = _step2.value;
+          // 处理HTML实体编码的自闭合video标签
+          var encodedSelfClosingPattern = "&lt;".concat(tagName, "([^&]*?)\\s*\\/?\\s*&gt;");
+          var encodedSelfClosingRegex = new RegExp(encodedSelfClosingPattern, 'gi');
+          if (!encodedSelfClosingRegex.test(node.value)) continue;
+
+          // 重置正则表达式的 lastIndex
+          encodedSelfClosingRegex.lastIndex = 0;
+          var text = node.value;
+          var newNodes = [];
+          var lastIndex = 0;
+          var match = void 0;
+          while ((match = encodedSelfClosingRegex.exec(text)) !== null) {
+            var _match = match,
+              _match2 = _slicedToArray(_match, 2),
+              fullMatch = _match2[0],
+              attributesStr = _match2[1];
+            var startIndex = match.index;
+
+            // 添加匹配前的文本
+            if (startIndex > lastIndex) {
+              newNodes.push({
+                type: 'text',
+                value: text.slice(lastIndex, startIndex)
+              });
+            }
+
+            // 解析属性（需要解码HTML实体）
+            var decodedAttrs = attributesStr.replaceAll('&quot;', '"').replaceAll('&#39;', "'").replaceAll('&amp;', '&').replaceAll('&lt;', '<').replaceAll('&gt;', '>');
+            var properties = {};
+            var attrRegex = /(\w+)=["']([^"']*?)["']/g;
+            var attrMatch = void 0;
+            while ((attrMatch = attrRegex.exec(decodedAttrs)) !== null) {
+              properties[attrMatch[1]] = attrMatch[2];
+            }
+            console.log('remarkVideo: Found encoded video tag:', tagName, properties);
+
+            // 添加video节点
+            newNodes.push({
+              children: [],
+              data: {
+                hName: tagName,
+                hProperties: properties
+              },
+              type: tagName
+            });
+            lastIndex = startIndex + fullMatch.length;
+          }
+
+          // 添加剩余文本
+          if (lastIndex < text.length) {
+            newNodes.push({
+              type: 'text',
+              value: text.slice(lastIndex)
+            });
+          }
+
+          // 替换当前节点
+          if (newNodes.length > 0 && parent) {
+            var _parent$children;
+            (_parent$children = parent.children).splice.apply(_parent$children, [index, 1].concat(newNodes));
+            return index + newNodes.length - 1;
+          }
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+    });
+  };
+};

package/es/Markdown/style.d.ts

@@ -1,5 +1,6 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     chat: import("antd-style").SerializedStyles;
+    gfm: import("antd-style").SerializedStyles;
     latex: import("antd-style").SerializedStyles;
     root: import("antd-style").SerializedStyles;
 }>;

package/es/Markdown/style.js

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
 export var useStyles = createStyles(function (_ref) {
@@ -7,8 +7,9 @@ export var useStyles = createStyles(function (_ref) {
     isDarkMode = _ref.isDarkMode;
   var cyanColor = isDarkMode ? token.cyan9A : token.cyan11A;
   return {
-    chat: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-border-radius: ", ";\n\n      ol,\n      ul {\n        > li {\n          &::marker {\n            color: ", " !important;\n          }\n\n          > li {\n            &::marker {\n              color: ", " !important;\n            }\n          }\n        }\n      }\n\n      ul {\n        list-style: unset;\n\n        > li {\n          &::before {\n            content: unset;\n            display: unset;\n          }\n        }\n      }\n    "])), token.borderRadius, cyanColor, token.colorTextSecondary),
-    latex: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      .katex-error {\n        color: ", " !important;\n      }\n\n      .katex-html {\n        overflow: auto hidden;\n        padding: 3px;\n\n        .base {\n          margin-block: 0;\n          margin-inline: auto;\n        }\n\n        .tag {\n          position: relative !important;\n          display: inline-block;\n          padding-inline-start: 0.5rem;\n        }\n      }\n    "])), token.colorTextDescription),
-    root: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n    "])))
+    chat: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ol,\n      ul {\n        > li {\n          &::marker {\n            color: ", " !important;\n          }\n\n          > li {\n            &::marker {\n              color: ", " !important;\n            }\n          }\n        }\n      }\n\n      ul {\n        list-style: unset;\n\n        > li {\n          &::before {\n            content: unset;\n            display: unset;\n          }\n        }\n      }\n    "])), cyanColor, token.colorTextSecondary),
+    gfm: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      .markdown-alert {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        padding-inline-start: 1em;\n        border-inline-start: solid 4px ", ";\n\n        > p {\n          margin-block-start: 0 !important;\n        }\n      }\n\n      .markdown-alert > :first-child {\n        margin-block-start: 0;\n      }\n\n      .markdown-alert > :last-child {\n        margin-block-end: 0;\n      }\n\n      .markdown-alert-note {\n        border-inline-start-color: ", ";\n      }\n\n      .markdown-alert-tip {\n        border-inline-start-color: ", ";\n      }\n\n      .markdown-alert-important {\n        border-inline-start-color: ", ";\n      }\n\n      .markdown-alert-warning {\n        border-inline-start-color: ", ";\n      }\n\n      .markdown-alert-caution {\n        border-inline-start-color: ", ";\n      }\n\n      .markdown-alert-title {\n        display: flex;\n        align-items: center;\n        margin-block-end: 0.5em !important;\n        font-weight: 500;\n      }\n\n      .markdown-alert-note .markdown-alert-title {\n        color: ", ";\n        fill: ", ";\n      }\n\n      .markdown-alert-tip .markdown-alert-title {\n        color: ", ";\n        fill: ", ";\n      }\n\n      .markdown-alert-important .markdown-alert-title {\n        color: ", ";\n        fill: ", ";\n      }\n\n      .markdown-alert-warning .markdown-alert-title {\n        color: ", ";\n        fill: ", ";\n      }\n\n      .markdown-alert-caution .markdown-alert-title {\n        color: ", ";\n        fill: ", ";\n      }\n\n      /* Style the footnotes section. */\n\n      .octicon {\n        overflow: visible !important;\n        display: inline-block;\n        margin-inline-end: 0.5em;\n        vertical-align: text-bottom;\n      }\n\n      .sr-only {\n        position: absolute;\n\n        overflow: hidden;\n\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        border: 0;\n\n        word-wrap: normal;\n\n        clip: rect(0, 0, 0, 0);\n      }\n\n      sup:has(*[aria-describedby='footnote-label']) {\n        margin-inline: 2px;\n        vertical-align: super !important;\n\n        [data-footnote-ref] {\n          display: inline-block;\n\n          width: 16px;\n          height: 16px;\n          border-radius: 4px;\n\n          font-family: ", ";\n          font-size: 10px;\n          color: ", " !important;\n          text-align: center;\n\n          background: ", ";\n        }\n      }\n\n      code.color-preview {\n        position: relative;\n        display: inline-flex !important;\n        gap: 0.4em;\n\n        &::after {\n          content: '';\n\n          width: 0.66em;\n          height: 0.66em;\n          border: 1px solid ", ";\n          border-radius: 50%;\n\n          background-color: attr(data-color);\n\n          /* Fallback for browsers that don't support attr() in background */\n          background-color: var(--color-preview-color, #000);\n        }\n      }\n    "])), token.colorBorder, token.colorInfo, token.colorSuccess, token.purple, token.colorWarning, token.colorError, token.colorInfo, token.colorInfo, token.colorSuccess, token.colorSuccess, token.purple, token.purple, token.colorWarning, token.colorWarning, token.colorError, token.colorError, token.fontFamilyCode, token.colorTextSecondary, token.colorFillSecondary, token.colorFill),
+    latex: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      .katex-error {\n        color: ", " !important;\n      }\n\n      .katex-html {\n        overflow: auto hidden;\n        padding: 3px;\n\n        .base {\n          margin-block: 0;\n          margin-inline: auto;\n        }\n\n        .tag {\n          position: relative !important;\n          display: inline-block;\n          padding-inline-start: 0.5rem;\n        }\n      }\n    "])), token.colorTextDescription),
+    root: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      max-width: 100%;\n    "])))
   };
 });

package/es/Markdown/type.d.ts

@@ -9,6 +9,7 @@ import type { ImageProps, PreProps, VideoProps } from "../mdx";
 import type { AProps, DivProps } from "../types";
 import type { CitationItem } from "../types/citation";
 export interface TypographyProps extends DivProps {
+    borderRadius?: number;
     fontSize?: number;
     headerMultiple?: number;
     lineHeight?: number;