@lobehub/ui 2.13.3 → 2.13.5

package/es/ThemeProvider/GlobalStyle/global.js

@@ -2,5 +2,5 @@ var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css } from 'antd-style';
 export default (function (token) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ", ";\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ", ";\n    font-size: ", "px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ", ";\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    word-wrap: break-word;\n    vertical-align: baseline;\n\n    background-color: ", ";\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code {\n    font-family: ", " !important;\n\n    span {\n      font-family: ", " !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ", ";\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ", " transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n"])), token.isDarkMode ? 'dark' : 'light', token.fontFamily, token.fontSize, token.colorTextBase, token.colorBgLayout, token.fontFamilyCode, token.fontFamilyCode, token.yellow9, token.colorFill);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n\n    text-autospace: normal;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ", ";\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ", ";\n    font-size: ", "px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ", ";\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    word-wrap: break-word;\n    vertical-align: baseline;\n\n    background-color: ", ";\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code {\n    font-family: ", " !important;\n\n    span {\n      font-family: ", " !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ", ";\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ", " transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n"])), token.isDarkMode ? 'dark' : 'light', token.fontFamily, token.fontSize, token.colorTextBase, token.colorBgLayout, token.fontFamilyCode, token.fontFamilyCode, token.yellow9, token.colorFill);
 });

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

@@ -32,6 +32,19 @@ export declare function escapeLatexPipes(text: string): string;
  * @returns The string with unescaped underscores escaped within \text{...} commands
  */
 export declare function escapeTextUnderscores(text: string): string;
+/**
+ * Escapes dollar signs that appear to be currency symbols to prevent them from being
+ * interpreted as LaTeX math delimiters.
+ *
+ * This function identifies currency patterns such as:
+ * - $20, $100, $1,000
+ * - $20-50, $100+
+ * - Patterns within markdown tables
+ *
+ * @param text The input string containing potential currency symbols
+ * @returns The string with currency dollar signs escaped
+ */
+export declare function escapeCurrencyDollars(text: string): string;
 /**
  * Preprocesses LaTeX content by performing multiple operations:
  * 1. Protects code blocks from processing

package/es/hooks/useMarkdown/latex.js

@@ -51,7 +51,8 @@ export function escapeLatexPipes(text) {
   // Replace unescaped '|' inside LaTeX math spans with '\vert' so that
   // remark-gfm table parsing won't treat them as column separators.
   // Leave code blocks/inline code untouched.
-  var pattern = /(```[\S\s]*?```|`[^\n`]*`)|\$\$([\S\s]*?)\$\$|(?<!\$)\$(?!\$)([\S\s]*?)(?<!\$)\$(?!\$)/g;
+  // Also ignore escaped dollars (\$) which are currency symbols
+  var pattern = /(```[\S\s]*?```|`[^\n`]*`)|\$\$([\S\s]*?)\$\$|(?<!\\)(?<!\$)\$(?!\$)([\S\s]*?)(?<!\\)(?<!\$)\$(?!\$)/g;
   return text.replaceAll(pattern, function (match, code, display, inline) {
     if (code !== undefined) return code; // preserve code fences/inline code
     if (display !== undefined) return "$$".concat(replaceUnescapedPipes(display), "$$");
@@ -79,6 +80,41 @@ export function escapeTextUnderscores(text) {
   });
 }
 
+/**
+ * Escapes dollar signs that appear to be currency symbols to prevent them from being
+ * interpreted as LaTeX math delimiters.
+ *
+ * This function identifies currency patterns such as:
+ * - $20, $100, $1,000
+ * - $20-50, $100+
+ * - Patterns within markdown tables
+ *
+ * @param text The input string containing potential currency symbols
+ * @returns The string with currency dollar signs escaped
+ */
+export function escapeCurrencyDollars(text) {
+  // Protect code blocks and existing LaTeX expressions from processing
+  var protectedStrings = [];
+  var content = text.replaceAll(/(```[\S\s]*?```|`[^\n`]*`|\$\$[\S\s]*?\$\$|\\\[[\S\s]*?\\]|\\\(.*?\\\))/g, function (match) {
+    protectedStrings.push(match);
+    return "<<PROTECTED_".concat(protectedStrings.length - 1, ">>");
+  });
+
+  // Escape dollar signs that are clearly currency:
+  // - $ followed by a digit
+  // - Not preceded by another $ (to avoid breaking $$)
+  // - Followed by number patterns with optional commas, decimals, ranges, or plus signs
+  // Match patterns like: $20, $1,000, $19.99, $20-50, $300+, $1,000-2,000+
+  // In the replacement: \\ = backslash, $$ = literal $, $1 = capture group 1
+  content = content.replaceAll(/(?<!\$)\$(\d{1,3}(?:,\d{3})*(?:\.\d+)?(?:-\d{1,3}(?:,\d{3})*(?:\.\d+)?)?\+?)/g, '\\$$$1');
+
+  // Restore protected content
+  content = content.replaceAll(/<<PROTECTED_(\d+)>>/g, function (_, index) {
+    return protectedStrings[Number.parseInt(index)];
+  });
+  return content;
+}
+
 /**
  * Preprocesses LaTeX content by performing multiple operations:
  * 1. Protects code blocks from processing
@@ -123,6 +159,8 @@ export function preprocessLaTeX(str) {
   var content = str;
 
   // Step 6: Apply additional escaping functions
+  // Escape currency dollar signs FIRST before other LaTeX processing
+  content = escapeCurrencyDollars(content);
   content = convertLatexDelimiters(content);
   content = escapeMhchemCommands(content);
   content = escapeLatexPipes(content);

package/package.json

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