@lobehub/ui 1.38.1 → 1.38.3

package/es/ActionIconGroup/index.d.ts

@@ -24,7 +24,7 @@ export interface ActionIconGroupProps extends DivProps {
      * @default []
      */
     items?: ActionIconGroupItems[];
-    onActionClick: (key: string) => void;
+    onActionClick?: (key: string) => 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

@@ -22,8 +22,7 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
     direction = _ref$direction === void 0 ? 'row' : _ref$direction,
     _ref$dropdownMenu = _ref.dropdownMenu,
     dropdownMenu = _ref$dropdownMenu === void 0 ? [] : _ref$dropdownMenu,
-    _ref$onActionClick = _ref.onActionClick,
-    onActionClick = _ref$onActionClick === void 0 ? function () {} : _ref$onActionClick,
+    onActionClick = _ref.onActionClick,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
       direction: direction,
@@ -37,9 +36,9 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
     children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {}), items.map(function (item) {
       return /*#__PURE__*/_jsx(ActionIcon, {
         icon: item.icon,
-        onClick: function onClick() {
-          return onActionClick(item.key);
-        },
+        onClick: onActionClick ? function () {
+          return onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick(item.key);
+        } : undefined,
         placement: tooltipsPlacement,
         size: "small",
         title: item.label
@@ -53,9 +52,9 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
               icon: item.icon,
               size: "small"
             }),
-            onClick: function onClick() {
+            onClick: onActionClick ? function () {
               return onActionClick(item.key);
-            }
+            } : undefined
           });
         })
       },

package/es/ChatList/index.js

@@ -9,8 +9,7 @@ import ActionsBar from "./ActionsBar";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var ChatList = /*#__PURE__*/memo(function (_ref) {
-  var _ref$onActionClick = _ref.onActionClick,
-    _onActionClick = _ref$onActionClick === void 0 ? function () {} : _ref$onActionClick,
+  var onActionClick = _ref.onActionClick,
     className = _ref.className,
     data = _ref.data,
     _ref$type = _ref.type,
@@ -26,9 +25,9 @@ var ChatList = /*#__PURE__*/memo(function (_ref) {
     children: data.map(function (item) {
       return /*#__PURE__*/_jsx(ChatItem, {
         actions: /*#__PURE__*/_jsx(ActionsBar, {
-          onActionClick: function onActionClick(actionKey) {
-            return _onActionClick(actionKey, item.id);
-          },
+          onActionClick: onActionClick ? function (actionKey) {
+            return onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick(actionKey, item.id);
+          } : undefined,
           primary: item.role === 'user'
         }),
         avatar: item.meta,

package/es/ThemeProvider/index.js

@@ -3,7 +3,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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 } from 'react';
+import { memo, useCallback, useEffect } from 'react';
 import { ThemeContext } from 'styled-components';
 import FontLoader from "../FontLoader";
 import { lobeCustomStylish, lobeCustomToken, lobeTheme } from "../styles";
@@ -14,21 +14,31 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 var ThemeProvider = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
     themeMode = _ref.themeMode,
-    _ref$customStylish = _ref.customStylish,
-    _customStylish = _ref$customStylish === void 0 ? function () {
-      return {};
-    } : _ref$customStylish,
-    _ref$customToken = _ref.customToken,
-    _customToken = _ref$customToken === void 0 ? function () {
-      return {};
-    } : _ref$customToken,
+    customStylish = _ref.customStylish,
+    customToken = _ref.customToken,
     _ref$enableWebfonts = _ref.enableWebfonts,
     enableWebfonts = _ref$enableWebfonts === void 0 ? true : _ref$enableWebfonts,
     _ref$webfonts = _ref.webfonts,
     webfonts = _ref$webfonts === void 0 ? ['https://npm.elemecdn.com/@lobehub/webfont-mono/css/index.css', 'https://npm.elemecdn.com/@lobehub/webfont-harmony-sans/css/index.css', 'https://npm.elemecdn.com/@lobehub/webfont-harmony-sans-sc/css/index.css'] : _ref$webfonts;
-  setupStyled({
-    ThemeContext: ThemeContext
-  });
+  useEffect(function () {
+    setupStyled({
+      ThemeContext: ThemeContext
+    });
+  }, []);
+  var stylish = useCallback(function (theme) {
+    var stylish = {};
+    if (customStylish) {
+      stylish = customStylish(theme);
+    }
+    return _objectSpread(_objectSpread({}, lobeCustomStylish(theme)), stylish);
+  }, [customStylish]);
+  var token = useCallback(function (theme) {
+    var token = {};
+    if (customToken) {
+      token = customToken(theme);
+    }
+    return _objectSpread(_objectSpread({}, lobeCustomToken(theme)), token);
+  }, [customToken]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [enableWebfonts && (webfonts === null || webfonts === void 0 ? void 0 : webfonts.length) > 0 && webfonts.map(function (webfont, index) {
       return /*#__PURE__*/_jsx(FontLoader, {
@@ -37,12 +47,8 @@ var ThemeProvider = /*#__PURE__*/memo(function (_ref) {
     }), /*#__PURE__*/_jsx(StyleProvider, {
       speedy: process.env.NODE_ENV === 'production',
       children: /*#__PURE__*/_jsxs(AntdThemeProvider, {
-        customStylish: function customStylish(theme) {
-          return _objectSpread(_objectSpread({}, lobeCustomStylish(theme)), _customStylish(theme));
-        },
-        customToken: function customToken(theme) {
-          return _objectSpread(_objectSpread({}, lobeCustomToken(theme)), _customToken(theme));
-        },
+        customStylish: stylish,
+        customToken: token,
         theme: lobeTheme,
         themeMode: themeMode,
         children: [/*#__PURE__*/_jsx(GlobalStyle, {}), /*#__PURE__*/_jsx(App, {

package/package.json

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