@lobehub/ui 1.52.0 → 1.54.0

package/es/Avatar/index.js

@@ -17,7 +17,8 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     size = _ref$size === void 0 ? 40 : _ref$size,
     _ref$shape = _ref.shape,
     shape = _ref$shape === void 0 ? 'circle' : _ref$shape,
-    background = _ref.background,
+    _ref$background = _ref.background,
+    background = _ref$background === void 0 ? 'rgba(0,0,0,0)' : _ref$background,
     props = _objectWithoutProperties(_ref, _excluded);
   var isImage = Boolean(avatar && ['/', 'http', 'data:'].some(function (index) {
     return avatar.startsWith(index);
@@ -43,7 +44,7 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
   }, props), {}, {
     children: emoji ? /*#__PURE__*/_jsx(FluentEmoji, {
       emoji: emoji,
-      size: size
+      size: size * 0.8
     }) : text === null || text === void 0 ? void 0 : text.toUpperCase().slice(0, 2)
   }));
 });

package/es/Form/components/FormItem.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 import { FormItemProps as AntdFormItemProps } from 'antd';
+import { type FormTitleProps } from './FormTitle';
 export interface FormItemProps extends AntdFormItemProps {
-    desc?: string;
+    avatar?: FormTitleProps['avatar'];
+    desc?: FormTitleProps['desc'];
     divider?: boolean;
     hidden?: boolean;
     minWidth?: string | number;
-    tag?: string;
+    tag?: FormTitleProps['tag'];
 }
 declare const FormItem: import("react").NamedExoticComponent<FormItemProps>;
 export default FormItem;

package/es/Form/components/FormItem.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["desc", "tag", "minWidth", "className", "label", "children", "divider"];
+var _excluded = ["desc", "tag", "minWidth", "avatar", "className", "label", "children", "divider"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Form } from 'antd';
@@ -16,6 +16,7 @@ var FormItem = /*#__PURE__*/memo(function (_ref) {
   var desc = _ref.desc,
     tag = _ref.tag,
     minWidth = _ref.minWidth,
+    avatar = _ref.avatar,
     className = _ref.className,
     label = _ref.label,
     children = _ref.children,
@@ -28,6 +29,7 @@ var FormItem = /*#__PURE__*/memo(function (_ref) {
     children: [divider && /*#__PURE__*/_jsx(FormDivider, {}), /*#__PURE__*/_jsx(Item, _objectSpread(_objectSpread({
       className: cx(styles.item, className),
       label: /*#__PURE__*/_jsx(FormTitle, {
+        avatar: avatar,
         desc: desc,
         tag: tag,
         title: String(label)

package/es/Form/components/FormTitle.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { DivProps } from "../../types";
 export interface FormTitleProps extends DivProps {
+    avatar?: ReactNode;
     desc?: string;
     tag?: string;
     title: string;

package/es/Form/components/FormTitle.js

@@ -8,11 +8,12 @@ var FormTitle = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     tag = _ref.tag,
     title = _ref.title,
-    desc = _ref.desc;
+    desc = _ref.desc,
+    avatar = _ref.avatar;
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsxs("div", {
+  var titleNode = /*#__PURE__*/_jsxs("div", {
     className: cx(styles.formTitle, className),
     children: [/*#__PURE__*/_jsxs(Flexbox, {
       align: 'center',
@@ -25,5 +26,14 @@ var FormTitle = /*#__PURE__*/memo(function (_ref) {
       children: desc
     })]
   });
+  if (avatar) {
+    return /*#__PURE__*/_jsxs(Flexbox, {
+      align: "center",
+      gap: 8,
+      horizontal: true,
+      children: [avatar, titleNode]
+    });
+  }
+  return titleNode;
 });
 export default FormTitle;

package/es/Form/index.d.ts

@@ -1,12 +1,12 @@
 import { FormProps as AntFormProps, type FormInstance } from 'antd';
-import { LucideIcon } from 'lucide-react';
 import { type ReactNode } from 'react';
-import { FormItemProps } from './components/FormItem';
+import { type FormGroupProps } from './components/FormGroup';
+import { type FormItemProps } from './components/FormItem';
 export interface ItemGroup {
     children: FormItemProps[];
-    extra?: ReactNode;
-    icon?: LucideIcon;
-    title: string;
+    extra?: FormGroupProps['extra'];
+    icon?: FormGroupProps['icon'];
+    title: FormGroupProps['title'];
 }
 export interface FormProps extends AntFormProps {
     children?: ReactNode;

package/package.json

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