@lobehub/ui 1.106.0 → 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/hooks/useHighlight.d.ts

@@ -1,3 +1,3 @@
-export declare const FALLBACK_LANG = "markdown";
-export declare const useHighlight: (text: string, language: string, isDarkMode: boolean) => import("swr/_internal").SWRResponse<string, any, any>;
+export declare const FALLBACK_LANG = "txt";
+export declare const useHighlight: (text: string, lang: string, isDarkMode: boolean) => import("swr/_internal").SWRResponse<string, any, any>;
 export { default as languageMap } from './languageMap';

package/es/hooks/useHighlight.js

@@ -3,33 +3,37 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { getHighlighter } from 'shikiji';
 import useSWR from 'swr';
 import { themeConfig } from "../Highlighter/theme";
-export var FALLBACK_LANG = 'markdown';
+import languageMap from "./languageMap";
+export var FALLBACK_LANG = 'txt';
 var FALLBACK_LANGS = [FALLBACK_LANG];
 var cacheHighlighter;
 var initHighlighter = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(lang) {
-    var highlighter;
+    var highlighter, language;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           highlighter = cacheHighlighter;
-          if (!(highlighter && FALLBACK_LANGS.includes(lang))) {
-            _context.next = 5;
+          language = lang.toLowerCase();
+          if (!(highlighter && FALLBACK_LANGS.includes(language))) {
+            _context.next = 4;
             break;
           }
           return _context.abrupt("return", highlighter);
-        case 5:
-          FALLBACK_LANGS.push(lang);
-          _context.next = 8;
+        case 4:
+          if (languageMap.includes(language) && !FALLBACK_LANGS.includes(language)) {
+            FALLBACK_LANGS.push(language);
+          }
+          _context.next = 7;
           return getHighlighter({
             langs: FALLBACK_LANGS,
             themes: [themeConfig(true), themeConfig(false)]
           });
-        case 8:
+        case 7:
           highlighter = _context.sent;
           cacheHighlighter = highlighter;
           return _context.abrupt("return", highlighter);
-        case 11:
+        case 10:
         case "end":
           return _context.stop();
       }
@@ -39,31 +43,32 @@ var initHighlighter = /*#__PURE__*/function () {
     return _ref.apply(this, arguments);
   };
 }();
-export var useHighlight = function useHighlight(text, language, isDarkMode) {
-  return useSWR([text, language, Number(isDarkMode)].join('-'), /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-    var highlighter, html;
+export var useHighlight = function useHighlight(text, lang, isDarkMode) {
+  return useSWR([lang.toLowerCase(), isDarkMode ? 'dark' : 'light', text].join('-'), /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var language, highlighter, html;
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _context2.prev = 0;
-          _context2.next = 3;
+          language = lang.toLowerCase();
+          _context2.next = 4;
           return initHighlighter(language);
-        case 3:
+        case 4:
           highlighter = _context2.sent;
           html = highlighter === null || highlighter === void 0 ? void 0 : highlighter.codeToHtml(text, {
-            lang: language,
+            lang: languageMap.includes(language) ? language : FALLBACK_LANG,
             theme: isDarkMode ? 'dark' : 'light'
           });
           return _context2.abrupt("return", html);
-        case 8:
-          _context2.prev = 8;
+        case 9:
+          _context2.prev = 9;
           _context2.t0 = _context2["catch"](0);
           return _context2.abrupt("return", "<pre><code>".concat(text, "</code></pre>"));
-        case 11:
+        case 12:
         case "end":
           return _context2.stop();
       }
-    }, _callee2, null, [[0, 8]]);
+    }, _callee2, null, [[0, 9]]);
   })));
 };
 export { default as languageMap } from "./languageMap";

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.0",
+  "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"