@lobehub/ui 1.104.0 → 1.104.2

package/es/ActionIconGroup/index.js

@@ -33,7 +33,7 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: styles.container
   }, props), {}, {
-    children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {}), items.map(function (item) {
+    children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {}), (items === null || items === void 0 ? void 0 : items.length) > 0 && items.map(function (item) {
       return /*#__PURE__*/_jsx(ActionIcon, {
         icon: item.icon,
         onClick: onActionClick ? function () {
@@ -43,7 +43,7 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
         size: "small",
         title: item.label
       }, item.key);
-    }), dropdownMenu && /*#__PURE__*/_jsx(Dropdown, {
+    }), (dropdownMenu === null || dropdownMenu === void 0 ? void 0 : dropdownMenu.length) > 0 && /*#__PURE__*/_jsx(Dropdown, {
       menu: {
         items: dropdownMenu.map(function (item) {
           if (item.type) return item;

package/es/Burger/index.js

@@ -34,17 +34,19 @@ var Burger = /*#__PURE__*/memo(function (_ref) {
       icon: opened ? X : MenuIcon,
       size: "site"
     }), /*#__PURE__*/_jsxs(Drawer, {
-      bodyStyle: {
-        padding: 0
-      },
       className: styles.drawer,
       closeIcon: undefined,
-      headerStyle: {
-        display: 'none'
-      },
       open: opened,
       placement: 'left',
       rootClassName: styles.drawerRoot,
+      styles: {
+        body: {
+          padding: 0
+        },
+        header: {
+          display: 'none'
+        }
+      },
       width: '100vw',
       children: [/*#__PURE__*/_jsx(Menu, {
         className: styles.menu,

package/es/ChatItem/components/Actions.js

@@ -16,7 +16,7 @@ var Actions = /*#__PURE__*/memo(function (_ref) {
   return /*#__PURE__*/_jsx(Flexbox, {
     align: 'flex-start',
     className: styles.actions,
-    role: "widget",
+    role: "menubar",
     children: actions
   });
 });

package/es/ChatItem/style.js

@@ -24,7 +24,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     alert: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral([""]))),
     avatarContainer: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        position: relative;\n        flex: none;\n        width: ", "px;\n        height: ", "px;\n      "])), avatarSize, avatarSize),
     avatarGroupContainer: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        width: ", "px;\n      "])), avatarSize),
-    container: cx(type === 'pure' && pureContainerStylish, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n          position: relative;\n          width: 100%;\n          max-width: 100vw;\n          padding: 12px 16px;\n\n          time {\n            display: inline-block;\n            white-space: nowrap;\n          }\n\n          div[role='widget'] {\n            display: flex;\n          }\n\n          time,\n          div[role='widget'] {\n            pointer-events: none;\n            opacity: 0;\n            transition: opacity 200ms ", ";\n          }\n\n          &:hover {\n            time,\n            div[role='widget'] {\n              pointer-events: unset;\n              opacity: 1;\n            }\n          }\n\n          ", " {\n            padding: 4px 16px;\n          }\n        "])), token.motionEaseOut, responsive.mobile)),
+    container: cx(type === 'pure' && pureContainerStylish, css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n          position: relative;\n          width: 100%;\n          max-width: 100vw;\n          padding: 12px 16px;\n\n          time {\n            display: inline-block;\n            white-space: nowrap;\n          }\n\n          div[role='menubar'] {\n            display: flex;\n          }\n\n          time,\n          div[role='menubar'] {\n            pointer-events: none;\n            opacity: 0;\n            transition: opacity 200ms ", ";\n          }\n\n          &:hover {\n            time,\n            div[role='menubar'] {\n              pointer-events: unset;\n              opacity: 1;\n            }\n          }\n\n          ", " {\n            padding: 4px 16px;\n          }\n        "])), token.motionEaseOut, responsive.mobile)),
     editingContainer: cx(editingStylish, css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n          padding: 8px 12px 12px;\n          border: 1px solid ", ";\n\n          &:active,\n          &:hover {\n            border-color: ", ";\n          }\n        "])), token.colorBorderSecondary, token.colorBorder), type === 'pure' && css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n            background: ", ";\n            border-radius: ", "px;\n          "])), token.colorFillQuaternary, token.borderRadius)),
     editingInput: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        width: 100%;\n      "]))),
     loading: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        position: absolute;\n        right: ", ";\n        bottom: 0;\n        left: ", ";\n\n        width: 16px;\n        height: 16px;\n\n        color: ", ";\n\n        background: ", ";\n        border-radius: 50%;\n      "])), placement === 'left' ? '-4px' : 'unset', placement === 'right' ? '-4px' : 'unset', token.colorBgLayout, token.colorPrimary),

package/es/ChatList/Item.d.ts

@@ -22,7 +22,7 @@ export interface ListItemProps {
      * @description 点击操作按钮的回调函数
      */
     onActionsClick?: {
-        [role: RenderRole]: OnActionClick;
+        [actionKey: string]: OnActionClick;
     };
     /**
      * @description 消息变化的回调函数

package/es/ChatList/Item.js

@@ -70,22 +70,6 @@ var Item = /*#__PURE__*/memo(function (props) {
     if (!RenderFunction) return;
     return /*#__PURE__*/_jsx(RenderFunction, _objectSpread({}, data));
   }, [renderErrorMessages === null || renderErrorMessages === void 0 ? void 0 : renderErrorMessages[item === null || item === void 0 ? void 0 : (_item$error2 = item.error) === null || _item$error2 === void 0 ? void 0 : _item$error2.type]]);
-  var _onActionClick = useCallback(function (actionKey, data) {
-    if (!actionKey) return;
-    var handleActionClick = _objectSpread({
-      copy: function copy(data) {
-        _copy(data.content);
-        message.success((text === null || text === void 0 ? void 0 : text.copySuccess) || 'Copy Success');
-      },
-      edit: function edit() {
-        return setEditing(true);
-      }
-    }, onActionsClick);
-    return function () {
-      var _handleActionClick$ac;
-      return handleActionClick === null || handleActionClick === void 0 ? void 0 : (_handleActionClick$ac = handleActionClick[actionKey]) === null || _handleActionClick$ac === void 0 ? void 0 : _handleActionClick$ac.call(handleActionClick, data);
-    };
-  }, [onActionsClick === null || onActionsClick === void 0 ? void 0 : onActionsClick[item.role], text]);
   var Actions = useCallback(function (_ref4) {
     var data = _ref4.data;
     if (!renderActions || !(item !== null && item !== void 0 && item.role)) return;
@@ -93,13 +77,24 @@ var Item = /*#__PURE__*/memo(function (props) {
     if (renderActions !== null && renderActions !== void 0 && renderActions[item.role]) RenderFunction = renderActions[item.role];
     if (renderActions !== null && renderActions !== void 0 && renderActions['default']) RenderFunction = renderActions['default'];
     if (!RenderFunction) RenderFunction = ActionsBar;
+    var handleActionClick = _objectSpread({
+      copy: function copy(_ref5) {
+        var content = _ref5.content;
+        _copy(content);
+        message.success((text === null || text === void 0 ? void 0 : text.copySuccess) || 'Copy Success');
+      },
+      edit: function edit() {
+        return setEditing(true);
+      }
+    }, onActionsClick);
     return /*#__PURE__*/_jsx(RenderFunction, _objectSpread(_objectSpread({}, data), {}, {
       onActionClick: function onActionClick(actionKey) {
-        return _onActionClick(actionKey, data);
+        var _handleActionClick$ac;
+        return handleActionClick === null || handleActionClick === void 0 ? void 0 : (_handleActionClick$ac = handleActionClick[actionKey]) === null || _handleActionClick$ac === void 0 ? void 0 : _handleActionClick$ac.call(handleActionClick, data);
       },
       text: text
     }));
-  }, [renderActions === null || renderActions === void 0 ? void 0 : renderActions[item.role], text, _onActionClick]);
+  }, [renderActions === null || renderActions === void 0 ? void 0 : renderActions[item.role], text, onActionsClick]);
   var error = useMemo(function () {
     var _item$error3;
     if (!item.error) return;

package/es/MessageModal/index.js

@@ -43,9 +43,6 @@ var MessageModal = /*#__PURE__*/memo(function (_ref) {
     overflowY: 'auto'
   };
   return /*#__PURE__*/_jsx(Modal, {
-    bodyStyle: mobile ? {
-      padding: 16
-    } : {},
     cancelText: (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel',
     footer: isEdit ? null : undefined,
     okText: (text === null || text === void 0 ? void 0 : text.edit) || 'Edit',
@@ -56,6 +53,11 @@ var MessageModal = /*#__PURE__*/memo(function (_ref) {
       return setTyping(true);
     },
     open: expand,
+    styles: mobile ? {
+      body: {
+        padding: 16
+      }
+    } : {},
     title: (text === null || text === void 0 ? void 0 : text.title) || 'Prompt',
     children: isEdit ? /*#__PURE__*/_jsx(MessageInput, {
       defaultValue: value,

package/es/Modal/index.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _excluded = ["children", "title", "className", "wrapClassName", "width", "onCancel", "open", "destroyOnClose", "bodyStyle"];
+var _excluded = ["children", "title", "className", "wrapClassName", "width", "onCancel", "open", "destroyOnClose"];
 var _templateObject, _templateObject2;
 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; }
@@ -32,7 +32,6 @@ var Modal = /*#__PURE__*/memo(function (_ref2) {
     onCancel = _ref2.onCancel,
     open = _ref2.open,
     destroyOnClose = _ref2.destroyOnClose,
-    bodyStyle = _ref2.bodyStyle,
     props = _objectWithoutProperties(_ref2, _excluded);
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
@@ -41,9 +40,6 @@ var Modal = /*#__PURE__*/memo(function (_ref2) {
     cx = _useStyles.cx,
     theme = _useStyles.theme;
   if (mobile) return /*#__PURE__*/_jsx(Drawer, {
-    bodyStyle: bodyStyle || {
-      padding: 0
-    },
     closeIcon: /*#__PURE__*/_jsx(ActionIcon, {
       icon: X,
       size: {
@@ -55,14 +51,19 @@ var Modal = /*#__PURE__*/memo(function (_ref2) {
     drawerStyle: {
       background: "linear-gradient(to bottom, ".concat(theme.colorBgContainer, ", ").concat(theme.colorBgLayout, ")")
     },
-    headerStyle: {
-      padding: '8px 4px'
-    },
     height: '75vh',
     maskClassName: cx(styles.wrap, wrapClassName),
     onClose: onCancel,
     open: open,
     placement: 'bottom',
+    styles: _objectSpread({
+      body: {
+        padding: 0
+      },
+      header: {
+        padding: '8px 4px'
+      }
+    }, props.styles),
     title: title,
     children: children
   });
@@ -73,7 +74,6 @@ var Modal = /*#__PURE__*/memo(function (_ref2) {
       }
     },
     children: /*#__PURE__*/_jsx(AntModal, _objectSpread(_objectSpread({
-      bodyStyle: bodyStyle,
       className: cx(styles.content, className),
       closable: true,
       closeIcon: /*#__PURE__*/_jsx(Icon, {

package/es/index.d.ts

@@ -9,6 +9,7 @@ export { default as ChatInputArea, type ChatInputAreaProps } from './ChatInputAr
 export { default as ChatItem, type ChatItemProps } from './ChatItem';
 export type { ChatListProps, OnActionClick, OnMessageChange, RenderAction, RenderErrorMessage, RenderItem, RenderMessage, RenderMessageExtra, } from './ChatList';
 export { default as ChatList } from './ChatList';
+export { default as ActionsBar, type ActionsBarProps } from './ChatList/ActionsBar';
 export { default as CodeEditor, type CodeEditorProps } from './CodeEditor';
 export { default as ColorScales, type ColorScalesProps } from './ColorScales';
 export { type Config, default as ConfigProvider, useCdnFn } from './ConfigProvider';

package/es/index.js

@@ -8,6 +8,7 @@ export { default as ChatHeaderTitle } from "./ChatHeader/ChatHeaderTitle";
 export { default as ChatInputArea } from "./ChatInputArea";
 export { default as ChatItem } from "./ChatItem";
 export { default as ChatList } from "./ChatList";
+export { default as ActionsBar } from "./ChatList/ActionsBar";
 export { default as CodeEditor } from "./CodeEditor";
 export { default as ColorScales } from "./ColorScales";
 export { default as ConfigProvider, useCdnFn } from "./ConfigProvider";

package/es/types/chatMessage.d.ts

@@ -21,13 +21,7 @@ export interface ChatMessage extends BaseDataModel {
      */
     content: string;
     error?: any;
-    extra?: {
-        fromModel?: string;
-        translate?: {
-            target: string;
-            to: string;
-        };
-    } & Record<string, any>;
+    extra?: any;
     /**
      * replace with plugin
      * @deprecated

package/package.json

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