@lobehub/ui 2.8.5 → 2.9.0

package/es/Highlighter/FullFeatured.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { HighlighterProps } from './type';
 interface HighlighterFullFeaturedProps extends Omit<HighlighterProps, 'children' | 'bodyRender' | 'enableTransformer'> {
     content: string;
+    setLanguage?: (language: string) => void;
 }
 export declare const HighlighterFullFeatured: import("react").NamedExoticComponent<HighlighterFullFeaturedProps & {
     children: ReactNode;

package/es/Highlighter/FullFeatured.js

@@ -1,7 +1,7 @@
 'use client';
 
 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); }
-var _excluded = ["content", "language", "showLanguage", "className", "style", "allowChangeLanguage", "fileName", "icon", "actionsRender", "copyable", "variant", "shadow", "wrap", "defaultExpand", "children"];
+var _excluded = ["content", "language", "setLanguage", "showLanguage", "className", "style", "allowChangeLanguage", "fileName", "icon", "actionsRender", "copyable", "variant", "shadow", "wrap", "defaultExpand", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -15,26 +15,23 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _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; }
-import { Select } from 'antd';
 import { cva } from 'class-variance-authority';
 import { ChevronDown, ChevronRight } from 'lucide-react';
 import { memo, useMemo, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../ActionIcon";
 import CopyButton from "../CopyButton";
-import { languages } from "./const";
+import { getCodeLanguageDisplayName, getCodeLanguageFilename } from "./const";
+import MaterialFileTypeIcon from "../MaterialFileTypeIcon";
+import Text from "../Text";
+import LangSelect from "./LangSelect";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var options = languages.map(function (item) {
-  return {
-    label: item,
-    value: item.toLowerCase()
-  };
-});
 export var HighlighterFullFeatured = /*#__PURE__*/memo(function (_ref) {
   var content = _ref.content,
     language = _ref.language,
+    setLanguage = _ref.setLanguage,
     showLanguage = _ref.showLanguage,
     className = _ref.className,
     style = _ref.style,
@@ -55,10 +52,6 @@ export var HighlighterFullFeatured = /*#__PURE__*/memo(function (_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     expand = _useState2[0],
     setExpand = _useState2[1];
-  var _useState3 = useState(language),
-    _useState4 = _slicedToArray(_useState3, 2),
-    lang = _useState4[0],
-    setLang = _useState4[1];
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
@@ -127,6 +120,14 @@ export var HighlighterFullFeatured = /*#__PURE__*/memo(function (_ref) {
     language: language,
     originalNode: originalActions
   }) : originalActions;
+  var displayName = useMemo(function () {
+    if (fileName) return fileName;
+    return getCodeLanguageDisplayName(language);
+  }, [fileName, language]);
+  var filetype = useMemo(function () {
+    if (fileName) return fileName;
+    return getCodeLanguageFilename(language);
+  }, [fileName, language]);
   return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     className: cx(variants({
       shadow: shadow,
@@ -149,22 +150,24 @@ export var HighlighterFullFeatured = /*#__PURE__*/memo(function (_ref) {
           return setExpand(!expand);
         },
         size: 'small'
-      }), allowChangeLanguage && !fileName ? showLanguage && /*#__PURE__*/_jsx(Select, {
-        className: styles.select,
-        onSelect: setLang,
-        options: options,
-        size: 'small',
-        suffixIcon: false,
-        value: lang.toLowerCase(),
-        variant: 'borderless'
+      }), allowChangeLanguage && !fileName ? showLanguage && /*#__PURE__*/_jsx(LangSelect, {
+        onSelect: setLanguage,
+        value: language.toLowerCase()
       }) : /*#__PURE__*/_jsxs(Flexbox, {
         align: 'center',
-        className: styles.select,
-        gap: 2,
+        className: 'languageTitle',
+        gap: 4,
         horizontal: true,
-        justify: 'center',
-        children: [icon, /*#__PURE__*/_jsx("span", {
-          children: fileName || lang
+        children: [icon || /*#__PURE__*/_jsx(MaterialFileTypeIcon, {
+          fallbackUnknownType: false,
+          filename: filetype,
+          size: 18,
+          type: 'file',
+          variant: 'raw'
+        }), /*#__PURE__*/_jsx(Text, {
+          ellipsis: true,
+          fontSize: 13,
+          children: displayName
         })]
       }), /*#__PURE__*/_jsx(Flexbox, {
         align: 'center',

package/es/Highlighter/Highlighter.js

@@ -7,12 +7,19 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _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; }
 import { cva } from 'class-variance-authority';
-import { memo, useMemo } from 'react';
+import { memo, useMemo, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import CopyButton from "../CopyButton";
+import { getCodeLanguageDisplayName } from "./const";
 import Tag from "../Tag";
 import FullFeatured from "./FullFeatured";
 import SyntaxHighlighter from "./SyntaxHighlighter";
@@ -48,6 +55,10 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
+  var _useState = useState(language),
+    _useState2 = _slicedToArray(_useState, 2),
+    lang = _useState2[0],
+    setLang = _useState2[1];
   var variants = useMemo(function () {
     return cva(styles.root, {
       defaultVariants: {
@@ -83,20 +94,24 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
   var actions = actionsRender ? actionsRender({
     actionIconSize: actionIconSize,
     content: tirmedChildren,
-    language: language,
+    language: lang,
     originalNode: originalActions
   }) : originalActions;
   var originalBody = /*#__PURE__*/_jsx(SyntaxHighlighter, {
     animated: animated,
     enableTransformer: enableTransformer,
-    language: language === null || language === void 0 ? void 0 : language.toLowerCase(),
+    language: lang === null || lang === void 0 ? void 0 : lang.toLowerCase(),
     theme: theme,
     variant: variant,
     children: tirmedChildren
   });
+  var displayName = useMemo(function () {
+    if (fileName) return fileName;
+    return getCodeLanguageDisplayName(language);
+  }, [fileName, language]);
   var body = bodyRender ? bodyRender({
     content: tirmedChildren,
-    language: language,
+    language: lang,
     originalNode: originalBody
   }) : originalBody;
   if (fullFeatured) return /*#__PURE__*/_jsx(FullFeatured, _objectSpread(_objectSpread({
@@ -109,6 +124,7 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
     fileName: fileName,
     icon: icon,
     language: language,
+    setLanguage: setLang,
     shadow: shadow,
     showLanguage: showLanguage,
     variant: variant,
@@ -133,7 +149,7 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
       children: actions
     }), showLanguage && language && /*#__PURE__*/_jsx(Tag, {
       className: styles.lang,
-      children: language.toLowerCase()
+      children: displayName
     }), body]
   }));
 });

package/es/Highlighter/LangSelect.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type SelectProps } from 'antd';
+export declare const LangSelect: import("react").NamedExoticComponent<Omit<SelectProps<any, import("rc-select/lib/Select").DefaultOptionType>, "options">>;
+export default LangSelect;

package/es/Highlighter/LangSelect.js

@@ -0,0 +1,85 @@
+'use client';
+
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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 _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
+import { Select } from 'antd';
+import { memo, useMemo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { bundledLanguagesInfo } from 'shiki';
+import MaterialFileTypeIcon from "../MaterialFileTypeIcon";
+import Text from "../Text";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var LangSelect = /*#__PURE__*/memo(function (_ref) {
+  var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var options = useMemo(function () {
+    return [{
+      aliases: ['text', 'txt'],
+      label: /*#__PURE__*/_jsxs(Flexbox, {
+        align: 'center',
+        gap: 4,
+        horizontal: true,
+        children: [/*#__PURE__*/_jsx(MaterialFileTypeIcon, {
+          fallbackUnknownType: false,
+          filename: "*.txt",
+          size: 18,
+          type: 'file',
+          variant: 'raw'
+        }), /*#__PURE__*/_jsx(Text, {
+          ellipsis: true,
+          fontSize: 13,
+          children: "Plaintext"
+        })]
+      }),
+      value: 'plaintext'
+    }].concat(_toConsumableArray(bundledLanguagesInfo.map(function (item) {
+      var _item$aliases;
+      return {
+        aliases: item.aliases,
+        label: /*#__PURE__*/_jsxs(Flexbox, {
+          align: 'center',
+          gap: 4,
+          horizontal: true,
+          children: [/*#__PURE__*/_jsx(MaterialFileTypeIcon, {
+            fallbackUnknownType: false,
+            filename: "*.".concat((item === null || item === void 0 || (_item$aliases = item.aliases) === null || _item$aliases === void 0 ? void 0 : _item$aliases[0]) || item.id),
+            size: 18,
+            type: 'file',
+            variant: 'raw'
+          }), /*#__PURE__*/_jsx(Text, {
+            ellipsis: true,
+            fontSize: 13,
+            children: item.name
+          })]
+        }),
+        title: (item.aliases || [item.id]).filter(Boolean).map(function (item) {
+          return "*.".concat(item);
+        }).join(','),
+        value: item.id
+      };
+    })));
+  }, []);
+  return /*#__PURE__*/_jsx(Select, _objectSpread({
+    className: styles.select,
+    options: options,
+    showSearch: true,
+    size: 'small',
+    suffixIcon: false,
+    variant: 'borderless'
+  }, rest));
+});
+export default LangSelect;

package/es/Highlighter/const.d.ts

@@ -3,5 +3,8 @@ interface HighlighterThemeItem {
     id: string;
 }
 export declare const highlighterThemes: HighlighterThemeItem[];
-export declare const languages: readonly ["abap", "actionscript-3", "ada", "apache", "apex", "apl", "applescript", "ara", "asm", "astro", "awk", "ballerina", "bat", "beancount", "berry", "bibtex", "bicep", "blade", "c", "cadence", "clarity", "clojure", "cmake", "cobol", "codeql", "coffee", "cpp", "crystal", "csharp", "css", "cue", "cypher", "d", "dart", "dax", "diff", "docker", "dream-maker", "elixir", "elm", "erb", "erlang", "fish", "fsharp", "gdresource", "gdscript", "gdshader", "gherkin", "git-commit", "git-rebase", "glimmer-js", "glimmer-ts", "glsl", "gnuplot", "go", "graphql", "groovy", "hack", "haml", "handlebars", "haskell", "hcl", "hjson", "hlsl", "html", "http", "imba", "ini", "java", "javascript", "jinja-html", "jison", "json", "json5", "jsonc", "jsonl", "jsonnet", "jssm", "jsx", "julia", "kotlin", "kusto", "latex", "less", "liquid", "lisp", "logo", "lua", "make", "markdown", "marko", "matlab", "mdc", "mdx", "mermaid", "mojo", "narrat", "nextflow", "nginx", "nim", "nix", "objective-c", "objective-cpp", "ocaml", "pascal", "perl", "php", "plsql", "postcss", "powerquery", "powershell", "prisma", "prolog", "proto", "pug", "puppet", "purescript", "python", "r", "raku", "razor", "reg", "rel", "riscv", "rst", "ruby", "rust", "sas", "sass", "scala", "scheme", "scss", "shaderlab", "shellscript", "shellsession", "smalltalk", "solidity", "sparql", "splunk", "sql", "ssh-config", "stata", "stylus", "svelte", "swift", "system-verilog", "tasl", "tcl", "tex", "toml", "tsx", "turtle", "twig", "typescript", "v", "vb", "verilog", "vhdl", "viml", "vue", "vue-html", "vyper", "wasm", "wenyan", "wgsl", "wolfram", "xml", "xsl", "yaml", "zenscript", "zig", "bash", "batch", "be", "c#", "cdc", "clj", "cmd", "console", "cql", "cs", "dockerfile", "erl", "f#", "fs", "fsl", "gjs", "gts", "hbs", "hs", "jade", "js", "kql", "makefile", "md", "nar", "nf", "objc", "perl6", "properties", "ps", "ps1", "py", "ql", "rb", "rs", "sh", "shader", "shell", "spl", "styl", "ts", "vim", "vimscript", "vy", "yml", "zsh", "文言"];
+export declare const FALLBACK_LANG = "plaintext";
+export declare const getCodeLanguageByInput: (input: string) => string;
+export declare const getCodeLanguageFilename: (input: string) => string;
+export declare const getCodeLanguageDisplayName: (input: string) => string;
 export {};

package/es/Highlighter/const.js

@@ -4,7 +4,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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 { bundledThemesInfo } from 'shiki';
+import { bundledLanguagesInfo, bundledThemesInfo } from 'shiki';
 export var highlighterThemes = [{
   displayName: 'Lobe Theme',
   id: 'lobe-theme'
@@ -14,4 +14,39 @@ export var highlighterThemes = [{
     id: item.id
   };
 })));
-export var languages = ['abap', 'actionscript-3', 'ada', 'apache', 'apex', 'apl', 'applescript', 'ara', 'asm', 'astro', 'awk', 'ballerina', 'bat', 'beancount', 'berry', 'bibtex', 'bicep', 'blade', 'c', 'cadence', 'clarity', 'clojure', 'cmake', 'cobol', 'codeql', 'coffee', 'cpp', 'crystal', 'csharp', 'css', 'cue', 'cypher', 'd', 'dart', 'dax', 'diff', 'docker', 'dream-maker', 'elixir', 'elm', 'erb', 'erlang', 'fish', 'fsharp', 'gdresource', 'gdscript', 'gdshader', 'gherkin', 'git-commit', 'git-rebase', 'glimmer-js', 'glimmer-ts', 'glsl', 'gnuplot', 'go', 'graphql', 'groovy', 'hack', 'haml', 'handlebars', 'haskell', 'hcl', 'hjson', 'hlsl', 'html', 'http', 'imba', 'ini', 'java', 'javascript', 'jinja-html', 'jison', 'json', 'json5', 'jsonc', 'jsonl', 'jsonnet', 'jssm', 'jsx', 'julia', 'kotlin', 'kusto', 'latex', 'less', 'liquid', 'lisp', 'logo', 'lua', 'make', 'markdown', 'marko', 'matlab', 'mdc', 'mdx', 'mermaid', 'mojo', 'narrat', 'nextflow', 'nginx', 'nim', 'nix', 'objective-c', 'objective-cpp', 'ocaml', 'pascal', 'perl', 'php', 'plsql', 'postcss', 'powerquery', 'powershell', 'prisma', 'prolog', 'proto', 'pug', 'puppet', 'purescript', 'python', 'r', 'raku', 'razor', 'reg', 'rel', 'riscv', 'rst', 'ruby', 'rust', 'sas', 'sass', 'scala', 'scheme', 'scss', 'shaderlab', 'shellscript', 'shellsession', 'smalltalk', 'solidity', 'sparql', 'splunk', 'sql', 'ssh-config', 'stata', 'stylus', 'svelte', 'swift', 'system-verilog', 'tasl', 'tcl', 'tex', 'toml', 'tsx', 'turtle', 'twig', 'typescript', 'v', 'vb', 'verilog', 'vhdl', 'viml', 'vue', 'vue-html', 'vyper', 'wasm', 'wenyan', 'wgsl', 'wolfram', 'xml', 'xsl', 'yaml', 'zenscript', 'zig', 'bash', 'batch', 'be', 'c#', 'cdc', 'clj', 'cmd', 'console', 'cql', 'cs', 'dockerfile', 'erl', 'f#', 'fs', 'fsl', 'gjs', 'gts', 'hbs', 'hs', 'jade', 'js', 'kql', 'makefile', 'md', 'nar', 'nf', 'objc', 'perl6', 'properties', 'ps', 'ps1', 'py', 'ql', 'rb', 'rs', 'sh', 'shader', 'shell', 'spl', 'styl', 'ts', 'vim', 'vimscript', 'vy', 'yml', 'zsh', '文言'];
+export var FALLBACK_LANG = 'plaintext';
+export var getCodeLanguageByInput = function getCodeLanguageByInput(input) {
+  if (!input) {
+    return 'plaintext';
+  }
+  var inputLang = input.toLocaleLowerCase();
+  var matchLang = bundledLanguagesInfo.find(function (lang) {
+    var _lang$aliases;
+    return lang.id === inputLang || ((_lang$aliases = lang.aliases) === null || _lang$aliases === void 0 ? void 0 : _lang$aliases.includes(inputLang));
+  });
+  return (matchLang === null || matchLang === void 0 ? void 0 : matchLang.id) || 'plaintext';
+};
+export var getCodeLanguageFilename = function getCodeLanguageFilename(input) {
+  var _matchLang$aliases;
+  if (!input) {
+    return 'Plaintext';
+  }
+  var inputLang = input.toLocaleLowerCase();
+  var matchLang = bundledLanguagesInfo.find(function (lang) {
+    var _lang$aliases2;
+    return lang.id === inputLang || ((_lang$aliases2 = lang.aliases) === null || _lang$aliases2 === void 0 ? void 0 : _lang$aliases2.includes(inputLang));
+  });
+  var type = (matchLang === null || matchLang === void 0 || (_matchLang$aliases = matchLang.aliases) === null || _matchLang$aliases === void 0 ? void 0 : _matchLang$aliases[0]) || (matchLang === null || matchLang === void 0 ? void 0 : matchLang.id) || 'txt';
+  return "*.".concat(type);
+};
+export var getCodeLanguageDisplayName = function getCodeLanguageDisplayName(input) {
+  if (!input) {
+    return 'Plaintext';
+  }
+  var inputLang = input.toLocaleLowerCase();
+  var matchLang = bundledLanguagesInfo.find(function (lang) {
+    var _lang$aliases3;
+    return lang.id === inputLang || ((_lang$aliases3 = lang.aliases) === null || _lang$aliases3 === void 0 ? void 0 : _lang$aliases3.includes(inputLang));
+  });
+  return (matchLang === null || matchLang === void 0 ? void 0 : matchLang.name) || 'Plaintext';
+};

package/es/Highlighter/style.js

@@ -21,8 +21,8 @@ export var useStyles = createStyles(function (_ref) {
     headerBorderless: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      padding-inline: 0;\n    "]))),
     headerFilled: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      background: ", ";\n    "])), token.colorFillQuaternary),
     headerOutlined: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      & + .", " {\n        border-block-start: 1px solid ", ";\n      }\n    "])), expandCls, token.colorFillQuaternary),
-    headerRoot: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      position: relative;\n      padding: 4px;\n    "]))),
-    lang: cx(langHoverCls, stylish.blur, css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        position: absolute;\n        z-index: 2;\n        inset-block-end: 8px;\n        inset-inline-end: 0;\n\n        font-family: ", ";\n        color: ", ";\n\n        opacity: 0;\n        background: ", ";\n\n        transition: opacity 0.1s;\n      "])), token.fontFamilyCode, token.colorTextSecondary, token.colorFillQuaternary)),
+    headerRoot: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      position: relative;\n      padding: 4px;\n\n      .languageTitle {\n        opacity: 0.5;\n        transition: opacity 0.2s ", ";\n      }\n\n      &:hover {\n        .languageTitle {\n          opacity: 1;\n        }\n      }\n    "])), token.motionEaseInOut),
+    lang: cx(langHoverCls, stylish.blur, css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        position: absolute;\n        z-index: 2;\n        inset-block-end: 8px;\n        inset-inline-end: 8px;\n\n        font-family: ", ";\n        color: ", ";\n\n        opacity: 0;\n        background: ", ";\n\n        transition: opacity 0.1s;\n      "])), token.fontFamilyCode, token.colorTextSecondary, token.colorFillQuaternary)),
     nowrap: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      pre,\n      code {\n        text-wrap: nowrap;\n      }\n    "]))),
     outlined: stylish.variantOutlinedWithoutHover,
     root: cx(prefix, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        position: relative;\n\n        overflow: hidden;\n\n        width: 100%;\n        border-radius: ", "px;\n\n        transition: background-color 100ms ", ";\n\n        &:hover {\n          .", " {\n            opacity: 1;\n          }\n\n          .", " {\n            opacity: 1;\n          }\n        }\n\n        code {\n          background: transparent !important;\n        }\n      "])), token.borderRadius, token.motionEaseOut, actionsHoverCls, langHoverCls)),

package/es/Markdown/components/CodeBlock.js

@@ -7,7 +7,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _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; }
-import { FALLBACK_LANG } from "../../hooks/useHighlight";
+import { FALLBACK_LANG } from "../../Highlighter/const";
 import Pre, { PreMermaid, PreSingleLine } from "../../mdx/mdxComponents/Pre";
 import { jsx as _jsx } from "react/jsx-runtime";
 var countLines = function countLines(str) {

package/es/Markdown/markdown.style.js

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
 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';
 var IGNORE_CLASSNAME = '.ignore-markdown-style';
@@ -18,21 +18,22 @@ export var useStyles = createStyles(function (_ref, _ref2) {
   var a = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      a:not(", " a) {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.colorInfoText, token.colorInfoHover);
   var blockquote = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      blockquote:not(", " blockquote) {\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    "])), IGNORE_CLASSNAME, token.colorBorder, token.colorTextSecondary);
   var code = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      code:not(", " code) {\n        &:not(:has(span)) {\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      }\n    "])), IGNORE_CLASSNAME, token.fontFamilyCode, token.colorFillSecondary);
-  var details = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      details:not(", " details) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        padding-block: 0.75em;\n        padding-inline: 1em;\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n        background: ", ";\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n        summary {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          list-style: none;\n\n          &::before {\n            content: '';\n\n            position: absolute;\n            inset-inline-end: 1.25em;\n            transform: rotateZ(-45deg);\n\n            display: block;\n\n            width: 0.4em;\n            height: 0.4em;\n            border-block-end: 1.5px solid ", ";\n            border-inline-end: 1.5px solid ", ";\n\n            font-family: ", ";\n\n            transition: transform 200ms ", ";\n          }\n        }\n\n        &[open] {\n          summary {\n            padding-block-end: 0.75em;\n            border-block-end: 1px dashed ", ";\n\n            &::before {\n              transform: rotateZ(45deg);\n            }\n          }\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.colorFillTertiary, token.colorTextSecondary, token.colorTextSecondary, token.fontFamily, token.motionEaseOut, token.colorBorder);
-  var header = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      h1:not(", " h1),\n      h2:not(", " h2),\n      h3:not(", " h3),\n      h4:not(", " h4),\n      h5:not(", " h5),\n      h6:not(", " 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:not(", " h1) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h2:not(", " h2) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h3:not(", " h3) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h4:not(", " h4) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h5:not(", " h5),\n      h6:not(", " h6) {\n        font-size: calc(var(--lobe-markdown-font-size) * 1);\n      }\n    "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
-  var hr = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      hr:not(", " hr) {\n        width: 100%;\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n        border-color: ", ";\n        border-style: dashed;\n        border-width: 1px;\n        border-block-start: none;\n        border-inline-start: none;\n        border-inline-end: none;\n      }\n    "])), IGNORE_CLASSNAME, token.colorBorder);
-  var img = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      img:not(", " img) {\n        max-width: 100%;\n      }\n\n      > img,\n      > p > img {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n      }\n    "])), IGNORE_CLASSNAME);
-  var kbd = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      kbd:not(", " kbd) {\n        cursor: default;\n\n        display: inline-block;\n\n        min-width: 1em;\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid ", ";\n        border-radius: 0.25em;\n\n        font-family: ", ";\n        font-size: 0.875em;\n        font-weight: 500;\n        line-height: 1;\n        text-align: center;\n\n        background: ", ";\n      }\n    "])), IGNORE_CLASSNAME, token.colorBorderSecondary, token.fontFamily, token.colorBgLayout);
-  var list = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      li:not(", " li) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n\n        p {\n          display: inline;\n        }\n      }\n\n      ul:not(", " ul),\n      ol:not(", " ol) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        margin-inline-start: 1em;\n        padding-inline-start: 0;\n        list-style-position: outside;\n\n        > ul,\n        > ol {\n          margin-block: 0;\n        }\n\n        > li {\n          margin-inline-start: 1em;\n        }\n      }\n\n      ol:not(", " ol) {\n        list-style: auto;\n      }\n\n      ul:not(", " ul) {\n        list-style-type: none;\n\n        > li {\n          &::before {\n            content: '-';\n            display: inline-block;\n            margin-inline: -1em 0.5em;\n            opacity: 0.5;\n          }\n        }\n      }\n    "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
-  var p = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      p:not(", " kbd) {\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    "])), IGNORE_CLASSNAME);
-  var pre = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      pre {\n        font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n      }\n    "])));
-  var strong = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      strong:not(", " strong) {\n        font-weight: 600;\n      }\n    "])), IGNORE_CLASSNAME);
-  var svg = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      svg:not(", " svg) {\n        line-height: 1;\n      }\n    "])), IGNORE_CLASSNAME);
-  var table = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      table:not(", " table) {\n        unicode-bidi: isolate;\n        overflow: auto hidden;\n        display: block;\n        border-spacing: 0;\n        border-collapse: collapse;\n\n        box-sizing: border-box;\n        width: max-content;\n        max-width: 100%;\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n        text-align: start;\n        text-indent: initial;\n        text-wrap: pretty;\n        word-break: auto-phrase;\n        overflow-wrap: break-word;\n\n        background: ", ";\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n        code {\n          word-break: break-word;\n        }\n\n        thead {\n          background: ", ";\n        }\n\n        tr {\n          box-shadow: 0 1px 0 var(--lobe-markdown-border-color);\n        }\n\n        th,\n        td {\n          min-width: 120px;\n          padding-block: 0.75em;\n          padding-inline: 1em;\n          text-align: start;\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.colorFillQuaternary, token.colorFillQuaternary);
-  var video = css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      > video:not(", " video),\n      > p:not(", " p) > video {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n      }\n\n      video:not(", " video) {\n        max-width: 100%;\n      }\n    "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
-  var gfm = css(_templateObject17 || (_templateObject17 = _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      .octicon {\n        overflow: visible !important;\n        display: inline-block;\n        margin-inline-end: 0.5em;\n        vertical-align: text-bottom;\n      }\n\n      .task-list-item {\n        &::before {\n          display: none !important;\n        }\n\n        input[type='checkbox'] {\n          margin-block: 0 0.25em;\n          margin-inline: -1.6em 0.2em;\n          vertical-align: middle;\n        }\n\n        input[type='checkbox']:dir(rtl) {\n          margin: 0 -1.6em 0.25em 0.2em;\n        }\n      }\n\n      /* Style the footnotes section. */\n\n      .footnotes {\n        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        font-size: smaller;\n        color: #8b949e;\n\n        #footnote-label {\n          display: none;\n        }\n\n        > ol {\n          margin: 0 !important;\n        }\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(a[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    "])), 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);
+  var del = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      del:not(", " del) {\n        color: ", ";\n        text-decoration: line-through;\n      }\n    "])), IGNORE_CLASSNAME, token.colorTextDescription);
+  var details = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      details:not(", " details) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        padding-block: 0.75em;\n        padding-inline: 1em;\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n        background: ", ";\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n        summary {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          list-style: none;\n\n          &::before {\n            content: '';\n\n            position: absolute;\n            inset-inline-end: 1.25em;\n            transform: rotateZ(-45deg);\n\n            display: block;\n\n            width: 0.4em;\n            height: 0.4em;\n            border-block-end: 1.5px solid ", ";\n            border-inline-end: 1.5px solid ", ";\n\n            font-family: ", ";\n\n            transition: transform 200ms ", ";\n          }\n        }\n\n        &[open] {\n          summary {\n            padding-block-end: 0.75em;\n            border-block-end: 1px dashed ", ";\n\n            &::before {\n              transform: rotateZ(45deg);\n            }\n          }\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.colorFillTertiary, token.colorTextSecondary, token.colorTextSecondary, token.fontFamily, token.motionEaseOut, token.colorBorder);
+  var header = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      h1:not(", " h1),\n      h2:not(", " h2),\n      h3:not(", " h3),\n      h4:not(", " h4),\n      h5:not(", " h5),\n      h6:not(", " 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:not(", " h1) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h2:not(", " h2) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h3:not(", " h3) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h4:not(", " h4) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h5:not(", " h5),\n      h6:not(", " h6) {\n        font-size: calc(var(--lobe-markdown-font-size) * 1);\n      }\n    "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
+  var hr = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      hr:not(", " hr) {\n        width: 100%;\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n        border-color: ", ";\n        border-style: dashed;\n        border-width: 1px;\n        border-block-start: none;\n        border-inline-start: none;\n        border-inline-end: none;\n      }\n    "])), IGNORE_CLASSNAME, token.colorBorder);
+  var img = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      img:not(", " img) {\n        max-width: 100%;\n      }\n\n      > img,\n      > p > img {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n      }\n    "])), IGNORE_CLASSNAME);
+  var kbd = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      kbd:not(", " kbd) {\n        cursor: default;\n\n        display: inline-block;\n\n        min-width: 1em;\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid ", ";\n        border-radius: 0.25em;\n\n        font-family: ", ";\n        font-size: 0.875em;\n        font-weight: 500;\n        line-height: 1;\n        text-align: center;\n\n        background: ", ";\n      }\n    "])), IGNORE_CLASSNAME, token.colorBorderSecondary, token.fontFamily, token.colorBgLayout);
+  var list = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      li:not(", " li) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n\n        p {\n          display: inline;\n        }\n      }\n\n      ul:not(", " ul),\n      ol:not(", " ol) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        margin-inline-start: 1em;\n        padding-inline-start: 0;\n        list-style-position: outside;\n\n        > ul,\n        > ol {\n          margin-block: 0;\n        }\n\n        > li {\n          margin-inline-start: 1em;\n        }\n      }\n\n      ol:not(", " ol) {\n        list-style: auto;\n      }\n\n      ul:not(", " ul) {\n        list-style-type: none;\n\n        > li {\n          &::before {\n            content: '-';\n            display: inline-block;\n            margin-inline: -1em 0.5em;\n            opacity: 0.5;\n          }\n        }\n      }\n    "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
+  var p = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      p:not(", " kbd) {\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    "])), IGNORE_CLASSNAME);
+  var pre = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      pre {\n        font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n      }\n    "])));
+  var strong = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      strong:not(", " strong) {\n        font-weight: 600;\n      }\n    "])), IGNORE_CLASSNAME);
+  var svg = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      svg:not(", " svg) {\n        line-height: 1;\n      }\n    "])), IGNORE_CLASSNAME);
+  var table = css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      table:not(", " table) {\n        unicode-bidi: isolate;\n        overflow: auto hidden;\n        display: block;\n        border-spacing: 0;\n        border-collapse: collapse;\n\n        box-sizing: border-box;\n        width: max-content;\n        max-width: 100%;\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n        text-align: start;\n        text-indent: initial;\n        text-wrap: pretty;\n        word-break: auto-phrase;\n        overflow-wrap: break-word;\n\n        background: ", ";\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n        code {\n          word-break: break-word;\n        }\n\n        thead {\n          background: ", ";\n        }\n\n        tr {\n          box-shadow: 0 1px 0 var(--lobe-markdown-border-color);\n        }\n\n        th,\n        td {\n          min-width: 120px;\n          padding-block: 0.75em;\n          padding-inline: 1em;\n          text-align: start;\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.colorFillQuaternary, token.colorFillQuaternary);
+  var video = css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      > video:not(", " video),\n      > p:not(", " p) > video {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n      }\n\n      video:not(", " video) {\n        max-width: 100%;\n      }\n    "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
+  var gfm = css(_templateObject18 || (_templateObject18 = _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      .octicon {\n        overflow: visible !important;\n        display: inline-block;\n        margin-inline-end: 0.5em;\n        vertical-align: text-bottom;\n      }\n\n      .task-list-item {\n        &::before {\n          display: none !important;\n        }\n\n        input[type='checkbox'] {\n          margin-block: 0 0.25em;\n          margin-inline: -1.6em 0.2em;\n          vertical-align: middle;\n        }\n\n        input[type='checkbox']:dir(rtl) {\n          margin: 0 -1.6em 0.25em 0.2em;\n        }\n      }\n\n      /* Style the footnotes section. */\n\n      .footnotes {\n        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        font-size: smaller;\n        color: #8b949e;\n\n        #footnote-label {\n          display: none;\n        }\n\n        > ol {\n          margin: 0 !important;\n        }\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(a[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    "])), 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);
   return {
     root: __root,
-    variant: cx(a, blockquote, code, details, header, hr, img, kbd, list, p, pre, strong, svg, table, video, gfm)
+    variant: cx(a, blockquote, code, del, details, header, hr, img, kbd, list, p, pre, strong, svg, table, video, gfm)
   };
 });

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

@@ -0,0 +1,6 @@
+/**
+ * Remark plugin to handle <br> and <br/> tags in markdown text
+ * This plugin converts <br> and <br/> tags to proper HTML elements
+ * without requiring allowHtml to be enabled
+ */
+export declare const remarkBr: () => (tree: any) => void;

package/es/Markdown/plugins/remarkBr.js

@@ -0,0 +1,104 @@
+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 <br> and <br/> tags in markdown text
+ * This plugin converts <br> and <br/> tags to proper HTML elements
+ * without requiring allowHtml to be enabled
+ */
+export var remarkBr = function remarkBr() {
+  return function (tree) {
+    // First try to process html nodes that might contain br tags
+    visit(tree, 'html', function (node, index, parent) {
+      if (!node.value || typeof node.value !== 'string') return;
+      var brRegex = /<\s*br\s*\/?>/gi;
+      if (brRegex.test(node.value)) {
+        console.log('Found br tag in HTML node:', node.value);
+        // Replace the html node with a break node
+        parent.children.splice(index, 1, {
+          type: 'break'
+        });
+        return index;
+      }
+    });
+
+    // Also process text nodes
+    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;
+
+      // Check if the text contains <br> or <br/> tags
+      var brRegex = /<\s*br\s*\/?>/gi;
+      if (!brRegex.test(node.value)) return;
+      console.log('Found br tag in text:', node.value);
+
+      // Reset regex lastIndex for split operation
+      brRegex.lastIndex = 0;
+
+      // Split the text by br tags, but keep the matched tags
+      var parts = [];
+      var matches = [];
+      var lastIndex = 0;
+      var match;
+      while ((match = brRegex.exec(node.value)) !== null) {
+        // Add text before the match
+        if (match.index > lastIndex) {
+          parts.push(node.value.slice(lastIndex, match.index));
+        }
+
+        // Store the matched br tag
+        matches.push(match[0]);
+        lastIndex = match.index + match[0].length;
+      }
+
+      // Add remaining text after the last match
+      if (lastIndex < node.value.length) {
+        parts.push(node.value.slice(lastIndex));
+      }
+
+      // Create new nodes
+      var newNodes = [];
+      var _iterator = _createForOfIteratorHelper(parts.entries()),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _step$value = _slicedToArray(_step.value, 2),
+            i = _step$value[0],
+            part = _step$value[1];
+          // Add text node if not empty
+          if (part) {
+            newNodes.push({
+              type: 'text',
+              value: part
+            });
+          }
+
+          // Add br element if we have a corresponding match
+          if (i < matches.length) {
+            newNodes.push({
+              type: 'break'
+            });
+          }
+        }
+
+        // Replace the original text node with the new nodes
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      if (newNodes.length > 0) {
+        var _parent$children;
+        (_parent$children = parent.children).splice.apply(_parent$children, [index, 1].concat(newNodes));
+        return index + newNodes.length - 1; // Skip the newly added nodes
+      }
+    });
+  };
+};

package/es/Mermaid/FullFeatured.js

@@ -22,6 +22,8 @@ import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../ActionIcon";
 import CopyButton from "../CopyButton";
 import { useStyles } from "../Highlighter/style";
+import MaterialFileTypeIcon from "../MaterialFileTypeIcon";
+import Text from "../Text";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var MermaidFullFeatured = /*#__PURE__*/memo(function (_ref) {
@@ -127,13 +129,22 @@ export var MermaidFullFeatured = /*#__PURE__*/memo(function (_ref) {
           return setExpand(!expand);
         },
         size: 'small'
-      }), showLanguage && /*#__PURE__*/_jsx(Flexbox, {
+      }), showLanguage && /*#__PURE__*/_jsxs(Flexbox, {
         align: 'center',
-        className: styles.select,
-        gap: 2,
+        className: 'languageTitle',
+        gap: 4,
         horizontal: true,
-        justify: 'center',
-        children: fileName || language.toLowerCase()
+        children: [/*#__PURE__*/_jsx(MaterialFileTypeIcon, {
+          fallbackUnknownType: false,
+          filename: fileName || language,
+          size: 18,
+          type: 'file',
+          variant: 'raw'
+        }), /*#__PURE__*/_jsx(Text, {
+          ellipsis: true,
+          fontSize: 13,
+          children: fileName || 'Mermaid'
+        })]
       }), /*#__PURE__*/_jsx(Flexbox, {
         align: 'center',
         flex: 'none',

package/es/hooks/useHighlight.d.ts

@@ -1,6 +1,5 @@
 import type { BuiltinTheme, CodeToHastOptions } from 'shiki';
 import { SWRResponse } from 'swr';
-export declare const FALLBACK_LANG = "txt";
 declare const MD5_LENGTH_THRESHOLD = 10000;
 type ICodeToHtml = (code: string, options: CodeToHastOptions) => Promise<string>;
 declare const loadShiki: () => Promise<ICodeToHtml | null>;

package/es/hooks/useHighlight.js

@@ -9,8 +9,7 @@ import { useTheme, useThemeMode } from 'antd-style';
 import { useMemo } from 'react';
 import useSWR from 'swr';
 import { Md5 } from 'ts-md5';
-import { languages } from "../Highlighter/const";
-export var FALLBACK_LANG = 'txt';
+import { getCodeLanguageByInput } from "../Highlighter/const";
 
 // Application-level cache to avoid repeated calculations
 var MD5_LENGTH_THRESHOLD = 10000; // Use async MD5 for text exceeding this length
@@ -43,7 +42,7 @@ export var useHighlight = function useHighlight(text, _ref) {
 
   // Match supported languages
   var matchedLanguage = useMemo(function () {
-    return languages.includes(lang) ? lang : FALLBACK_LANG;
+    return getCodeLanguageByInput(lang);
   }, [lang]);
 
   // Optimize transformer creation

package/es/hooks/useMarkdown/fixMarkdownEmphasisSpacing.d.ts

@@ -0,0 +1 @@
+export declare function fixMarkdownEmphasisSpacing(text: string): string;

package/es/hooks/useMarkdown/fixMarkdownEmphasisSpacing.js

@@ -0,0 +1,244 @@
+function splitInlineCode(text) {
+  var segments = [];
+  var currentPos = 0;
+
+  // 匹配行内代码，支持多个反引号
+  var inlineCodeRegex = /(`+)([^`]*?)\1/g;
+  var match;
+  while ((match = inlineCodeRegex.exec(text)) !== null) {
+    // 添加代码前的普通文本
+    if (match.index > currentPos) {
+      segments.push({
+        content: text.slice(currentPos, match.index),
+        isCode: false
+      });
+    }
+
+    // 添加行内代码
+    segments.push({
+      content: match[0],
+      isCode: true
+    });
+    currentPos = match.index + match[0].length;
+  }
+
+  // 添加最后剩余的普通文本
+  if (currentPos < text.length) {
+    segments.push({
+      content: text.slice(currentPos),
+      isCode: false
+    });
+  }
+  return segments;
+}
+function applyEmphasisFixes(text) {
+  var result = text;
+
+  // Step 1: Remove trailing spaces inside emphasis markers
+  var removeInternalSpaces = [
+  // 处理 **bold** 格式（两个星号）- 只处理一个空格
+  {
+    pattern: /(\*\*)([^\n*]+?)( )(\*\*)/g,
+    replacement: '$1$2$4'
+  },
+  // 处理 __bold__ 格式（两个下划线）- 只处理一个空格
+  {
+    pattern: /(__)([^\n_]+?)( )(__)/g,
+    replacement: '$1$2$4'
+  },
+  // 处理 ~~strikethrough~~ 格式（删除线）- 只处理一个空格
+  {
+    pattern: /(~~)([^\n~]+?)( )(~~)/g,
+    replacement: '$1$2$4'
+  },
+  // 处理单个 * 格式 - 只处理一个空格，使用更精确的边界匹配
+  {
+    pattern: /(^|[^\w*])(\*(?!\*))([^\n*]+?)( )(\*(?!\*))/g,
+    replacement: '$1$2$3$5'
+  },
+  // 处理单个 _ 格式 - 只处理一个空格，使用更精确的边界匹配
+  {
+    pattern: /(^|\W)(_(?!_))([^\n_]+?)( )(_(?!_))/g,
+    replacement: '$1$2$3$5'
+  }];
+  result = removeInternalSpaces.reduce(function (text, _ref) {
+    var pattern = _ref.pattern,
+      replacement = _ref.replacement;
+    return text.replace(pattern, replacement);
+  }, result);
+
+  // Step 2: Add space after closing emphasis markers when followed by symbols/punctuation/Chinese characters
+  // Define emphasis patterns
+  var emphasisPatterns = [
+  // ** (bold)
+  {
+    markerChar: '*',
+    pattern: /(\*\*)([^\n*]*?)(\*\*)(\S)/g
+  },
+  // __ (bold)
+  {
+    markerChar: '_',
+    pattern: /(__)([^\n_]*?)(__)(\S)/g
+  },
+  // * (italic) - need to avoid matching **
+  {
+    markerChar: '*',
+    pattern: /(\*(?!\*))([^\n*]*?)(\*(?!\*))(\S)/g
+  },
+  // _ (italic) - need to avoid matching __
+  {
+    markerChar: '_',
+    pattern: /(_(?!_))([^\n_]*?)(_(?!_))(\S)/g
+  },
+  // ~~ (strikethrough)
+  {
+    markerChar: '~',
+    pattern: /(~~)([^\n~]*?)(~~)(\S)/g
+  }];
+
+  // Apply space after closing markers for each emphasis type
+  for (var _i = 0, _emphasisPatterns = emphasisPatterns; _i < _emphasisPatterns.length; _i++) {
+    var pattern = _emphasisPatterns[_i].pattern;
+    result = result.replaceAll(pattern, function (match, start, content, end, nextChar) {
+      // Check if the content ends with a symbol/punctuation (like ：, :, etc.)
+      var lastChar = content.slice(-1);
+      var isSymbolOrPunctuation = /[!"#$%&'()*+,./:;<=>?@[\\\]^_`{|}~、。《》【】！（），：；？｛｜｝-]/.test(lastChar);
+
+      // If content ends with symbol/punctuation and next character is not whitespace, add space
+      if (isSymbolOrPunctuation && nextChar && !/\s/.test(nextChar)) {
+        return start + content + end + ' ' + nextChar;
+      }
+      return match;
+    });
+  }
+
+  // Step 3: Add space before opening emphasis markers when preceded by non-whitespace and first char is symbol/punctuation
+  var beforeEmphasisPatterns = [
+  // ** (bold)
+  {
+    markerChar: '*',
+    pattern: /(\S)(\*\*)([^\n*]*?)(\*\*)/g
+  },
+  // __ (bold)
+  {
+    markerChar: '_',
+    pattern: /(\S)(__)([^\n_]*?)(__)/g
+  },
+  // * (italic) - need to avoid matching **
+  {
+    markerChar: '*',
+    pattern: /(\S)(\*(?!\*))([^\n*]*?)(\*(?!\*))/g
+  },
+  // _ (italic) - need to avoid matching __
+  {
+    markerChar: '_',
+    pattern: /(\S)(_(?!_))([^\n_]*?)(_(?!_))/g
+  },
+  // ~~ (strikethrough)
+  {
+    markerChar: '~',
+    pattern: /(\S)(~~)([^\n~]*?)(~~)/g
+  }];
+
+  // Apply space before opening markers for each emphasis type
+  for (var _i2 = 0, _beforeEmphasisPatter = beforeEmphasisPatterns; _i2 < _beforeEmphasisPatter.length; _i2++) {
+    var _pattern = _beforeEmphasisPatter[_i2].pattern;
+    result = result.replaceAll(_pattern, function (match, prevChar, start, content, end) {
+      // Check if the content starts with a symbol/punctuation (like ：, :, ", (, etc.)
+      var firstChar = content.charAt(0);
+      var isSymbolOrPunctuation = /[!"#$%&'()*+,./:;<=>?@[\\\]^_`{|}~、。《》【】！（），：；？｛｜｝-]/.test(firstChar);
+
+      // If previous character is not whitespace and content starts with symbol/punctuation, add space before
+      if (prevChar && !/\s/.test(prevChar) && isSymbolOrPunctuation) {
+        return prevChar + ' ' + start + content + end;
+      }
+      return match;
+    });
+  }
+
+  // Step 4: Re-run step 2 after step 3 to handle cases where both before and after spaces are needed
+  for (var _i3 = 0, _emphasisPatterns2 = emphasisPatterns; _i3 < _emphasisPatterns2.length; _i3++) {
+    var _pattern2 = _emphasisPatterns2[_i3].pattern;
+    result = result.replaceAll(_pattern2, function (match, start, content, end, nextChar) {
+      // Check if the content ends with a symbol/punctuation (like ：, :, etc.)
+      var lastChar = content.slice(-1);
+      var isSymbolOrPunctuation = /[!"#$%&'()*+,./:;<=>?@[\\\]^_`{|}~、。《》【】！（），：；？｛｜｝-]/.test(lastChar);
+
+      // If content ends with symbol/punctuation and next character is not whitespace, add space
+      if (isSymbolOrPunctuation && nextChar && !/\s/.test(nextChar)) {
+        return start + content + end + ' ' + nextChar;
+      }
+      return match;
+    });
+  }
+  return result;
+}
+function splitMarkdownWithAllCodeTypes(text) {
+  var segments = [];
+  var lines = text.split('\n');
+  var currentSegment = '';
+  var isInCodeBlock = false;
+  var codeBlockType = null; // 'fenced' | 'indented'
+
+  for (var i = 0; i < lines.length; i++) {
+    var line = lines[i];
+
+    // 检查围栏代码块的开始/结束
+    var fencedCodeMatch = line.match(/^(\s*)(```|~~~)/);
+    if (fencedCodeMatch && !isInCodeBlock) {
+      // 开始围栏代码块
+      if (currentSegment) {
+        segments.push({
+          content: currentSegment,
+          isCode: false
+        });
+        currentSegment = '';
+      }
+      isInCodeBlock = true;
+      codeBlockType = 'fenced';
+      currentSegment = line + (i < lines.length - 1 ? '\n' : '');
+    } else if (fencedCodeMatch && isInCodeBlock && codeBlockType === 'fenced') {
+      // 结束围栏代码块
+      currentSegment += line + (i < lines.length - 1 ? '\n' : '');
+      segments.push({
+        content: currentSegment,
+        isCode: true
+      });
+      currentSegment = '';
+      isInCodeBlock = false;
+      codeBlockType = null;
+    } else if (isInCodeBlock) {
+      // 在代码块内部
+      currentSegment += line + (i < lines.length - 1 ? '\n' : '');
+    } else {
+      // 普通行，但需要检查行内代码
+      currentSegment += line + (i < lines.length - 1 ? '\n' : '');
+    }
+  }
+
+  // 处理最后的片段
+  if (currentSegment) {
+    segments.push({
+      content: currentSegment,
+      isCode: isInCodeBlock
+    });
+  }
+
+  // 进一步处理行内代码
+  return segments.flatMap(function (segment) {
+    if (segment.isCode) {
+      return [segment];
+    }
+    return splitInlineCode(segment.content);
+  });
+}
+export function fixMarkdownEmphasisSpacing(text) {
+  // 更完善的代码块识别，包括缩进代码块
+  var segments = splitMarkdownWithAllCodeTypes(text);
+  return segments.map(function (segment) {
+    if (segment.isCode) {
+      return segment.content;
+    }
+    return applyEmphasisFixes(segment.content);
+  }).join('');
+}

package/es/hooks/useMarkdown/useMarkdownComponents.js

@@ -80,15 +80,21 @@ export var useMarkdownComponents = function useMarkdownComponents() {
       }, stableComponentProps), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre), props));
     };
   }, [animated, enableMermaid, fullFeaturedCodeBlock, stableComponentProps, componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre]);
+  var memoBr = useMemo(function () {
+    return function () {
+      return /*#__PURE__*/_jsx("br", {});
+    };
+  }, []);
   var memoComponents = useMemo(function () {
     return {
       a: memoA,
+      br: memoBr,
       img: memoImg,
       pre: memoPre,
       section: memoSection,
       video: memoVideo
     };
-  }, [memoA, memoImg, memoVideo, memoPre, memoSection]);
+  }, [memoA, memoBr, memoImg, memoVideo, memoPre, memoSection]);
   return useMemo(function () {
     return _objectSpread(_objectSpread({}, memoComponents), components);
   }, [memoComponents, components]);

package/es/hooks/useMarkdown/useMarkdownRemarkPlugins.js

@@ -12,6 +12,7 @@ import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider";
 import { remarkCustomFootnotes } from "../../Markdown/plugins/footnote";
+import { remarkBr } from "../../Markdown/plugins/remarkBr";
 export var useMarkdownRemarkPlugins = function useMarkdownRemarkPlugins() {
   var _useMarkdownContext = useMarkdownContext(),
     enableLatex = _useMarkdownContext.enableLatex,
@@ -28,6 +29,6 @@ export var useMarkdownRemarkPlugins = function useMarkdownRemarkPlugins() {
     }], enableLatex && remarkMath, enableCustomFootnotes && remarkCustomFootnotes, isChatMode && remarkBreaks].filter(Boolean);
   }, [isChatMode, enableLatex, enableCustomFootnotes]);
   return useMemo(function () {
-    return [].concat(_toConsumableArray(remarkPluginsAhead), _toConsumableArray(memoPlugins), _toConsumableArray(remarkPlugins));
+    return [remarkBr].concat(_toConsumableArray(remarkPluginsAhead), _toConsumableArray(memoPlugins), _toConsumableArray(remarkPlugins));
   }, [remarkPlugins, memoPlugins, remarkPluginsAhead]);
 };

package/es/hooks/useMarkdown/utils.d.ts

@@ -10,14 +10,6 @@ export declare const contentCache: Map<string, string>;
  * @param value The processed content to store
  */
 export declare const addToCache: (key: string, value: string) => void;
-/**
- * Fixes markdown bold syntax by adding space after closing bold markers
- * when followed by non-space characters after symbols
- *
- * @param text The markdown text to process
- * @returns The text with fixed bold syntax
- */
-export declare function fixMarkdownBold(text: string): string;
 /**
  * Transforms citation references in the format [n] to markdown links
  *

package/es/hooks/useMarkdown/utils.js

@@ -1,3 +1,4 @@
+import { fixMarkdownEmphasisSpacing } from "./fixMarkdownEmphasisSpacing";
 import { preprocessLaTeX } from "./latex";
 
 // Cache configuration
@@ -24,75 +25,6 @@ export var addToCache = function addToCache(key, value) {
   contentCache.set(key, value);
 };
 
-/**
- * Fixes markdown bold syntax by adding space after closing bold markers
- * when followed by non-space characters after symbols
- *
- * @param text The markdown text to process
- * @returns The text with fixed bold syntax
- */
-export function fixMarkdownBold(text) {
-  var asteriskCount = 0;
-  var boldMarkerCount = 0;
-  var result = '';
-  var inCodeBlock = false;
-  var inInlineCode = false;
-  for (var i = 0; i < text.length; i++) {
-    var char = text[i];
-
-    // Handle code blocks
-    if (text.slice(i, i + 3) === '```') {
-      inCodeBlock = !inCodeBlock;
-      result += '```';
-      i += 2;
-      continue;
-    }
-
-    // Handle inline code
-    if (char === '`') {
-      inInlineCode = !inInlineCode;
-      result += '`';
-      continue;
-    }
-
-    // Process asterisks only if not in code
-    if (char === '*' && !inInlineCode && !inCodeBlock) {
-      asteriskCount++;
-      if (asteriskCount === 2) {
-        boldMarkerCount++;
-      }
-      if (asteriskCount > 2) {
-        result += char;
-        continue;
-      }
-
-      // Add space before opening bold marker if needed
-      if (asteriskCount === 2 && boldMarkerCount % 2 === 1) {
-        var nextChar = i + 1 < text.length ? text[i + 1] : '';
-        var isNextCharSymbol = /(?:[!-\/:-@\[-`\{-~\xA1-\xA9\xAB\xAC\xAE-\xB1\xB4\xB6-\xB8\xBB\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u037E\u0384\u0385\u0387\u03F6\u0482\u055A-\u055F\u0589\u058A\u058D-\u058F\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0606-\u060F\u061B\u061D-\u061F\u066A-\u066D\u06D4\u06DE\u06E9\u06FD\u06FE\u0700-\u070D\u07F6-\u07F9\u07FE\u07FF\u0830-\u083E\u085E\u0888\u0964\u0965\u0970\u09F2\u09F3\u09FA\u09FB\u09FD\u0A76\u0AF0\u0AF1\u0B70\u0BF3-\u0BFA\u0C77\u0C7F\u0C84\u0D4F\u0D79\u0DF4\u0E3F\u0E4F\u0E5A\u0E5B\u0F01-\u0F17\u0F1A-\u0F1F\u0F34\u0F36\u0F38\u0F3A-\u0F3D\u0F85\u0FBE-\u0FC5\u0FC7-\u0FCC\u0FCE-\u0FDA\u104A-\u104F\u109E\u109F\u10FB\u1360-\u1368\u1390-\u1399\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DB\u1800-\u180A\u1940\u1944\u1945\u19DE-\u19FF\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B6A\u1B74-\u1B7E\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u1FBD\u1FBF-\u1FC1\u1FCD-\u1FCF\u1FDD-\u1FDF\u1FED-\u1FEF\u1FFD\u1FFE\u2010-\u2027\u2030-\u205E\u207A-\u207E\u208A-\u208E\u20A0-\u20C0\u2100\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F\u218A\u218B\u2190-\u2426\u2440-\u244A\u249C-\u24E9\u2500-\u2775\u2794-\u2B73\u2B76-\u2B95\u2B97-\u2BFF\u2CE5-\u2CEA\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E5D\u2E80-\u2E99\u2E9B-\u2EF3\u2F00-\u2FD5\u2FF0-\u2FFF\u3001-\u3004\u3008-\u3020\u3030\u3036\u3037\u303D-\u303F\u309B\u309C\u30A0\u30FB\u3190\u3191\u3196-\u319F\u31C0-\u31E3\u31EF\u3200-\u321E\u322A-\u3247\u3250\u3260-\u327F\u328A-\u32B0\u32C0-\u33FF\u4DC0-\u4DFF\uA490-\uA4C6\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA700-\uA716\uA720\uA721\uA789\uA78A\uA828-\uA82B\uA836-\uA839\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAA77-\uAA79\uAADE\uAADF\uAAF0\uAAF1\uAB5B\uAB6A\uAB6B\uABEB\uFB29\uFBB2-\uFBC2\uFD3E-\uFD4F\uFDCF\uFDFC-\uFDFF\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE66\uFE68-\uFE6B\uFF01-\uFF0F\uFF1A-\uFF20\uFF3B-\uFF40\uFF5B-\uFF65\uFFE0-\uFFE6\uFFE8-\uFFEE\uFFFC\uFFFD]|\uD800[\uDD00-\uDD02\uDD37-\uDD3F\uDD79-\uDD89\uDD8C-\uDD8E\uDD90-\uDD9C\uDDA0\uDDD0-\uDDFC\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDC77\uDC78\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEC8\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD803[\uDEAD\uDF55-\uDF59\uDF86-\uDF89]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDC4B-\uDC4F\uDC5A\uDC5B\uDC5D\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDE60-\uDE6C\uDEB9\uDF3C-\uDF3F]|\uD806[\uDC3B\uDD44-\uDD46\uDDE2\uDE3F-\uDE46\uDE9A-\uDE9C\uDE9E-\uDEA2\uDF00-\uDF09]|\uD807[\uDC41-\uDC45\uDC70\uDC71\uDEF7\uDEF8\uDF43-\uDF4F\uDFD5-\uDFF1\uDFFF]|\uD809[\uDC70-\uDC74]|\uD80B[\uDFF1\uDFF2]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3F\uDF44\uDF45]|\uD81B[\uDE97-\uDE9A\uDFE2]|\uD82F[\uDC9C\uDC9F]|\uD833[\uDF50-\uDFC3]|\uD834[\uDC00-\uDCF5\uDD00-\uDD26\uDD29-\uDD64\uDD6A-\uDD6C\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDDEA\uDE00-\uDE41\uDE45\uDF00-\uDF56]|\uD835[\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85-\uDE8B]|\uD838[\uDD4F\uDEFF]|\uD83A[\uDD5E\uDD5F]|\uD83B[\uDCAC\uDCB0\uDD2E\uDEF0\uDEF1]|\uD83C[\uDC00-\uDC2B\uDC30-\uDC93\uDCA0-\uDCAE\uDCB1-\uDCBF\uDCC1-\uDCCF\uDCD1-\uDCF5\uDD0D-\uDDAD\uDDE6-\uDE02\uDE10-\uDE3B\uDE40-\uDE48\uDE50\uDE51\uDE60-\uDE65\uDF00-\uDFFF]|\uD83D[\uDC00-\uDED7\uDEDC-\uDEEC\uDEF0-\uDEFC\uDF00-\uDF76\uDF7B-\uDFD9\uDFE0-\uDFEB\uDFF0]|\uD83E[\uDC00-\uDC0B\uDC10-\uDC47\uDC50-\uDC59\uDC60-\uDC87\uDC90-\uDCAD\uDCB0\uDCB1\uDD00-\uDE53\uDE60-\uDE6D\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC5\uDECE-\uDEDB\uDEE0-\uDEE8\uDEF0-\uDEF8\uDF00-\uDF92\uDF94-\uDFCA])/.test(nextChar);
-        if (isNextCharSymbol) {
-          // 已经向 result 写入了第一个 '*'，先删掉它，然后输出 ' **'
-          result = result.slice(0, -1) + ' **';
-          continue;
-        }
-      }
-
-      // Add space after closing bold marker if needed
-      if (asteriskCount === 2 && boldMarkerCount % 2 === 0) {
-        var prevChar = i > 0 ? text[i - 2] : '';
-        var isPrevCharSymbol = /(?:[!-\/:-@\[-`\{-~\xA1-\xA9\xAB\xAC\xAE-\xB1\xB4\xB6-\xB8\xBB\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u037E\u0384\u0385\u0387\u03F6\u0482\u055A-\u055F\u0589\u058A\u058D-\u058F\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0606-\u060F\u061B\u061D-\u061F\u066A-\u066D\u06D4\u06DE\u06E9\u06FD\u06FE\u0700-\u070D\u07F6-\u07F9\u07FE\u07FF\u0830-\u083E\u085E\u0888\u0964\u0965\u0970\u09F2\u09F3\u09FA\u09FB\u09FD\u0A76\u0AF0\u0AF1\u0B70\u0BF3-\u0BFA\u0C77\u0C7F\u0C84\u0D4F\u0D79\u0DF4\u0E3F\u0E4F\u0E5A\u0E5B\u0F01-\u0F17\u0F1A-\u0F1F\u0F34\u0F36\u0F38\u0F3A-\u0F3D\u0F85\u0FBE-\u0FC5\u0FC7-\u0FCC\u0FCE-\u0FDA\u104A-\u104F\u109E\u109F\u10FB\u1360-\u1368\u1390-\u1399\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DB\u1800-\u180A\u1940\u1944\u1945\u19DE-\u19FF\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B6A\u1B74-\u1B7E\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u1FBD\u1FBF-\u1FC1\u1FCD-\u1FCF\u1FDD-\u1FDF\u1FED-\u1FEF\u1FFD\u1FFE\u2010-\u2027\u2030-\u205E\u207A-\u207E\u208A-\u208E\u20A0-\u20C0\u2100\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F\u218A\u218B\u2190-\u2426\u2440-\u244A\u249C-\u24E9\u2500-\u2775\u2794-\u2B73\u2B76-\u2B95\u2B97-\u2BFF\u2CE5-\u2CEA\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E5D\u2E80-\u2E99\u2E9B-\u2EF3\u2F00-\u2FD5\u2FF0-\u2FFF\u3001-\u3004\u3008-\u3020\u3030\u3036\u3037\u303D-\u303F\u309B\u309C\u30A0\u30FB\u3190\u3191\u3196-\u319F\u31C0-\u31E3\u31EF\u3200-\u321E\u322A-\u3247\u3250\u3260-\u327F\u328A-\u32B0\u32C0-\u33FF\u4DC0-\u4DFF\uA490-\uA4C6\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA700-\uA716\uA720\uA721\uA789\uA78A\uA828-\uA82B\uA836-\uA839\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAA77-\uAA79\uAADE\uAADF\uAAF0\uAAF1\uAB5B\uAB6A\uAB6B\uABEB\uFB29\uFBB2-\uFBC2\uFD3E-\uFD4F\uFDCF\uFDFC-\uFDFF\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE66\uFE68-\uFE6B\uFF01-\uFF0F\uFF1A-\uFF20\uFF3B-\uFF40\uFF5B-\uFF65\uFFE0-\uFFE6\uFFE8-\uFFEE\uFFFC\uFFFD]|\uD800[\uDD00-\uDD02\uDD37-\uDD3F\uDD79-\uDD89\uDD8C-\uDD8E\uDD90-\uDD9C\uDDA0\uDDD0-\uDDFC\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDC77\uDC78\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEC8\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD803[\uDEAD\uDF55-\uDF59\uDF86-\uDF89]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDC4B-\uDC4F\uDC5A\uDC5B\uDC5D\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDE60-\uDE6C\uDEB9\uDF3C-\uDF3F]|\uD806[\uDC3B\uDD44-\uDD46\uDDE2\uDE3F-\uDE46\uDE9A-\uDE9C\uDE9E-\uDEA2\uDF00-\uDF09]|\uD807[\uDC41-\uDC45\uDC70\uDC71\uDEF7\uDEF8\uDF43-\uDF4F\uDFD5-\uDFF1\uDFFF]|\uD809[\uDC70-\uDC74]|\uD80B[\uDFF1\uDFF2]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3F\uDF44\uDF45]|\uD81B[\uDE97-\uDE9A\uDFE2]|\uD82F[\uDC9C\uDC9F]|\uD833[\uDF50-\uDFC3]|\uD834[\uDC00-\uDCF5\uDD00-\uDD26\uDD29-\uDD64\uDD6A-\uDD6C\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDDEA\uDE00-\uDE41\uDE45\uDF00-\uDF56]|\uD835[\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85-\uDE8B]|\uD838[\uDD4F\uDEFF]|\uD83A[\uDD5E\uDD5F]|\uD83B[\uDCAC\uDCB0\uDD2E\uDEF0\uDEF1]|\uD83C[\uDC00-\uDC2B\uDC30-\uDC93\uDCA0-\uDCAE\uDCB1-\uDCBF\uDCC1-\uDCCF\uDCD1-\uDCF5\uDD0D-\uDDAD\uDDE6-\uDE02\uDE10-\uDE3B\uDE40-\uDE48\uDE50\uDE51\uDE60-\uDE65\uDF00-\uDFFF]|\uD83D[\uDC00-\uDED7\uDEDC-\uDEEC\uDEF0-\uDEFC\uDF00-\uDF76\uDF7B-\uDFD9\uDFE0-\uDFEB\uDFF0]|\uD83E[\uDC00-\uDC0B\uDC10-\uDC47\uDC50-\uDC59\uDC60-\uDC87\uDC90-\uDCAD\uDCB0\uDCB1\uDD00-\uDE53\uDE60-\uDE6D\uDE70-\uDE7C\uDE80-\uDE88\uDE90-\uDEBD\uDEBF-\uDEC5\uDECE-\uDEDB\uDEE0-\uDEE8\uDEF0-\uDEF8\uDF00-\uDF92\uDF94-\uDFCA])/.test(prevChar);
-        result += i + 1 < text.length && text[i + 1] !== ' ' && isPrevCharSymbol ? '* ' : '*';
-      } else {
-        result += '*';
-      }
-    } else {
-      result += char;
-      asteriskCount = 0;
-    }
-  }
-  return result;
-}
-
 /**
  * Transforms citation references in the format [n] to markdown links
  *
@@ -212,5 +144,5 @@ export var preprocessContent = function preprocessContent(str) {
   if (enableCustomFootnotes) {
     content = transformCitations(content, citationsLength);
   }
-  return fixMarkdownBold(content);
+  return fixMarkdownEmphasisSpacing(content);
 };

package/es/mdx/mdxComponents/Pre.js

@@ -15,9 +15,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 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';
 import Highlighter from "../../Highlighter";
+import { FALLBACK_LANG } from "../../Highlighter/const";
 import Mermaid from "../../Mermaid";
 import Snippet from "../../Snippet";
-import { FALLBACK_LANG } from "../../hooks/useHighlight";
 import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "2.8.5",
+  "version": "2.9.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",