@lobehub/ui 1.153.5 → 1.153.7

package/es/Hero/index.js

@@ -26,7 +26,7 @@ var Hero = /*#__PURE__*/memo(function (_ref) {
   var ButtonGroups = useCallback(function () {
     return Boolean(actions === null || actions === void 0 ? void 0 : actions.length) && /*#__PURE__*/_jsx(Flexbox, {
       className: styles.actions,
-      gap: 24,
+      gap: 16,
       horizontal: true,
       justify: 'center',
       children: actions.map(function (_ref2, index) {

package/es/List/ListItem/index.js

@@ -3,6 +3,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["active", "avatar", "loading", "description", "date", "title", "onHoverChange", "actions", "className", "style", "showAction", "children", "classNames", "addon", "pin"];
+import { Typography } from 'antd';
 import { Loader2, MessageSquare } from 'lucide-react';
 import { forwardRef } from 'react';
 import { Flexbox } from 'react-layout-kit';
@@ -12,6 +13,8 @@ import { getChatItemTime } from "./time";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
+var Title = Typography.Title,
+  Paragraph = Typography.Paragraph;
 var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var active = _ref.active,
     avatar = _ref.avatar,
@@ -53,25 +56,37 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
       children: /*#__PURE__*/_jsx("div", {
         className: styles.triangle
       })
-    }), avatar !== null && avatar !== void 0 ? avatar : /*#__PURE__*/_jsx(Icon, {
-      icon: MessageSquare,
-      style: {
-        marginTop: 4
-      }
     }), /*#__PURE__*/_jsxs(Flexbox, {
-      className: styles.content,
+      align: 'flex-start',
+      flex: 1,
       gap: 8,
-      children: [/*#__PURE__*/_jsx(Flexbox, {
-        distribution: 'space-between',
-        horizontal: true,
-        children: /*#__PURE__*/_jsx("div", {
+      horizontal: true,
+      style: {
+        overflow: 'hidden'
+      },
+      children: [avatar !== null && avatar !== void 0 ? avatar : /*#__PURE__*/_jsx(Icon, {
+        icon: MessageSquare,
+        style: {
+          marginTop: 4
+        }
+      }), /*#__PURE__*/_jsxs(Flexbox, {
+        className: styles.content,
+        gap: 4,
+        children: [/*#__PURE__*/_jsx(Title, {
           className: styles.title,
+          ellipsis: {
+            rows: 1
+          },
+          level: 3,
           children: title
-        })
-      }), description && /*#__PURE__*/_jsx("div", {
-        className: styles.desc,
-        children: description
-      }), addon]
+        }), description && /*#__PURE__*/_jsx(Paragraph, {
+          className: styles.desc,
+          ellipsis: {
+            rows: 1
+          },
+          children: description
+        }), addon]
+      })]
     }), loading ? /*#__PURE__*/_jsx(Icon, {
       icon: Loader2,
       spin: true
@@ -91,7 +106,7 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }), date && /*#__PURE__*/_jsx("div", {
         className: cx(styles.time, classNames === null || classNames === void 0 ? void 0 : classNames.time),
         style: showAction ? {
-          display: 'none'
+          opacity: 0
         } : {},
         children: getChatItemTime(date)
       })]

package/es/List/ListItem/style.js

@@ -9,10 +9,10 @@ export var useStyles = createStyles(function (_ref) {
     active: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      color: ", ";\n      background-color: ", ";\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), token.colorText, token.colorFillSecondary, token.colorFill),
     container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      cursor: pointer;\n\n      position: relative;\n\n      color: ", ";\n\n      background: transparent;\n\n      transition: background-color 200ms ", ";\n\n      &:active {\n        background-color: ", ";\n      }\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), token.colorTextTertiary, token.motionEaseOut, token.colorFillSecondary, token.colorFillTertiary),
     content: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: relative;\n      overflow: hidden;\n      flex: 1;\n      align-self: center;\n    "]))),
-    desc: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      overflow: hidden;\n\n      width: 100%;\n\n      font-size: 12px;\n      line-height: 1;\n      color: ", ";\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])), token.colorTextDescription),
+    desc: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      width: 100%;\n      margin: 0 !important;\n\n      font-size: 12px;\n      line-height: 1.2 !important;\n      color: ", ";\n    "])), token.colorTextDescription),
     pin: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset-block-start: 6px;\n      inset-inline-end: 6px;\n    "]))),
     time: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      font-size: 12px;\n      color: ", ";\n    "])), token.colorTextPlaceholder),
-    title: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      overflow: hidden;\n\n      width: 100%;\n\n      font-size: 16px;\n      line-height: 1;\n      color: ", ";\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])), token.colorText),
+    title: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      width: 100%;\n      margin: 0 !important;\n\n      font-size: 14px !important;\n      font-weight: 500 !important;\n      line-height: 1.2 !important;\n      color: ", ";\n    "])), token.colorText),
     triangle: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      width: 10px;\n      height: 10px;\n\n      opacity: 0.5;\n      background: ", ";\n      clip-path: polygon(0% 0%, 100% 0%, 100% 100%);\n      border-radius: 2px;\n    "])), token.colorPrimaryBorder)
   };
 });

package/es/Modal/index.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import { type ModalProps as AntModalProps } from 'antd';
+import { type ActionIconProps } from "../ActionIcon";
 export type ModalProps = AntModalProps & {
     allowFullscreen?: boolean;
+    closeIconProps?: ActionIconProps;
     enableResponsive?: boolean;
     maxHeight?: string | number | false;
     paddings?: {

package/es/Modal/index.js

@@ -4,7 +4,7 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _excluded = ["allowFullscreen", "children", "title", "className", "wrapClassName", "width", "onCancel", "open", "destroyOnClose", "paddings", "maxHeight", "enableResponsive", "footer", "styles"],
+var _excluded = ["allowFullscreen", "children", "title", "className", "wrapClassName", "width", "onCancel", "open", "destroyOnClose", "paddings", "maxHeight", "enableResponsive", "closeIconProps", "footer", "styles"],
   _excluded2 = ["body"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { Modal as AntModal, ConfigProvider, Drawer } from 'antd';
@@ -48,6 +48,7 @@ var Modal = /*#__PURE__*/memo(function (_ref3) {
     maxHeight = _ref3$maxHeight === void 0 ? '75dvh' : _ref3$maxHeight,
     _ref3$enableResponsiv = _ref3.enableResponsive,
     enableResponsive = _ref3$enableResponsiv === void 0 ? true : _ref3$enableResponsiv,
+    closeIconProps = _ref3.closeIconProps,
     footer = _ref3.footer,
     _ref3$styles = _ref3.styles,
     stylesProps = _ref3$styles === void 0 ? {} : _ref3$styles,
@@ -68,9 +69,9 @@ var Modal = /*#__PURE__*/memo(function (_ref3) {
     restStyles = _objectWithoutProperties(stylesProps, _excluded2);
   if (enableResponsive && mobile) return /*#__PURE__*/_jsx(Drawer, _objectSpread(_objectSpread({
     className: cx(styles.drawerContent, className),
-    closeIcon: /*#__PURE__*/_jsx(ActionIcon, {
+    closeIcon: /*#__PURE__*/_jsx(ActionIcon, _objectSpread({
       icon: X
-    }),
+    }, closeIconProps)),
     destroyOnClose: destroyOnClose,
     extra: allowFullscreen && /*#__PURE__*/_jsx(ActionIcon, {
       icon: fullscreen ? Minimize2 : Maximize2,

package/package.json

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