@lobehub/ui 1.103.3 → 1.104.0

package/es/ChatList/Item.d.ts

@@ -4,7 +4,7 @@ import { ChatMessage } from "../types/chatMessage";
 import { LLMRoleType } from "../types/llm";
 import { type ActionsBarProps } from './ActionsBar';
 export type OnMessageChange = (id: string, content: string) => void;
-export type OnActionClick = (actionKey: string, messageId: string) => void;
+export type OnActionClick = (props: ChatMessage) => void;
 export type RenderRole = LLMRoleType | 'default' | string;
 export type RenderItem = FC<{
     key: string;
@@ -21,13 +21,15 @@ export interface ListItemProps {
     /**
      * @description 点击操作按钮的回调函数
      */
-    onActionClick?: OnActionClick;
+    onActionsClick?: {
+        [role: RenderRole]: OnActionClick;
+    };
     /**
      * @description 消息变化的回调函数
      */
     onMessageChange?: OnMessageChange;
     renderActions?: {
-        [role: RenderRole]: RenderAction;
+        [actionKey: string]: RenderAction;
     };
     /**
      * @description 渲染错误消息的函数

package/es/ChatList/Item.js

@@ -1,19 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["renderMessagesExtra", "showTitle", "onActionClick", "onMessageChange", "type", "text", "renderMessages", "renderErrorMessages", "renderActions", "loading", "groupNav", "renderItems"];
+var _excluded = ["renderMessagesExtra", "showTitle", "onActionsClick", "onMessageChange", "type", "text", "renderMessages", "renderErrorMessages", "renderActions", "loading", "groupNav", "renderItems"];
 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 { App } from 'antd';
-import copy from 'copy-to-clipboard';
+import _copy from 'copy-to-clipboard';
 import { memo, useCallback, useMemo, useState } from 'react';
 import ChatItem from "../ChatItem";
 import ActionsBar from "./ActionsBar";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Item = /*#__PURE__*/memo(function (props) {
+  var _item$error2;
   var renderMessagesExtra = props.renderMessagesExtra,
     showTitle = props.showTitle,
-    _onActionClick = props.onActionClick,
+    onActionsClick = props.onActionsClick,
     onMessageChange = props.onMessageChange,
     type = props.type,
     text = props.text,
@@ -37,85 +38,104 @@ var Item = /*#__PURE__*/memo(function (props) {
     if (!renderFunction && renderItems !== null && renderItems !== void 0 && renderItems['default']) renderFunction = renderItems['default'];
     if (!renderFunction) return;
     return renderFunction;
-  }, [renderItems, item]);
-  var innerRenderMessage = useCallback(function (editableContent) {
+  }, [renderItems === null || renderItems === void 0 ? void 0 : renderItems[item.role]]);
+  var RenderMessage = useCallback(function (_ref) {
+    var editableContent = _ref.editableContent,
+      data = _ref.data;
     if (!renderMessages || !(item !== null && item !== void 0 && item.role)) return;
     var RenderFunction;
     if (renderMessages !== null && renderMessages !== void 0 && renderMessages[item.role]) RenderFunction = renderMessages[item.role];
     if (!RenderFunction && renderMessages !== null && renderMessages !== void 0 && renderMessages['default']) RenderFunction = renderMessages['default'];
     if (!RenderFunction) return;
-    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread(_objectSpread({}, item), {}, {
+    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread(_objectSpread({}, data), {}, {
       editableContent: editableContent
     }));
-  }, [renderMessages, item]);
-  var MessageExtra = useCallback(function () {
+  }, [renderMessages === null || renderMessages === void 0 ? void 0 : renderMessages[item.role]]);
+  var MessageExtra = useCallback(function (_ref2) {
+    var data = _ref2.data;
     if (!renderMessagesExtra || !(item !== null && item !== void 0 && item.role)) return;
     var RenderFunction;
     if (renderMessagesExtra !== null && renderMessagesExtra !== void 0 && renderMessagesExtra[item.role]) RenderFunction = renderMessagesExtra[item.role];
     if (renderMessagesExtra !== null && renderMessagesExtra !== void 0 && renderMessagesExtra['default']) RenderFunction = renderMessagesExtra['default'];
     if (!RenderFunction && !RenderFunction) return;
-    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread({}, item));
-  }, [renderMessagesExtra, item]);
-  var ErrorMessage = useCallback(function () {
+    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread({}, data));
+  }, [renderMessagesExtra === null || renderMessagesExtra === void 0 ? void 0 : renderMessagesExtra[item.role]]);
+  var ErrorMessage = useCallback(function (_ref3) {
     var _item$error;
+    var data = _ref3.data;
     if (!renderErrorMessages || !(item !== null && item !== void 0 && (_item$error = item.error) !== null && _item$error !== void 0 && _item$error.type)) return;
     var RenderFunction;
     if (renderErrorMessages !== null && renderErrorMessages !== void 0 && renderErrorMessages[item.error.type]) RenderFunction = renderErrorMessages[item.error.type];
     if (!RenderFunction && renderErrorMessages !== null && renderErrorMessages !== void 0 && renderErrorMessages['default']) RenderFunction = renderErrorMessages['default'];
     if (!RenderFunction) return;
-    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread({}, item));
-  }, [renderErrorMessages, item.error]);
-  var Actions = useCallback(function () {
+    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;
     var RenderFunction;
     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;
-    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread(_objectSpread({}, item), {}, {
+    return /*#__PURE__*/_jsx(RenderFunction, _objectSpread(_objectSpread({}, data), {}, {
       onActionClick: function onActionClick(actionKey) {
-        switch (actionKey) {
-          case 'copy':
-            {
-              copy(item.content);
-              message.success((text === null || text === void 0 ? void 0 : text.copySuccess) || 'Copy Success');
-              break;
-            }
-          case 'edit':
-            {
-              setEditing(true);
-              break;
-            }
-        }
-        _onActionClick === null || _onActionClick === void 0 ? void 0 : _onActionClick(actionKey, item.id);
+        return _onActionClick(actionKey, data);
       },
       text: text
     }));
-  }, [renderActions, item, text, _onActionClick]);
+  }, [renderActions === null || renderActions === void 0 ? void 0 : renderActions[item.role], text, _onActionClick]);
   var error = useMemo(function () {
-    var _item$error2;
+    var _item$error3;
     if (!item.error) return;
     return {
-      message: (_item$error2 = item.error) === null || _item$error2 === void 0 ? void 0 : _item$error2.message
+      message: (_item$error3 = item.error) === null || _item$error3 === void 0 ? void 0 : _item$error3.message
     };
   }, [item.error]);
   if (RenderItem) return /*#__PURE__*/_jsx(RenderItem, _objectSpread({}, props), item.id);
   return /*#__PURE__*/_jsx(ChatItem, {
-    actions: /*#__PURE__*/_jsx(Actions, {}),
+    actions: /*#__PURE__*/_jsx(Actions, {
+      data: item
+    }),
     avatar: item.meta,
     avatarAddon: groupNav,
     editing: editing,
     error: error,
-    errorMessage: /*#__PURE__*/_jsx(ErrorMessage, {}),
+    errorMessage: /*#__PURE__*/_jsx(ErrorMessage, {
+      data: item
+    }),
     loading: loading,
     message: item.content,
-    messageExtra: /*#__PURE__*/_jsx(MessageExtra, {}),
+    messageExtra: /*#__PURE__*/_jsx(MessageExtra, {
+      data: item
+    }),
     onChange: function onChange(value) {
       return onMessageChange === null || onMessageChange === void 0 ? void 0 : onMessageChange(item.id, value);
     },
     onEditingChange: setEditing,
     placement: type === 'chat' ? item.role === 'user' ? 'right' : 'left' : 'left',
     primary: item.role === 'user',
-    renderMessage: innerRenderMessage,
+    renderMessage: function renderMessage(editableContent) {
+      return /*#__PURE__*/_jsx(RenderMessage, {
+        data: item,
+        editableContent: editableContent
+      });
+    },
     showTitle: showTitle,
     text: text,
     time: item.updateAt || item.createAt,

package/es/ChatList/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["onActionClick", "renderMessagesExtra", "className", "data", "type", "text", "showTitle", "onMessageChange", "renderMessages", "renderErrorMessages", "loadingId", "renderItems", "enableHistoryCount", "renderActions", "historyCount"];
+var _excluded = ["onActionsClick", "renderMessagesExtra", "className", "data", "type", "text", "showTitle", "onMessageChange", "renderMessages", "renderErrorMessages", "loadingId", "renderItems", "enableHistoryCount", "renderActions", "historyCount"];
 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 { Fragment, memo } from 'react';
@@ -10,7 +10,7 @@ import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var ChatList = /*#__PURE__*/memo(function (_ref) {
-  var onActionClick = _ref.onActionClick,
+  var onActionsClick = _ref.onActionsClick,
     renderMessagesExtra = _ref.renderMessagesExtra,
     className = _ref.className,
     data = _ref.data,
@@ -37,7 +37,7 @@ var ChatList = /*#__PURE__*/memo(function (_ref) {
     children: data.map(function (item, index) {
       var itemProps = {
         loading: loadingId === item.id,
-        onActionClick: onActionClick,
+        onActionsClick: onActionsClick,
         onMessageChange: onMessageChange,
         renderActions: renderActions,
         renderErrorMessages: renderErrorMessages,

package/es/hooks/useChatListActionsBar.js

@@ -8,7 +8,7 @@ export var useChatListActionsBar = function useChatListActionsBar(text) {
     },
     del: {
       icon: Trash,
-      key: 'delete',
+      key: 'del',
       label: (text === null || text === void 0 ? void 0 : text.delete) || 'Delete'
     },
     divider: {

package/package.json

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