@lobehub/ui 1.147.0 → 1.147.1

package/es/ChatItem/index.js

@@ -2,7 +2,7 @@
 
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["avatarAddon", "onAvatarClick", "avatarProps", "actions", "className", "primary", "loading", "message", "placement", "type", "avatar", "error", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "renderMessage", "text", "errorMessage", "onDoubleClick", "fontSize"];
+var _excluded = ["avatarAddon", "onAvatarClick", "avatarProps", "actions", "className", "primary", "loading", "message", "placement", "type", "avatar", "error", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "renderMessage", "text", "errorMessage", "onDoubleClick", "fontSize", "aboveMessage", "belowMessage"];
 import { useResponsive } from 'antd-style';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
@@ -42,6 +42,8 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
     errorMessage = _ref.errorMessage,
     onDoubleClick = _ref.onDoubleClick,
     fontSize = _ref.fontSize,
+    aboveMessage = _ref.aboveMessage,
+    belowMessage = _ref.belowMessage,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
@@ -76,7 +78,7 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
         placement: placement,
         showTitle: showTitle,
         time: time
-      }), /*#__PURE__*/_jsxs(Flexbox, {
+      }), aboveMessage, /*#__PURE__*/_jsxs(Flexbox, {
         align: placement === 'left' ? 'flex-start' : 'flex-end',
         className: styles.messageContent,
         direction: type === 'block' ? placement === 'left' ? 'horizontal' : 'horizontal-reverse' : 'vertical',
@@ -104,7 +106,7 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
           placement: placement,
           type: type
         })]
-      })]
+      }), belowMessage]
     }), mobile && type === 'block' && /*#__PURE__*/_jsx(BorderSpacing, {
       borderSpacing: MOBILE_AVATAR_SIZE
     })]

package/es/ChatItem/type.d.ts

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
+import { FlexboxProps } from 'react-layout-kit';
 import { AlertProps } from "../Alert";
 import { AvatarProps } from "../Avatar";
 import { EditableMessageProps } from "../EditableMessage";
 import { DivProps, MetaData } from "../types";
-export interface ChatItemProps {
+export interface ChatItemProps extends Omit<FlexboxProps, 'children' | 'onChange'> {
+    aboveMessage?: ReactNode;
     /**
      * @description Actions to be displayed in the chat item
      */
@@ -14,10 +16,7 @@ export interface ChatItemProps {
     avatar: MetaData;
     avatarAddon?: ReactNode;
     avatarProps?: AvatarProps;
-    /**
-     * @description Custom CSS class name for the chat item
-     */
-    className?: string;
+    belowMessage?: ReactNode;
     /**
      * @description Whether the chat item is in editing mode
      */

package/es/Markdown/index.js

@@ -17,7 +17,7 @@ import Video from "../mdx/Video";
 import { CodeFullFeatured, CodeLite } from "./CodeBlock";
 import { useStyles as useMarkdownStyles } from "./markdown.style";
 import { useStyles } from "./style";
-import { escapeBrackets, escapeMhchem } from "./utils";
+import { escapeBrackets, escapeMhchem, fixMarkdownBold } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Markdown = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
@@ -54,8 +54,8 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     mdStyles = _useMarkdownStyles.styles;
   var isChatMode = variant === 'chat';
   var escapedContent = useMemo(function () {
-    if (!enableLatex) return children;
-    return escapeMhchem(escapeBrackets(children));
+    if (!enableLatex) return fixMarkdownBold(children);
+    return fixMarkdownBold(escapeMhchem(escapeBrackets(children)));
   }, [children, enableLatex]);
   var components = useMemo(function () {
     return {

package/es/Markdown/utils.d.ts

@@ -1,2 +1,3 @@
 export declare function escapeBrackets(text: string): string;
 export declare function escapeMhchem(text: string): string;
+export declare function fixMarkdownBold(text: string): string;

package/es/Markdown/utils.js

@@ -13,4 +13,33 @@ export function escapeBrackets(text) {
 }
 export function escapeMhchem(text) {
   return text.replaceAll('$\\ce{', '$\\\\ce{').replaceAll('$\\pu{', '$\\\\pu{');
+}
+export function fixMarkdownBold(text) {
+  var count = 0;
+  var count2 = 0;
+  var result = '';
+  for (var i = 0; i < text.length; i++) {
+    var char = text[i];
+    if (char === '*') {
+      count++;
+      if (count === 2) {
+        count2++;
+      }
+      if (count > 2) {
+        result += char;
+        continue;
+      }
+      if (count === 2 && count2 % 2 === 0) {
+        var prevChar = i > 0 ? text[i - 2] : '';
+        var isPrevCharAlphanumeric = /[\dA-Za-z]/.test(prevChar);
+        result += i + 1 < text.length && text[i + 1] !== ' ' && !isPrevCharAlphanumeric ? '* ' : '*';
+      } else {
+        result += '*';
+      }
+    } else {
+      result += char;
+      count = 0;
+    }
+  }
+  return result;
 }

package/package.json

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