@lobehub/ui 1.157.0 → 1.157.1

package/es/Highlighter/index.js

@@ -34,23 +34,24 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(type),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
+  var tirmedChildren = children.trim();
   var originalActions = copyable && /*#__PURE__*/_jsx(CopyButton, {
-    content: children,
+    content: tirmedChildren,
     placement: "left",
     size: copyButtonSize
   });
   var actions = actionsRender ? actionsRender({
     actionIconSize: copyButtonSize,
-    content: children,
+    content: tirmedChildren,
     language: language,
     originalNode: originalActions
   }) : originalActions;
   var originalBody = /*#__PURE__*/_jsx(SyntaxHighlighter, {
     language: language === null || language === void 0 ? void 0 : language.toLowerCase(),
-    children: children
+    children: tirmedChildren
   });
   var body = bodyRender ? bodyRender({
-    content: children,
+    content: tirmedChildren,
     language: language,
     originalNode: originalBody
   }) : originalBody;
@@ -64,7 +65,7 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
     type: type,
     wrap: wrap
   }, rest), {}, {
-    children: children
+    children: tirmedChildren
   }));
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: cx(styles.container, !wrap && styles.nowrap, className),

package/es/Snippet/index.js

@@ -26,6 +26,7 @@ var Snippet = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(type),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
+  var tirmedChildren = children.trim();
   return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     align: 'center',
     className: cx(styles.container, className),
@@ -34,9 +35,9 @@ var Snippet = /*#__PURE__*/memo(function (_ref) {
   }, rest), {}, {
     children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {}), /*#__PURE__*/_jsx(SyntaxHighlighter, {
       language: language,
-      children: [symbol, children].filter(Boolean).join(' ')
+      children: [symbol, tirmedChildren].filter(Boolean).join(' ')
     }), copyable && /*#__PURE__*/_jsx(CopyButton, {
-      content: children,
+      content: tirmedChildren,
       size: {
         blockSize: 24,
         fontSize: 14

package/es/mdx/Mdx/index.d.ts

@@ -12,6 +12,7 @@ export interface MdxProps extends Omit<TypographyProps, 'children'> {
     onDoubleClick?: () => void;
     rehypePlugins?: Pluggable[];
     remarkPlugins?: Pluggable[];
+    variant?: 'normal' | 'chat';
 }
 declare const Mdx: import("react").NamedExoticComponent<MdxProps>;
 export default Mdx;

package/es/mdx/Mdx/index.js

@@ -6,7 +6,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "className", "style", "fullFeaturedCodeBlock", "enableLatex", "enableMermaid", "rehypePlugins", "remarkPlugins", "components", "fallback"];
+var _excluded = ["children", "className", "style", "fullFeaturedCodeBlock", "enableLatex", "enableMermaid", "rehypePlugins", "remarkPlugins", "components", "fallback", "fontSize", "headerMultiple", "lineHeight", "marginMultiple", "variant"];
 import { evaluate } from '@mdx-js/mdx';
 import { memo, useEffect, useMemo, useState } from 'react';
 import jsxDevRuntime from 'react/jsx-dev-runtime';
@@ -16,6 +16,7 @@ import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import Alert from "../../Alert";
 import { Typography } from "../../Markdown/Typography";
+import { useStyles } from "../../Markdown/style";
 import { escapeBrackets, escapeMhchem, fixMarkdownBold } from "../../Markdown/utils";
 import mdxComponents from "../mdxComponents";
 import CodeBlock from "../mdxComponents/CodeBlock";
@@ -37,7 +38,21 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
     components = _ref$components === void 0 ? {} : _ref$components,
     _ref$fallback = _ref.fallback,
     fallback = _ref$fallback === void 0 ? null : _ref$fallback,
+    fontSize = _ref.fontSize,
+    headerMultiple = _ref.headerMultiple,
+    lineHeight = _ref.lineHeight,
+    marginMultiple = _ref.marginMultiple,
+    variant = _ref.variant,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles({
+      fontSize: fontSize,
+      headerMultiple: headerMultiple,
+      lineHeight: lineHeight,
+      marginMultiple: marginMultiple
+    }),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  var isChatMode = variant === 'chat';
   var _useState = useState(function () {
       return function () {
         return null;
@@ -124,7 +139,7 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
   }, [escapedContent, memoRehypePlugins, memoRemarkPlugins]);
   if (!MDXContent) return fallback;
   return /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
-    className: className,
+    className: cx(enableLatex && styles.latex, isChatMode && styles.chat, className),
     style: style
   }, rest), {}, {
     children: /*#__PURE__*/_jsx(MDXContent, {

package/package.json

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