@lobehub/ui 1.106.1 → 1.106.2

package/es/ActionIconGroup/index.d.ts

@@ -7,6 +7,11 @@ export interface ActionIconGroupItems {
     key: string;
     label: string;
 }
+export interface ActionEvent {
+    item: ActionIconGroupItems;
+    key: string;
+    keyPath: string[];
+}
 export interface ActionIconGroupProps extends DivProps {
     /**
      * @description The direction of the icons
@@ -24,7 +29,7 @@ export interface ActionIconGroupProps extends DivProps {
      * @default []
      */
     items?: ActionIconGroupItems[];
-    onActionClick?: (key: string) => void;
+    onActionClick?: (action: ActionEvent) => void;
     /**
      * @description The position of the tooltip relative to the target
      * @enum ["top","left","right","bottom","topLeft","topRight","bottomLeft","bottomRight","leftTop","leftBottom","rightTop","rightBottom"]

package/es/ActionIconGroup/index.js

@@ -37,7 +37,11 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
       return /*#__PURE__*/_jsx(ActionIcon, {
         icon: item.icon,
         onClick: onActionClick ? function () {
-          return onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick(item.key);
+          return onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick({
+            item: item,
+            key: item.key,
+            keyPath: [item.key]
+          });
         } : undefined,
         placement: tooltipsPlacement,
         size: "small",
@@ -52,8 +56,12 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
               icon: item.icon,
               size: "small"
             }),
-            onClick: onActionClick ? function () {
-              return onActionClick(item.key);
+            onClick: onActionClick ? function (info) {
+              return onActionClick({
+                item: item,
+                key: info.key,
+                keyPath: info.keyPath
+              });
             } : undefined
           });
         })

package/es/ChatList/Item.d.ts

@@ -1,10 +1,11 @@
 import { FC, ReactNode } from 'react';
+import { ActionEvent } from "../ActionIconGroup";
 import { type ChatItemProps } from "../ChatItem";
 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 = (props: ChatMessage) => void;
+export type OnActionClick = (action: ActionEvent, message: ChatMessage) => void;
 export type RenderRole = LLMRoleType | 'default' | string;
 export type RenderItem = FC<{
     key: string;
@@ -21,9 +22,7 @@ export interface ListItemProps {
     /**
      * @description 点击操作按钮的回调函数
      */
-    onActionsClick?: {
-        [actionKey: string]: OnActionClick;
-    };
+    onActionsClick?: OnActionClick;
     /**
      * @description 消息变化的回调函数
      */

package/es/ChatList/Item.js

@@ -5,7 +5,7 @@ var _excluded = ["renderMessagesExtra", "showTitle", "onActionsClick", "onMessag
 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";
@@ -77,20 +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);
+    var handleActionClick = function handleActionClick(action, data) {
+      switch (action.key) {
+        case 'copy':
+          {
+            copy(data.content);
+            message.success((text === null || text === void 0 ? void 0 : text.copySuccess) || 'Copy Success');
+            break;
+          }
+        case 'edit':
+          {
+            setEditing(true);
+          }
       }
-    }, onActionsClick);
+      onActionsClick === null || onActionsClick === void 0 ? void 0 : onActionsClick(action, data);
+    };
     return /*#__PURE__*/_jsx(RenderFunction, _objectSpread(_objectSpread({}, data), {}, {
       onActionClick: function onActionClick(actionKey) {
-        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);
+        return handleActionClick === null || handleActionClick === void 0 ? void 0 : handleActionClick(actionKey, data);
       },
       text: text
     }));

package/es/ThemeProvider/index.js

@@ -4,9 +4,8 @@ var _excluded = ["children", "customStylish", "customToken", "enableWebfonts", "
 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 { ThemeProvider as AntdThemeProvider, StyleProvider, setupStyled } from 'antd-style';
-import { memo, useCallback, useEffect } from 'react';
-import { ThemeContext } from 'styled-components';
+import { ThemeProvider as AntdThemeProvider, StyleProvider } from 'antd-style';
+import { memo, useCallback } from 'react';
 import { useCdnFn } from "../ConfigProvider";
 import FontLoader from "../FontLoader";
 import { lobeCustomStylish, lobeCustomToken } from "../styles";
@@ -43,11 +42,6 @@ var ThemeProvider = /*#__PURE__*/memo(function (_ref) {
     pkg: 'katex',
     version: '0.16.8'
   })];
-  useEffect(function () {
-    setupStyled({
-      ThemeContext: ThemeContext
-    });
-  }, []);
   var stylish = useCallback(function (theme) {
     return _objectSpread(_objectSpread({}, lobeCustomStylish(theme)), customStylish === null || customStylish === void 0 ? void 0 : customStylish(theme));
   }, [customStylish]);

package/es/types/global.d.ts

@@ -1,5 +1,4 @@
 import 'antd-style';
-import { AntdToken } from 'antd-style/lib/types/theme';
 
 import { LobeCustomStylish } from './customStylish';
 import { LobeCustomToken } from './customToken';
@@ -10,7 +9,3 @@ declare module 'antd-style' {
   // eslint-disable-next-line @typescript-eslint/no-empty-interface
   export interface CustomStylish extends LobeCustomStylish {}
 }
-
-declare module 'styled-components' {
-  export interface DefaultTheme extends AntdToken, LobeCustomToken {}
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.106.1",
+  "version": "1.106.2",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -105,7 +105,6 @@
     "remark-gfm": "^3",
     "remark-math": "^5",
     "shikiji": "^0",
-    "styled-components": "^6",
     "swr": "^2",
     "three": "^0.150",
     "ts-md5": "^1",
@@ -143,6 +142,7 @@
     "remark": "^14",
     "remark-cli": "^11",
     "semantic-release": "^21",
+    "styled-components": "^6",
     "stylelint": "^15",
     "typescript": "^5",
     "vitest": "latest"