@lobehub/ui 2.10.2 → 2.11.0

package/es/Markdown/Markdown.js

@@ -26,7 +26,8 @@ import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Markdown = /*#__PURE__*/memo(function (_ref) {
   var ref = _ref.ref,
-    children = _ref.children,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? '' : _ref$children,
     className = _ref.className,
     style = _ref.style,
     fullFeaturedCodeBlock = _ref.fullFeaturedCodeBlock,
@@ -161,7 +162,7 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
           variant: variant
         },
         children: customRender ? customRender(defaultDOM, {
-          text: children || ''
+          text: children
         }) : defaultDOM
       })
     }))

package/es/Tag/Tag.js

@@ -57,23 +57,24 @@ var Tag = /*#__PURE__*/memo(function (_ref) {
     var textColor = theme.colorTextSecondary;
     var backgroundColor;
     var borderColor;
+    var isBorderless = variant === 'borderless';
     var isFilled = variant === 'filled';
     var isPresetColor = color && presetColors.includes(color);
     var isPresetSystemColors = color && presetSystemColors.has(color);
     var isHexColor = color && color.startsWith('#');
     if (isPresetColor) {
       textColor = colorsPreset(theme, color);
-      backgroundColor = colorsPreset(theme, color, 'fillTertiary');
+      backgroundColor = isBorderless ? 'transparent' : colorsPreset(theme, color, 'fillTertiary');
       borderColor = colorsPreset(theme, color, isFilled ? 'fillQuaternary' : 'fillTertiary');
     }
     if (isPresetSystemColors) {
       textColor = colorsPresetSystem(theme, color);
-      backgroundColor = colorsPresetSystem(theme, color, 'fillTertiary');
+      backgroundColor = isBorderless ? 'transparent' : colorsPresetSystem(theme, color, 'fillTertiary');
       borderColor = colorsPresetSystem(theme, color, isFilled ? 'fillQuaternary' : 'fillTertiary');
     }
     if (isHexColor) {
       textColor = theme.colorBgLayout;
-      backgroundColor = color;
+      backgroundColor = isBorderless ? 'transparent' : color;
     }
     return {
       backgroundColor: backgroundColor,

package/es/chat/ChatItem/ChatItem.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 = ["avatarAddon", "onAvatarClick", "avatarProps", "actions", "className", "primary", "loading", "message", "placeholderMessage", "placement", "variant", "avatar", "error", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "renderMessage", "text", "errorMessage", "onDoubleClick", "fontSize", "aboveMessage", "belowMessage", "markdownProps", "actionsWrapWidth", "showAvatar"];
+var _excluded = ["avatarAddon", "onAvatarClick", "avatarProps", "actions", "className", "primary", "loading", "message", "placeholderMessage", "placement", "variant", "avatar", "error", "showTitle", "time", "editing", "onChange", "onEditingChange", "messageExtra", "renderMessage", "text", "errorMessage", "onDoubleClick", "fontSize", "aboveMessage", "belowMessage", "markdownProps", "actionsWrapWidth", "showAvatar", "titleAddon"];
 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; }
@@ -64,6 +64,7 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
     actionsWrapWidth = _ref$actionsWrapWidth === void 0 ? 54 : _ref$actionsWrapWidth,
     _ref$showAvatar = _ref.showAvatar,
     showAvatar = _ref$showAvatar === void 0 ? true : _ref$showAvatar,
+    titleAddon = _ref.titleAddon,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
@@ -134,7 +135,8 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
         avatar: avatar,
         placement: placement,
         showTitle: showTitle,
-        time: time
+        time: time,
+        titleAddon: titleAddon
       }), aboveMessage, /*#__PURE__*/_jsxs(Flexbox, {
         align: placement === 'left' ? 'flex-start' : 'flex-end',
         className: styles.messageContent,

package/es/chat/ChatItem/components/Title.d.ts

@@ -5,6 +5,7 @@ export interface TitleProps {
     placement?: ChatItemProps['placement'];
     showTitle?: ChatItemProps['showTitle'];
     time?: ChatItemProps['time'];
+    titleAddon?: ChatItemProps['titleAddon'];
 }
 declare const Title: import("react").NamedExoticComponent<TitleProps>;
 export default Title;

package/es/chat/ChatItem/components/Title.js

@@ -8,7 +8,8 @@ var Title = /*#__PURE__*/memo(function (_ref) {
   var showTitle = _ref.showTitle,
     placement = _ref.placement,
     time = _ref.time,
-    avatar = _ref.avatar;
+    avatar = _ref.avatar,
+    titleAddon = _ref.titleAddon;
   var _useStyles = useStyles({
       placement: placement,
       showTitle: showTitle,
@@ -19,7 +20,7 @@ var Title = /*#__PURE__*/memo(function (_ref) {
     className: styles.name,
     direction: placement === 'left' ? 'horizontal' : 'horizontal-reverse',
     gap: 4,
-    children: [showTitle ? avatar.title || 'untitled' : undefined, time && /*#__PURE__*/_jsx("time", {
+    children: [showTitle ? avatar.title || 'untitled' : undefined, showTitle ? titleAddon : undefined, time && /*#__PURE__*/_jsx("time", {
       children: formatTime(time)
     })]
   });

package/es/chat/ChatItem/type.d.ts

@@ -80,6 +80,7 @@ export interface ChatItemProps extends Omit<FlexboxProps, 'children' | 'onChange
      * @description The timestamp of the chat item
      */
     time?: number;
+    titleAddon?: ReactNode;
     /**
      * @description The type of the chat item
      * @default 'bubble'

package/package.json

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